How to use the @material/drawer.MDCTemporaryDrawerFoundation.strings function in @material/drawer

To help you get started, we’ve selected a few @material/drawer examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github material-components / material-components-web / framework-examples / vue / src / v-mdc-drawer / TemporaryDrawer.vue View on Github external
mounted () {
    const {FOCUSABLE_ELEMENTS, OPACITY_VAR_NAME} = MDCTemporaryDrawerFoundation.strings;

    let vm = this;
    this.foundation = new MDCTemporaryDrawerFoundation({
      addClass (className) {
        vm.$set(vm.classes, className, true);
      },
      removeClass (className) {
        vm.$delete(vm.classes, className);
      },
      hasClass (className) {
        return Boolean(vm.classes[className]) || (vm.$el && vm.$el.classList.contains(className));
      },
      hasNecessaryDom () {
        return Boolean(vm.$refs.drawer);
      },
      registerInteractionHandler (evt, handler) {
github src-zone / material / bundle / src / components / drawer / mdc.drawer.directive.ts View on Github external
updateCssVariable: (value: string) => {
                if (util.supportsCssCustomProperties())
                    this._elm.nativeElement.style.setProperty(MDCTemporaryDrawerFoundation.strings.OPACITY_VAR_NAME, value);
            },
            eventTargetHasClass: (target: HTMLElement, className: string) => {