@rei/cedar 11.0.1 → 13.0.0-alpha.3

package/dist/lib/src/components/tabs/CdrTabs.vue_vue_type_script_lang.mjs

@@ -0,0 +1,287 @@
+import { buildClass } from '../../utils/buildClass.mjs';
+import { defineComponent, ref, provide, computed, onMounted, nextTick, useCssModule } from 'vue';
+import debounce from 'lodash/debounce';
+import mapClasses from '../../utils/mapClasses.mjs';
+import { CdrColorBackgroundPrimary, CdrSpaceHalfX, CdrSpaceOneX } from '../../../node_modules/@rei/cdr-tokens/dist/js/cdr-tokens.esm.mjs';
+
+var script = defineComponent({
+  name: 'CdrTabs',
+  props: {
+    height: {
+      type: String,
+      default: '240px',
+    },
+    activeTab: {
+      type: Number,
+      default: 0,
+    },
+    modifier: String,
+    size: String,
+    backgroundColor: {
+      type: String,
+      default: CdrColorBackgroundPrimary,
+    },
+  },
+  setup(props, ctx) {
+
+    const tabs = ref([]);
+    provide('tabs', tabs);
+
+    const underlineOffsetX = ref(0);
+    const underlineWidth = ref(0);
+    // const underlineScrollX = ref(0); // ????
+    const activeTabIndex = ref(0);
+    const headerWidth = ref(0);
+    const headerOverflow = ref(false);
+    const overflowLeft = ref(false);
+    const overflowRight = ref(false);
+
+
+    const containerEl = ref(null);
+    const slotWrapperEl = ref(null);
+    const cdrTabsHeaderEl = ref(null);
+
+    const baseClass = 'cdr-tabs';
+    const modifierClass = computed(() => buildClass('cdr-tabs', props.modifier));
+    const sizeClass = computed(() => props.size && buildClass('cdr-tabs', props.size));
+
+    const underlineStyle = computed(() => {
+      return {
+        transform: `translateX(${underlineOffsetX.value}px)`,
+        width: `${underlineWidth.value}px`,
+      };
+    });
+    const gradientLeftStyle = computed(() => {
+      const gradient = `linear-gradient(to left, rgba(255, 255, 255, 0), ${props.backgroundColor})`;
+      return {
+        background: gradient,
+      };
+    });
+    const gradientRightStyle = computed(() => {
+      const gradient = `linear-gradient(to right, rgba(255, 255, 255, 0), ${props.backgroundColor})`;
+      return {
+        background: gradient,
+      };
+    });
+
+// TODO: i feel it in my heart that these 2 function can be 1-liners
+    const getNextTab = (startIndex) => {
+      for (let i = startIndex; i < tabs.value.length; i += 1) {
+        if (!tabs.value[i].disabled) {
+          return i;
+        }
+      }
+
+      if (startIndex !== 0) {
+        for (let k = 0; k < startIndex; k += 1) {
+          if (!tabs.value[k].disabled) {
+            return k;
+          }
+        }
+      }
+
+      return -1;
+    };
+
+    const getPreviousTab = (startIndex) => {
+      for (let i = startIndex; i > -1; i -= 1) {
+        if (!tabs.value[i].disabled) {
+          return i;
+        }
+      }
+
+      if (startIndex !== tabs.value.length - 1) {
+        for (let k = tabs.value.length - 1; k > startIndex; k -= 1) {
+          if (!tabs.value[k].disabled) {
+            return k;
+          }
+        }
+      }
+
+      return -1;
+    };
+
+    const handleClick = debounce(function handleClickCallback(tabClicked) {
+      // TODO: render index in buttons to bind this event, no need to find index????
+      const newIndex = tabs.value.findIndex((tab) => tabClicked.name === tab.name);
+      changeTab(newIndex);
+    }, 500, { leading: true, trailing: false });
+
+    const changeTab = (newIndex) => {
+      const oldIndex = activeTabIndex.value;
+
+      hideScrollBar();
+      if (newIndex > oldIndex) {
+        tabs.value[oldIndex].setAnimationDirection('exit-left');
+        tabs.value[oldIndex].setActive(false);
+        setTimeout(() => {
+          tabs.value[newIndex].setActive(true);
+          tabs.value[newIndex].setAnimationDirection('enter-right');
+        }, 200);
+      } else {
+        tabs.value[oldIndex].setAnimationDirection('exit-right');
+        tabs.value[oldIndex].setActive(false);
+        setTimeout(() => {
+          tabs.value[newIndex].setActive(true);
+          tabs.value[newIndex].setAnimationDirection('enter-left');
+        }, 200);
+      }
+      activeTabIndex.value = newIndex;
+      updateUnderline();
+      cdrTabsHeaderEl.value.children[activeTabIndex.value].focus();
+    };
+    const rightArrowNav = debounce(function handleRightArrow() {
+      const nextTab = getNextTab(activeTabIndex.value + 1);
+      if (nextTab !== -1) {
+        changeTab(nextTab);
+      }
+    }, 300, { leading: true, trailing: false });
+
+    const leftArrowNav = debounce(function handleLeftArrow() {
+      const previousTab = getPreviousTab(activeTabIndex.value - 1);
+      if (previousTab !== -1) {
+        changeTab(previousTab);
+      }
+    }, 300, { leading: true, trailing: false });
+
+    const calculateOverflow = () => {
+      let containerWidth = 0;
+      if (containerEl.value) {
+        containerWidth = containerEl.value.offsetWidth;
+      }
+      headerOverflow.value = headerWidth.value > containerWidth;
+      if (headerOverflow.value) {
+        // Get Scroll Position
+        const scrollX = cdrTabsHeaderEl.value.parentElement.scrollLeft;
+        overflowLeft.value = scrollX > 1;
+        overflowRight.value = (scrollX + 1) < (headerWidth.value - containerWidth);
+      } else {
+        overflowLeft.value = false;
+        overflowRight.value = false;
+      }
+    };
+    const updateUnderline = () => {
+      const elements = Array.from(cdrTabsHeaderEl.value.children); // TODO: cache this? probably?
+      if (elements.length > 0) {
+        const activeTab = elements[activeTabIndex.value];
+        const activeRect = activeTab.getBoundingClientRect();
+        const parentRect = cdrTabsHeaderEl.value.getBoundingClientRect();
+        const offset = activeRect.x - parentRect.x;
+
+        underlineOffsetX.value = offset
+          - cdrTabsHeaderEl.value.parentElement.scrollLeft;
+        underlineWidth.value = activeRect.width;
+
+        // shrink/hide the underline if it scrolls outside the container
+        if (underlineOffsetX.value + underlineWidth.value >= parentRect.width) {
+          underlineWidth.value = Math.max(0, parentRect.width - underlineOffsetX.value);
+          underlineOffsetX.value = Math.min(underlineOffsetX.value, parentRect.width);
+        } else if (underlineOffsetX.value < 0) {
+          underlineWidth.value = Math.max(0, underlineWidth.value + underlineOffsetX.value);
+          underlineOffsetX.value = 0;
+        }
+      }
+    };
+    // TODO: what?
+    const handleDownArrowNav = () => {
+    };
+    // TODO: listen for events emitted from tabs???
+    const setFocusToActiveTabHeader = () => {
+      cdrTabsHeaderEl.value.children[activeTabIndex.value].focus();
+    };
+    const getHeaderWidth = () => {
+      let headerElements = [];
+      if (cdrTabsHeaderEl.value) {
+        headerElements = Array.from(cdrTabsHeaderEl.value.children);
+      }
+      let totalWidth = 0;
+      headerElements.forEach((element, i) => {
+        // account for margin-left on header elements
+        if (i > 0) {
+          totalWidth += props.size === 'small' ? Number(CdrSpaceHalfX) : Number(CdrSpaceOneX);
+        }
+        totalWidth += element.offsetWidth || 0;
+      });
+      return totalWidth;
+    };
+    const hideScrollBar = () => {
+      const containerRef = containerEl.value.style;
+      const slotRef = slotWrapperEl.value.style;
+      window.addEventListener('transitionend', () => {
+        containerRef.setProperty('overflow-x', 'unset');
+        slotRef.setProperty('overflow-y', 'unset');
+      }, { once: true });
+      containerRef.setProperty('overflow-x', 'hidden');
+      slotRef.setProperty('overflow-y', 'hidden');
+    };
+
+    onMounted(() => {
+
+      activeTabIndex.value = getNextTab(props.activeTab);
+
+      if (tabs.value[activeTabIndex.value] && tabs.value[activeTabIndex.value].setActive) {
+        tabs.value[activeTabIndex.value].setActive(true);
+      }
+
+      nextTick(() => {
+        headerWidth.value = getHeaderWidth();
+        calculateOverflow();
+        setTimeout(() => {
+          updateUnderline();
+        }, 500);
+      });
+      // Check for header overflow on window resize for gradient behavior.
+      window.addEventListener('resize', debounce(() => {
+        headerWidth.value = getHeaderWidth();
+        calculateOverflow();
+        updateUnderline();
+      }, 500));
+      // Check for header overflow on widow resize for gradient behavior.
+      cdrTabsHeaderEl.value.parentElement.addEventListener('scroll', debounce(() => {
+        calculateOverflow();
+        updateUnderline();
+      }, 50));
+    });
+
+    return {
+      style: useCssModule(),
+      mapClasses,
+      baseClass,
+      modifierClass,
+      sizeClass,
+      tabs,
+
+      // containerHeight, // ????
+      overflowLeft,
+      overflowRight,
+
+      rightArrowNav,
+      leftArrowNav,
+      handleDownArrowNav,
+      handleClick,
+
+      cdrTabsHeaderEl,
+      slotWrapperEl,
+      containerEl,
+
+      underlineStyle,
+      gradientLeftStyle,
+      gradientRightStyle,
+
+
+      getHeaderWidth,
+      calculateOverflow,
+      updateUnderline,
+      hideScrollBar,
+      changeTab,
+      getNextTab,
+      getPreviousTab,
+
+      activeTabIndex,
+      setFocusToActiveTabHeader,
+      headerOverflow,
+    };
+  },
+});
+
+export { script as default };

package/dist/lib/src/components/tabs/CdrTabs.vue_vue_type_template_id_0b62a2ae_lang.mjs

@@ -0,0 +1,75 @@
+import { openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, withKeys, withModifiers, Fragment, renderList, toDisplayString, renderSlot } from 'vue';
+
+const _hoisted_1 = ["aria-selected", "aria-controls", "id", "tabIndex", "onClick"];
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (openBlock(), createElementBlock("div", {
+    class: normalizeClass(_ctx.mapClasses(_ctx.style, _ctx.baseClass, _ctx.modifierClass, _ctx.sizeClass)),
+    ref: "containerEl",
+    style: normalizeStyle({ height: _ctx.height })
+  }, [
+    createElementVNode("div", {
+      class: normalizeClass(_ctx.style['cdr-tabs__gradient-container']),
+      onKeyup: [
+        _cache[0] || (_cache[0] = withKeys((...args) => (_ctx.rightArrowNav && _ctx.rightArrowNav(...args)), ["right"])),
+        _cache[1] || (_cache[1] = withKeys((...args) => (_ctx.leftArrowNav && _ctx.leftArrowNav(...args)), ["left"]))
+      ],
+      onKeydown: _cache[2] || (_cache[2] = withKeys(withModifiers((...args) => (_ctx.handleDownArrowNav && _ctx.handleDownArrowNav(...args)), ["prevent"]), ["down"]))
+    }, [
+      createElementVNode("div", {
+        class: normalizeClass(_ctx.mapClasses(_ctx.style,
+        'cdr-tabs__gradient',
+        'cdr-tabs__gradient--left',
+          _ctx.overflowLeft ? 'cdr-tabs__gradient--active' : ''
+        )),
+        style: normalizeStyle(_ctx.gradientLeftStyle)
+      }, null, 6 /* CLASS, STYLE */),
+      createElementVNode("nav", {
+        class: normalizeClass(_ctx.style['cdr-tabs__header-container'])
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.style['cdr-tabs__header']),
+          role: "tablist",
+          ref: "cdrTabsHeaderEl"
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabs, (tab, i) => {
+            return (openBlock(), createElementBlock("button", {
+              role: "tab",
+              "aria-selected": tab.disabled ? '' : _ctx.activeTabIndex === i,
+              "aria-controls": tab.disabled ? '' : tab.id,
+              id: tab.disabled ? '' : tab.ariaLabelledby,
+              key: tab.id,
+              class: normalizeClass(_ctx.mapClasses(_ctx.style,
+              (_ctx.activeTabIndex === i && !tab.disabled) ? 'cdr-tabs__header-item-active' : '',
+              'cdr-tabs__header-item',
+              tab.disabled ? 'cdr-tabs__header-item--disabled' : '',
+            )),
+              tabIndex: (_ctx.activeTabIndex === i && !tab.disabled) ? 0 : -1,
+              onClick: withModifiers((e) => tab.disabled ? null : _ctx.handleClick(tab, e), ["prevent"])
+            }, toDisplayString(tab.name), 11 /* TEXT, CLASS, PROPS */, _hoisted_1))
+          }), 128 /* KEYED_FRAGMENT */))
+        ], 2 /* CLASS */)
+      ], 2 /* CLASS */),
+      createElementVNode("div", {
+        class: normalizeClass(_ctx.mapClasses(_ctx.style,
+        'cdr-tabs__gradient',
+        'cdr-tabs__gradient--right',
+        _ctx.overflowRight ? 'cdr-tabs__gradient--active' : '',
+      )),
+        style: normalizeStyle(_ctx.gradientRightStyle)
+      }, null, 6 /* CLASS, STYLE */),
+      createElementVNode("div", {
+        class: normalizeClass(_ctx.style['cdr-tabs__underline']),
+        style: normalizeStyle(_ctx.underlineStyle)
+      }, null, 6 /* CLASS, STYLE */)
+    ], 34 /* CLASS, HYDRATE_EVENTS */),
+    createElementVNode("div", {
+      class: normalizeClass(_ctx.style['cdr-tabs__content-container']),
+      ref: "slotWrapperEl"
+    }, [
+      renderSlot(_ctx.$slots, "default")
+    ], 2 /* CLASS */)
+  ], 6 /* CLASS, STYLE */))
+}
+
+export { render };

package/dist/lib/src/components/tabs/styles/CdrTabPanel.module.scss_vue_type_style_index_0_src_id_2950521f_module_true_lang.css.mjs

@@ -0,0 +1,3 @@
+var style0 = {"cdr-tab-panel":"cdr-tab-panel_13-0-0-alpha-3","cdr-tab-panel-enter-left":"cdr-tab-panel-enter-left_13-0-0-alpha-3","cdr-tab-panel-enter-right":"cdr-tab-panel-enter-right_13-0-0-alpha-3","cdr-tab-panel-exit-left":"cdr-tab-panel-exit-left_13-0-0-alpha-3","cdr-tab-panel-exit-right":"cdr-tab-panel-exit-right_13-0-0-alpha-3"};
+
+export { style0 as default };

package/dist/lib/src/components/tabs/styles/CdrTabs.module.scss_vue_type_style_index_0_src_id_0b62a2ae_module_true_lang.css.mjs

@@ -0,0 +1,3 @@
+var style0 = {"cdr-tabs":"cdr-tabs_13-0-0-alpha-3","cdr-tabs__header-container":"cdr-tabs__header-container_13-0-0-alpha-3","cdr-tabs__gradient-container":"cdr-tabs__gradient-container_13-0-0-alpha-3","cdr-tabs__gradient":"cdr-tabs__gradient_13-0-0-alpha-3","cdr-tabs__gradient--left":"cdr-tabs__gradient--left_13-0-0-alpha-3","cdr-tabs__gradient--right":"cdr-tabs__gradient--right_13-0-0-alpha-3","cdr-tabs__gradient--active":"cdr-tabs__gradient--active_13-0-0-alpha-3","cdr-tabs__header":"cdr-tabs__header_13-0-0-alpha-3","cdr-tabs__header-item":"cdr-tabs__header-item_13-0-0-alpha-3","cdr-tabs__header-item-active":"cdr-tabs__header-item-active_13-0-0-alpha-3","cdr-tabs__header-item--disabled":"cdr-tabs__header-item--disabled_13-0-0-alpha-3","cdr-tabs__underline":"cdr-tabs__underline_13-0-0-alpha-3","cdr-tabs__content-container":"cdr-tabs__content-container_13-0-0-alpha-3","fade-enter-active":"fade-enter-active_13-0-0-alpha-3","fade-leave-active":"fade-leave-active_13-0-0-alpha-3","fade-enter":"fade-enter_13-0-0-alpha-3","fade-leave-to":"fade-leave-to_13-0-0-alpha-3","cdr-tabs--compact":"cdr-tabs--compact_13-0-0-alpha-3","cdr-tabs__header-item-label":"cdr-tabs__header-item-label_13-0-0-alpha-3","cdr-tabs--small":"cdr-tabs--small_13-0-0-alpha-3","cdr-tabs--no-border":"cdr-tabs--no-border_13-0-0-alpha-3","cdr-tabs--full-width":"cdr-tabs--full-width_13-0-0-alpha-3","cdr-tabs--centered":"cdr-tabs--centered_13-0-0-alpha-3"};
+
+export { style0 as default };

package/dist/lib/src/components/text/CdrText.mjs

@@ -1,44 +1,10 @@
-import modules_7ce14c17 from './styles/CdrText.mjs';
+import script from './CdrText.vue_vue_type_script_lang.mjs';
+export { default } from './CdrText.vue_vue_type_script_lang.mjs';
+import { render } from './CdrText.vue_vue_type_template_id_78d76fe8_lang.mjs';
+import style0 from './styles/CdrText.module.scss_vue_type_style_index_0_src_id_78d76fe8_module_true_lang.css.mjs';
 
-/**
- * Cedar 2 component for text styles
- * Accepts typography modifiers.
- * @version 0.0.1
- * @author [REI Software Engineering](https://rei.github.io/rei-cedar/)
- */
+const cssModules = script.__cssModules = {};
+cssModules["$style"] = style0;
 
-var CdrText = {
-  name: 'CdrText',
-  props: {
-    /** Any valid HTML tag */
-    tag: {
-      type: String,
-      default: 'p'
-    }
-  },
-
-  data() {
-    return {
-      s: modules_7ce14c17 // named `s` not `style` so that modifierClass works for text utils
-
-    };
-  },
-
-  computed: {
-    baseClass() {
-      return 'cdr-text';
-    }
-
-  },
-
-  render() {
-    const h = arguments[0];
-    const Component = this.tag;
-    return h(Component, {
-      "class": this.s[this.baseClass]
-    }, [this.$slots.default]);
-  }
-
-};
-
-export default CdrText;
+script.render = render;
+script.__file = "src/components/text/CdrText.vue";

package/dist/lib/src/components/text/CdrText.vue_vue_type_script_lang.mjs

@@ -0,0 +1,18 @@
+import { defineComponent, useCssModule } from 'vue';
+
+var script = defineComponent({
+  name: 'CdrText',
+  props: {
+    tag: {
+      type: String,
+      default: 'p',
+    },
+  },
+  setup() {
+    return {
+      style: useCssModule(),
+    }
+  }
+});
+
+export { script as default };

package/dist/lib/src/components/text/CdrText.vue_vue_type_template_id_78d76fe8_lang.mjs

@@ -0,0 +1,14 @@
+import { openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, renderSlot } from 'vue';
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
+    class: normalizeClass(_ctx.style['cdr-text'])
+  }, {
+    default: withCtx(() => [
+      renderSlot(_ctx.$slots, "default")
+    ]),
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["class"]))
+}
+
+export { render };

package/dist/lib/src/components/text/styles/CdrText.module.scss_vue_type_style_index_0_src_id_78d76fe8_module_true_lang.css.mjs

@@ -0,0 +1,3 @@
+var style0 = {"cdr-text":"cdr-text_13-0-0-alpha-3"};
+
+export { style0 as default };

package/dist/lib/src/components/toast/CdrToast.mjs

@@ -1,159 +1,9 @@
-import clsx from 'clsx';
-import validateProp from '../../utils/propValidator.mjs';
-import BuildClass from '../../mixins/buildClass.mjs';
-import IconXSm from '../icon/comps/x-sm.mjs';
-import CdrButton from '../button/CdrButton.mjs';
-import modules_485069ef from './styles/CdrToast.mjs';
+import script from './CdrToast.vue_vue_type_script_setup_true_lang.mjs';
+export { default } from './CdrToast.vue_vue_type_script_setup_true_lang.mjs';
+import style0 from './styles/CdrToast.module.scss_vue_type_style_index_0_src_id_7e02aa8e_module_true_lang.css.mjs';
 
-var CdrToast = {
-  name: 'CdrToast',
-  components: {
-    CdrButton,
-    IconXSm
-  },
-  mixins: [BuildClass],
-  props: {
-    type: {
-      type: String,
-      validator: value => validateProp(value, ['info', 'warning', 'success', 'error', 'default']),
-      default: 'default'
-    },
-    open: {
-      type: Boolean,
-      default: false
-    },
-    autoDismiss: {
-      type: Boolean,
-      default: true
-    },
-    dismissDelay: {
-      type: Number,
-      default: 5000
-    }
-  },
+const cssModules = script.__cssModules = {};
+cssModules["$style"] = style0;
 
-  data() {
-    return {
-      style: modules_485069ef,
-      opened: undefined,
-      timeout: undefined,
-      openHandler: undefined,
-      closeHandler: undefined,
-      toastElement: undefined
-    };
-  },
 
-  computed: {
-    baseClass() {
-      return 'cdr-toast';
-    },
-
-    typeClass() {
-      return this.modifyClassName(this.baseClass, this.type);
-    }
-
-  },
-  watch: {
-    open() {
-      if (this.open) {
-        this.openToast();
-      }
-    }
-
-  },
-
-  updated() {
-    if (this.autoDismiss) this.addHandlers();
-  },
-
-  methods: {
-    openToast(e) {
-      if (this.timeout) {
-        clearTimeout(this.timeout);
-      } else {
-        this.$emit('open', e);
-      }
-
-      this.opened = true;
-
-      if (this.autoDismiss && !e) {
-        this.closeToastWithDelay();
-      }
-    },
-
-    closeToast(e) {
-      this.removeHandlers();
-      this.opened = false;
-      this.$emit('closed', e);
-    },
-
-    closeToastWithDelay(e) {
-      this.timeout = setTimeout(() => {
-        this.removeHandlers();
-        this.opened = false;
-        this.$emit('closed', e);
-      }, this.dismissDelay);
-    },
-
-    addHandlers() {
-      this.openHandler = this.openToast.bind(this);
-      this.closeHandler = this.closeToastWithDelay.bind(this);
-      this.toastElement = this.$refs.toastEl;
-
-      if (this.toastElement) {
-        this.toastElement.addEventListener('mouseover', this.openHandler);
-        this.toastElement.addEventListener('mouseleave', this.closeHandler);
-      }
-    },
-
-    removeHandlers() {
-      if (this.toastElement) {
-        this.toastElement.removeEventListener('mouseover', this.openHandler);
-        this.toastElement.removeEventListener('mouseleave', this.closeHandler);
-      }
-    }
-
-  },
-
-  render() {
-    const h = arguments[0];
-    return h("transition", {
-      "attrs": {
-        "enter-class": clsx(this.style['cdr-toast__transition--toast-enter']),
-        "enter-active-class": clsx(this.style['cdr-toast__transition--toast-enter-active']),
-        "leave-to-class": clsx(this.style['cdr-toast__transition--toast-leave-to']),
-        "leave-active-class": clsx(this.style['cdr-toast__transition--toast-leave-active'])
-      }
-    }, [this.opened ? h("div", {
-      "class": clsx(this.style[this.baseClass], this.typeClass),
-      "attrs": {
-        "role": "status"
-      },
-      "ref": "toastEl"
-    }, [h("div", {
-      "class": clsx(this.style['cdr-toast__main'])
-    }, [this.$slots['icon-left'] && h("div", {
-      "class": clsx(this.style['cdr-toast__icon-left'])
-    }, [this.$slots['icon-left']]), h("span", {
-      "class": this.style['cdr-toast__message']
-    }, [this.$slots.default]), h("cdr-button", {
-      "class": this.style['cdr-toast__close-button'],
-      "attrs": {
-        "icon-only": true,
-        "aria-label": "Close",
-        "size": "small"
-      },
-      "on": {
-        "click": this.closeToast
-      }
-    }, [h("icon-x-sm", {
-      "slot": "icon",
-      "attrs": {
-        "inherit-color": true
-      }
-    })])])]) : null]);
-  }
-
-};
-
-export default CdrToast;
+script.__file = "src/components/toast/CdrToast.vue";