@dialpad/dialtone-vue 3.223.0-next.2 → 3.223.0-next.4

package/dist/{attachment_carousel-BJxqNJ5T.cjs → attachment_carousel-DJqILY7f.cjs}

@@ -1,2 +1,2 @@
 require(`./chunk-Bmb41Sf3.cjs`);const e=require(`./_plugin-vue_export-helper-D8jCH6HB.cjs`),t=require(`./localization/index.cjs`),n=require(`./lib/button/button.cjs`),r=require(`./lib/image-viewer/image-viewer.cjs`),i=require(`./lib/progress-circle/progress-circle.cjs`);let a=require(`vue`),o=require(`@dialpad/dialtone-icons/vue`);var s={compatConfig:{MODE:3},name:`DtImageCarousel`,components:{DtImageViewer:r.default,DtButton:n.default,DtIconClose:o.DtIconClose,DtProgressCircle:i.default},props:{mediaItem:{type:Object,required:!0},index:{type:Number,required:!0}},emits:[`remove-media`],data(){return{i18n:new t.DialtoneLocalization}},computed:{closeButtonTitle(){return this.i18n.$t(`DIALTONE_CLOSE_BUTTON`)}},methods:{removeMediaItem(e){this.$emit(`remove-media`,e)}}},c={class:`d-recipe-attachment-carousel__image`},l={class:`d-recipe-attachment-carousel__image-top-right`},u={class:`d-recipe-attachment-carousel__image-progress-bar`};function d(e,t,n,r,i,o){let s=(0,a.resolveComponent)(`dt-image-viewer`),d=(0,a.resolveComponent)(`dt-progress-circle`),f=(0,a.resolveComponent)(`dt-icon-close`),p=(0,a.resolveComponent)(`dt-button`);return(0,a.openBlock)(),(0,a.createElementBlock)(`li`,c,[(0,a.createVNode)(s,{"image-button-class":`d-recipe-attachment-carousel__image-viewer`,"image-src":n.mediaItem.path,"image-alt":n.mediaItem.altText,"aria-label":i.i18n.$t(`DIALTONE_IMAGE_CAROUSEL_CLICK_TO_OPEN_ARIA_LABEL`)},null,8,[`image-src`,`image-alt`,`aria-label`]),(0,a.createElementVNode)(`div`,l,[(0,a.createElementVNode)(`span`,u,[n.mediaItem.isUploading?((0,a.openBlock)(),(0,a.createBlock)(d,{key:0,kind:`brand`,size:`400`,progress:n.mediaItem.progress,"aria-label":i.i18n.$t(`DIALTONE_IMAGE_CAROUSEL_PROGRESS_BAR_ARIA_LABEL`)},null,8,[`progress`,`aria-label`])):(0,a.createCommentVNode)(``,!0)]),(0,a.createVNode)(p,{id:`closeButton-${n.index}`,tabindex:`0`,class:`d-recipe-attachment-carousel__image-close-button`,circle:``,size:100,importance:`clear`,"aria-label":o.closeButtonTitle,title:o.closeButtonTitle,onClick:t[0]||(t[0]=e=>o.removeMediaItem(n.index))},{icon:(0,a.withCtx)(()=>[(0,a.createVNode)(f,{size:`200`})]),_:1},8,[`id`,`aria-label`,`title`])])])}var f=e.t(s,[[`render`,d]]),p=64,m={compatConfig:{MODE:3},name:`DtRecipeAttachmentCarousel`,components:{DtButton:n.default,DtIconArrowRight:o.DtIconArrowRight,DtIconArrowLeft:o.DtIconArrowLeft,DtImageCarousel:f},props:{mediaList:{type:Array,default:()=>[]}},emits:[`remove-media`],data(){return{showCloseButton:{},showRightArrow:!0,showLeftArrow:!1,isMounted:!1,i18n:new t.DialtoneLocalization}},computed:{filteredMediaList(){return this.mediaList.filter(e=>e.type===`image`||e.type===`video`)}},mounted:function(){this.showLeftArrow=this.$refs.carousel.scrollLeft>0,this.showRightArrow=this.$refs.carousel.scrollWidth>this.$refs.carousel.clientWidth},methods:{onItemFocus(e){e.currentTarget.scrollIntoView({behavior:`smooth`})},mediaComponent(e){switch(e){case`image`:return`dt-image-carousel`;default:return null}},removeMediaItem(e){this.showRightArrow=this.$refs.carousel.scrollWidth>this.$refs.carousel.clientWidth+p,this.$emit(`remove-media`,e)},closeButton(e,t){this.showCloseButton[t]=e},handleScroll(){let e=this.$refs.carousel;this.showLeftArrow=e.scrollLeft>0,this.showRightArrow=e.scrollLeft+e.clientWidth!==e.scrollWidth},leftScroll(){this.$refs.carousel.scrollTo({left:this.$refs.carousel.scrollLeft-100,behavior:`smooth`})},rightScroll(){this.$refs.carousel.scrollTo({left:this.$refs.carousel.scrollLeft+100,behavior:`smooth`})}}},h={class:`d-recipe-attachment-carousel`,role:`presentation`};function g(e,t,n,r,i,o){let s=(0,a.resolveComponent)(`dt-icon-arrow-left`),c=(0,a.resolveComponent)(`dt-button`),l=(0,a.resolveComponent)(`dt-icon-arrow-right`);return(0,a.openBlock)(),(0,a.createElementBlock)(`div`,h,[n.mediaList.length>0?((0,a.openBlock)(),(0,a.createElementBlock)(`ul`,{key:0,ref:`carousel`,class:`d-recipe-attachment-carousel__media-list`,onScroll:t[0]||(t[0]=(...e)=>o.handleScroll&&o.handleScroll(...e))},[((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(o.filteredMediaList,(e,t)=>((0,a.openBlock)(),(0,a.createBlock)((0,a.resolveDynamicComponent)(o.mediaComponent(e.type)),{key:`media-${t}`,index:t,"media-item":e,onRemoveMedia:e=>o.removeMediaItem(t),onFocusin:o.onItemFocus},null,40,[`index`,`media-item`,`onRemoveMedia`,`onFocusin`]))),128))],544)):(0,a.createCommentVNode)(``,!0),(0,a.withDirectives)((0,a.createVNode)(c,{tabindex:`-1`,"aria-label":i.i18n.$t(`DIALTONE_ATTACHMENT_CAROUSEL_LEFT_ARROW_ARIA_LABEL`),class:`d-recipe-attachment-carousel__arrow d-recipe-attachment-carousel__arrow--left`,circle:``,size:100,importance:`clear`,onClick:o.leftScroll},{icon:(0,a.withCtx)(()=>[(0,a.createVNode)(s,{size:`100`})]),_:1},8,[`aria-label`,`onClick`]),[[a.vShow,i.showLeftArrow]]),(0,a.withDirectives)((0,a.createVNode)(c,{tabindex:`-1`,"aria-label":i.i18n.$t(`DIALTONE_ATTACHMENT_CAROUSEL_RIGHT_ARROW_ARIA_LABEL`),class:`d-recipe-attachment-carousel__arrow d-recipe-attachment-carousel__arrow--right`,circle:``,size:100,importance:`clear`,onClick:o.rightScroll},{icon:(0,a.withCtx)(()=>[(0,a.createVNode)(l,{size:`100`})]),_:1},8,[`aria-label`,`onClick`]),[[a.vShow,i.showRightArrow]])])}var _=e.t(m,[[`render`,g]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return _}});
-//# sourceMappingURL=attachment_carousel-BJxqNJ5T.cjs.map
+//# sourceMappingURL=attachment_carousel-DJqILY7f.cjs.map

package/dist/{attachment_carousel-BJxqNJ5T.cjs.map → attachment_carousel-DJqILY7f.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"attachment_carousel-BJxqNJ5T.cjs","names":[],"sources":["../recipes/conversation_view/attachment_carousel/media_components/image_carousel.vue","../recipes/conversation_view/attachment_carousel/attachment_carousel.vue"],"sourcesContent":["<template>\n  <li\n    class=\"d-recipe-attachment-carousel__image\"\n  >\n    <dt-image-viewer\n      image-button-class=\"d-recipe-attachment-carousel__image-viewer\"\n      :image-src=\"mediaItem.path\"\n      :image-alt=\"mediaItem.altText\"\n      :aria-label=\"i18n.$t('DIALTONE_IMAGE_CAROUSEL_CLICK_TO_OPEN_ARIA_LABEL')\"\n    />\n\n    <!-- Loader / Close button -->\n    <div\n      class=\"d-recipe-attachment-carousel__image-top-right\"\n    >\n      <span\n        class=\"d-recipe-attachment-carousel__image-progress-bar\"\n      >\n        <dt-progress-circle\n          v-if=\"mediaItem.isUploading\"\n          kind=\"brand\"\n          size=\"400\"\n          :progress=\"mediaItem.progress\"\n          :aria-label=\"i18n.$t('DIALTONE_IMAGE_CAROUSEL_PROGRESS_BAR_ARIA_LABEL')\"\n        />\n      </span>\n      <dt-button\n        :id=\"`closeButton-${index}`\"\n        tabindex=\"0\"\n        class=\"d-recipe-attachment-carousel__image-close-button\"\n        circle\n        :size=\"100\"\n        importance=\"clear\"\n        :aria-label=\"closeButtonTitle\"\n        :title=\"closeButtonTitle\"\n        @click=\"removeMediaItem(index)\"\n      >\n        <template #icon>\n          <dt-icon-close\n            size=\"200\"\n          />\n        </template>\n      </dt-button>\n    </div>\n  </li>\n</template>\n\n<script>\nimport { DtImageViewer } from '@/components/ImageViewer';\nimport { DtButton } from '@/components/Button';\nimport { DtIconClose } from '@dialpad/dialtone-icons/vue';\nimport { DialtoneLocalization } from '@/localization';\n\nimport { DtProgressCircle } from '@/components/ProgressCircle';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtImageCarousel',\n\n  components: {\n    DtImageViewer,\n    DtButton,\n    DtIconClose,\n    DtProgressCircle,\n  },\n\n  props: {\n    mediaItem: {\n      type: Object,\n      required: true,\n    },\n\n    index: {\n      type: Number,\n      required: true,\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when media close button is clicked to remove the image\n     *\n     * @event remove-media\n     * @type {Number}\n     */\n    'remove-media',\n  ],\n\n  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    closeButtonTitle () {\n      return this.i18n.$t('DIALTONE_CLOSE_BUTTON');\n    },\n  },\n\n  methods: {\n    removeMediaItem (index) {\n      this.$emit('remove-media', index);\n    },\n  },\n};\n</script>\n","<template>\n  <div\n    class=\"d-recipe-attachment-carousel\"\n    role=\"presentation\"\n  >\n    <ul\n      v-if=\"mediaList.length > 0\"\n      ref=\"carousel\"\n      class=\"d-recipe-attachment-carousel__media-list\"\n      @scroll=\"handleScroll\"\n    >\n      <!-- media list -->\n      <component\n        :is=\"mediaComponent(mediaItem.type)\"\n        v-for=\"(mediaItem, index) in filteredMediaList\"\n        :key=\"`media-${index}`\"\n        :index=\"index\"\n        :media-item=\"mediaItem\"\n        @remove-media=\"removeMediaItem(index)\"\n        @focusin=\"onItemFocus\"\n      />\n    </ul>\n\n    <!-- Carousel Arrows -->\n    <dt-button\n      v-show=\"showLeftArrow\"\n      tabindex=\"-1\"\n      :aria-label=\"i18n.$t('DIALTONE_ATTACHMENT_CAROUSEL_LEFT_ARROW_ARIA_LABEL')\"\n      class=\"d-recipe-attachment-carousel__arrow d-recipe-attachment-carousel__arrow--left\"\n      circle\n      :size=\"100\"\n      importance=\"clear\"\n      @click=\"leftScroll\"\n    >\n      <template #icon>\n        <dt-icon-arrow-left\n          size=\"100\"\n        />\n      </template>\n    </dt-button>\n    <dt-button\n      v-show=\"showRightArrow\"\n      tabindex=\"-1\"\n      :aria-label=\"i18n.$t('DIALTONE_ATTACHMENT_CAROUSEL_RIGHT_ARROW_ARIA_LABEL')\"\n      class=\"d-recipe-attachment-carousel__arrow d-recipe-attachment-carousel__arrow--right\"\n      circle\n      :size=\"100\"\n      importance=\"clear\"\n      @click=\"rightScroll\"\n    >\n      <template #icon>\n        <dt-icon-arrow-right\n          size=\"100\"\n        />\n      </template>\n    </dt-button>\n  </div>\n</template>\n\n<script>\nimport { DtIconArrowRight, DtIconArrowLeft } from '@dialpad/dialtone-icons/vue';\nimport { DtButton } from '@/components/Button';\nimport { DialtoneLocalization } from '@/localization';\n\nimport DtImageCarousel from './media_components/image_carousel.vue';\n\nconst MEDIA_ITEM_WIDTH = 64;\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeAttachmentCarousel',\n\n  components: {\n    DtButton,\n    DtIconArrowRight,\n    DtIconArrowLeft,\n    DtImageCarousel,\n  },\n\n  /* inheritAttrs: false is generally an option we want to set on library\n    components. This allows any attributes passed in that are not recognized\n    as props to be passed down to another element or component using v-bind:$attrs\n    more info: https://vuejs.org/v2/api/#inheritAttrs */\n  // inheritAttrs: false,\n\n  props: {\n    /**\n     * media - object array of media objects\n     * @type {Array}\n     *\n     * Object: {\n     *  path: String,\n     *  altText: String | null,\n     * }\n     */\n    mediaList: {\n      type: Array,\n      default: () => [],\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when popover is shown or hidden\n     *\n     * @event remove-media\n     * @type {Number}\n     */\n    'remove-media',\n  ],\n\n  data () {\n    return {\n      showCloseButton: {},\n      showRightArrow: true,\n      showLeftArrow: false,\n      isMounted: false,\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    filteredMediaList () {\n      return this.mediaList.filter((mediaItem) => mediaItem.type === 'image' || mediaItem.type === 'video');\n    },\n  },\n\n  mounted: function () {\n    this.showLeftArrow = this.$refs.carousel.scrollLeft > 0;\n    this.showRightArrow = this.$refs.carousel.scrollWidth > this.$refs.carousel.clientWidth;\n  },\n\n  methods: {\n    onItemFocus (e) {\n      e.currentTarget.scrollIntoView({ behavior: 'smooth' });\n    },\n\n    mediaComponent (type) {\n      switch (type) {\n        case 'image':\n          return 'dt-image-carousel';\n        default:\n          // unknown media type\n          return null;\n      }\n    },\n\n    removeMediaItem (index) {\n      // make sure the carousel arrows is updated. 64 is the width of each media item\n      this.showRightArrow = this.$refs.carousel.scrollWidth > (this.$refs.carousel.clientWidth + MEDIA_ITEM_WIDTH);\n      this.$emit('remove-media', index);\n    },\n\n    closeButton (val, index) {\n      this.showCloseButton[index] = val;\n    },\n\n    handleScroll () {\n      const carousel = this.$refs.carousel;\n      this.showLeftArrow = carousel.scrollLeft > 0;\n      this.showRightArrow = !((carousel.scrollLeft + carousel.clientWidth) === carousel.scrollWidth);\n    },\n\n    leftScroll () {\n      this.$refs.carousel.scrollTo({\n        left: this.$refs.carousel.scrollLeft - 100,\n        behavior: 'smooth',\n      });\n    },\n\n    rightScroll () {\n      this.$refs.carousel.scrollTo({\n        left: this.$refs.carousel.scrollLeft + 100,\n        behavior: 'smooth',\n      });\n    },\n  },\n};\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"attachment_carousel-DJqILY7f.cjs","names":[],"sources":["../recipes/conversation_view/attachment_carousel/media_components/image_carousel.vue","../recipes/conversation_view/attachment_carousel/attachment_carousel.vue"],"sourcesContent":["<template>\n  <li\n    class=\"d-recipe-attachment-carousel__image\"\n  >\n    <dt-image-viewer\n      image-button-class=\"d-recipe-attachment-carousel__image-viewer\"\n      :image-src=\"mediaItem.path\"\n      :image-alt=\"mediaItem.altText\"\n      :aria-label=\"i18n.$t('DIALTONE_IMAGE_CAROUSEL_CLICK_TO_OPEN_ARIA_LABEL')\"\n    />\n\n    <!-- Loader / Close button -->\n    <div\n      class=\"d-recipe-attachment-carousel__image-top-right\"\n    >\n      <span\n        class=\"d-recipe-attachment-carousel__image-progress-bar\"\n      >\n        <dt-progress-circle\n          v-if=\"mediaItem.isUploading\"\n          kind=\"brand\"\n          size=\"400\"\n          :progress=\"mediaItem.progress\"\n          :aria-label=\"i18n.$t('DIALTONE_IMAGE_CAROUSEL_PROGRESS_BAR_ARIA_LABEL')\"\n        />\n      </span>\n      <dt-button\n        :id=\"`closeButton-${index}`\"\n        tabindex=\"0\"\n        class=\"d-recipe-attachment-carousel__image-close-button\"\n        circle\n        :size=\"100\"\n        importance=\"clear\"\n        :aria-label=\"closeButtonTitle\"\n        :title=\"closeButtonTitle\"\n        @click=\"removeMediaItem(index)\"\n      >\n        <template #icon>\n          <dt-icon-close\n            size=\"200\"\n          />\n        </template>\n      </dt-button>\n    </div>\n  </li>\n</template>\n\n<script>\nimport { DtImageViewer } from '@/components/ImageViewer';\nimport { DtButton } from '@/components/Button';\nimport { DtIconClose } from '@dialpad/dialtone-icons/vue';\nimport { DialtoneLocalization } from '@/localization';\n\nimport { DtProgressCircle } from '@/components/ProgressCircle';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtImageCarousel',\n\n  components: {\n    DtImageViewer,\n    DtButton,\n    DtIconClose,\n    DtProgressCircle,\n  },\n\n  props: {\n    mediaItem: {\n      type: Object,\n      required: true,\n    },\n\n    index: {\n      type: Number,\n      required: true,\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when media close button is clicked to remove the image\n     *\n     * @event remove-media\n     * @type {Number}\n     */\n    'remove-media',\n  ],\n\n  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    closeButtonTitle () {\n      return this.i18n.$t('DIALTONE_CLOSE_BUTTON');\n    },\n  },\n\n  methods: {\n    removeMediaItem (index) {\n      this.$emit('remove-media', index);\n    },\n  },\n};\n</script>\n","<template>\n  <div\n    class=\"d-recipe-attachment-carousel\"\n    role=\"presentation\"\n  >\n    <ul\n      v-if=\"mediaList.length > 0\"\n      ref=\"carousel\"\n      class=\"d-recipe-attachment-carousel__media-list\"\n      @scroll=\"handleScroll\"\n    >\n      <!-- media list -->\n      <component\n        :is=\"mediaComponent(mediaItem.type)\"\n        v-for=\"(mediaItem, index) in filteredMediaList\"\n        :key=\"`media-${index}`\"\n        :index=\"index\"\n        :media-item=\"mediaItem\"\n        @remove-media=\"removeMediaItem(index)\"\n        @focusin=\"onItemFocus\"\n      />\n    </ul>\n\n    <!-- Carousel Arrows -->\n    <dt-button\n      v-show=\"showLeftArrow\"\n      tabindex=\"-1\"\n      :aria-label=\"i18n.$t('DIALTONE_ATTACHMENT_CAROUSEL_LEFT_ARROW_ARIA_LABEL')\"\n      class=\"d-recipe-attachment-carousel__arrow d-recipe-attachment-carousel__arrow--left\"\n      circle\n      :size=\"100\"\n      importance=\"clear\"\n      @click=\"leftScroll\"\n    >\n      <template #icon>\n        <dt-icon-arrow-left\n          size=\"100\"\n        />\n      </template>\n    </dt-button>\n    <dt-button\n      v-show=\"showRightArrow\"\n      tabindex=\"-1\"\n      :aria-label=\"i18n.$t('DIALTONE_ATTACHMENT_CAROUSEL_RIGHT_ARROW_ARIA_LABEL')\"\n      class=\"d-recipe-attachment-carousel__arrow d-recipe-attachment-carousel__arrow--right\"\n      circle\n      :size=\"100\"\n      importance=\"clear\"\n      @click=\"rightScroll\"\n    >\n      <template #icon>\n        <dt-icon-arrow-right\n          size=\"100\"\n        />\n      </template>\n    </dt-button>\n  </div>\n</template>\n\n<script>\nimport { DtIconArrowRight, DtIconArrowLeft } from '@dialpad/dialtone-icons/vue';\nimport { DtButton } from '@/components/Button';\nimport { DialtoneLocalization } from '@/localization';\n\nimport DtImageCarousel from './media_components/image_carousel.vue';\n\nconst MEDIA_ITEM_WIDTH = 64;\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeAttachmentCarousel',\n\n  components: {\n    DtButton,\n    DtIconArrowRight,\n    DtIconArrowLeft,\n    DtImageCarousel,\n  },\n\n  /* inheritAttrs: false is generally an option we want to set on library\n    components. This allows any attributes passed in that are not recognized\n    as props to be passed down to another element or component using v-bind:$attrs\n    more info: https://vuejs.org/v2/api/#inheritAttrs */\n  // inheritAttrs: false,\n\n  props: {\n    /**\n     * media - object array of media objects\n     * @type {Array}\n     *\n     * Object: {\n     *  path: String,\n     *  altText: String | null,\n     * }\n     */\n    mediaList: {\n      type: Array,\n      default: () => [],\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when popover is shown or hidden\n     *\n     * @event remove-media\n     * @type {Number}\n     */\n    'remove-media',\n  ],\n\n  data () {\n    return {\n      showCloseButton: {},\n      showRightArrow: true,\n      showLeftArrow: false,\n      isMounted: false,\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    filteredMediaList () {\n      return this.mediaList.filter((mediaItem) => mediaItem.type === 'image' || mediaItem.type === 'video');\n    },\n  },\n\n  mounted: function () {\n    this.showLeftArrow = this.$refs.carousel.scrollLeft > 0;\n    this.showRightArrow = this.$refs.carousel.scrollWidth > this.$refs.carousel.clientWidth;\n  },\n\n  methods: {\n    onItemFocus (e) {\n      e.currentTarget.scrollIntoView({ behavior: 'smooth' });\n    },\n\n    mediaComponent (type) {\n      switch (type) {\n        case 'image':\n          return 'dt-image-carousel';\n        default:\n          // unknown media type\n          return null;\n      }\n    },\n\n    removeMediaItem (index) {\n      // make sure the carousel arrows is updated. 64 is the width of each media item\n      this.showRightArrow = this.$refs.carousel.scrollWidth > (this.$refs.carousel.clientWidth + MEDIA_ITEM_WIDTH);\n      this.$emit('remove-media', index);\n    },\n\n    closeButton (val, index) {\n      this.showCloseButton[index] = val;\n    },\n\n    handleScroll () {\n      const carousel = this.$refs.carousel;\n      this.showLeftArrow = carousel.scrollLeft > 0;\n      this.showRightArrow = !((carousel.scrollLeft + carousel.clientWidth) === carousel.scrollWidth);\n    },\n\n    leftScroll () {\n      this.$refs.carousel.scrollTo({\n        left: this.$refs.carousel.scrollLeft - 100,\n        behavior: 'smooth',\n      });\n    },\n\n    rightScroll () {\n      this.$refs.carousel.scrollTo({\n        left: this.$refs.carousel.scrollLeft + 100,\n        behavior: 'smooth',\n      });\n    },\n  },\n};\n</script>\n"],"mappings":"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"}

package/dist/common/mixins/input.d.ts

@@ -38,19 +38,19 @@ export namespace InputMixin {
             export function validator(validationState: any): boolean;
         }
         namespace inputClass {
-            let type_6: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            let type_6: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             export { type_6 as type };
             let _default_6: string;
             export { _default_6 as default };
         }
         namespace labelClass {
-            let type_7: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            let type_7: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             export { type_7 as type };
             let _default_7: string;
             export { _default_7 as default };
         }
         namespace descriptionClass {
-            let type_8: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            let type_8: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             export { type_8 as type };
             let _default_8: string;
             export { _default_8 as default };
@@ -150,7 +150,7 @@ export namespace GroupableMixin {
 export namespace MessagesMixin {
     export namespace props_2 {
         namespace messagesClass {
-            let type_14: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            let type_14: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             export { type_14 as type };
             let _default_16: string;
             export { _default_16 as default };

package/dist/common/mixins/input_group.d.ts

@@ -50,13 +50,13 @@ export namespace InputGroupMixin {
             export { _default_4 as default };
         }
         namespace legendClass {
-            let type_7: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            let type_7: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             export { type_7 as type };
             let _default_5: string;
             export { _default_5 as default };
         }
         namespace messagesClass {
-            let type_8: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            let type_8: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             export { type_8 as type };
             let _default_6: string;
             export { _default_6 as default };

package/dist/common/sr_only_close_button.vue.d.ts

@@ -9,8 +9,8 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
 }>, {}, {}, {
     DtIconClose: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         size: {
-            type: StringConstructor;
-            default: string;
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
             validator: (s: unknown) => boolean;
         };
         ariaLabel: {
@@ -23,8 +23,8 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
         dataQA(): {};
     }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         size: {
-            type: StringConstructor;
-            default: string;
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
             validator: (s: unknown) => boolean;
         };
         ariaLabel: {
@@ -34,7 +34,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
     }>> & Readonly<{
         onLoaded?: ((...args: any[]) => any) | undefined;
     }>, {
-        size: string;
+        size: string | number;
         ariaLabel: string;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     DtButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -89,38 +89,38 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
         size: {
             type: (StringConstructor | NumberConstructor)[];
             default: number;
-            validator: (s: unknown) => boolean;
+            validator: (size: any) => boolean;
         };
         labelClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         leadingClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         trailingClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         startIconClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         endIconClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         blockStartIconClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         blockEndIconClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         iconClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         loading: {
@@ -268,38 +268,38 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
         size: {
             type: (StringConstructor | NumberConstructor)[];
             default: number;
-            validator: (s: unknown) => boolean;
+            validator: (size: any) => boolean;
         };
         labelClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         leadingClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         trailingClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         startIconClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         endIconClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         blockStartIconClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         blockEndIconClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         iconClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         loading: {
@@ -379,9 +379,9 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
                 default: string;
             };
             size: {
-                type: StringConstructor;
-                default: string;
-                validator: (s: unknown) => boolean;
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+                validator: (size: any) => boolean;
             };
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
             ariaLabel: {
@@ -389,12 +389,12 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
                 default: string;
             };
             size: {
-                type: StringConstructor;
-                default: string;
-                validator: (s: unknown) => boolean;
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+                validator: (size: any) => boolean;
             };
         }>> & Readonly<{}>, {
-            size: string;
+            size: string | number;
             ariaLabel: string;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/common/sr_only_close_button.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sr_only_close_button.vue.d.ts","sourceRoot":"","sources":["../../common/sr_only_close_button.vue"],"names":[],"mappings":"AAaA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA8DK,GAAG"}
+{"version":3,"file":"sr_only_close_button.vue.d.ts","sourceRoot":"","sources":["../../common/sr_only_close_button.vue"],"names":[],"mappings":"AAaA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAgE4B,GAAG"}

package/dist/common/validators/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../constants/index.cjs`);function t(t){return t?t.every(t=>typeof t==`string`?!0:typeof t==`object`?Object.values(e.VALIDATION_MESSAGE_TYPES).includes(t?.type):!1):!0}var n={validationMessageValidator:t};exports.default=n,exports.validationMessageValidator=t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../constants/index.cjs`);function t(t){return t?t.every(t=>typeof t==`string`?!0:typeof t==`object`?Object.values(e.VALIDATION_MESSAGE_TYPES).includes(t?.type):!1):!0}function n(e){let t=Array.isArray(e)?e.map(String):Object.keys(e);return e=>t.includes(String(e))}var r={validationMessageValidator:t,ordinalSizeValidator:n};exports.default=r,exports.ordinalSizeValidator=n,exports.validationMessageValidator=t;
 //# sourceMappingURL=index.cjs.map

package/dist/common/validators/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["VALIDATION_MESSAGE_TYPES"],"sources":["../../../common/validators/index.js"],"sourcesContent":["import {\n  VALIDATION_MESSAGE_TYPES,\n} from '@/common/constants';\n\nexport function validationMessageValidator (rawMessages) {\n  if (!rawMessages) {\n    return true;\n  }\n\n  return rawMessages.every(message => {\n    if (typeof message === 'string') {\n      return true;\n    }\n\n    if (typeof message === 'object') {\n      return Object.values(VALIDATION_MESSAGE_TYPES).includes(message?.type);\n    }\n\n    return false;\n  });\n}\n\nexport default {\n  validationMessageValidator,\n};\n"],"mappings":"yIAIA,SAAgB,EAA4B,EAAa,CAKvD,OAJK,EAIE,EAAY,MAAM,GACnB,OAAO,GAAY,SACd,GAGL,OAAO,GAAY,SACd,OAAO,OAAOA,EAAAA,yBAAyB,CAAC,SAAS,GAAS,KAAK,CAGjE,GACP,CAbO,GAgBX,IAAA,EAAe,CACb,6BACD"}
+{"version":3,"file":"index.cjs","names":["VALIDATION_MESSAGE_TYPES"],"sources":["../../../common/validators/index.js"],"sourcesContent":["import {\n  VALIDATION_MESSAGE_TYPES,\n} from '@/common/constants';\n\nexport function validationMessageValidator (rawMessages) {\n  if (!rawMessages) {\n    return true;\n  }\n\n  return rawMessages.every(message => {\n    if (typeof message === 'string') {\n      return true;\n    }\n\n    if (typeof message === 'object') {\n      return Object.values(VALIDATION_MESSAGE_TYPES).includes(message?.type);\n    }\n\n    return false;\n  });\n}\n\n/**\n * Builds a `size`-prop validator for components on an ordinal size scale\n * (numeric keys, optionally with deprecated t-shirt aliases), accepting\n * either a modifiers map (`{ 100: '...' }`) or a plain array of valid values.\n * Coerces the incoming value to a string so both `size=\"300\"` and\n * `:size=\"300\"` validate against the same set.\n */\nexport function ordinalSizeValidator (validSizes) {\n  const keys = Array.isArray(validSizes) ? validSizes.map(String) : Object.keys(validSizes);\n  return (size) => keys.includes(String(size));\n}\n\nexport default {\n  validationMessageValidator,\n  ordinalSizeValidator,\n};\n"],"mappings":"yIAIA,SAAgB,EAA4B,EAAa,CAKvD,OAJK,EAIE,EAAY,MAAM,GACnB,OAAO,GAAY,SACd,GAGL,OAAO,GAAY,SACd,OAAO,OAAOA,EAAAA,yBAAyB,CAAC,SAAS,GAAS,KAAK,CAGjE,GACP,CAbO,GAuBX,SAAgB,EAAsB,EAAY,CAChD,IAAM,EAAO,MAAM,QAAQ,EAAW,CAAG,EAAW,IAAI,OAAO,CAAG,OAAO,KAAK,EAAW,CACzF,MAAQ,IAAS,EAAK,SAAS,OAAO,EAAK,CAAC,CAG9C,IAAA,EAAe,CACb,6BACA,uBACD"}

package/dist/common/validators/index.d.ts

@@ -1,6 +1,8 @@
 export function validationMessageValidator(rawMessages: any): any;
+export function ordinalSizeValidator(validSizes: any): (size: any) => boolean;
 declare namespace _default {
     export { validationMessageValidator };
+    export { ordinalSizeValidator };
 }
 export default _default;
 //# sourceMappingURL=index.d.ts.map

package/dist/common/validators/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../common/validators/index.js"],"names":[],"mappings":"AAIA,kEAgBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../common/validators/index.js"],"names":[],"mappings":"AAIA,kEAgBC;AASD,wDAEU,SAAI,aACb"}

package/dist/common/validators/index.js

@@ -3,8 +3,15 @@ import { VALIDATION_MESSAGE_TYPES as e } from "../constants/index.js";
 function t(t) {
 	return t ? t.every((t) => typeof t == "string" ? !0 : typeof t == "object" ? Object.values(e).includes(t?.type) : !1) : !0;
 }
-var n = { validationMessageValidator: t };
+function n(e) {
+	let t = Array.isArray(e) ? e.map(String) : Object.keys(e);
+	return (e) => t.includes(String(e));
+}
+var r = {
+	validationMessageValidator: t,
+	ordinalSizeValidator: n
+};
 //#endregion
-export { n as default, t as validationMessageValidator };
+export { r as default, n as ordinalSizeValidator, t as validationMessageValidator };
 
 //# sourceMappingURL=index.js.map

package/dist/common/validators/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../common/validators/index.js"],"sourcesContent":["import {\n  VALIDATION_MESSAGE_TYPES,\n} from '@/common/constants';\n\nexport function validationMessageValidator (rawMessages) {\n  if (!rawMessages) {\n    return true;\n  }\n\n  return rawMessages.every(message => {\n    if (typeof message === 'string') {\n      return true;\n    }\n\n    if (typeof message === 'object') {\n      return Object.values(VALIDATION_MESSAGE_TYPES).includes(message?.type);\n    }\n\n    return false;\n  });\n}\n\nexport default {\n  validationMessageValidator,\n};\n"],"mappings":";;AAIA,SAAgB,EAA4B,GAAa;AAKvD,QAJK,IAIE,EAAY,OAAM,MACnB,OAAO,KAAY,WACd,KAGL,OAAO,KAAY,WACd,OAAO,OAAO,EAAyB,CAAC,SAAS,GAAS,KAAK,GAGjE,GACP,GAbO;;AAgBX,IAAA,IAAe,EACb,+BACD"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../common/validators/index.js"],"sourcesContent":["import {\n  VALIDATION_MESSAGE_TYPES,\n} from '@/common/constants';\n\nexport function validationMessageValidator (rawMessages) {\n  if (!rawMessages) {\n    return true;\n  }\n\n  return rawMessages.every(message => {\n    if (typeof message === 'string') {\n      return true;\n    }\n\n    if (typeof message === 'object') {\n      return Object.values(VALIDATION_MESSAGE_TYPES).includes(message?.type);\n    }\n\n    return false;\n  });\n}\n\n/**\n * Builds a `size`-prop validator for components on an ordinal size scale\n * (numeric keys, optionally with deprecated t-shirt aliases), accepting\n * either a modifiers map (`{ 100: '...' }`) or a plain array of valid values.\n * Coerces the incoming value to a string so both `size=\"300\"` and\n * `:size=\"300\"` validate against the same set.\n */\nexport function ordinalSizeValidator (validSizes) {\n  const keys = Array.isArray(validSizes) ? validSizes.map(String) : Object.keys(validSizes);\n  return (size) => keys.includes(String(size));\n}\n\nexport default {\n  validationMessageValidator,\n  ordinalSizeValidator,\n};\n"],"mappings":";;AAIA,SAAgB,EAA4B,GAAa;AAKvD,QAJK,IAIE,EAAY,OAAM,MACnB,OAAO,KAAY,WACd,KAGL,OAAO,KAAY,WACd,OAAO,OAAO,EAAyB,CAAC,SAAS,GAAS,KAAK,GAGjE,GACP,GAbO;;AAuBX,SAAgB,EAAsB,GAAY;CAChD,IAAM,IAAO,MAAM,QAAQ,EAAW,GAAG,EAAW,IAAI,OAAO,GAAG,OAAO,KAAK,EAAW;AACzF,SAAQ,MAAS,EAAK,SAAS,OAAO,EAAK,CAAC;;AAG9C,IAAA,IAAe;CACb;CACA;CACD"}