@dialpad/dialtone-vue 3.220.0-next.7 → 3.221.0

package/dist/Scroller-DLGxzJLL.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Scroller-DLGxzJLL.js","names":["$emit"],"sources":["../components/Scroller/Modules/CoreScroller.vue","../components/Scroller/Modules/ScrollerItem.vue","../components/Scroller/Modules/DynamicScroller.vue","../components/Scroller/Scroller.vue"],"sourcesContent":["<!-- eslint-disable max-len -->\n<template>\n  <div\n    ref=\"scroller\"\n    class=\"vue-recycle-scroller\"\n    :class=\"{\n      ready,\n      [`direction-${direction}`]: true,\n    }\"\n    @scroll.passive=\"handleScroll\"\n  >\n    <component\n      :is=\"listTag\"\n      ref=\"wrapper\"\n      :style=\"{ [direction === 'vertical' ? 'minHeight' : 'minWidth']: `${totalSize}px` }\"\n      class=\"vue-recycle-scroller__item-wrapper\"\n      :class=\"listClass\"\n    >\n      <component\n        :is=\"itemTag\"\n        v-for=\"view in pool\"\n        :key=\"view.nr.id\"\n        :style=\"ready ? {\n          transform: `translate${direction === 'vertical' ? 'Y' : 'X'}(${view.position}px) translate${direction === 'vertical' ? 'X' : 'Y'}(${view.offset}px)`,\n          width: undefined,\n          height: undefined,\n        } : null\"\n        class=\"vue-recycle-scroller__item-view\"\n        :class=\"[\n          itemClass,\n          {\n            hover: props.enableHover && hoverKey === view.nr.key,\n          },\n        ]\"\n        v-on=\"props.enableHover ? {\n          mouseenter: () => { hoverKey = view.nr.key },\n          mouseleave: () => { hoverKey = null },\n        } : {}\"\n      >\n        <slot\n          :item=\"view.item\"\n          :index=\"view.nr.index\"\n          :active=\"view.nr.used\"\n        />\n      </component>\n    </component>\n  </div>\n</template>\n\n<script setup>\n/*\nThis is a code from external library (https://github.com/Akryum/vue-virtual-scroller/blob/master/packages/vue-virtual-scroller/src/components/RecycleScroller.vue)\nWe have modified it for our own specific use.\n*/\nimport { computed, watch, markRaw, shallowReactive, onMounted, nextTick, reactive, ref } from 'vue';\n\nconst props = defineProps({\n  /**\n     * List of items you want to display in the scroller.\n     */\n  items: {\n    type: Array,\n    required: true,\n  },\n\n  /**\n     *\n     * Field used to identify items and optimize managing rendered views\n     */\n  keyField: {\n    type: String,\n    default: 'id',\n  },\n\n  /**\n     * Direction of the scroller. Can be either `vertical` or `horizontal`.\n     */\n  direction: {\n    type: String,\n    default: 'vertical',\n    validator: (value) => ['vertical', 'horizontal'].includes(value),\n  },\n\n  /**\n     * Size of the items in the list.\n     * If it is set to null (the default value), it will use variable size mode.\n     */\n  itemSize: {\n    type: Number,\n    default: null,\n  },\n\n  /**\n     * Minimum size used if the height (or width in horizontal mode) of an item is unknown.\n     */\n  minItemSize: {\n    type: [Number, String],\n    default: null,\n  },\n\n  /**\n     * Field used to get the item's size in variable size mode.\n     */\n  sizeField: {\n    type: String,\n    default: 'size',\n  },\n\n  /**\n     * Amount of pixel to add to edges of the scrolling visible area to start rendering items further away.\n     */\n  buffer: {\n    type: Number,\n    default: 200,\n  },\n\n  /**\n     * Enables hover state CSS class and mouse events on items.\n     * Set to false if you want to manage hover state yourself.\n     */\n  enableHover: {\n    type: Boolean,\n    default: true,\n  },\n\n  /**\n     * The element to render as the list's wrapper.\n     */\n  listTag: {\n    type: String,\n    default: 'div',\n  },\n\n  /**\n     * The element to render as the list item.\n     */\n  itemTag: {\n    type: String,\n    default: 'div',\n  },\n\n  /**\n     * The custom classes added to the item list wrapper.\n     */\n  listClass: {\n    type: [String, Object, Array],\n    default: '',\n  },\n\n  /**\n     * The custom classes added to each item.\n     */\n  itemClass: {\n    type: [String, Object, Array],\n    default: '',\n  },\n});\n\nconst emit = defineEmits(['user-position']);\n\nconst views = reactive(new Map());\n// const reactiveItems = reactive(props.items);\nconst unusedViews = reactive(new Map());\nconst updateTimeout = null;\nconst pool = ref([]);\nconst hoverKey = ref(null);\nconst ready = ref(false);\nconst scroller = ref(null);\nconst userPosition = ref('top');\n\nlet startIndex = 0;\nlet endIndex = 0;\nlet scrollDirty = false;\nlet lastUpdateScrollPosition = 0;\nlet sortTimer = null;\nlet computedMinItemSize = null;\nlet totalSize = 0;\nlet uid = 0;\n\nconst sizes = computed(() => {\n  if (props.itemSize === null) {\n    const sizes = {\n      '-1': { accumulator: 0 },\n    };\n    const items = props.items;\n    const field = props.sizeField;\n    const minItemSize = props.minItemSize;\n    let computedMinSize = 10000;\n    let accumulator = 0;\n    let current;\n    for (let i = 0, l = items.length; i < l; i++) {\n      current = items[i][field] || minItemSize;\n      if (current < computedMinSize) {\n        computedMinSize = current;\n      }\n      accumulator += current;\n      sizes[i] = { accumulator, size: current };\n    }\n\n    computedMinItemSize = computedMinSize;\n    return sizes;\n  }\n  return [];\n});\n\nconst simpleArray = computed(() => {\n  return props.items.length && typeof props.items[0] !== 'object';\n});\n\nconst itemIndexByKey = computed(() => {\n  const result = {};\n  for (let i = 0, l = props.items.length; i < l; i++) {\n    result[props.items[i][props.keyField]] = i;\n  }\n  return result;\n});\n\n// watch(reactiveItems, () => {\n//   // if add to the top\n//   // _updateVisibleItems(true);\n//   // if autoscrolling  if add to the bottom\n//   // _updateVisibleItems(false, true);\n// });\n\nwatch(sizes, () => {\n  _updateVisibleItems(false);\n}, { deep: true });\n\nonMounted(() => {\n  nextTick(() => {\n    // In SSR mode, render the real number of visible items\n    _updateVisibleItems(true);\n    ready.value = true;\n  });\n});\n\nconst _addView = (pool, index, item, key, type) => {\n  const nr = markRaw({\n    id: uid++,\n    index,\n    used: true,\n    key,\n    type,\n  });\n  const view = shallowReactive({\n    item,\n    position: 0,\n    nr,\n  });\n  pool.value.push(view);\n  return view;\n};\n\nconst _unuseView = (view, fake = false) => {\n  const _unusedViews = unusedViews;\n  const type = view.nr.type;\n  let unusedPool = _unusedViews.get(type);\n  if (!unusedPool) {\n    unusedPool = [];\n    _unusedViews.set(type, unusedPool);\n  }\n  unusedPool.push(view);\n  if (!fake) {\n    view.nr.used = false;\n    view.position = -9999;\n  }\n};\n\nconst _getScroll = () => {\n  const isVertical = props.direction === 'vertical';\n  let scrollState;\n\n  if (isVertical) {\n    scrollState = {\n      start: scroller.value.scrollTop,\n      end: scroller.value.scrollTop + scroller.value.clientHeight,\n    };\n  } else {\n    scrollState = {\n      start: scroller.value.scrollLeft,\n      end: scroller.value.scrollLeft + scroller.value.clientWidth,\n    };\n  }\n\n  return scrollState;\n};\n\nconst _itemsLimitError = () => {\n  setTimeout(() => {\n     \n    console.error('It seems the scroller element isn\\'t scrolling, so it tries to render all the items at once.', 'Scroller:', scroller);\n     \n    console.error('Make sure the scroller has a fixed height (or width) and \\'overflow-y\\' (or \\'overflow-x\\') set to \\'auto\\' so it can scroll correctly and only render the items visible in the scroll viewport.');\n  });\n  throw new Error('Rendered items limit reached');\n};\n\nconst _sortViews = () => {\n  pool.value.sort((viewA, viewB) => viewA.nr.index - viewB.nr.index);\n};\n\nconst _updateVisibleItems = (checkItem, checkPositionDiff = false) => {\n  const itemSize = props.itemSize;\n  const minItemSize = computedMinItemSize;\n  const keyField = simpleArray.value ? null : props.keyField;\n  const items = props.items;\n  const count = items.length;\n  const _sizes = sizes.value;\n  const _views = views;\n  const _unusedViews = unusedViews;\n  const _pool = pool;\n  const _itemIndexByKey = itemIndexByKey;\n  let _startIndex, _endIndex;\n  let _totalSize;\n  let visibleStartIndex, visibleEndIndex;\n\n  if (!count) {\n    _startIndex = _endIndex = visibleStartIndex = visibleEndIndex = _totalSize = 0;\n  } else {\n    const scroll = _getScroll();\n\n    // Skip update if use hasn't scrolled enough\n    if (checkPositionDiff) {\n      let positionDiff = scroll.start - lastUpdateScrollPosition.value;\n      if (positionDiff < 0) positionDiff = -positionDiff;\n      if ((itemSize === null && positionDiff < minItemSize.value) || positionDiff < itemSize) {\n        return {\n          continuous: true,\n        };\n      }\n    }\n    lastUpdateScrollPosition = scroll.start;\n\n    const _buffer = props.buffer;\n    scroll.start -= _buffer;\n    scroll.end += _buffer;\n\n    // Variable size mode\n    if (itemSize === null) {\n      let h;\n      let a = 0;\n      let b = count - 1;\n      let i = ~~(count / 2);\n      let oldI;\n\n      // Searching for _startIndex\n      do {\n        oldI = i;\n        h = _sizes[i]?.accumulator;\n        if (h < scroll.start) {\n          a = i;\n        } else if (i < count - 1 && _sizes[i + 1]?.accumulator > scroll.start) {\n          b = i;\n        }\n        i = ~~((a + b) / 2);\n      } while (i !== oldI);\n      i < 0 && (i = 0);\n      _startIndex = i;\n\n      // For container style\n      _totalSize = _sizes[count - 1]?.accumulator;\n\n      // Searching for _endIndex\n      for (\n        _endIndex = i;\n        _endIndex < count && _sizes[_endIndex]?.accumulator < scroll.end;\n        _endIndex++\n      );\n\n      if (_endIndex === -1) {\n        _endIndex = items.length - 1;\n      } else {\n        _endIndex++;\n        // Bounds\n        _endIndex > count && (_endIndex = count);\n      }\n\n      // search visible _startIndex\n      for (\n        visibleStartIndex = startIndex;\n        visibleStartIndex < count && (_sizes[visibleStartIndex]?.accumulator) < scroll.start;\n        visibleStartIndex++\n      );\n\n      // search visible endIndex\n      for (\n        visibleEndIndex = visibleStartIndex;\n        visibleEndIndex < count && (_sizes[visibleEndIndex]?.accumulator) < scroll.end;\n        visibleEndIndex++\n      );\n    } else {\n      // Fixed size mode\n      _startIndex = ~~(scroll.start / itemSize);\n      const remainer = _startIndex % 1;\n      _startIndex -= remainer;\n      _endIndex = Math.ceil(scroll.end / itemSize);\n      visibleStartIndex = Math.max(0, Math.floor((scroll.start) / itemSize));\n      visibleEndIndex = Math.floor((scroll.end) / itemSize);\n\n      // Bounds\n      _startIndex < 0 && (_startIndex = 0);\n      _endIndex > count && (_endIndex = count);\n      visibleStartIndex < 0 && (visibleStartIndex = 0);\n      visibleEndIndex > count && (visibleEndIndex = count);\n\n      _totalSize = Math.ceil(count / 1) * itemSize;\n    }\n  }\n\n  // items limit 1000\n  if (_endIndex - _startIndex > 1000) {\n    _itemsLimitError();\n  }\n\n  totalSize = _totalSize;\n\n  let view;\n\n  const continuous = _startIndex <= endIndex && _endIndex >= _startIndex;\n\n  // Unuse views that are no longer visible\n  if (continuous) {\n    for (let i = 0, l = _pool.value.length; i < l; i++) {\n      view = _pool.value[i];\n      if (view?.nr.used) {\n        // Update view item index\n        if (checkItem) {\n          view.nr.index = _itemIndexByKey[view.item[keyField]];\n        }\n\n        // Check if index is still in visible range\n        if (\n          view.nr.index == null ||\n          view.nr.index < _startIndex ||\n          view.nr.index >= _endIndex\n        ) {\n          _unuseView(view);\n        }\n      }\n    }\n  }\n\n  const unusedIndex = continuous ? null : new Map();\n\n  let item, type;\n  let v;\n  for (let i = _startIndex; i < _endIndex; i++) {\n    item = items[i];\n    const key = keyField ? item?.[keyField] : item;\n\n    if (key == null) {\n      throw new Error(`Key is ${key} on item (keyField is '${keyField}')`);\n    }\n    view = _views.get(key);\n\n    if (!itemSize && !_sizes[i]?.size) {\n      if (view) _unuseView(view);\n      continue;\n    }\n\n    type = item.type;\n\n    let unusedPool = _unusedViews.get(type);\n    // let newlyUsedView = false;\n\n    // No view assigned to item\n    if (!view) {\n      if (continuous) {\n        // Reuse existing view\n        if (unusedPool && unusedPool.length) {\n          view = unusedPool.pop();\n        } else {\n          view = _addView(_pool, i, item, key, type);\n        }\n      } else {\n        // Use existing view\n        // We don't care if they are already used\n        // because we are not in continous scrolling\n        v = unusedIndex.get(type) || 0;\n\n        if (!unusedPool || v >= unusedPool.length) {\n          view = _addView(_pool, i, item, key, type);\n          _unuseView(view, true);\n          unusedPool = _unusedViews.get(type);\n        }\n\n        view = unusedPool[v];\n        unusedIndex.set(type, v + 1);\n      }\n\n      // Assign view to item\n      _views.delete(view.nr.key);\n      view.nr.used = true;\n      view.nr.index = i;\n      view.nr.key = key;\n      view.nr.type = type;\n      _views.set(key, view);\n\n      // newlyUsedView = true;\n    } else {\n      // View already assigned to item\n      if (!view.nr.used) {\n        view.nr.used = true;\n        // newlyUsedView = true;\n        if (unusedPool) {\n          const index = unusedPool.indexOf(view);\n          if (index !== -1) unusedPool.splice(index, 1);\n        }\n      }\n    }\n\n    // Always set item in case it's a new object with the same key\n    view.item = item;\n\n    // if (newlyUsedView) {\n    //   if (items.length === 0) return;\n    //   if (i === items.length - 1) emit('scroll-end');\n    //   if (i === 0) emit('scroll-start');\n    // }\n\n    // Update position\n    if (itemSize === null) {\n      view.position = _sizes[i - 1]?.accumulator;\n      view.offset = 0;\n    } else {\n      view.position = Math.floor(i) * itemSize;\n      view.offset = (i % 1) * itemSize;\n    }\n  }\n\n  startIndex = _startIndex;\n  endIndex = _endIndex;\n\n  // After the user has finished scrolling\n  // Sort views so text selection is correct\n  clearTimeout(sortTimer);\n  sortTimer = setTimeout(_sortViews, 300);\n\n  return {\n    continuous,\n  };\n};\n\nconst _scrollToPosition = (position) => {\n  const direction = props.direction === 'vertical'\n    ? { scroll: 'scrollTop', start: 'top' }\n    : { scroll: 'scrollLeft', start: 'left' };\n\n  const viewport = scroller.value;\n  const scrollDirection = direction.scroll;\n\n  viewport[scrollDirection] = position;\n};\n\nconst scrollToItem = (index) => {\n  let scroll;\n  if (props.itemSize === null) {\n    scroll = index > 0 ? sizes.value[index - 1]?.accumulator : 0;\n  } else {\n    scroll = Math.floor(index) * props.itemSize;\n  }\n  _scrollToPosition(scroll);\n};\n\nconst handleScroll = () => {\n  const container = scroller.value;\n\n  if (userPosition.value !== 'middle') {\n    userPosition.value = 'middle';\n    emit('user-position', 'middle');\n  }\n\n  // Check if the scroll is at the top of the container\n  if (container.scrollTop === 0) {\n    userPosition.value = 'top';\n    emit('user-position', 'top');\n  }\n\n  // Check if the scroll is at the bottom of the container\n  if (container.scrollTop + container.clientHeight === container.scrollHeight) {\n    userPosition.value = 'bottom';\n    emit('user-position', 'bottom');\n  }\n\n  if (!scrollDirty) {\n    scrollDirty = true;\n    if (updateTimeout) return;\n\n    const requestUpdate = () => requestAnimationFrame(() => {\n      scrollDirty = false;\n      _updateVisibleItems(false, true);\n    });\n\n    requestUpdate();\n  }\n};\n\ndefineExpose({\n  scrollToItem,\n  _updateVisibleItems,\n});\n</script>\n","<script>\n/*\nThis is a code from external library (https://github.com/Akryum/vue-virtual-scroller/blob/master/packages/vue-virtual-scroller/src/components/DynamicScrollerItem.vue)\nWe have modified it for our own specific use.\n*/\nimport { h } from 'vue';\nimport { returnFirstEl } from '@/common/utils';\n\nexport default {\n  name: 'DtScrollerItem',\n\n  inject: [\n    'vscrollData',\n    'vscrollParent',\n    'vscrollResizeObserver',\n  ],\n\n  props: {\n    // eslint-disable-next-line vue/require-prop-types\n    item: {\n      required: true,\n    },\n\n    watchData: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Indicates if the view is actively used to display an item.\n     */\n    active: {\n      type: Boolean,\n      required: true,\n    },\n\n    index: {\n      type: Number,\n      default: undefined,\n    },\n\n    sizeDependencies: {\n      type: [Array, Object],\n      default: null,\n    },\n\n    tag: {\n      type: String,\n      default: 'div',\n    },\n  },\n\n  computed: {\n    id () {\n      if (this.vscrollData.simpleArray) return this.index;\n       \n      if (this.vscrollData.keyField in this.item) return this.item[this.vscrollData.keyField];\n      throw new Error(`keyField '${this.vscrollData.keyField}' not found in your item. You should set a valid keyField prop on your Scroller`);\n    },\n\n    size () {\n      return this.vscrollData.sizes[this.id] || 0;\n    },\n\n    finalActive () {\n      return this.active && this.vscrollData.active;\n    },\n  },\n\n  watch: {\n    watchData: 'updateWatchData',\n\n    id (value, oldValue) {\n      returnFirstEl(this.$el).$_vs_id = this.id;\n      if (!this.size) {\n        this.onDataUpdate();\n      }\n\n      if (this.$_sizeObserved) {\n        // In case the old item had the same size, it won't trigger the ResizeObserver\n        // since we are reusing the same DOM node\n        const oldSize = this.vscrollData.sizes[oldValue];\n        const size = this.vscrollData.sizes[value];\n        if (oldSize != null && oldSize !== size) {\n          this.applySize(oldSize);\n        }\n      }\n    },\n\n    finalActive (value) {\n      if (!this.size) {\n        if (value) {\n          if (!this.vscrollParent.$_undefinedMap[this.id]) {\n            this.vscrollParent.$_undefinedSizes++;\n            this.vscrollParent.$_undefinedMap[this.id] = true;\n          }\n        } else {\n          if (this.vscrollParent.$_undefinedMap[this.id]) {\n            this.vscrollParent.$_undefinedSizes--;\n            this.vscrollParent.$_undefinedMap[this.id] = false;\n          }\n        }\n      }\n\n      if (this.vscrollResizeObserver) {\n        if (value) {\n          this.observeSize();\n        } else {\n          this.unobserveSize();\n        }\n      } else if (value && this.$_pendingVScrollUpdate === this.id) {\n        this.updateSize();\n      }\n    },\n  },\n\n  created () {\n    if (this.$isServer) return;\n\n    this.$_forceNextVScrollUpdate = null;\n    this.updateWatchData();\n\n    if (!this.vscrollResizeObserver) {\n      for (const k in this.sizeDependencies) {\n        this.$watch(() => this.sizeDependencies[k], this.onDataUpdate);\n      }\n    }\n  },\n\n  mounted () {\n    if (this.finalActive) {\n      this.updateSize();\n      this.observeSize();\n    }\n  },\n\n  beforeUnmount () {\n    this.unobserveSize();\n  },\n\n  methods: {\n    updateSize () {\n      if (this.finalActive) {\n        if (this.$_pendingSizeUpdate !== this.id) {\n          this.$_pendingSizeUpdate = this.id;\n          this.$_forceNextVScrollUpdate = null;\n          this.$_pendingVScrollUpdate = null;\n          this.computeSize(this.id);\n        }\n      } else {\n        this.$_forceNextVScrollUpdate = this.id;\n      }\n    },\n\n    updateWatchData () {\n      if (this.watchData && !this.vscrollResizeObserver) {\n        this.$_watchData = this.$watch('item', () => {\n          this.onDataUpdate();\n        }, {\n          deep: true,\n        });\n      } else if (this.$_watchData) {\n        this.$_watchData();\n        this.$_watchData = null;\n      }\n    },\n\n    onVscrollUpdate ({ force }) {\n      // If not active, sechedule a size update when it becomes active\n      if (!this.finalActive && force) {\n        this.$_pendingVScrollUpdate = this.id;\n      }\n\n      if (this.$_forceNextVScrollUpdate === this.id || force || !this.size) {\n        this.updateSize();\n      }\n    },\n\n    onDataUpdate () {\n      this.updateSize();\n    },\n\n    computeSize (id) {\n      this.$nextTick(() => {\n        if (this.id === id) {\n          const width = returnFirstEl(this.$el).offsetWidth;\n          const height = returnFirstEl(this.$el).offsetHeight;\n          this.applyWidthHeight(width, height);\n        }\n        this.$_pendingSizeUpdate = null;\n      });\n    },\n\n    applyWidthHeight (width, height) {\n      const size = ~~(this.vscrollParent.direction === 'vertical' ? height : width);\n      if (size && this.size !== size) {\n        this.applySize(size);\n      }\n    },\n\n    applySize (size) {\n      if (this.vscrollParent.$_undefinedMap[this.id]) {\n        this.vscrollParent.$_undefinedSizes--;\n        this.vscrollParent.$_undefinedMap[this.id] = undefined;\n      }\n      this.vscrollData.sizes[this.id] = size;\n    },\n\n    observeSize () {\n      if (!this.vscrollResizeObserver) return;\n      if (this.$_sizeObserved) return;\n      this.vscrollResizeObserver.observe(returnFirstEl(this.$el));\n      this.$el.$_vs_id = this.id;\n      this.$el.$_vs_onResize = this.onResize;\n      this.$_sizeObserved = true;\n    },\n\n    unobserveSize () {\n      if (!this.vscrollResizeObserver) return;\n      if (!this.$_sizeObserved) return;\n      this.vscrollResizeObserver.unobserve(returnFirstEl(this.$el));\n      this.$el.$_vs_onResize = undefined;\n      this.$_sizeObserved = false;\n    },\n\n    onResize (id, width, height) {\n      if (this.id === id) {\n        this.applyWidthHeight(width, height);\n      }\n    },\n  },\n\n  render () {\n    return h(this.tag, this.$slots.default());\n  },\n};\n</script>\n","<template>\n  <core-scroller\n    ref=\"scroller\"\n    :items=\"itemsWithSize\"\n    :min-item-size=\"minItemSize\"\n    :direction=\"direction\"\n    :key-field=\"keyField\"\n    :list-tag=\"listTag\"\n    :item-tag=\"itemTag\"\n    v-bind=\"$attrs\"\n  >\n    <template\n      #default=\"{ item: itemWithSize, index, active }\"\n    >\n      <dt-scroller-item\n        :item=\"itemWithSize\"\n        :active=\"active\"\n        :size-dependencies=\"[\n          itemWithSize.message,\n        ]\"\n        :data-index=\"index\"\n      >\n        <slot\n          v-bind=\"{\n            item: itemWithSize.item,\n            index,\n            active,\n            itemWithSize,\n          }\"\n        />\n      </dt-scroller-item>\n    </template>\n  </core-scroller>\n</template>\n\n<!-- eslint-disable-next-line max-len -->\n<!-- This is a code from external library (https://github.com/Akryum/vue-virtual-scroller/blob/master/packages/vue-virtual-scroller/src/components/DynamicScroller.vue)\nWe have modified it for our own specific use. -->\n<script>\nimport CoreScroller from './CoreScroller.vue';\nimport DtScrollerItem from './ScrollerItem.vue';\nimport { returnFirstEl } from '@/common/utils';\n\nexport default {\n  name: 'DynamicScroller',\n\n  components: {\n    CoreScroller,\n    DtScrollerItem,\n  },\n\n  provide () {\n    if (typeof ResizeObserver !== 'undefined') {\n      this.$_resizeObserver = new ResizeObserver(entries => {\n        requestAnimationFrame(() => {\n          if (!Array.isArray(entries)) {\n            return;\n          }\n          for (const entry of entries) {\n            if (entry.target && entry.target.$_vs_onResize) {\n              let width, height;\n              if (entry.borderBoxSize) {\n                const resizeObserverSize = entry.borderBoxSize[0];\n                width = resizeObserverSize.inlineSize;\n                height = resizeObserverSize.blockSize;\n              } else {\n                // @TODO remove when contentRect is deprecated\n                width = entry.contentRect.width;\n                height = entry.contentRect.height;\n              }\n              entry.target.$_vs_onResize(entry.target.$_vs_id, width, height);\n            }\n          }\n        });\n      });\n    }\n\n    return {\n      vscrollData: this.vscrollData,\n      vscrollParent: this,\n      vscrollResizeObserver: this.$_resizeObserver,\n    };\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    /*\n      * The items to render.\n      * If the items are simple arrays, the index will be used as the key.\n      * If the items are objects, the keyField will be used as the key.\n     */\n    items: {\n      type: Array,\n      required: true,\n    },\n\n    /*\n      * Indicates if the items are dynamic.\n      * If true, the items will be wrapped in a DtScrollerItem component.\n      * This is required for dynamic items to be able to react to changes in their size.\n     */\n    dynamic: {\n      type: Boolean,\n      default: false,\n    },\n\n    /*\n      * The key field to use for the items.\n      * Only used if the items are objects.\n     */\n    keyField: {\n      type: String,\n      default: 'id',\n    },\n\n    /*\n      * The direction of the scroller.\n      * Can be either 'vertical' or 'horizontal'.\n     */\n    direction: {\n      type: String,\n      default: 'vertical',\n      validator: (value) => ['vertical', 'horizontal'].includes(value),\n    },\n\n    /*\n      * The tag to use for the list.\n     */\n    listTag: {\n      type: String,\n      default: 'div',\n    },\n\n    /*\n      * The tag to use for the items.\n     */\n    itemTag: {\n      type: String,\n      default: 'div',\n    },\n\n    /*\n      * Display height (or width in horizontal mode) of the items in pixels\n      * used to calculate the scroll size and position.\n      * Is required for the initial render of items in DYNAMIC size mode.\n     */\n    minItemSize: {\n      type: [Number, String],\n    },\n  },\n\n  data () {\n    return {\n      vscrollData: {\n        active: true,\n        sizes: {},\n        keyField: this.keyField,\n        simpleArray: false,\n      },\n    };\n  },\n\n  computed: {\n    simpleArray () {\n      return this.items.length && typeof this.items[0] !== 'object';\n    },\n\n    itemsWithSize () {\n      const result = [];\n      const { items, keyField, simpleArray } = this;\n      const sizes = this.vscrollData.sizes;\n      const l = items.length;\n      for (let i = 0; i < l; i++) {\n        const item = items[i];\n        const id = simpleArray ? i : item[keyField];\n        let size = sizes[id];\n        if (typeof size === 'undefined' && !this.$_undefinedMap[id]) {\n          size = 0;\n        }\n        result.push({\n          item,\n          [keyField]: id,\n          size,\n        });\n      }\n      return result;\n    },\n  },\n\n  watch: {\n    simpleArray: {\n      handler (value) {\n        this.vscrollData.simpleArray = value;\n      },\n\n      immediate: true,\n    },\n\n    itemsWithSize (next, prev) {\n      const scrollTop = returnFirstEl(this.$el).scrollTop;\n\n      // Calculate total diff between prev and next sizes\n      // over current scroll top. Then add it to scrollTop to\n      // avoid jumping the contents that the user is seeing.\n      let prevActiveTop = 0; let activeTop = 0;\n      const length = Math.min(next.length, prev.length);\n      for (let i = 0; i < length; i++) {\n        if (prevActiveTop >= scrollTop) {\n          break;\n        }\n        prevActiveTop += prev[i].size || this.minItemSize;\n        activeTop += next[i].size || this.minItemSize;\n      }\n      const offset = activeTop - prevActiveTop;\n\n      if (offset === 0) {\n        return;\n      }\n\n      returnFirstEl(this.$el).scrollTop += offset;\n    },\n  },\n\n  beforeCreate () {\n    this.$_updates = [];\n    this.$_undefinedSizes = 0;\n    this.$_undefinedMap = {};\n  },\n\n  activated () {\n    this.vscrollData.active = true;\n  },\n\n  deactivated () {\n    this.vscrollData.active = false;\n  },\n\n  methods: {\n    dynamicScrollerUpdateItems () {\n      const scroller = this.$refs.scroller;\n      if (scroller) scroller._updateVisibleItems(true);\n    },\n\n    dynamicScrollerUpdateItemsFromBottom () {\n      const scroller = this.$refs.scroller;\n      if (scroller) scroller._updateVisibleItems(false, true);\n    },\n\n    scrollToItem (index) {\n      const scroller = this.$refs.scroller;\n      if (scroller) scroller.scrollToItem(index);\n    },\n\n    scrollToBottom () {\n      if (this.$_scrollingToBottom) return;\n      this.$_scrollingToBottom = true;\n      const el = returnFirstEl(this.$el);\n      // Item is inserted to the DOM\n      this.$nextTick(() => {\n        el.scrollTop = el.scrollHeight + 5000;\n        // Item sizes are computed\n        const cb = () => {\n          el.scrollTop = el.scrollHeight + 5000;\n          requestAnimationFrame(() => {\n            el.scrollTop = el.scrollHeight + 5000;\n            if (this.$_undefinedSizes === 0) {\n              this.$_scrollingToBottom = false;\n            } else {\n              requestAnimationFrame(cb);\n            }\n          });\n        };\n        requestAnimationFrame(cb);\n      });\n    },\n  },\n};\n</script>\n","<template>\n  <component\n    :is=\"dynamic ? DynamicScroller : CoreScroller\"\n    ref=\"scroller\"\n    data-qa=\"dt-scroller\"\n    :items=\"items\"\n    :item-size=\"itemSize\"\n    :min-item-size=\"minItemSize\"\n    :direction=\"direction\"\n    :key-field=\"keyField\"\n    :list-tag=\"listTag\"\n    :item-tag=\"itemTag\"\n    :style=\"computedStyle\"\n    tabindex=\"0\"\n    @user-position=\"$emit('user-position', $event)\"\n  >\n    <template\n      #default=\"{ item, index, active }\"\n    >\n      <slot\n        v-bind=\"{\n          item: item,\n          index,\n          active,\n        }\"\n      />\n    </template>\n  </component>\n</template>\n\n<script setup>\nimport CoreScroller from './Modules/CoreScroller.vue';\nimport DynamicScroller from './Modules/DynamicScroller.vue';\nimport { provide, computed, watch, ref } from 'vue';\n\ndefineOptions({\n  name: 'DtScroller',\n});\n\nconst props = defineProps({\n  /**\n      * The direction of the scroller.\n      * @values vertical, horizontal\n     */\n  direction: {\n    type: String,\n    default: 'vertical',\n    validator: (value) => ['vertical', 'horizontal'].includes(value),\n  },\n\n  /**\n     * Indicates if the items need to react to changes in their size.\n     * If disabled the itemSize prop is required and you will get improved performance.\n     * If enabled the minItemSize prop is required and you\n     * will have reduced performance but the ability to reactively size list items\n      * @values true, false\n     */\n  dynamic: {\n    type: Boolean,\n    default: false,\n  },\n\n  /**\n      * Display height (or width in horizontal mode) of the items in pixels\n      * used to calculate the scroll size and position.\n     *  Required if DYNAMIC is false\n     */\n  itemSize: {\n    type: Number,\n    default: null,\n  },\n\n  /**\n      * The tag to use for the items.\n     */\n  itemTag: {\n    type: String,\n    default: 'div',\n  },\n\n  /**\n      * The items to render.\n      * If the items are simple arrays, the index will be used as the key.\n      * If the items are objects, the keyField will be used as the key.\n     * @example items: [ 'item1', 'item2', 'item3' ]\n     * @example items: [ { id: 1, name: 'item1' }, { id: 2, name: 'item2' }, { id: 3, name: 'item3' } ]\n     */\n  items: {\n    type: Array,\n    required: true,\n  },\n\n  /**\n      * The key field to use for the items.\n      * If the items are objects, the scroller needs to be able to identify them.\n      * By default it will look for an id field on the items.\n      * This can be configured with this prop if you are using another field name.\n     */\n  keyField: {\n    type: String,\n    default: 'id',\n  },\n\n  /**\n      * The tag to use for the list.\n     */\n  listTag: {\n    type: String,\n    default: 'div',\n  },\n\n  /**\n      * Minimum size used if the height (or width in horizontal mode) of a item is unknown.\n      * Is required for the initial render of items in DYNAMIC size mode.\n     */\n  minItemSize: {\n    type: [Number, String],\n    default: null,\n  },\n\n  /**\n      * The height of the scroller.\n      * Can be a number (in pixels) or a string (in CSS units).\n     */\n  scrollerHeight: {\n    type: [String, Number],\n    default: '100%',\n  },\n\n  /**\n    * The width of the scroller.\n    * Can be a number (in pixels) or a string (in CSS units).\n    */\n  scrollerWidth: {\n    type: [String, Number],\n    default: '100%',\n  },\n});\n\nconst emits = defineEmits([\n  /**\n   * Describe when the scroller changes from start/middle/end\n   * @param {string} position The position of the scroller.\n   * @values start, middle, end\n   */\n  'user-position',\n]);\n\nprovide('emit', emits);\n\nconst scroller = ref(null);\n\nconst computedStyle = computed(() => {\n  return {\n    width: typeof props.scrollerWidth === 'number' ? `${props.scrollerWidth}px` : props.scrollerWidth,\n    height: typeof props.scrollerHeight === 'number' ? `${props.scrollerHeight}px` : props.scrollerHeight,\n  };\n});\n\nwatch(props, () => {\n  validateProps();\n}, { deep: true, immediate: true });\n\nfunction scrollToBottom () {\n  if (scroller.value) scroller.value.scrollToBottom();\n}\n\nfunction scrollToItem (index) {\n  if (scroller.value) scroller.value.scrollToItem(index);\n}\n\nfunction updateItems () {\n  if (!scroller.value) return;\n  if (props.dynamic) {\n    scroller.value.dynamicScrollerUpdateItems();\n  } else {\n    scroller.value._updateVisibleItems(true);\n  }\n}\n\nfunction updateItemsFromBottom () {\n  if (!scroller.value) return;\n  if (props.dynamic) {\n    scroller.value.dynamicScrollerUpdateItemsFromBottom();\n  } else {\n    scroller.value._updateVisibleItems(false, true);\n  }\n}\n\nfunction validateProps () {\n  if (props.dynamic && !props.minItemSize) {\n    console.error('scroller error: \\'minItemSize\\' is required on \\'dynamic\\' mode.');\n  }\n\n  if (!props.dynamic && !props.itemSize) {\n    console.error('scroller error: \\'itemSize\\' is required.');\n  }\n}\n\ndefineExpose({\n  scrollToBottom,\n  scrollToItem,\n  updateItems,\n  updateItemsFromBottom,\n});\n</script>\n"],"mappings":"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"}

package/dist/Toast-CM4ZR3wM.cjs

@@ -1,2 +0,0 @@
-require(`./chunk-Bmb41Sf3.cjs`);const e=require(`./common/utils/index.cjs`),t=require(`./_plugin-vue_export-helper-D8jCH6HB.cjs`),n=require(`./lib/icon/icon-constants.cjs`),r=require(`./lib/notice/notice-constants.cjs`),i=require(`./lib/notice/notice-icon.cjs`),a=require(`./lib/notice/notice-content.cjs`),o=require(`./lib/notice/notice-action.cjs`),s=require(`./lib/toast/toast-constants.cjs`);let c=require(`vue`),l=require(`@dialpad/dialtone-icons/vue`);var u={name:`ToastLayoutDefault`,components:{DtNoticeIcon:i.default,DtNoticeContent:a.default,DtNoticeAction:o.default},inheritAttrs:!1,props:{isShown:{type:Boolean,default:!1},headerId:{type:String,default(){return e.default.getUniqueString()}},contentId:{type:String,default(){return e.default.getUniqueString()}},headerText:{type:String,default:void 0},message:{type:String,default:``},role:{type:String,default:`status`,validator:e=>s.TOAST_ROLES.includes(e)},kind:{type:String,default:`base`,validator:e=>r.NOTICE_KINDS.includes(e)},important:{type:Boolean,default:!1},showClose:{type:Boolean,default:!0},showIcon:{type:Boolean,default:!0},showAction:{type:Boolean,default:!0},iconClass:{type:[String,Array,Object],default:``},headerClass:{type:[String,Array,Object],default:``},contentClass:{type:[String,Array,Object],default:``},actionClass:{type:[String,Array,Object],default:``}},emits:[`close`],computed:{kindClass(){return{critical:`d-toast--critical`,info:`d-toast--info`,positive:`d-toast--positive`,warning:`d-toast--warning`,base:`d-toast--base`}[this.kind]},toastListeners(){return e.extractVueListeners(this.$attrs)}}},d=[`aria-hidden`],f={class:`d-toast__dialog`};function p(e,t,n,r,i,a){let o=(0,c.resolveComponent)(`dt-notice-icon`),s=(0,c.resolveComponent)(`dt-notice-content`),l=(0,c.resolveComponent)(`dt-notice-action`);return n.isShown?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{key:0,class:(0,c.normalizeClass)([`d-toast`,a.kindClass,e.$attrs.class,{"d-toast--important":n.important}]),"data-qa":`dt-toast`,"aria-hidden":(!n.isShown).toString()},[(0,c.createElementVNode)(`div`,f,[n.showIcon?((0,c.openBlock)(),(0,c.createBlock)(o,(0,c.mergeProps)({key:0,kind:n.kind,"icon-class":n.iconClass,class:{"d-notice__icon--has-title":n.headerText||e.$slots.header}},a.toastListeners),{default:(0,c.withCtx)(()=>[(0,c.renderSlot)(e.$slots,`icon`)]),_:3},16,[`kind`,`icon-class`,`class`])):(0,c.createCommentVNode)(``,!0),(0,c.createVNode)(s,(0,c.mergeProps)({"header-id":n.headerId,"content-id":n.contentId,"header-text":n.headerText,"header-class":n.headerClass,"content-class":n.contentClass,role:n.role},a.toastListeners),{header:(0,c.withCtx)(()=>[(0,c.renderSlot)(e.$slots,`header`)]),default:(0,c.withCtx)(()=>[(0,c.renderSlot)(e.$slots,`default`,{},()=>[(0,c.createTextVNode)((0,c.toDisplayString)(n.message),1)])]),_:3},16,[`header-id`,`content-id`,`header-text`,`header-class`,`content-class`,`role`]),(0,c.createVNode)(l,(0,c.mergeProps)({"show-action":n.showAction,"show-close":n.showClose,"action-class":n.actionClass},a.toastListeners,{onClose:t[0]||(t[0]=t=>e.$emit(`close`))}),{default:(0,c.withCtx)(()=>[(0,c.renderSlot)(e.$slots,`action`)]),_:3},16,[`show-action`,`show-close`,`action-class`])])],10,d)):(0,c.createCommentVNode)(``,!0)}var m=t.t(u,[[`render`,p]]),h=new Map([[`info`,l.DtIconInfo],[`positive`,l.DtIconInfo],[`warning`,l.DtIconAlertTriangle],[`critical`,l.DtIconInfo],[`base`,l.DtIconBell],[`gradient`,l.DtIconSparkle]]),g={name:`DtToastLayoutAlternateIcon`,components:{DtIconInfo:l.DtIconInfo,DtIconAlertTriangle:l.DtIconAlertTriangle,DtIconBell:l.DtIconBell,DtIconSparkle:l.DtIconSparkle},props:{kind:{type:String,default:`base`,validator(e){return s.TOAST_ALTERNATE_KINDS.includes(e)}},size:{type:String,default:`400`,validator:e=>Object.keys(n.ICON_SIZE_MODIFIERS).includes(e)},iconClass:{type:[String,Array,Object],default:``}},computed:{defaultIcon(){return h.get(this.kind)}}};function _(e,t,n,r,i,a){return(0,c.openBlock)(),(0,c.createElementBlock)(`div`,{"aria-hidden":`true`,class:(0,c.normalizeClass)([`d-toast-layout-alternate__icon`,n.iconClass])},[(0,c.renderSlot)(e.$slots,`default`,{},()=>[a.defaultIcon?((0,c.openBlock)(),(0,c.createBlock)((0,c.resolveDynamicComponent)(a.defaultIcon),{key:0,size:n.size},null,8,[`size`])):(0,c.createCommentVNode)(``,!0)])],2)}var v=t.t(g,[[`render`,_]]),y={name:`ToastLayoutAlternate`,components:{DtNoticeAction:o.default,DtNoticeContent:a.default,DtToastLayoutAlternateIcon:v},inheritAttrs:!1,props:{isShown:{type:Boolean,default:!1},headerId:{type:String,default(){return e.default.getUniqueString()}},contentId:{type:String,default(){return e.default.getUniqueString()}},headerText:{type:String,default:void 0},message:{type:String,default:``},role:{type:String,default:`status`,validator:e=>s.TOAST_ROLES.includes(e)},kind:{type:String,default:`base`,validator:e=>s.TOAST_ALTERNATE_KINDS.includes(e)},showClose:{type:Boolean,default:!0},showIcon:{type:Boolean,default:!0},iconClass:{type:[String,Array,Object],default:``},headerClass:{type:[String,Array,Object],default:``},contentClass:{type:[String,Array,Object],default:``},actionClass:{type:[String,Array,Object],default:``}},computed:{kindClass(){return{critical:`d-toast-alternate--critical`,info:`d-toast-alternate--info`,positive:`d-toast-alternate--positive`,warning:`d-toast-alternate--warning`,gradient:`d-toast-alternate--gradient`}[this.kind]},toastListeners(){return e.extractVueListeners(this.$attrs)}}},b=[`aria-hidden`],x={class:`d-toast-alternate__dialog`},S={class:`d-toast-alternate__header`},C={class:`d-toast-alternate__content`};function w(e,t,n,r,i,a){let o=(0,c.resolveComponent)(`dt-toast-layout-alternate-icon`),s=(0,c.resolveComponent)(`dt-notice-content`),l=(0,c.resolveComponent)(`dt-notice-action`);return n.isShown?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{key:0,class:(0,c.normalizeClass)([`d-toast-alternate`,e.$attrs.class,a.kindClass]),"data-qa":`dt-toast`,"aria-hidden":(!n.isShown).toString()},[(0,c.createElementVNode)(`div`,x,[(0,c.createElementVNode)(`div`,S,[n.showIcon?((0,c.openBlock)(),(0,c.createBlock)(o,(0,c.mergeProps)({key:0,kind:n.kind,"icon-class":n.iconClass,size:`200`},a.toastListeners),{default:(0,c.withCtx)(()=>[(0,c.renderSlot)(e.$slots,`icon`)]),_:3},16,[`kind`,`icon-class`])):(0,c.createCommentVNode)(``,!0),(0,c.createVNode)(s,(0,c.mergeProps)({"header-id":n.headerId,"content-id":n.contentId,"header-text":n.headerText,"header-class":n.headerClass,"content-class":n.contentClass,role:n.role},a.toastListeners),{header:(0,c.withCtx)(()=>[(0,c.renderSlot)(e.$slots,`header`)]),_:3},16,[`header-id`,`content-id`,`header-text`,`header-class`,`content-class`,`role`]),(0,c.createVNode)(l,(0,c.mergeProps)({"show-action":!1,"show-close":n.showClose,"action-class":n.actionClass,"button-size":100},a.toastListeners,{onClose:t[0]||(t[0]=t=>e.$emit(`close`))}),null,16,[`show-close`,`action-class`])]),(0,c.createElementVNode)(`div`,C,[(0,c.renderSlot)(e.$slots,`default`,{},()=>[(0,c.createTextVNode)((0,c.toDisplayString)(n.message),1)])])])],10,b)):(0,c.createCommentVNode)(``,!0)}var T=t.t(y,[[`render`,w]]),E={name:`DtToast`,components:{ToastLayoutDefault:m,ToastLayoutAlternate:T},inheritAttrs:!1,props:{headerId:{type:String,default:void 0},contentId:{type:String,default:void 0},headerText:{type:String,default:void 0},message:{type:String,default:void 0},role:{type:String,default:`status`},kind:{type:String,default:void 0},important:{type:Boolean,default:!1},open:{type:Boolean,default:!1},showClose:{type:Boolean,default:!0},showIcon:{type:Boolean,default:!0},showAction:{type:Boolean,default:!0},duration:{type:Number,default:null,validator:e=>e>=s.TOAST_MIN_DURATION},layout:{type:String,default:`default`,validator:e=>s.TOAST_LAYOUTS.includes(e)},iconClass:{type:[String,Array,Object],default:``},headerClass:{type:[String,Array,Object],default:``},contentClass:{type:[String,Array,Object],default:``},actionClass:{type:[String,Array,Object],default:``}},emits:[`close`,`update:open`],data(){return{isShown:!1,minDuration:s.TOAST_MIN_DURATION}},computed:{shouldSetTimeout(){return!!this.duration&&this.duration>=this.minDuration},selectedLayout(){return this.layout===`alternate`?T:m}},watch:{open:{handler:function(e){this.isShown=e,e?this.setTimeout():clearTimeout(this.displayTimer)},immediate:!0}},unmounted(){clearTimeout(this.displayTimer)},methods:{setTimeout(){this.shouldSetTimeout&&(this.displayTimer=setTimeout(()=>{this.isShown=!1,this.$emit(`update:open`,!1)},this.duration))},handleClose(){this.isShown=!1,this.$emit(`close`),this.$emit(`update:open`,!1)}}};function D(e,t,n,r,i,a){return(0,c.openBlock)(),(0,c.createBlock)((0,c.resolveDynamicComponent)(a.selectedLayout),(0,c.mergeProps)({"is-shown":i.isShown,"header-id":n.headerId,"content-id":n.contentId,"header-text":n.headerText,message:n.message,role:n.role,kind:n.kind,important:n.important,"show-close":n.showClose,"show-icon":n.showIcon,"show-action":n.showAction,"icon-class":n.iconClass,"header-class":n.headerClass,"content-class":n.contentClass,"action-class":n.actionClass},e.$attrs,{onClose:a.handleClose}),{icon:(0,c.withCtx)(()=>[(0,c.renderSlot)(e.$slots,`icon`)]),header:(0,c.withCtx)(()=>[(0,c.renderSlot)(e.$slots,`header`)]),action:(0,c.withCtx)(()=>[(0,c.renderSlot)(e.$slots,`action`)]),default:(0,c.withCtx)(()=>[(0,c.renderSlot)(e.$slots,`default`,{},()=>[(0,c.createTextVNode)((0,c.toDisplayString)(n.message),1)])]),_:3},16,[`is-shown`,`header-id`,`content-id`,`header-text`,`message`,`role`,`kind`,`important`,`show-close`,`show-icon`,`show-action`,`icon-class`,`header-class`,`content-class`,`action-class`,`onClose`])}var O=t.t(E,[[`render`,D]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return O}});
-//# sourceMappingURL=Toast-CM4ZR3wM.cjs.map

package/dist/Toast-CM4ZR3wM.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toast-CM4ZR3wM.cjs","names":[],"sources":["../components/Toast/Layouts/ToastLayoutDefault.vue","../components/Toast/Layouts/ToastLayoutAlternateIcon.vue","../components/Toast/Layouts/ToastLayoutAlternate.vue","../components/Toast/Toast.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"isShown\"\n    :class=\"[\n      'd-toast',\n      kindClass,\n      $attrs.class,\n      { 'd-toast--important': important },\n    ]\"\n    data-qa=\"dt-toast\"\n    :aria-hidden=\"(!isShown).toString()\"\n  >\n    <div class=\"d-toast__dialog\">\n      <dt-notice-icon\n        v-if=\"showIcon\"\n        :kind=\"kind\"\n        :icon-class=\"iconClass\"\n        :class=\"{ 'd-notice__icon--has-title': headerText || $slots.header }\"\n        v-bind=\"toastListeners\"\n      >\n        <!-- @slot Slot for custom icon -->\n        <slot name=\"icon\" />\n      </dt-notice-icon>\n      <dt-notice-content\n        :header-id=\"headerId\"\n        :content-id=\"contentId\"\n        :header-text=\"headerText\"\n        :header-class=\"headerClass\"\n        :content-class=\"contentClass\"\n        :role=\"role\"\n        v-bind=\"toastListeners\"\n      >\n        <template #header>\n          <!-- @slot Slot for the header -->\n          <slot name=\"header\" />\n        </template>\n        <!-- @slot the main textual content of the toast -->\n        <slot>\n          {{ message }}\n        </slot>\n      </dt-notice-content>\n      <dt-notice-action\n        :show-action=\"showAction\"\n        :show-close=\"showClose\"\n        :action-class=\"actionClass\"\n        v-bind=\"toastListeners\"\n        @close=\"$emit('close')\"\n      >\n        <!-- @slot Enter a possible action for the user to take, such as a link to another page -->\n        <slot name=\"action\" />\n      </dt-notice-action>\n    </div>\n  </div>\n</template>\n\n<script>\nimport utils from '@/common/utils';\nimport { DtNoticeIcon, DtNoticeContent, DtNoticeAction, NOTICE_KINDS } from '@/components/Notice';\nimport { TOAST_ROLES } from '../ToastConstants.js';\nimport { extractVueListeners } from '@/common/utils/index.js';\n\nexport default {\n  name: 'ToastLayoutDefault',\n\n  components: {\n    DtNoticeIcon,\n    DtNoticeContent,\n    DtNoticeAction,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    isShown: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Sets an ID on the header element of the component. Useful for aria-describedby\n     * or aria-labelledby or any other reason you may need an id to refer to the header.\n     */\n    headerId: {\n      type: String,\n      default () { return utils.getUniqueString(); },\n    },\n\n    /**\n     * Sets an ID on the content element of the component. Useful for aria-describedby\n     * or aria-labelledby or any other reason you may need an id to refer to the content.\n     */\n    contentId: {\n      type: String,\n      default () { return utils.getUniqueString(); },\n    },\n\n    /**\n     * Header text of the toast. This can be left blank to remove the header from the toast entirely.\n     */\n    headerText: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Message of the toast. Overridden by default slot.\n     */\n    message: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Provides a role for the toast. 'status' is used by default to communicate a message. 'alert' is used to\n     * communicate an important message like an error that does not contain any interactive elements.\n     * @values status, alert\n     */\n    role: {\n      type: String,\n      default: 'status',\n      validator: (role) => {\n        return TOAST_ROLES.includes(role);\n      },\n    },\n\n    /**\n     * Severity level of the toast, sets the icon and background\n     * @values base, critical, info, positive, warning\n     */\n    kind: {\n      type: String,\n      default: 'base',\n      validator: (kind) => {\n        return NOTICE_KINDS.includes(kind);\n      },\n    },\n\n    /**\n     * Used in scenarios where the message needs to visually dominate the screen.\n     * @values true, false\n     */\n    important: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Shows the close button in the toast\n     * @values true, false\n     */\n    showClose: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Shows the icon in the toast\n     * @values true, false\n     */\n    showIcon: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Shows the action in the toast\n     * @values true, false\n     */\n    showAction: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Additional class name for the icon wrapper element.\n     */\n    iconClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the header wrapper element.\n     */\n    headerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the content wrapper element.\n     */\n    contentClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the action wrapper element.\n     */\n    actionClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n\n  emits: ['close'],\n\n  computed: {\n    kindClass () {\n      const kindClasses = {\n        critical: 'd-toast--critical',\n        info: 'd-toast--info',\n        positive: 'd-toast--positive',\n        warning: 'd-toast--warning',\n        base: 'd-toast--base',\n      };\n\n      return kindClasses[this.kind];\n    },\n\n    toastListeners () {\n      return extractVueListeners(this.$attrs);\n    },\n  },\n};\n</script>\n","<template>\n  <div\n    aria-hidden=\"true\"\n    :class=\"['d-toast-layout-alternate__icon', iconClass]\"\n  >\n    <slot>\n      <component\n        :is=\"defaultIcon\"\n        v-if=\"defaultIcon\"\n        :size=\"size\"\n      />\n    </slot>\n  </div>\n</template>\n\n<script>\nimport {\n  DtIconInfo,\n  DtIconAlertTriangle,\n  DtIconBell,\n  DtIconSparkle,\n} from '@dialpad/dialtone-icons/vue';\nimport { TOAST_ALTERNATE_KINDS } from '../ToastConstants.js';\nimport { ICON_SIZE_MODIFIERS } from '@/components/Icon/IconConstants.js';\n\nconst kindToIcon = new Map([\n  ['info', DtIconInfo],\n  ['positive', DtIconInfo],\n  ['warning', DtIconAlertTriangle],\n  ['critical', DtIconInfo],\n  ['base', DtIconBell],\n  ['gradient', DtIconSparkle],\n]);\n\nexport default {\n  name: 'DtToastLayoutAlternateIcon',\n\n  components: {\n    DtIconInfo,\n    DtIconAlertTriangle,\n    DtIconBell,\n    DtIconSparkle,\n  },\n\n  props: {\n    /**\n     * Kind of icon\n     * @values base, critical, info, positive, warning\n     */\n    kind: {\n      type: String,\n      default: 'base',\n      validator (kind) {\n        return TOAST_ALTERNATE_KINDS.includes(kind);\n      },\n    },\n\n    size: {\n      type: String,\n      default: '400',\n      validator: (s) => Object.keys(ICON_SIZE_MODIFIERS).includes(s),\n    },\n\n    /**\n     * Additional class name for the icon wrapper element.\n     */\n    iconClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n\n  computed: {\n    defaultIcon () {\n      return kindToIcon.get(this.kind);\n    },\n  },\n};\n</script>\n","<template>\n  <div\n    v-if=\"isShown\"\n    :class=\"[\n      'd-toast-alternate',\n      $attrs.class,\n      kindClass,\n    ]\"\n    data-qa=\"dt-toast\"\n    :aria-hidden=\"(!isShown).toString()\"\n  >\n    <div class=\"d-toast-alternate__dialog\">\n      <div class=\"d-toast-alternate__header\">\n        <dt-toast-layout-alternate-icon\n          v-if=\"showIcon\"\n          :kind=\"kind\"\n          :icon-class=\"iconClass\"\n          size=\"200\"\n          v-bind=\"toastListeners\"\n        >\n          <slot name=\"icon\" />\n        </dt-toast-layout-alternate-icon>\n        <dt-notice-content\n          :header-id=\"headerId\"\n          :content-id=\"contentId\"\n          :header-text=\"headerText\"\n          :header-class=\"headerClass\"\n          :content-class=\"contentClass\"\n          :role=\"role\"\n          v-bind=\"toastListeners\"\n        >\n          <template #header>\n            <slot name=\"header\" />\n          </template>\n        </dt-notice-content>\n\n        <!-- Close Button -->\n        <dt-notice-action\n          :show-action=\"false\"\n          :show-close=\"showClose\"\n          :action-class=\"actionClass\"\n          :button-size=\"100\"\n          v-bind=\"toastListeners\"\n          @close=\"$emit('close')\"\n        />\n      </div>\n      <!-- Content Section -->\n      <div class=\"d-toast-alternate__content\">\n        <slot>\n          {{ message }}\n        </slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport utils from '@/common/utils';\nimport DtToastLayoutAlternateIcon from './ToastLayoutAlternateIcon.vue';\nimport { DtNoticeAction, DtNoticeContent } from '@/components/Notice';\nimport { TOAST_ROLES, TOAST_ALTERNATE_KINDS } from '../ToastConstants.js';\nimport { extractVueListeners } from '@/common/utils/index.js';\n\nexport default {\n  name: 'ToastLayoutAlternate',\n\n  components: {\n    DtNoticeAction,\n    DtNoticeContent,\n    DtToastLayoutAlternateIcon,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    isShown: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Sets an ID on the header element of the component. Useful for aria-describedby\n     * or aria-labelledby or any other reason you may need an id to refer to the header.\n     */\n    headerId: {\n      type: String,\n      default () { return utils.getUniqueString(); },\n    },\n\n    /**\n     * Sets an ID on the content element of the component. Useful for aria-describedby\n     * or aria-labelledby or any other reason you may need an id to refer to the content.\n     */\n    contentId: {\n      type: String,\n      default () { return utils.getUniqueString(); },\n    },\n\n    /**\n     * Header text of the toast. This can be left blank to remove the header from the toast entirely.\n     */\n    headerText: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Message of the toast. Overridden by default slot.\n     */\n    message: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Provides a role for the toast. 'status' is used by default to communicate a message. 'alert' is used to\n     * communicate an important message like an error that does not contain any interactive elements.\n     * @values status, alert\n     */\n    role: {\n      type: String,\n      default: 'status',\n      validator: (role) => {\n        return TOAST_ROLES.includes(role);\n      },\n    },\n\n    /**\n     * Severity level of the toast, sets the icon and background\n     * @values base, critical, info, positive, warning, gradient\n     */\n    kind: {\n      type: String,\n      default: 'base',\n      validator: (kind) => {\n        return TOAST_ALTERNATE_KINDS.includes(kind);\n      },\n    },\n\n    /**\n     * Shows the close button in the toast\n     * @values true, false\n     */\n    showClose: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Shows the icon in the toast\n     * @values true, false\n     */\n    showIcon: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Additional class name for the icon wrapper element.\n     */\n    iconClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the header wrapper element.\n     */\n    headerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the content wrapper element.\n     */\n    contentClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the action wrapper element.\n     */\n    actionClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n\n  computed: {\n    kindClass () {\n      const kindClasses = {\n        critical: 'd-toast-alternate--critical',\n        info: 'd-toast-alternate--info',\n        positive: 'd-toast-alternate--positive',\n        warning: 'd-toast-alternate--warning',\n        gradient: 'd-toast-alternate--gradient',\n      };\n\n      return kindClasses[this.kind];\n    },\n\n    toastListeners () {\n      return extractVueListeners(this.$attrs);\n    },\n  },\n};\n</script>\n","<template>\n  <component\n    :is=\"selectedLayout\"\n    :is-shown=\"isShown\"\n    :header-id=\"headerId\"\n    :content-id=\"contentId\"\n    :header-text=\"headerText\"\n    :message=\"message\"\n    :role=\"role\"\n    :kind=\"kind\"\n    :important=\"important\"\n    :show-close=\"showClose\"\n    :show-icon=\"showIcon\"\n    :show-action=\"showAction\"\n    :icon-class=\"iconClass\"\n    :header-class=\"headerClass\"\n    :content-class=\"contentClass\"\n    :action-class=\"actionClass\"\n    v-bind=\"$attrs\"\n    @close=\"handleClose\"\n  >\n    <!-- @slot Slot for custom icon -->\n    <template #icon>\n      <slot name=\"icon\" />\n    </template>\n    <template #header>\n      <!-- @slot Slot for the header -->\n      <slot name=\"header\" />\n    </template>\n    <!-- @slot the main textual content of the toast -->\n    <slot>\n      {{ message }}\n    </slot>\n    <!-- @slot Enter a possible action for the user to take, such as a link to another page -->\n    <template #action>\n      <slot name=\"action\" />\n    </template>\n  </component>\n</template>\n\n<script>\nimport { TOAST_MIN_DURATION, TOAST_LAYOUTS } from './ToastConstants.js';\nimport ToastLayoutDefault from './Layouts/ToastLayoutDefault.vue';\nimport ToastLayoutAlternate from './Layouts/ToastLayoutAlternate.vue';\n\n/**\n * A toast notice, sometimes called a snackbar, is a time-based message that appears based on users' actions.\n * It contains at-a-glance information about outcomes and can be paired with actions.\n * @see https://dialtone.dialpad.com/components/toast.html\n */\nexport default {\n  name: 'DtToast',\n\n  components: {\n    ToastLayoutDefault,\n    ToastLayoutAlternate,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Sets an ID on the header element of the component. Useful for aria-describedby\n     * or aria-labelledby or any other reason you may need an id to refer to the header.\n     */\n    headerId: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Sets an ID on the content element of the component. Useful for aria-describedby\n     * or aria-labelledby or any other reason you may need an id to refer to the content.\n     */\n    contentId: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Header text of the toast. This can be left blank to remove the header from the toast entirely.\n     */\n    headerText: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Message of the toast. Overridden by default slot.\n     */\n    message: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Provides a role for the toast. 'status' is used by default to communicate a message. 'alert' is used to\n     * communicate an important message like an error that does not contain any interactive elements.\n     * @values status, alert\n     */\n    role: {\n      type: String,\n      default: 'status',\n    },\n\n    /**\n     * Severity level of the toast, could be different depending on which toast layout is used.\n     * @values base, critical, info, positive, warning, gradient\n     */\n    kind: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Used in scenarios where the message needs to visually dominate the screen.\n     * @values true, false\n     */\n    important: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Controls whether the toast is shown. If a valid duration is provided, the toast will disappear\n     * after reaching the duration time, so it's convenient to use `v-model` with this prop to update\n     * the data in your component.\n     * Supports v-model\n     * @values true, false\n     */\n    open: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Shows the close button in the toast.\n     * @values true, false\n     */\n    showClose: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Shows the icon in the toast.\n     * @values true, false\n     */\n    showIcon: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Shows the action in the toast.\n     * @values true, false\n     */\n    showAction: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * The duration in ms the toast will display before disappearing.\n     * The toast won't disappear if the duration is not provided.\n     * If it's provided, it should be equal to or greater than 6000.\n     */\n    duration: {\n      type: Number,\n      default: null,\n      validator: (duration) => {\n        return duration >= TOAST_MIN_DURATION;\n      },\n    },\n\n    /**\n     * The layout / styling you wish to use for the toast.\n     * @values default, alternate\n     */\n    layout: {\n      type: String,\n      default: 'default',\n      validator: (layout) => {\n        return TOAST_LAYOUTS.includes(layout);\n      },\n    },\n\n    /**\n     * Additional class name for the icon wrapper element.\n     */\n    iconClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the header wrapper element.\n     */\n    headerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the content wrapper element.\n     */\n    contentClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the action wrapper element.\n     */\n    actionClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n\n  emits: [\n    /**\n     * Close button click event\n     *\n     * @event close\n     */\n    'close',\n\n    /**\n     * Sync open value\n     *\n     * @event update:open\n     */\n    'update:open',\n  ],\n\n  data () {\n    return {\n      isShown: false,\n      minDuration: TOAST_MIN_DURATION,\n    };\n  },\n\n  computed: {\n    shouldSetTimeout () {\n      return !!this.duration && this.duration >= this.minDuration;\n    },\n\n    selectedLayout () {\n      return this.layout === 'alternate' ? ToastLayoutAlternate : ToastLayoutDefault;\n    },\n  },\n\n  watch: {\n    open: {\n      handler: function (open) {\n        this.isShown = open;\n        if (open) {\n          this.setTimeout();\n        } else {\n          clearTimeout(this.displayTimer);\n        }\n      },\n\n      immediate: true,\n    },\n  },\n\n  unmounted () {\n    clearTimeout(this.displayTimer);\n  },\n\n  methods: {\n    setTimeout () {\n      if (this.shouldSetTimeout) {\n        this.displayTimer = setTimeout(() => {\n          this.isShown = false;\n          this.$emit('update:open', false);\n        }, this.duration);\n      }\n    },\n\n    handleClose () {\n      this.isShown = false;\n      this.$emit('close');\n      this.$emit('update:open', false);\n    },\n  },\n};\n</script>\n"],"mappings":"0cA6DA,IAAK,EAAU,CACb,KAAM,qBAEN,WAAY,CACV,aAAA,EAAA,QACA,gBAAA,EAAA,QACA,eAAA,EAAA,QACD,CAED,aAAc,GAEd,MAAO,CACL,QAAS,CACP,KAAM,QACN,QAAS,GACV,CAMD,SAAU,CACR,KAAM,OACN,SAAW,CAAE,OAAO,EAAA,QAAM,iBAAiB,EAC5C,CAMD,UAAW,CACT,KAAM,OACN,SAAW,CAAE,OAAO,EAAA,QAAM,iBAAiB,EAC5C,CAKD,WAAY,CACV,KAAM,OACN,QAAS,IAAA,GACV,CAKD,QAAS,CACP,KAAM,OACN,QAAS,GACV,CAOD,KAAM,CACJ,KAAM,OACN,QAAS,SACT,UAAY,GACH,EAAA,YAAY,SAAS,EAAK,CAEpC,CAMD,KAAM,CACJ,KAAM,OACN,QAAS,OACT,UAAY,GACH,EAAA,aAAa,SAAS,EAAK,CAErC,CAMD,UAAW,CACT,KAAM,QACN,QAAS,GACV,CAMD,UAAW,CACT,KAAM,QACN,QAAS,GACV,CAMD,SAAU,CACR,KAAM,QACN,QAAS,GACV,CAMD,WAAY,CACV,KAAM,QACN,QAAS,GACV,CAKD,UAAW,CACT,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,YAAa,CACX,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,YAAa,CACX,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CACF,CAED,MAAO,CAAC,QAAQ,CAEhB,SAAU,CACR,WAAa,CASX,MARoB,CAClB,SAAU,oBACV,KAAM,gBACN,SAAU,oBACV,QAAS,mBACT,KAAM,gBACP,CAEkB,KAAK,OAG1B,gBAAkB,CAChB,OAAO,EAAA,oBAAoB,KAAK,OAAO,EAE1C,CACF,sBArNQ,MAAM,kBAAiB,0KAVtB,EAAA,UAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAkDF,MAAA,OAjDH,OAAA,EAAA,EAAA,gBAAK,WAA2B,EAAA,UAAiB,EAAA,OAAO,4BAAqC,EAAA,UAAS,GAMvG,UAAQ,WACP,eAAW,CAAI,EAAA,SAAS,UAAQ,4BAyC3B,MAvCN,EAuCM,CArCI,EAAA,WAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,aAQS,GAAA,EAAA,EAAA,YAAA,OAPd,KAAM,EAAA,KACN,aAAY,EAAA,UACZ,MAAK,CAAA,4BAAiC,EAAA,YAAc,EAAA,OAAO,OAAM,EAC1D,EAAA,eAAc,CAAA,2BAGF,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,OAAA,CAAA,CAAA,2FAmBF,GAAA,EAAA,EAAA,YAAA,CAhBjB,YAAW,EAAA,SACX,aAAY,EAAA,UACZ,cAAa,EAAA,WACb,eAAc,EAAA,YACd,gBAAe,EAAA,aACf,KAAM,EAAA,MACC,EAAA,eAAc,CAAA,CAEX,QAAA,EAAA,EAAA,aAEa,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,SAAA,CAAA,CAAA,2BAKjB,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,UAAA,EAAA,KAAA,EAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBADF,EAAA,QAAO,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,2GAYK,GAAA,EAAA,EAAA,YAAA,CARhB,cAAa,EAAA,WACb,aAAY,EAAA,UACZ,eAAc,EAAA,aACP,EAAA,eAAc,CACrB,QAAK,EAAA,KAAA,EAAA,GAAA,GAAE,EAAA,MAAK,QAAA,EAAA,CAAA,CAAA,2BAGS,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,SAAA,CAAA,CAAA,4HCxBxB,EAAa,IAAI,IAAI,CACzB,CAAC,OAAQ,EAAA,WAAW,CACpB,CAAC,WAAY,EAAA,WAAW,CACxB,CAAC,UAAW,EAAA,oBAAoB,CAChC,CAAC,WAAY,EAAA,WAAW,CACxB,CAAC,OAAQ,EAAA,WAAW,CACpB,CAAC,WAAY,EAAA,cAAc,CAC5B,CAAC,CAEG,EAAU,CACb,KAAM,6BAEN,WAAY,CACV,WAAA,EAAA,WACA,oBAAA,EAAA,oBACA,WAAA,EAAA,WACA,cAAA,EAAA,cACD,CAED,MAAO,CAKL,KAAM,CACJ,KAAM,OACN,QAAS,OACT,UAAW,EAAM,CACf,OAAO,EAAA,sBAAsB,SAAS,EAAK,EAE9C,CAED,KAAM,CACJ,KAAM,OACN,QAAS,MACT,UAAY,GAAM,OAAO,KAAK,EAAA,oBAAoB,CAAC,SAAS,EAAE,CAC/D,CAKD,UAAW,CACT,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CACF,CAED,SAAU,CACR,aAAe,CACb,OAAO,EAAW,IAAI,KAAK,KAAK,EAEnC,CACF,0EAjEO,MAAA,CAVJ,cAAY,OACX,OAAA,EAAA,EAAA,gBAAK,CAAA,iCAAqC,EAAA,UAAS,CAAA,oBAQ7C,EAAA,OAAA,UAAA,EAAA,KAAA,CAHG,EAAA,cAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,cAAA,EAAA,EAAA,yBADD,EAAA,YAAW,CAAA,OAEf,KAAM,EAAA,0FCsDV,EAAU,CACb,KAAM,uBAEN,WAAY,CACV,eAAA,EAAA,QACA,gBAAA,EAAA,QACA,2BAAA,EACD,CAED,aAAc,GAEd,MAAO,CACL,QAAS,CACP,KAAM,QACN,QAAS,GACV,CAMD,SAAU,CACR,KAAM,OACN,SAAW,CAAE,OAAO,EAAA,QAAM,iBAAiB,EAC5C,CAMD,UAAW,CACT,KAAM,OACN,SAAW,CAAE,OAAO,EAAA,QAAM,iBAAiB,EAC5C,CAKD,WAAY,CACV,KAAM,OACN,QAAS,IAAA,GACV,CAKD,QAAS,CACP,KAAM,OACN,QAAS,GACV,CAOD,KAAM,CACJ,KAAM,OACN,QAAS,SACT,UAAY,GACH,EAAA,YAAY,SAAS,EAAK,CAEpC,CAMD,KAAM,CACJ,KAAM,OACN,QAAS,OACT,UAAY,GACH,EAAA,sBAAsB,SAAS,EAAK,CAE9C,CAMD,UAAW,CACT,KAAM,QACN,QAAS,GACV,CAMD,SAAU,CACR,KAAM,QACN,QAAS,GACV,CAKD,UAAW,CACT,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,YAAa,CACX,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,YAAa,CACX,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CACF,CAED,SAAU,CACR,WAAa,CASX,MARoB,CAClB,SAAU,8BACV,KAAM,0BACN,SAAU,8BACV,QAAS,6BACT,SAAU,8BACX,CAEkB,KAAK,OAG1B,gBAAkB,CAChB,OAAO,EAAA,oBAAoB,KAAK,OAAO,EAE1C,CACF,sBApMQ,MAAM,4BAA2B,IAC/B,MAAM,4BAA2B,IAmCjC,MAAM,6BAA4B,0LA7CnC,EAAA,UAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAmDF,MAAA,OAlDH,OAAA,EAAA,EAAA,gBAAK,qBAAqC,EAAA,OAAO,MAAa,EAAA,YAK/D,UAAQ,WACP,eAAW,CAAI,EAAA,SAAS,UAAQ,4BA2C3B,MAzCN,EAyCM,EAAA,EAAA,EAAA,oBAPE,MAjCN,EAiCM,CA/BI,EAAA,WAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,aAOyB,GAAA,EAAA,EAAA,YAAA,OAN9B,KAAM,EAAA,KACN,aAAY,EAAA,UACb,KAAK,OACG,EAAA,eAAc,CAAA,2BAEF,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,OAAA,CAAA,CAAA,mFAcF,GAAA,EAAA,EAAA,YAAA,CAXjB,YAAW,EAAA,SACX,aAAY,EAAA,UACZ,cAAa,EAAA,WACb,eAAc,EAAA,YACd,gBAAe,EAAA,aACf,KAAM,EAAA,MACC,EAAA,eAAc,CAAA,CAEX,QAAA,EAAA,EAAA,aACa,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,SAAA,CAAA,CAAA,2GAYxB,GAAA,EAAA,EAAA,YAAA,CANC,cAAa,GACb,aAAY,EAAA,UACZ,eAAc,EAAA,YACd,cAAa,KACN,EAAA,eAAc,CACrB,QAAK,EAAA,KAAA,EAAA,GAAA,GAAE,EAAA,MAAK,QAAA,EAAA,CAAA,CAAA,KAAA,GAAA,CAAA,aAAA,eAAA,CAAA,4BAQX,MAJN,EAIM,EAAA,EAAA,EAAA,YADG,EAAA,OAAA,UAAA,EAAA,KAAA,EAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBADF,EAAA,QAAO,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,EAAA,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,6BCCf,EAAU,CACb,KAAM,UAEN,WAAY,CACV,mBAAA,EACA,qBAAA,EACD,CAED,aAAc,GAEd,MAAO,CAKL,SAAU,CACR,KAAM,OACN,QAAS,IAAA,GACV,CAMD,UAAW,CACT,KAAM,OACN,QAAS,IAAA,GACV,CAKD,WAAY,CACV,KAAM,OACN,QAAS,IAAA,GACV,CAKD,QAAS,CACP,KAAM,OACN,QAAS,IAAA,GACV,CAOD,KAAM,CACJ,KAAM,OACN,QAAS,SACV,CAMD,KAAM,CACJ,KAAM,OACN,QAAS,IAAA,GACV,CAMD,UAAW,CACT,KAAM,QACN,QAAS,GACV,CASD,KAAM,CACJ,KAAM,QACN,QAAS,GACV,CAMD,UAAW,CACT,KAAM,QACN,QAAS,GACV,CAMD,SAAU,CACR,KAAM,QACN,QAAS,GACV,CAMD,WAAY,CACV,KAAM,QACN,QAAS,GACV,CAOD,SAAU,CACR,KAAM,OACN,QAAS,KACT,UAAY,GACH,GAAY,EAAA,mBAEtB,CAMD,OAAQ,CACN,KAAM,OACN,QAAS,UACT,UAAY,GACH,EAAA,cAAc,SAAS,EAAO,CAExC,CAKD,UAAW,CACT,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,YAAa,CACX,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,YAAa,CACX,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CACF,CAED,MAAO,CAML,QAOA,cACD,CAED,MAAQ,CACN,MAAO,CACL,QAAS,GACT,YAAa,EAAA,mBACd,EAGH,SAAU,CACR,kBAAoB,CAClB,MAAO,CAAC,CAAC,KAAK,UAAY,KAAK,UAAY,KAAK,aAGlD,gBAAkB,CAChB,OAAO,KAAK,SAAW,YAAc,EAAuB,GAE/D,CAED,MAAO,CACL,KAAM,CACJ,QAAS,SAAU,EAAM,CACvB,KAAK,QAAU,EACX,EACF,KAAK,YAAY,CAEjB,aAAa,KAAK,aAAa,EAInC,UAAW,GACZ,CACF,CAED,WAAa,CACX,aAAa,KAAK,aAAa,EAGjC,QAAS,CACP,YAAc,CACR,KAAK,mBACP,KAAK,aAAe,eAAiB,CACnC,KAAK,QAAU,GACf,KAAK,MAAM,cAAe,GAAM,EAC/B,KAAK,SAAS,GAIrB,aAAe,CACb,KAAK,QAAU,GACf,KAAK,MAAM,QAAQ,CACnB,KAAK,MAAM,cAAe,GAAM,EAEnC,CACF,iGA9RQ,EAAA,eAAc,EAAA,EAAA,EAAA,YAmCT,CAlCT,WAAU,EAAA,QACV,YAAW,EAAA,SACX,aAAY,EAAA,UACZ,cAAa,EAAA,WACb,QAAS,EAAA,QACT,KAAM,EAAA,KACN,KAAM,EAAA,KACN,UAAW,EAAA,UACX,aAAY,EAAA,UACZ,YAAW,EAAA,SACX,cAAa,EAAA,WACb,aAAY,EAAA,UACZ,eAAc,EAAA,YACd,gBAAe,EAAA,aACf,eAAc,EAAA,aACP,EAAA,OAAM,CACb,QAAO,EAAA,YAAW,CAAA,CAAA,CAGR,MAAA,EAAA,EAAA,aACW,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,OAAA,CAAA,CAAA,CAEX,QAAA,EAAA,EAAA,aAEa,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,SAAA,CAAA,CAAA,CAOb,QAAA,EAAA,EAAA,aACa,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,SAAA,CAAA,CAAA,2BAHjB,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,UAAA,EAAA,KAAA,EAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBADF,EAAA,QAAO,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA"}