@dialpad/dialtone-vue 3.176.2 → 3.177.0

package/dist/lib/checkbox-group/index.js

@@ -0,0 +1,5 @@
+import { default as r } from "./checkbox-group.js";
+export {
+  r as DtCheckboxGroup
+};
+//# sourceMappingURL=index.js.map

package/dist/lib/checkbox-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/chip/chip-constants.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const _={xs:"d-chip__label--xs",sm:"d-chip__label--sm",md:""},s={xs:"d-chip__close--xs",sm:"d-chip__close--sm",md:""},I={xs:"200",sm:"200",md:"200"},e={CHIP_SIZE_MODIFIERS:_,CHIP_CLOSE_BUTTON_SIZE_MODIFIERS:s,CHIP_ICON_SIZES:I};exports.CHIP_CLOSE_BUTTON_SIZE_MODIFIERS=s;exports.CHIP_ICON_SIZES=I;exports.CHIP_SIZE_MODIFIERS=_;exports.default=e;
+//# sourceMappingURL=chip-constants.cjs.map

package/dist/lib/chip/chip-constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip-constants.cjs","sources":["../../../components/chip/chip_constants.js"],"sourcesContent":["export const CHIP_SIZE_MODIFIERS = {\n  xs: 'd-chip__label--xs',\n  sm: 'd-chip__label--sm',\n  md: '',\n};\n\nexport const CHIP_CLOSE_BUTTON_SIZE_MODIFIERS = {\n  xs: 'd-chip__close--xs',\n  sm: 'd-chip__close--sm',\n  md: '',\n};\n\nexport const CHIP_ICON_SIZES = {\n  xs: '200',\n  sm: '200',\n  md: '200',\n};\n\nexport default {\n  CHIP_SIZE_MODIFIERS,\n  CHIP_CLOSE_BUTTON_SIZE_MODIFIERS,\n  CHIP_ICON_SIZES,\n};\n"],"names":["CHIP_SIZE_MODIFIERS","CHIP_CLOSE_BUTTON_SIZE_MODIFIERS","CHIP_ICON_SIZES","chip_constants"],"mappings":"4GAAY,MAACA,EAAsB,CACjC,GAAI,oBACJ,GAAI,oBACJ,GAAI,EACN,EAEaC,EAAmC,CAC9C,GAAI,oBACJ,GAAI,oBACJ,GAAI,EACN,EAEaC,EAAkB,CAC7B,GAAI,MACJ,GAAI,MACJ,GAAI,KACN,EAEeC,EAAA,CACb,oBAAAH,EACA,iCAAAC,EACA,gBAAAC,CACF"}

package/dist/lib/chip/chip-constants.js

@@ -0,0 +1,24 @@
+const s = {
+  xs: "d-chip__label--xs",
+  sm: "d-chip__label--sm",
+  md: ""
+}, _ = {
+  xs: "d-chip__close--xs",
+  sm: "d-chip__close--sm",
+  md: ""
+}, c = {
+  xs: "200",
+  sm: "200",
+  md: "200"
+}, I = {
+  CHIP_SIZE_MODIFIERS: s,
+  CHIP_CLOSE_BUTTON_SIZE_MODIFIERS: _,
+  CHIP_ICON_SIZES: c
+};
+export {
+  _ as CHIP_CLOSE_BUTTON_SIZE_MODIFIERS,
+  c as CHIP_ICON_SIZES,
+  s as CHIP_SIZE_MODIFIERS,
+  I as default
+};
+//# sourceMappingURL=chip-constants.js.map

package/dist/lib/chip/chip-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip-constants.js","sources":["../../../components/chip/chip_constants.js"],"sourcesContent":["export const CHIP_SIZE_MODIFIERS = {\n  xs: 'd-chip__label--xs',\n  sm: 'd-chip__label--sm',\n  md: '',\n};\n\nexport const CHIP_CLOSE_BUTTON_SIZE_MODIFIERS = {\n  xs: 'd-chip__close--xs',\n  sm: 'd-chip__close--sm',\n  md: '',\n};\n\nexport const CHIP_ICON_SIZES = {\n  xs: '200',\n  sm: '200',\n  md: '200',\n};\n\nexport default {\n  CHIP_SIZE_MODIFIERS,\n  CHIP_CLOSE_BUTTON_SIZE_MODIFIERS,\n  CHIP_ICON_SIZES,\n};\n"],"names":["CHIP_SIZE_MODIFIERS","CHIP_CLOSE_BUTTON_SIZE_MODIFIERS","CHIP_ICON_SIZES","chip_constants"],"mappings":"AAAY,MAACA,IAAsB;AAAA,EACjC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAmC;AAAA,EAC9C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAkB;AAAA,EAC7B,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEeC,IAAA;AAAA,EACb,qBAAAH;AAAA,EACA,kCAAAC;AAAA,EACA,iBAAAC;AACF;"}

package/dist/lib/chip/chip.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("@dialpad/dialtone-icons/vue3"),s=require("./chip-constants.cjs"),i=require("../../common/utils/index.cjs"),e=require("vue"),u=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),h=require("../button/button.cjs"),p={compatConfig:{MODE:3},name:"DtChip",components:{DtButton:h.default,DtIconClose:d.DtIconClose},props:{closeButtonProps:{type:Object,default:function(){return{ariaLabel:"close"}},validator:t=>!!t.ariaLabel},hideClose:{type:Boolean,default:!1},size:{type:String,default:"md",validator:t=>Object.keys(s.CHIP_SIZE_MODIFIERS).includes(t)},interactive:{type:Boolean,default:!0},id:{type:String,default:function(){return i.getUniqueString()}},ariaLabel:{type:String,default:""},contentClass:{type:[String,Array,Object],default:""},labelClass:{type:[String,Array,Object],default:""}},emits:["click","close","keyup"],data(){return{isActive:!1,hasSlotContent:i.hasSlotContent}},computed:{chipListeners(){return{click:t=>{this.interactive&&this.$emit("click",t)},keyup:t=>{var l;((l=t.code)==null?void 0:l.toLowerCase())==="delete"?this.onClose():this.$emit("keyup",t)}}},closeButtonIconSize(){return s.CHIP_ICON_SIZES[this.size]}},methods:{chipClasses(){return[this.$attrs["grouped-chip"]?"d-chip":"d-chip__label",s.CHIP_SIZE_MODIFIERS[this.size],this.labelClass]},chipCloseButtonClasses(){return["d-chip__close",s.CHIP_CLOSE_BUTTON_SIZE_MODIFIERS[this.size]]},onClose(){this.hideClose||this.$emit("close")}}},C={class:"d-chip"},_={key:0,"data-qa":"dt-chip-icon",class:"d-chip__icon"},m={key:1,"data-qa":"dt-chip-avatar"},b=["id"];function S(t,l,o,k,a,n){const c=e.resolveComponent("dt-icon-close"),r=e.resolveComponent("dt-button");return e.openBlock(),e.createElementBlock("span",C,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.interactive?"button":"span"),e.mergeProps({id:o.id,type:o.interactive&&"button",class:n.chipClasses(),"data-qa":"dt-chip","aria-labelledby":o.ariaLabel?void 0:`${o.id}-content`,"aria-label":o.ariaLabel},e.toHandlers(n.chipListeners)),{default:e.withCtx(()=>[a.hasSlotContent(t.$slots.icon)?(e.openBlock(),e.createElementBlock("span",_,[e.renderSlot(t.$slots,"icon")])):a.hasSlotContent(t.$slots.avatar)?(e.openBlock(),e.createElementBlock("span",m,[e.renderSlot(t.$slots,"avatar")])):e.createCommentVNode("",!0),a.hasSlotContent(t.$slots.default)?(e.openBlock(),e.createElementBlock("span",{key:2,id:`${o.id}-content`,"data-qa":"dt-chip-label",class:e.normalizeClass(["d-chip__text",o.contentClass])},[e.renderSlot(t.$slots,"default")],10,b)):e.createCommentVNode("",!0)]),_:3},16,["id","type","class","aria-labelledby","aria-label"])),o.hideClose?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(r,e.mergeProps({key:0},o.closeButtonProps,{class:n.chipCloseButtonClasses(),"data-qa":"dt-chip-close","aria-label":o.closeButtonProps.ariaLabel,onClick:l[0]||(l[0]=y=>t.$emit("close"))}),{icon:e.withCtx(()=>[e.createVNode(c,{size:n.closeButtonIconSize},null,8,["size"])]),_:1},16,["class","aria-label"]))])}const f=u._(p,[["render",S]]);exports.default=f;
+//# sourceMappingURL=chip.cjs.map

package/dist/lib/chip/chip.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.cjs","sources":["../../../components/chip/chip.vue"],"sourcesContent":["<template>\n  <span class=\"d-chip\">\n    <component\n      :is=\"interactive ? 'button' : 'span'\"\n      :id=\"id\"\n      :type=\"interactive && 'button'\"\n      :class=\"chipClasses()\"\n      data-qa=\"dt-chip\"\n      :aria-labelledby=\"ariaLabel ? undefined : `${id}-content`\"\n      :aria-label=\"ariaLabel\"\n      v-on=\"chipListeners\"\n    >\n      <span\n        v-if=\"hasSlotContent($slots.icon)\"\n        data-qa=\"dt-chip-icon\"\n        class=\"d-chip__icon\"\n      >\n        <!-- @slot slot for Chip icon -->\n        <slot name=\"icon\" />\n      </span>\n      <span\n        v-else-if=\"hasSlotContent($slots.avatar)\"\n        data-qa=\"dt-chip-avatar\"\n      >\n        <!-- @slot slot for Chip avatar -->\n        <slot name=\"avatar\" />\n      </span>\n      <span\n        v-if=\"hasSlotContent($slots.default)\"\n        :id=\"`${id}-content`\"\n        data-qa=\"dt-chip-label\"\n        :class=\"['d-chip__text', contentClass]\"\n      >\n        <!-- @slot slot for Content within chip -->\n        <slot />\n      </span>\n    </component>\n    <dt-button\n      v-if=\"!hideClose\"\n      v-bind=\"closeButtonProps\"\n      :class=\"chipCloseButtonClasses()\"\n      data-qa=\"dt-chip-close\"\n      :aria-label=\"closeButtonProps.ariaLabel\"\n      @click=\"$emit('close')\"\n    >\n      <template #icon>\n        <dt-icon-close\n          :size=\"closeButtonIconSize\"\n        />\n      </template>\n    </dt-button>\n  </span>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\nimport { DtIconClose } from '@dialpad/dialtone-icons/vue3';\nimport {\n  CHIP_CLOSE_BUTTON_SIZE_MODIFIERS,\n  CHIP_SIZE_MODIFIERS,\n  CHIP_ICON_SIZES,\n} from './chip_constants';\nimport { getUniqueString, hasSlotContent } from '@/common/utils';\n\n/**\n * A chip is a compact UI element that provides brief, descriptive information about an element.\n * It is terse, ideally one word. It is important a button is identifiable, consistent, and\n * communicates its actions clearly, and is appropriately sized to its action.\n * @see https://dialtone.dialpad.com/components/chip.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtChip',\n\n  components: {\n    DtButton,\n    DtIconClose,\n  },\n\n  props: {\n    /**\n     * A set of props to be passed into the modal's close button. Requires an 'ariaLabel' property.\n     */\n    closeButtonProps: {\n      type: Object,\n      default: function () { return { ariaLabel: 'close' }; },\n      validator: (props) => {\n        return !!props.ariaLabel;\n      },\n    },\n\n    /**\n     * Hides the close button on the chip\n     * @values true, false\n     */\n    hideClose: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The size of the chip.\n     * @values xs, sm, md\n     */\n    size: {\n      type: String,\n      default: 'md',\n      validator: (s) => Object.keys(CHIP_SIZE_MODIFIERS).includes(s),\n    },\n\n    /**\n     * The interactivity of the chip.\n     * Makes chip clickable, apply hover/focus/active style, emit keyboard events etc.\n     * @values true, false\n     */\n    interactive: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Id to use for the dialog's aria-labelledby.\n     */\n    id: {\n      type: String,\n      default: function () { return getUniqueString(); },\n    },\n\n    /**\n     * Descriptive label for the chip content.\n     * If this prop is unset the content in the default slot will be used as an aria-label.\n     */\n    ariaLabel: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Additional class name for the chip element.\n     */\n    contentClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the span element.\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n\n  emits: [\n    /**\n     * Native chip click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n\n    /**\n     * Close button click event\n     *\n     * @event close\n     */\n    'close',\n\n    /**\n     * Native chip key up event\n     *\n     * @event keyup\n     * @type {KeyboardEvent}\n     */\n    'keyup',\n  ],\n\n  data () {\n    return {\n      isActive: false,\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n    chipListeners () {\n      return {\n        click: event => {\n          if (this.interactive) this.$emit('click', event);\n        },\n\n        keyup: event => {\n          if (event.code?.toLowerCase() === 'delete') {\n            this.onClose();\n          } else {\n            this.$emit('keyup', event);\n          }\n        },\n      };\n    },\n\n    closeButtonIconSize () {\n      return CHIP_ICON_SIZES[this.size];\n    },\n  },\n\n  methods: {\n    chipClasses () {\n      return [\n        this.$attrs['grouped-chip'] ? 'd-chip' : 'd-chip__label',\n        CHIP_SIZE_MODIFIERS[this.size],\n        this.labelClass,\n      ];\n    },\n\n    chipCloseButtonClasses () {\n      return [\n        'd-chip__close',\n        CHIP_CLOSE_BUTTON_SIZE_MODIFIERS[this.size],\n      ];\n    },\n\n    onClose () {\n      if (!this.hideClose) {\n        this.$emit('close');\n      }\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtButton","DtIconClose","props","s","CHIP_SIZE_MODIFIERS","getUniqueString","hasSlotContent","event","_a","CHIP_ICON_SIZES","CHIP_CLOSE_BUTTON_SIZE_MODIFIERS","_hoisted_1","_hoisted_4","_openBlock","_createElementBlock","_createBlock","_resolveDynamicComponent","$props","_mergeProps","$options","_toHandlers","_withCtx","$data","_ctx","_hoisted_2","_renderSlot","_hoisted_3","_createCommentVNode","_normalizeClass","_component_dt_button","_createVNode","_component_dt_icon_close"],"mappings":"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"}

package/dist/lib/chip/chip.js

@@ -0,0 +1,198 @@
+import { DtIconClose as _ } from "@dialpad/dialtone-icons/vue3";
+import { CHIP_SIZE_MODIFIERS as r, CHIP_ICON_SIZES as f, CHIP_CLOSE_BUTTON_SIZE_MODIFIERS as b } from "./chip-constants.js";
+import { getUniqueString as y, hasSlotContent as S } from "../../common/utils/index.js";
+import { resolveComponent as d, openBlock as a, createElementBlock as o, createBlock as u, resolveDynamicComponent as k, mergeProps as h, toHandlers as B, withCtx as p, renderSlot as n, createCommentVNode as c, normalizeClass as I, createVNode as v } from "vue";
+import { _ as g } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import L from "../button/button.js";
+const O = {
+  compatConfig: { MODE: 3 },
+  name: "DtChip",
+  components: {
+    DtButton: L,
+    DtIconClose: _
+  },
+  props: {
+    /**
+     * A set of props to be passed into the modal's close button. Requires an 'ariaLabel' property.
+     */
+    closeButtonProps: {
+      type: Object,
+      default: function() {
+        return { ariaLabel: "close" };
+      },
+      validator: (e) => !!e.ariaLabel
+    },
+    /**
+     * Hides the close button on the chip
+     * @values true, false
+     */
+    hideClose: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * The size of the chip.
+     * @values xs, sm, md
+     */
+    size: {
+      type: String,
+      default: "md",
+      validator: (e) => Object.keys(r).includes(e)
+    },
+    /**
+     * The interactivity of the chip.
+     * Makes chip clickable, apply hover/focus/active style, emit keyboard events etc.
+     * @values true, false
+     */
+    interactive: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * Id to use for the dialog's aria-labelledby.
+     */
+    id: {
+      type: String,
+      default: function() {
+        return y();
+      }
+    },
+    /**
+     * Descriptive label for the chip content.
+     * If this prop is unset the content in the default slot will be used as an aria-label.
+     */
+    ariaLabel: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Additional class name for the chip element.
+     */
+    contentClass: {
+      type: [String, Array, Object],
+      default: ""
+    },
+    /**
+     * Additional class name for the span element.
+     */
+    labelClass: {
+      type: [String, Array, Object],
+      default: ""
+    }
+  },
+  emits: [
+    /**
+     * Native chip click event
+     *
+     * @event click
+     * @type {PointerEvent | KeyboardEvent}
+     */
+    "click",
+    /**
+     * Close button click event
+     *
+     * @event close
+     */
+    "close",
+    /**
+     * Native chip key up event
+     *
+     * @event keyup
+     * @type {KeyboardEvent}
+     */
+    "keyup"
+  ],
+  data() {
+    return {
+      isActive: !1,
+      hasSlotContent: S
+    };
+  },
+  computed: {
+    chipListeners() {
+      return {
+        click: (e) => {
+          this.interactive && this.$emit("click", e);
+        },
+        keyup: (e) => {
+          var s;
+          ((s = e.code) == null ? void 0 : s.toLowerCase()) === "delete" ? this.onClose() : this.$emit("keyup", e);
+        }
+      };
+    },
+    closeButtonIconSize() {
+      return f[this.size];
+    }
+  },
+  methods: {
+    chipClasses() {
+      return [
+        this.$attrs["grouped-chip"] ? "d-chip" : "d-chip__label",
+        r[this.size],
+        this.labelClass
+      ];
+    },
+    chipCloseButtonClasses() {
+      return [
+        "d-chip__close",
+        b[this.size]
+      ];
+    },
+    onClose() {
+      this.hideClose || this.$emit("close");
+    }
+  }
+}, z = { class: "d-chip" }, D = {
+  key: 0,
+  "data-qa": "dt-chip-icon",
+  class: "d-chip__icon"
+}, E = {
+  key: 1,
+  "data-qa": "dt-chip-avatar"
+}, P = ["id"];
+function q(e, s, t, j, l, i) {
+  const C = d("dt-icon-close"), m = d("dt-button");
+  return a(), o("span", z, [
+    (a(), u(k(t.interactive ? "button" : "span"), h({
+      id: t.id,
+      type: t.interactive && "button",
+      class: i.chipClasses(),
+      "data-qa": "dt-chip",
+      "aria-labelledby": t.ariaLabel ? void 0 : `${t.id}-content`,
+      "aria-label": t.ariaLabel
+    }, B(i.chipListeners)), {
+      default: p(() => [
+        l.hasSlotContent(e.$slots.icon) ? (a(), o("span", D, [
+          n(e.$slots, "icon")
+        ])) : l.hasSlotContent(e.$slots.avatar) ? (a(), o("span", E, [
+          n(e.$slots, "avatar")
+        ])) : c("", !0),
+        l.hasSlotContent(e.$slots.default) ? (a(), o("span", {
+          key: 2,
+          id: `${t.id}-content`,
+          "data-qa": "dt-chip-label",
+          class: I(["d-chip__text", t.contentClass])
+        }, [
+          n(e.$slots, "default")
+        ], 10, P)) : c("", !0)
+      ]),
+      _: 3
+    }, 16, ["id", "type", "class", "aria-labelledby", "aria-label"])),
+    t.hideClose ? c("", !0) : (a(), u(m, h({ key: 0 }, t.closeButtonProps, {
+      class: i.chipCloseButtonClasses(),
+      "data-qa": "dt-chip-close",
+      "aria-label": t.closeButtonProps.ariaLabel,
+      onClick: s[0] || (s[0] = (H) => e.$emit("close"))
+    }), {
+      icon: p(() => [
+        v(C, { size: i.closeButtonIconSize }, null, 8, ["size"])
+      ]),
+      _: 1
+    }, 16, ["class", "aria-label"]))
+  ]);
+}
+const R = /* @__PURE__ */ g(O, [["render", q]]);
+export {
+  R as default
+};
+//# sourceMappingURL=chip.js.map

package/dist/lib/chip/chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.js","sources":["../../../components/chip/chip.vue"],"sourcesContent":["<template>\n  <span class=\"d-chip\">\n    <component\n      :is=\"interactive ? 'button' : 'span'\"\n      :id=\"id\"\n      :type=\"interactive && 'button'\"\n      :class=\"chipClasses()\"\n      data-qa=\"dt-chip\"\n      :aria-labelledby=\"ariaLabel ? undefined : `${id}-content`\"\n      :aria-label=\"ariaLabel\"\n      v-on=\"chipListeners\"\n    >\n      <span\n        v-if=\"hasSlotContent($slots.icon)\"\n        data-qa=\"dt-chip-icon\"\n        class=\"d-chip__icon\"\n      >\n        <!-- @slot slot for Chip icon -->\n        <slot name=\"icon\" />\n      </span>\n      <span\n        v-else-if=\"hasSlotContent($slots.avatar)\"\n        data-qa=\"dt-chip-avatar\"\n      >\n        <!-- @slot slot for Chip avatar -->\n        <slot name=\"avatar\" />\n      </span>\n      <span\n        v-if=\"hasSlotContent($slots.default)\"\n        :id=\"`${id}-content`\"\n        data-qa=\"dt-chip-label\"\n        :class=\"['d-chip__text', contentClass]\"\n      >\n        <!-- @slot slot for Content within chip -->\n        <slot />\n      </span>\n    </component>\n    <dt-button\n      v-if=\"!hideClose\"\n      v-bind=\"closeButtonProps\"\n      :class=\"chipCloseButtonClasses()\"\n      data-qa=\"dt-chip-close\"\n      :aria-label=\"closeButtonProps.ariaLabel\"\n      @click=\"$emit('close')\"\n    >\n      <template #icon>\n        <dt-icon-close\n          :size=\"closeButtonIconSize\"\n        />\n      </template>\n    </dt-button>\n  </span>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\nimport { DtIconClose } from '@dialpad/dialtone-icons/vue3';\nimport {\n  CHIP_CLOSE_BUTTON_SIZE_MODIFIERS,\n  CHIP_SIZE_MODIFIERS,\n  CHIP_ICON_SIZES,\n} from './chip_constants';\nimport { getUniqueString, hasSlotContent } from '@/common/utils';\n\n/**\n * A chip is a compact UI element that provides brief, descriptive information about an element.\n * It is terse, ideally one word. It is important a button is identifiable, consistent, and\n * communicates its actions clearly, and is appropriately sized to its action.\n * @see https://dialtone.dialpad.com/components/chip.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtChip',\n\n  components: {\n    DtButton,\n    DtIconClose,\n  },\n\n  props: {\n    /**\n     * A set of props to be passed into the modal's close button. Requires an 'ariaLabel' property.\n     */\n    closeButtonProps: {\n      type: Object,\n      default: function () { return { ariaLabel: 'close' }; },\n      validator: (props) => {\n        return !!props.ariaLabel;\n      },\n    },\n\n    /**\n     * Hides the close button on the chip\n     * @values true, false\n     */\n    hideClose: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The size of the chip.\n     * @values xs, sm, md\n     */\n    size: {\n      type: String,\n      default: 'md',\n      validator: (s) => Object.keys(CHIP_SIZE_MODIFIERS).includes(s),\n    },\n\n    /**\n     * The interactivity of the chip.\n     * Makes chip clickable, apply hover/focus/active style, emit keyboard events etc.\n     * @values true, false\n     */\n    interactive: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Id to use for the dialog's aria-labelledby.\n     */\n    id: {\n      type: String,\n      default: function () { return getUniqueString(); },\n    },\n\n    /**\n     * Descriptive label for the chip content.\n     * If this prop is unset the content in the default slot will be used as an aria-label.\n     */\n    ariaLabel: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Additional class name for the chip element.\n     */\n    contentClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the span element.\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n\n  emits: [\n    /**\n     * Native chip click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n\n    /**\n     * Close button click event\n     *\n     * @event close\n     */\n    'close',\n\n    /**\n     * Native chip key up event\n     *\n     * @event keyup\n     * @type {KeyboardEvent}\n     */\n    'keyup',\n  ],\n\n  data () {\n    return {\n      isActive: false,\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n    chipListeners () {\n      return {\n        click: event => {\n          if (this.interactive) this.$emit('click', event);\n        },\n\n        keyup: event => {\n          if (event.code?.toLowerCase() === 'delete') {\n            this.onClose();\n          } else {\n            this.$emit('keyup', event);\n          }\n        },\n      };\n    },\n\n    closeButtonIconSize () {\n      return CHIP_ICON_SIZES[this.size];\n    },\n  },\n\n  methods: {\n    chipClasses () {\n      return [\n        this.$attrs['grouped-chip'] ? 'd-chip' : 'd-chip__label',\n        CHIP_SIZE_MODIFIERS[this.size],\n        this.labelClass,\n      ];\n    },\n\n    chipCloseButtonClasses () {\n      return [\n        'd-chip__close',\n        CHIP_CLOSE_BUTTON_SIZE_MODIFIERS[this.size],\n      ];\n    },\n\n    onClose () {\n      if (!this.hideClose) {\n        this.$emit('close');\n      }\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtButton","DtIconClose","props","s","CHIP_SIZE_MODIFIERS","getUniqueString","hasSlotContent","event","_a","CHIP_ICON_SIZES","CHIP_CLOSE_BUTTON_SIZE_MODIFIERS","_hoisted_1","_hoisted_4","_openBlock","_createElementBlock","_createBlock","_resolveDynamicComponent","$props","_mergeProps","$options","_toHandlers","_withCtx","$data","_ctx","_hoisted_2","_renderSlot","_hoisted_3","_createCommentVNode","_normalizeClass","_component_dt_button","_createVNode","_component_dt_icon_close"],"mappings":"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"}

package/dist/lib/chip/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("./chip.cjs"),I=require("./chip-constants.cjs");exports.DtChip=_.default;exports.CHIP_CLOSE_BUTTON_SIZE_MODIFIERS=I.CHIP_CLOSE_BUTTON_SIZE_MODIFIERS;exports.CHIP_ICON_SIZES=I.CHIP_ICON_SIZES;exports.CHIP_SIZE_MODIFIERS=I.CHIP_SIZE_MODIFIERS;
+//# sourceMappingURL=index.cjs.map

package/dist/lib/chip/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lib/chip/index.js

@@ -0,0 +1,9 @@
+import { default as S } from "./chip.js";
+import { CHIP_CLOSE_BUTTON_SIZE_MODIFIERS as E, CHIP_ICON_SIZES as O, CHIP_SIZE_MODIFIERS as o } from "./chip-constants.js";
+export {
+  E as CHIP_CLOSE_BUTTON_SIZE_MODIFIERS,
+  O as CHIP_ICON_SIZES,
+  o as CHIP_SIZE_MODIFIERS,
+  S as DtChip
+};
+//# sourceMappingURL=index.js.map

package/dist/lib/chip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/lib/codeblock/codeblock.cjs

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),r={compatConfig:{MODE:3},name:"DtCodeblock",props:{text:{type:String,required:!0}}},c={class:"d-codeblock"};function n(s,u,t,d,a,i){return e.openBlock(),e.createElementBlock("pre",null,[e.createTextVNode("    "),e.createElementVNode("code",c,e.toDisplayString(t.text),1),e.createTextVNode(`
+  `)])}const l=o._(r,[["render",n]]);exports.default=l;
+//# sourceMappingURL=codeblock.cjs.map

package/dist/lib/codeblock/codeblock.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"codeblock.cjs","sources":["../../../components/codeblock/codeblock.vue"],"sourcesContent":["<template>\n  <pre>\n    <code\n      class=\"d-codeblock\"\n    >{{ text }}</code>\n  </pre>\n</template>\n\n<script>\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtCodeblock',\n\n  props: {\n    text: {\n      type: String,\n      required: true,\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","_hoisted_1","_createElementBlock","_createTextVNode","_createElementVNode","_toDisplayString","$props"],"mappings":"6LASKA,EAAU,CACb,aAAc,CAAE,KAAM,CAAG,EACzB,KAAM,cAEN,MAAO,CACL,KAAM,CACJ,KAAM,OACN,SAAU,EACX,CACF,CACH,EAhBMC,EAAA,CAAA,MAAM,aAAa,+CAFvBC,qBAIM,MAAA,KAAA,CALRC,EAAAA,gBACO,MACH,EAAAC,EAEkB,mBAAA,OAFlBH,EAEkBI,EAAAA,gBAAdC,EAAI,IAAA,EAAA,CAAA,EAJZH,EAAAA,gBAIsB;AAAA,GACpB"}

package/dist/lib/codeblock/codeblock.js

@@ -0,0 +1,25 @@
+import { openBlock as o, createElementBlock as c, createTextVNode as e, createElementVNode as r, toDisplayString as n } from "vue";
+import { _ as s } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const a = {
+  compatConfig: { MODE: 3 },
+  name: "DtCodeblock",
+  props: {
+    text: {
+      type: String,
+      required: !0
+    }
+  }
+}, d = { class: "d-codeblock" };
+function p(l, i, t, _, m, f) {
+  return o(), c("pre", null, [
+    e("    "),
+    r("code", d, n(t.text), 1),
+    e(`
+  `)
+  ]);
+}
+const k = /* @__PURE__ */ s(a, [["render", p]]);
+export {
+  k as default
+};
+//# sourceMappingURL=codeblock.js.map

package/dist/lib/codeblock/codeblock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"codeblock.js","sources":["../../../components/codeblock/codeblock.vue"],"sourcesContent":["<template>\n  <pre>\n    <code\n      class=\"d-codeblock\"\n    >{{ text }}</code>\n  </pre>\n</template>\n\n<script>\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtCodeblock',\n\n  props: {\n    text: {\n      type: String,\n      required: true,\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","_hoisted_1","_createElementBlock","_createTextVNode","_createElementVNode","_toDisplayString","$props"],"mappings":";;AASA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EAEN,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,EACF;AACH,GAhBMC,IAAA,EAAA,OAAM,cAAa;;cAFvBC,EAIM,OAAA,MAAA;AAAA,IALRC,EACO,MACH;AAAA,IAAAC,EAEkB,QAFlBH,GAEkBI,EAAdC,EAAI,IAAA,GAAA,CAAA;AAAA,IAJZH,EAIsB;AAAA,GACpB;AAAA;;;"}

package/dist/lib/codeblock/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./codeblock.cjs");exports.DtCodeblock=e.default;
+//# sourceMappingURL=index.cjs.map

package/dist/lib/codeblock/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lib/codeblock/index.js

@@ -0,0 +1,5 @@
+import { default as t } from "./codeblock.js";
+export {
+  t as DtCodeblock
+};
+//# sourceMappingURL=index.js.map

package/dist/lib/codeblock/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/collapsible/collapsible-lazy-show.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),i=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),l={name:"DtCollapsibleLazyShow",inheritAttrs:!1,props:{show:{type:Boolean,default:null},appear:{type:Boolean,default:!1},elementType:{type:String,default:"div"}},data(){return{initialized:!!this.show}},computed:{isCSSEnabled(){return process.env.NODE_ENV!=="test"}},watch:{show:function(e){!e||this.initialized||(this.initialized=!0)}},methods:{beforeEnter(e){requestAnimationFrame(()=>{e.style.height||(e.style.height="0px")})},enter(e){requestAnimationFrame(()=>{requestAnimationFrame(()=>{e.style.height=`${e.scrollHeight}px`})})},afterEnter(e){e.style.height=null},beforeLeave(e){requestAnimationFrame(()=>{e.style.height||(e.style.height=`${e.offsetHeight}px`)})},leave(e){requestAnimationFrame(()=>{requestAnimationFrame(()=>{e.style.height="0px"})})},afterLeave(e){e.style.height=null}}};function o(e,u,a,f,n,r){return t.openBlock(),t.createBlock(t.Transition,t.mergeProps({appear:a.appear,"enter-active-class":"d-collapsible__enter-active","leave-active-class":"d-collapsible__leave-active"},e.$attrs,{css:r.isCSSEnabled,onBeforeEnter:r.beforeEnter,onEnter:r.enter,onAfterEnter:r.afterEnter,onBeforeLeave:r.beforeLeave,onLeave:r.leave,onAfterLeave:r.afterLeave}),{default:t.withCtx(()=>[t.withDirectives((t.openBlock(),t.createBlock(t.resolveDynamicComponent(a.elementType),t.normalizeProps(t.guardReactiveProps(e.$attrs)),{default:t.withCtx(()=>[n.initialized?t.renderSlot(e.$slots,"default",{key:0}):t.createCommentVNode("",!0)]),_:3},16)),[[t.vShow,a.show]])]),_:3},16,["appear","css","onBeforeEnter","onEnter","onAfterEnter","onBeforeLeave","onLeave","onAfterLeave"])}const s=i._(l,[["render",o]]);exports.default=s;
+//# sourceMappingURL=collapsible-lazy-show.cjs.map

package/dist/lib/collapsible/collapsible-lazy-show.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible-lazy-show.cjs","sources":["../../../components/collapsible/collapsible_lazy_show.vue"],"sourcesContent":["<template>\n  <!-- applies the transition on initial render -->\n  <transition\n    :appear=\"appear\"\n    enter-active-class=\"d-collapsible__enter-active\"\n    leave-active-class=\"d-collapsible__leave-active\"\n    v-bind=\"$attrs\"\n    :css=\"isCSSEnabled\"\n    @before-enter=\"beforeEnter\"\n    @enter=\"enter\"\n    @after-enter=\"afterEnter\"\n    @before-leave=\"beforeLeave\"\n    @leave=\"leave\"\n    @after-leave=\"afterLeave\"\n  >\n    <component\n      :is=\"elementType\"\n      v-show=\"show\"\n      v-bind=\"$attrs\"\n    >\n      <!-- @slot slot for Content within collapsible -->\n      <slot v-if=\"initialized\" />\n    </component>\n  </transition>\n</template>\n\n<script>\nexport default {\n  name: 'DtCollapsibleLazyShow',\n\n  inheritAttrs: false,\n\n  /******************\n   *     PROPS      *\n   ******************/\n  props: {\n    /**\n     * Whether the child slot is shown.\n     */\n    show: {\n      type: Boolean,\n      default: null,\n    },\n\n    /**\n     * Enable/Disable transition animation\n     */\n    appear: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * HTML element type (tag name) of the content wrapper element.\n     */\n    elementType: {\n      type: String,\n      default: 'div',\n    },\n  },\n\n  /******************\n   *      DATA      *\n   ******************/\n  data () {\n    return {\n      initialized: !!this.show,\n    };\n  },\n\n  /******************\n   *    COMPUTED    *\n   ******************/\n  computed: {\n    /**\n     * Set the css property to false when running tests only.\n     * Refer to: https://vuejs.org/guide/built-ins/transition.html#javascript-hooks for details about\n     * transition `css` property\n     * @returns {boolean}\n     */\n    isCSSEnabled () {\n      return process.env.NODE_ENV !== 'test';\n    },\n  },\n\n  /******************\n   *      WATCH     *\n   ******************/\n  watch: {\n    show: function (newValue) {\n      if (!newValue || this.initialized) return;\n\n      this.initialized = true;\n    },\n  },\n\n  methods: {\n    /**\n     * @param {HTMLElement} element\n     */\n    beforeEnter (element) {\n      requestAnimationFrame(() => {\n        if (!element.style.height) {\n          element.style.height = '0px';\n        }\n      });\n    },\n\n    /**\n     * @param {HTMLElement} element\n     */\n    enter (element) {\n      requestAnimationFrame(() => {\n        requestAnimationFrame(() => {\n          element.style.height = `${element.scrollHeight}px`;\n        });\n      });\n    },\n\n    /**\n     * @param {HTMLElement} element\n     */\n    afterEnter (element) {\n      element.style.height = null;\n    },\n\n    /**\n     * @param {HTMLElement} element\n     */\n    beforeLeave (element) {\n      requestAnimationFrame(() => {\n        if (!element.style.height) {\n          element.style.height = `${element.offsetHeight}px`;\n        }\n      });\n    },\n\n    /**\n     * @param {HTMLElement} element\n     */\n    leave (element) {\n      requestAnimationFrame(() => {\n        requestAnimationFrame(() => {\n          element.style.height = '0px';\n        });\n      });\n    },\n\n    /**\n     * @param {HTMLElement} element\n     */\n    afterLeave (element) {\n      element.style.height = null;\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","newValue","element","_openBlock","_createBlock","_Transition","_mergeProps","$props","_ctx","$options","_withCtx","_withDirectives","_resolveDynamicComponent","_normalizeProps","_guardReactiveProps","$data","_renderSlot","_createCommentVNode"],"mappings":"6LA2BKA,EAAU,CACb,KAAM,wBAEN,aAAc,GAKd,MAAO,CAIL,KAAM,CACJ,KAAM,QACN,QAAS,IACV,EAKD,OAAQ,CACN,KAAM,QACN,QAAS,EACV,EAKD,YAAa,CACX,KAAM,OACN,QAAS,KACV,CACF,EAKD,MAAQ,CACN,MAAO,CACL,YAAa,CAAC,CAAC,KAAK,KAEvB,EAKD,SAAU,CAOR,cAAgB,CACd,OAAO,QAAQ,IAAI,WAAa,MACjC,CACF,EAKD,MAAO,CACL,KAAM,SAAUC,EAAU,CACpB,CAACA,GAAY,KAAK,cAEtB,KAAK,YAAc,GACpB,CACF,EAED,QAAS,CAIP,YAAaC,EAAS,CACpB,sBAAsB,IAAM,CACrBA,EAAQ,MAAM,SACjBA,EAAQ,MAAM,OAAS,MAE3B,CAAC,CACF,EAKD,MAAOA,EAAS,CACd,sBAAsB,IAAM,CAC1B,sBAAsB,IAAM,CAC1BA,EAAQ,MAAM,OAAS,GAAGA,EAAQ,YAAY,IAChD,CAAC,CACH,CAAC,CACF,EAKD,WAAYA,EAAS,CACnBA,EAAQ,MAAM,OAAS,IACxB,EAKD,YAAaA,EAAS,CACpB,sBAAsB,IAAM,CACrBA,EAAQ,MAAM,SACjBA,EAAQ,MAAM,OAAS,GAAGA,EAAQ,YAAY,KAElD,CAAC,CACF,EAKD,MAAOA,EAAS,CACd,sBAAsB,IAAM,CAC1B,sBAAsB,IAAM,CAC1BA,EAAQ,MAAM,OAAS,KACzB,CAAC,CACH,CAAC,CACF,EAKD,WAAYA,EAAS,CACnBA,EAAQ,MAAM,OAAS,IACxB,CACF,CACH,0BAzJE,OAAAC,YAAA,EAAAC,cAqBaC,EAAAA,WArBbC,EAAAA,WAqBa,CApBV,OAAQC,EAAM,OACf,qBAAmB,8BACnB,qBAAmB,+BACXC,EAAM,OAAA,CACb,IAAKC,EAAY,aACjB,cAAcA,EAAW,YACzB,QAAOA,EAAK,MACZ,aAAaA,EAAU,WACvB,cAAcA,EAAW,YACzB,QAAOA,EAAK,MACZ,aAAaA,EAAU,cAb5B,QAAAC,EAAA,QAeI,IAOY,CAPZC,EAAAA,gBAAAR,EAAA,UAAA,EAAAC,EAAA,YAOYQ,EANL,wBAAAL,EAAA,WAAW,EAhBtBM,EAAA,eAAAC,qBAkBcN,EAAM,MAAA,CAAA,EAAA,CAlBpB,QAAAE,EAAA,QAqBM,IAA2B,CAAfK,EAAW,YAAvBC,EAAA,WAA2BR,oBArBjC,IAAA,EAAA,EAAAS,EAAA,mBAAA,GAAA,EAAA,IAAA,EAAA,kBAiBcV,EAAI,IAAA,MAjBlB,EAAA"}

package/dist/lib/collapsible/collapsible-lazy-show.js

@@ -0,0 +1,144 @@
+import { openBlock as a, createBlock as n, Transition as l, mergeProps as s, withCtx as i, withDirectives as f, resolveDynamicComponent as h, normalizeProps as c, guardReactiveProps as u, renderSlot as p, createCommentVNode as d, vShow as m } from "vue";
+import { _ as v } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const y = {
+  name: "DtCollapsibleLazyShow",
+  inheritAttrs: !1,
+  /******************
+   *     PROPS      *
+   ******************/
+  props: {
+    /**
+     * Whether the child slot is shown.
+     */
+    show: {
+      type: Boolean,
+      default: null
+    },
+    /**
+     * Enable/Disable transition animation
+     */
+    appear: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * HTML element type (tag name) of the content wrapper element.
+     */
+    elementType: {
+      type: String,
+      default: "div"
+    }
+  },
+  /******************
+   *      DATA      *
+   ******************/
+  data() {
+    return {
+      initialized: !!this.show
+    };
+  },
+  /******************
+   *    COMPUTED    *
+   ******************/
+  computed: {
+    /**
+     * Set the css property to false when running tests only.
+     * Refer to: https://vuejs.org/guide/built-ins/transition.html#javascript-hooks for details about
+     * transition `css` property
+     * @returns {boolean}
+     */
+    isCSSEnabled() {
+      return process.env.NODE_ENV !== "test";
+    }
+  },
+  /******************
+   *      WATCH     *
+   ******************/
+  watch: {
+    show: function(e) {
+      !e || this.initialized || (this.initialized = !0);
+    }
+  },
+  methods: {
+    /**
+     * @param {HTMLElement} element
+     */
+    beforeEnter(e) {
+      requestAnimationFrame(() => {
+        e.style.height || (e.style.height = "0px");
+      });
+    },
+    /**
+     * @param {HTMLElement} element
+     */
+    enter(e) {
+      requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          e.style.height = `${e.scrollHeight}px`;
+        });
+      });
+    },
+    /**
+     * @param {HTMLElement} element
+     */
+    afterEnter(e) {
+      e.style.height = null;
+    },
+    /**
+     * @param {HTMLElement} element
+     */
+    beforeLeave(e) {
+      requestAnimationFrame(() => {
+        e.style.height || (e.style.height = `${e.offsetHeight}px`);
+      });
+    },
+    /**
+     * @param {HTMLElement} element
+     */
+    leave(e) {
+      requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          e.style.height = "0px";
+        });
+      });
+    },
+    /**
+     * @param {HTMLElement} element
+     */
+    afterLeave(e) {
+      e.style.height = null;
+    }
+  }
+};
+function E(e, g, r, _, o, t) {
+  return a(), n(l, s({
+    appear: r.appear,
+    "enter-active-class": "d-collapsible__enter-active",
+    "leave-active-class": "d-collapsible__leave-active"
+  }, e.$attrs, {
+    css: t.isCSSEnabled,
+    onBeforeEnter: t.beforeEnter,
+    onEnter: t.enter,
+    onAfterEnter: t.afterEnter,
+    onBeforeLeave: t.beforeLeave,
+    onLeave: t.leave,
+    onAfterLeave: t.afterLeave
+  }), {
+    default: i(() => [
+      f((a(), n(h(r.elementType), c(u(e.$attrs)), {
+        default: i(() => [
+          o.initialized ? p(e.$slots, "default", { key: 0 }) : d("", !0)
+        ]),
+        _: 3
+      }, 16)), [
+        [m, r.show]
+      ])
+    ]),
+    _: 3
+  }, 16, ["appear", "css", "onBeforeEnter", "onEnter", "onAfterEnter", "onBeforeLeave", "onLeave", "onAfterLeave"]);
+}
+const b = /* @__PURE__ */ v(y, [["render", E]]);
+export {
+  b as default
+};
+//# sourceMappingURL=collapsible-lazy-show.js.map

package/dist/lib/collapsible/collapsible-lazy-show.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible-lazy-show.js","sources":["../../../components/collapsible/collapsible_lazy_show.vue"],"sourcesContent":["<template>\n  <!-- applies the transition on initial render -->\n  <transition\n    :appear=\"appear\"\n    enter-active-class=\"d-collapsible__enter-active\"\n    leave-active-class=\"d-collapsible__leave-active\"\n    v-bind=\"$attrs\"\n    :css=\"isCSSEnabled\"\n    @before-enter=\"beforeEnter\"\n    @enter=\"enter\"\n    @after-enter=\"afterEnter\"\n    @before-leave=\"beforeLeave\"\n    @leave=\"leave\"\n    @after-leave=\"afterLeave\"\n  >\n    <component\n      :is=\"elementType\"\n      v-show=\"show\"\n      v-bind=\"$attrs\"\n    >\n      <!-- @slot slot for Content within collapsible -->\n      <slot v-if=\"initialized\" />\n    </component>\n  </transition>\n</template>\n\n<script>\nexport default {\n  name: 'DtCollapsibleLazyShow',\n\n  inheritAttrs: false,\n\n  /******************\n   *     PROPS      *\n   ******************/\n  props: {\n    /**\n     * Whether the child slot is shown.\n     */\n    show: {\n      type: Boolean,\n      default: null,\n    },\n\n    /**\n     * Enable/Disable transition animation\n     */\n    appear: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * HTML element type (tag name) of the content wrapper element.\n     */\n    elementType: {\n      type: String,\n      default: 'div',\n    },\n  },\n\n  /******************\n   *      DATA      *\n   ******************/\n  data () {\n    return {\n      initialized: !!this.show,\n    };\n  },\n\n  /******************\n   *    COMPUTED    *\n   ******************/\n  computed: {\n    /**\n     * Set the css property to false when running tests only.\n     * Refer to: https://vuejs.org/guide/built-ins/transition.html#javascript-hooks for details about\n     * transition `css` property\n     * @returns {boolean}\n     */\n    isCSSEnabled () {\n      return process.env.NODE_ENV !== 'test';\n    },\n  },\n\n  /******************\n   *      WATCH     *\n   ******************/\n  watch: {\n    show: function (newValue) {\n      if (!newValue || this.initialized) return;\n\n      this.initialized = true;\n    },\n  },\n\n  methods: {\n    /**\n     * @param {HTMLElement} element\n     */\n    beforeEnter (element) {\n      requestAnimationFrame(() => {\n        if (!element.style.height) {\n          element.style.height = '0px';\n        }\n      });\n    },\n\n    /**\n     * @param {HTMLElement} element\n     */\n    enter (element) {\n      requestAnimationFrame(() => {\n        requestAnimationFrame(() => {\n          element.style.height = `${element.scrollHeight}px`;\n        });\n      });\n    },\n\n    /**\n     * @param {HTMLElement} element\n     */\n    afterEnter (element) {\n      element.style.height = null;\n    },\n\n    /**\n     * @param {HTMLElement} element\n     */\n    beforeLeave (element) {\n      requestAnimationFrame(() => {\n        if (!element.style.height) {\n          element.style.height = `${element.offsetHeight}px`;\n        }\n      });\n    },\n\n    /**\n     * @param {HTMLElement} element\n     */\n    leave (element) {\n      requestAnimationFrame(() => {\n        requestAnimationFrame(() => {\n          element.style.height = '0px';\n        });\n      });\n    },\n\n    /**\n     * @param {HTMLElement} element\n     */\n    afterLeave (element) {\n      element.style.height = null;\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","newValue","element","_openBlock","_createBlock","_Transition","_mergeProps","$props","_ctx","$options","_withCtx","_withDirectives","_resolveDynamicComponent","_normalizeProps","_guardReactiveProps","$data","_renderSlot","_createCommentVNode"],"mappings":";;AA2BA,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EAEN,cAAc;AAAA;AAAA;AAAA;AAAA,EAKd,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKD,OAAQ;AACN,WAAO;AAAA,MACL,aAAa,CAAC,CAAC,KAAK;AAAA;EAEvB;AAAA;AAAA;AAAA;AAAA,EAKD,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOR,eAAgB;AACd,aAAO,QAAQ,IAAI,aAAa;AAAA,IACjC;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKD,OAAO;AAAA,IACL,MAAM,SAAUC,GAAU;AACxB,MAAI,CAACA,KAAY,KAAK,gBAEtB,KAAK,cAAc;AAAA,IACpB;AAAA,EACF;AAAA,EAED,SAAS;AAAA;AAAA;AAAA;AAAA,IAIP,YAAaC,GAAS;AACpB,4BAAsB,MAAM;AAC1B,QAAKA,EAAQ,MAAM,WACjBA,EAAQ,MAAM,SAAS;AAAA,MAE3B,CAAC;AAAA,IACF;AAAA;AAAA;AAAA;AAAA,IAKD,MAAOA,GAAS;AACd,4BAAsB,MAAM;AAC1B,8BAAsB,MAAM;AAC1B,UAAAA,EAAQ,MAAM,SAAS,GAAGA,EAAQ,YAAY;AAAA,QAChD,CAAC;AAAA,MACH,CAAC;AAAA,IACF;AAAA;AAAA;AAAA;AAAA,IAKD,WAAYA,GAAS;AACnB,MAAAA,EAAQ,MAAM,SAAS;AAAA,IACxB;AAAA;AAAA;AAAA;AAAA,IAKD,YAAaA,GAAS;AACpB,4BAAsB,MAAM;AAC1B,QAAKA,EAAQ,MAAM,WACjBA,EAAQ,MAAM,SAAS,GAAGA,EAAQ,YAAY;AAAA,MAElD,CAAC;AAAA,IACF;AAAA;AAAA;AAAA;AAAA,IAKD,MAAOA,GAAS;AACd,4BAAsB,MAAM;AAC1B,8BAAsB,MAAM;AAC1B,UAAAA,EAAQ,MAAM,SAAS;AAAA,QACzB,CAAC;AAAA,MACH,CAAC;AAAA,IACF;AAAA;AAAA;AAAA;AAAA,IAKD,WAAYA,GAAS;AACnB,MAAAA,EAAQ,MAAM,SAAS;AAAA,IACxB;AAAA,EACF;AACH;;AAzJE,SAAAC,EAAA,GAAAC,EAqBaC,GArBbC,EAqBa;AAAA,IApBV,QAAQC,EAAM;AAAA,IACf,sBAAmB;AAAA,IACnB,sBAAmB;AAAA,KACXC,EAAM,QAAA;AAAA,IACb,KAAKC,EAAY;AAAA,IACjB,eAAcA,EAAW;AAAA,IACzB,SAAOA,EAAK;AAAA,IACZ,cAAaA,EAAU;AAAA,IACvB,eAAcA,EAAW;AAAA,IACzB,SAAOA,EAAK;AAAA,IACZ,cAAaA,EAAU;AAAA;IAb5B,SAAAC,EAeI,MAOY;AAAA,MAPZC,GAAAR,EAAA,GAAAC,EAOYQ,EANLL,EAAA,WAAW,GAhBtBM,EAAAC,EAkBcN,EAAM,MAAA,CAAA,GAAA;AAAA,QAlBpB,SAAAE,EAqBM,MAA2B;AAAA,UAAfK,EAAW,cAAvBC,EAA2BR,uBArBjC,KAAA,GAAA,IAAAS,EAAA,IAAA,EAAA;AAAA;QAAA,GAAA;AAAA;YAiBcV,EAAI,IAAA;AAAA;;IAjBlB,GAAA;AAAA;;;"}

package/dist/lib/collapsible/collapsible.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../../common/utils/index.cjs"),h=require("./collapsible-lazy-show.cjs"),i=require("@dialpad/dialtone-icons/vue3"),e=require("vue"),u=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),p=require("../button/button.cjs"),m=require("../lazy-show/lazy-show.cjs"),_={compatConfig:{MODE:3},name:"DtCollapsible",components:{DtButton:p.default,DtCollapsibleLazyShow:h.default,DtLazyShow:m.default,DtIconChevronDown:i.DtIconChevronDown,DtIconChevronRight:i.DtIconChevronRight},props:{anchorText:{type:String,default:null},open:{type:Boolean,default:null},id:{type:String,default(){return a.getUniqueString()}},elementType:{type:String,default:"div"},contentElementType:{type:String,default:"div"},anchorClass:{type:[String,Array,Object],default:null},contentClass:{type:[String,Array,Object],default:null},maxWidth:{type:String,default:null},maxHeight:{type:String,default:null},ariaLabel:{type:String,default:null},ariaLabelledBy:{type:String,default:null}},emits:["update:open","opened"],data(){return{isOpen:!0}},computed:{labelledBy(){return this.ariaLabelledBy||!this.ariaLabel&&a.getUniqueString("DtCollapsible__anchor")},collapsibleListeners(){return a.extractVueListeners(this.$attrs)}},watch:{open:{handler:function(l){l!==null&&(this.isOpen=l)},immediate:!0}},created(){this.validateProperAnchor()},methods:{onLeaveTransitionComplete(){this.$emit("opened",!1),this.open!==null&&this.$emit("update:open",!1)},onEnterTransitionComplete(){this.$emit("opened",!0,this.$refs.content),this.open!==null&&this.$emit("update:open",!0)},defaultToggleOpen(){this.open===null&&this.toggleOpen()},toggleOpen(){this.isOpen=!this.isOpen},validateProperAnchor(){!this.anchorText&&!a.hasSlotContent(this.$slots.anchor)&&console.error("anchor text and anchor slot content cannot both be falsy")}}},b=["id"],y=["title"];function f(l,C,t,v,o,n){const r=e.resolveComponent("dt-icon-chevron-down"),s=e.resolveComponent("dt-icon-chevron-right"),c=e.resolveComponent("dt-button"),d=e.resolveComponent("dt-collapsible-lazy-show");return e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.elementType),e.mergeProps({ref:"collapsible"},e.toHandlers(n.collapsibleListeners)),{default:e.withCtx(()=>[e.createElementVNode("div",{id:!t.ariaLabelledBy&&n.labelledBy,ref:"anchor",class:e.normalizeClass(t.anchorClass)},[e.renderSlot(l.$slots,"anchor",{attrs:{"aria-controls":t.id,"aria-expanded":o.isOpen.toString(),role:"button"}},()=>[e.createVNode(c,{importance:"clear",kind:"muted","aria-controls":t.id,"aria-expanded":`${o.isOpen}`,style:e.normalizeStyle({width:t.maxWidth}),onClick:n.defaultToggleOpen},{default:e.withCtx(()=>[o.isOpen?(e.openBlock(),e.createBlock(r,{key:0,class:"d-collapsible__icon",size:"300"})):(e.openBlock(),e.createBlock(s,{key:1,class:"d-collapsible__icon",size:"300"})),e.createElementVNode("span",{class:"d-collapsible__anchor-text",title:t.anchorText},e.toDisplayString(t.anchorText),9,y)]),_:1},8,["aria-controls","aria-expanded","style","onClick"])])],10,b),e.createVNode(d,e.mergeProps({id:t.id,ref:"contentWrapper","aria-hidden":`${!o.isOpen}`,"aria-labelledby":n.labelledBy,"aria-label":t.ariaLabel,show:o.isOpen,"element-type":t.contentElementType,class:t.contentClass,style:{"max-height":t.maxHeight,"max-width":t.maxWidth},"data-qa":"dt-collapsible--content",tabindex:"-1",appear:""},e.toHandlers(n.collapsibleListeners),{onAfterLeave:n.onLeaveTransitionComplete,onAfterEnter:n.onEnterTransitionComplete}),{default:e.withCtx(()=>[e.renderSlot(l.$slots,"content")]),_:3},16,["id","aria-hidden","aria-labelledby","aria-label","show","element-type","class","style","onAfterLeave","onAfterEnter"])]),_:3},16)}const g=u._(_,[["render",f]]);exports.default=g;
+//# sourceMappingURL=collapsible.cjs.map

package/dist/lib/collapsible/collapsible.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.cjs","sources":["../../../components/collapsible/collapsible.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"elementType\"\n    ref=\"collapsible\"\n    v-on=\"collapsibleListeners\"\n  >\n    <!-- Element for capturing keypress events -->\n    <div\n      :id=\"!ariaLabelledBy && labelledBy\"\n      ref=\"anchor\"\n      :class=\"anchorClass\"\n    >\n      <!-- @slot Slot for the anchor element that toggles the collapsible content -->\n      <slot\n        name=\"anchor\"\n        :attrs=\"{\n          'aria-controls': id,\n          'aria-expanded': isOpen.toString(),\n          'role': 'button',\n        }\"\n      >\n        <dt-button\n          importance=\"clear\"\n          kind=\"muted\"\n          :aria-controls=\"id\"\n          :aria-expanded=\"`${isOpen}`\"\n          :style=\"{\n            'width': maxWidth,\n          }\"\n          @click=\"defaultToggleOpen\"\n        >\n          <dt-icon-chevron-down\n            v-if=\"isOpen\"\n            class=\"d-collapsible__icon\"\n            size=\"300\"\n          />\n          <dt-icon-chevron-right\n            v-else\n            class=\"d-collapsible__icon\"\n            size=\"300\"\n          />\n          <span\n            class=\"d-collapsible__anchor-text\"\n            :title=\"anchorText\"\n          >\n            {{ anchorText }}\n          </span>\n        </dt-button>\n      </slot>\n    </div>\n    <dt-collapsible-lazy-show\n      :id=\"id\"\n      ref=\"contentWrapper\"\n      :aria-hidden=\"`${!isOpen}`\"\n      :aria-labelledby=\"labelledBy\"\n      :aria-label=\"ariaLabel\"\n      :show=\"isOpen\"\n      :element-type=\"contentElementType\"\n      :class=\"contentClass\"\n      :style=\"{\n        'max-height': maxHeight,\n        'max-width': maxWidth,\n      }\"\n      data-qa=\"dt-collapsible--content\"\n      tabindex=\"-1\"\n      appear\n      v-on=\"collapsibleListeners\"\n      @after-leave=\"onLeaveTransitionComplete\"\n      @after-enter=\"onEnterTransitionComplete\"\n    >\n      <!-- @slot Slot for the collapsible element that is expanded by the anchor -->\n      <slot\n        name=\"content\"\n      />\n    </dt-collapsible-lazy-show>\n  </component>\n</template>\n\n<script>\nimport { extractVueListeners, getUniqueString, hasSlotContent } from '@/common/utils';\nimport DtCollapsibleLazyShow from './collapsible_lazy_show.vue';\nimport { DtButton } from '@/components/button';\nimport { DtLazyShow } from '@/components/lazy_show';\nimport { DtIconChevronDown, DtIconChevronRight } from '@dialpad/dialtone-icons/vue3';\n\n/**\n * A collapsible is a component consisting of an interactive anchor that toggled the expandable/collapsible element.\n * @see https://dialtone.dialpad.com/components/collapsible.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtCollapsible',\n\n  components: {\n    DtButton,\n    DtCollapsibleLazyShow,\n    DtLazyShow,\n    DtIconChevronDown,\n    DtIconChevronRight,\n  },\n\n  props: {\n    /**\n     * Text that is displayed on the anchor if nothing is passed in the slot.\n     * Ignored if the anchor slot is used.\n     */\n    anchorText: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Controls whether the collapsible is shown. Leaving this null will have the collapsible start\n     * expanded and trigger on click by default. If you set this value, the default trigger\n     * behavior will be disabled, and you can control it as you need.\n     * Supports .sync modifier\n     * @values null, true, false\n     */\n    open: {\n      type: Boolean,\n      default: null,\n    },\n\n    /**\n     * The id of the content wrapper.\n     */\n    id: {\n      type: String,\n      default () { return getUniqueString(); },\n    },\n\n    /**\n     * HTML element type (tag name) of the root element of the component.\n     */\n    elementType: {\n      type: String,\n      default: 'div',\n    },\n\n    /**\n     * HTML element type (tag name) of the content wrapper element.\n     */\n    contentElementType: {\n      type: String,\n      default: 'div',\n    },\n\n    /**\n     * Additional class name for the anchor wrapper element.\n     */\n    anchorClass: {\n      type: [String, Array, Object],\n      default: null,\n    },\n\n    /**\n     * Additional class name for the content wrapper element.\n     */\n    contentClass: {\n      type: [String, Array, Object],\n      default: null,\n    },\n\n    /**\n     * The maximum width of the anchor and collapsible element.\n     * Possible units rem|px|%|em\n     */\n    maxWidth: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * The maximum height of the collapsible element.\n     * Possible units rem|px|%|em\n     */\n    maxHeight: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Label on the collapsible content. Should provide this or ariaLabelledBy but not both.\n     */\n    ariaLabel: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Id of the element that labels the collapsible content. Defaults to the anchor element.\n     * Should provide this or ariaLabel but not both.\n     */\n    ariaLabelledBy: {\n      type: String,\n      default: null,\n    },\n  },\n\n  emits: [\n    /**\n     * Event fired to sync the open prop with the parent component\n     * @event update:open\n     */\n    'update:open',\n\n    /**\n     * Event fired when the content is shown or hidden\n     *\n     * @event opened\n     * @type {Boolean}\n     */\n    'opened',\n  ],\n\n  data () {\n    return {\n      isOpen: true,\n    };\n  },\n\n  computed: {\n    labelledBy () {\n      // aria-labelledby should be set only if aria-labelledby is passed as a prop, or if\n      // there is no aria-label and the labelledby should point to the anchor\n      return this.ariaLabelledBy || (!this.ariaLabel && getUniqueString('DtCollapsible__anchor'));\n    },\n\n    collapsibleListeners () {\n      return extractVueListeners(this.$attrs);\n    },\n  },\n\n  watch: {\n    open: {\n      handler: function (open) {\n        if (open !== null) {\n          this.isOpen = open;\n        }\n      },\n\n      immediate: true,\n    },\n  },\n\n  created () {\n    this.validateProperAnchor();\n  },\n\n  methods: {\n    onLeaveTransitionComplete () {\n      this.$emit('opened', false);\n      if (this.open !== null) {\n        this.$emit('update:open', false);\n      }\n    },\n\n    onEnterTransitionComplete () {\n      this.$emit('opened', true, this.$refs.content);\n      if (this.open !== null) {\n        this.$emit('update:open', true);\n      }\n    },\n\n    defaultToggleOpen () {\n      if (this.open === null) {\n        this.toggleOpen();\n      }\n    },\n\n    toggleOpen () {\n      this.isOpen = !this.isOpen;\n    },\n\n    validateProperAnchor () {\n      if (!this.anchorText && !hasSlotContent(this.$slots.anchor)) {\n        console.error('anchor text and anchor slot content cannot both be falsy');\n      }\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtButton","DtCollapsibleLazyShow","DtLazyShow","DtIconChevronDown","DtIconChevronRight","getUniqueString","extractVueListeners","open","hasSlotContent","_hoisted_1","_hoisted_2","_openBlock","_createBlock","_resolveDynamicComponent","$props","_mergeProps","_toHandlers","$options","_withCtx","_createElementVNode","_normalizeClass","_renderSlot","_ctx","$data","_createVNode","_component_dt_button","_normalizeStyle","_component_dt_icon_chevron_down","_component_dt_icon_chevron_right","_toDisplayString","_component_dt_collapsible_lazy_show"],"mappings":"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"}