npm - @dialpad/dialtone-vue - Versions diffs - 3.221.1 → 3.222.0-next.2 - Mend

@dialpad/dialtone-vue 3.221.1 → 3.222.0-next.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2053) hide show

package/dist/lib/kitchen-sink/kitchen-sink-view.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"kitchen-sink-view.js","names":[],"sources":["../../../components/KitchenSink/KitchenSinkView.vue"],"sourcesContent":["\n<template>\n <div>\n <div\n v-if=\"loading\"\n class=\"d-d-flex d-ai-center d-jc-center d-h164\"\n >\n <dt-text\n tone=\"muted\"\n >\n Loading {{ itemLabel }}...\n </dt-text>\n </div>\n <template v-else>\n <dt-stack\n class=\"\n d-p-400\n d-py-200\n d-pbe-100\n d-bgc-secondary\n d-bb\n d-ps-sticky\n d-t-0\n d-zi-base1\n d-mbs-n125\n d-mx-n125\n d-bs-card\n \"\n gap=\"100\"\n >\n <dt-stack\n class=\"d-px-100\"\n gap=\"100\"\n direction=\"row\"\n justify=\"between\"\n align=\"baseline\"\n >\n <dt-text\n as=\"h1\"\n kind=\"headline\"\n :size=\"700\"\n >\n {{ title }}\n </dt-text>\n <dt-text\n kind=\"body\"\n :size=\"200\"\n >\n <dt-link\n :href=\"iframeUrl\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n <dt-stack\n gap=\"50\"\n direction=\"row\"\n >\n Open in new window\n <dt-icon-external-link size=\"200\" />\n </dt-stack>\n </dt-link>\n </dt-text>\n </dt-stack>\n <div\n v-dt-scrollbar\n >\n <dt-stack\n direction=\"row\"\n gap=\"100\"\n class=\"d-pbe-100 d-px-100\"\n >\n <dt-link\n v-for=\"section in sections\"\n :key=\"section.id\"\n :href=\"`#ks-${section.id}`\"\n @click.prevent=\"scrollTo(section.id)\"\n >\n <dt-text\n kind=\"body\"\n :size=\"200\"\n class=\"d-ws-nowrap\"\n >\n {{ section.name }}\n </dt-text>\n </dt-link>\n </dt-stack>\n </div>\n </dt-stack>\n <dt-stack class=\"d-px-400\">\n <dt-stack\n v-for=\"section in sections\"\n :id=\"`ks-${section.id}`\"\n :key=\"section.id\"\n as=\"section\"\n gap=\"200\"\n class=\"d-py-400 kitchen-sink__section\"\n >\n <dt-stack\n gap=\"100\"\n direction=\"row\"\n justify=\"between\"\n align=\"baseline\"\n >\n <dt-text\n as=\"h2\"\n kind=\"headline\"\n :size=\"600\"\n >\n {{ section.name }}\n </dt-text>\n <dt-link\n :href=\"`/?path=/story/${section.storyId}--default`\"\n >\n View Story\n </dt-link>\n </dt-stack>\n <dt-stack\n v-for=\"variant in section.variants\"\n :key=\"variant.name\"\n class=\"d-ba d-bc-subtle d-p-200\"\n gap=\"100\"\n >\n <dt-text\n :size=\"100\"\n tone=\"muted\"\n kind=\"code\"\n >\n {{ variant.name }}\n </dt-text>\n <div>\n <component :is=\"variant.errorBoundary\">\n <component :is=\"variant.component\" />\n </component>\n </div>\n </dt-stack>\n </dt-stack>\n </dt-stack>\n </template>\n </div>\n</template>\n\n<script setup>\nimport { ref, h, onErrorCaptured, onMounted, defineComponent, markRaw } from 'vue';\nimport { DtLink } from '@/components/Link';\nimport { DtStack } from '@/components/Stack';\nimport { DtText } from '@/components/Text';\nimport { DtIconExternalLink } from '@dialpad/dialtone-icons/vue';\n\nconst props = defineProps({\n title: {\n type: String,\n required: true,\n },\n itemLabel: {\n type: String,\n required: true,\n },\n iframeUrl: {\n type: String,\n required: true,\n },\n loaders: {\n type: Object,\n required: true,\n },\n});\n\nconst sections = ref([]);\nconst loading = ref(true);\n\nfunction sanitizeId (str) {\n return str.toLowerCase().replace(/[\\s/_]+/g, '-');\n}\n\nfunction scrollTo (id) {\n document.getElementById(`ks-${id}`)?.scrollIntoView({ behavior: 'smooth' });\n}\n\nfunction createErrorBoundary (name) {\n return markRaw(defineComponent({\n name: `ErrorBoundary-${name}`,\n setup (_, { slots }) {\n const error = ref(null);\n onErrorCaptured((err) => {\n error.value = err.message || String(err);\n return false;\n });\n return () => {\n if (error.value) {\n return h('div', {\n class: 'd-fc-critical d-fs-200 d-p-100 d-px-150 d-bgc-critical d-bar-300',\n }, `Failed to render ${name}: ${error.value}`);\n }\n return slots.default?.();\n };\n },\n }));\n}\n\nfunction extractVariants (module, meta, name) {\n const variants = [];\n\n for (const [exportName, exportValue] of Object.entries(module)) {\n if (exportName === 'default') continue;\n if (!exportValue?.render || typeof exportValue.render !== 'function') continue;\n\n const mergedArgs = { ...meta.args, ...exportValue.args };\n\n try {\n const componentOptions = exportValue.render(mergedArgs, {\n argTypes: meta.argTypes || {},\n });\n variants.push({\n name: exportName,\n component: markRaw(componentOptions),\n errorBoundary: createErrorBoundary(`${name} / ${exportName}`),\n });\n } catch (e) {\n console.error(`Kitchen Sink: Failed to initialize ${name}/${exportName}:`, e);\n }\n }\n\n return variants;\n}\n\nonMounted(async () => {\n const results = await Promise.allSettled(\n Object.values(props.loaders).map(async (loader) => loader()),\n );\n\n const loaded = [];\n\n for (const result of results) {\n if (result.status !== 'fulfilled') continue;\n\n const module = result.value;\n const meta = module.default;\n if (!meta?.title) continue;\n\n const name = meta.title.split('/').pop();\n const id = sanitizeId(name);\n const storyId = sanitizeId(meta.title);\n const variants = extractVariants(module, meta, name);\n\n if (variants.length === 0) continue;\n\n loaded.push({ id, name, storyId, variants });\n }\n\n sections.value = loaded.sort((a, b) => a.name.localeCompare(b.name));\n loading.value = false;\n});\n</script>\n\n<style scoped>\n.kitchen-sink__section {\n scroll-margin-block-start: var(--dt-layout-150);\n}\n[outline] {\n outline: 2px solid orangered;\n}\n</style>\n"],"mappings":"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"}

package/dist/lib/lazy-show/lazy-show.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`);let t=require(`vue`);var n={compatConfig:{MODE:3},name:`DtLazyShow`,inheritAttrs:!1,props:{show:{type:Boolean,default:!1},transition:{type:String,default:null},appear:{type:Boolean,default:!1}},data(){return{initialized:!!this.show}},computed:{isCSSEnabled(){return process.env.NODE_ENV!==`test`}},watch:{show:function(e){!e||this.initialized||(this.initialized=!0)}}};function r(e,n,r,i,a,o){return(0,t.openBlock)(),(0,t.createBlock)(t.Transition,(0,t.mergeProps)({name:r.transition,appear:r.appear},e.$attrs,{css:o.isCSSEnabled}),{default:(0,t.withCtx)(()=>[(0,t.withDirectives)((0,t.createElementVNode)(`div`,(0,t.normalizeProps)((0,t.guardReactiveProps)(e.$attrs)),[a.initialized?(0,t.renderSlot)(e.$slots,`default`,{key:0}):(0,t.createCommentVNode)(``,!0)],16),[[t.vShow,r.show]])]),_:3},16,[`name`,`appear`,`css`])}var i=e.t(n,[[`render`,r]]);exports.default=i;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`);let t=require(`vue`);var n={name:`DtLazyShow`,inheritAttrs:!1,props:{show:{type:Boolean,default:!1},transition:{type:String,default:null},appear:{type:Boolean,default:!1}},data(){return{initialized:!!this.show}},computed:{isCSSEnabled(){return process.env.NODE_ENV!==`test`}},watch:{show:function(e){!e||this.initialized||(this.initialized=!0)}}};function r(e,n,r,i,a,o){return(0,t.openBlock)(),(0,t.createBlock)(t.Transition,(0,t.mergeProps)({name:r.transition,appear:r.appear},e.$attrs,{css:o.isCSSEnabled}),{default:(0,t.withCtx)(()=>[(0,t.withDirectives)((0,t.createElementVNode)(`div`,(0,t.normalizeProps)((0,t.guardReactiveProps)(e.$attrs)),[a.initialized?(0,t.renderSlot)(e.$slots,`default`,{key:0}):(0,t.createCommentVNode)(``,!0)],16),[[t.vShow,r.show]])]),_:3},16,[`name`,`appear`,`css`])}var i=e.t(n,[[`render`,r]]);exports.default=i;
 //# sourceMappingURL=lazy-show.cjs.map

package/dist/lib/lazy-show/lazy-show.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"lazy-show.cjs","names":[],"sources":["../../../components/~~lazy_show~~/~~lazy_show~~.vue"],"sourcesContent":["<template>\n <Transition\n :name=\"transition\"\n :appear=\"appear\"\n v-bind=\"$attrs\"\n :css=\"isCSSEnabled\"\n >\n <div\n v-show=\"show\"\n v-bind=\"$attrs\"\n >\n <!-- @slot Slot for main content -->\n <slot v-if=\"initialized\" />\n </div>\n </Transition>\n</template>\n\n<script>\n/*\n Lazy Show is a utility component that prevents its children from being rendered until the first time it is shown.\n * @see https://dialtone.dialpad.com/components/lazy_show.html\n /\nexport default {\n ~~compatConfig: { MODE: 3 },\n~~ name: 'DtLazyShow',\n\n inheritAttrs: false,\n\n /****************\n PROPS \n ***************/\n props: {\n /\n * Whether the child slot is shown.\n * @values true, false\n /\n show: {\n type: Boolean,\n default: false,\n },\n\n /\n A valid Vue enter/leave CSS transition name.\n /\n transition: {\n type: String,\n default: null,\n },\n\n /\n Enable/Disable transition animation\n * @values true, false\n /\n appear: {\n type: Boolean,\n default: false,\n },\n },\n\n /****************\n DATA \n ***************/\n data () {\n return {\n initialized: !!this.show,\n };\n },\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</script>\n"],"mappings":"wNAsBA,IAAK,EAAU,CACb,~~aAAc,CAAE,~~KAAM,~~EAAG,CACzB,KAAM,~~aAEN,aAAc,GAKd,MAAO,CAKL,KAAM,CACJ,KAAM,QACN,QAAS,GACV,CAKD,WAAY,CACV,KAAM,OACN,QAAS,KACV,CAMD,OAAQ,CACN,KAAM,QACN,QAAS,GACV,CACF,CAKD,MAAQ,CACN,MAAO,CACL,YAAa,CAAC,CAAC,KAAK,KACrB,EAGH,SAAU,CAOR,cAAgB,CACd,OAAA,QAAA,IAAA,WAAgC,QAEnC,CAKD,MAAO,CACL,KAAM,SAAU,EAAU,CACpB,CAAC,GAAY,KAAK,cAEtB,KAAK,YAAc,KAEtB,CACF,~~mEA5Ec~~,EAAA,YAAA,EAAA,EAAA,YAAA,CAZV,KAAM,EAAA,WACN,OAAQ,EAAA,QACD,EAAA,OAAM,CACb,IAAK,EAAA,aAAY,CAAA,CAAA,2BAQZ,EAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,oBAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,oBAJI,EAAA,OAAM,CAAA,CAAA,CAGF,EAAA,aAAA,EAAA,EAAA,YAAe,EAAA,OAAA,UAAA,CAAA,IAAA,EAAA,CAAA,EAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,EAAA,MAJnB,EAAA,KAAI,CAAA,CAAA,CAAA,CAAA"}
1	+ {"version":3,"file":"lazy-show.cjs","names":[],"sources":["../../../components/LazyShow/LazyShow.vue"],"sourcesContent":["<template>\n <Transition\n :name=\"transition\"\n :appear=\"appear\"\n v-bind=\"$attrs\"\n :css=\"isCSSEnabled\"\n >\n <div\n v-show=\"show\"\n v-bind=\"$attrs\"\n >\n <!-- @slot Slot for main content -->\n <slot v-if=\"initialized\" />\n </div>\n </Transition>\n</template>\n\n<script>\n/*\n Lazy Show is a utility component that prevents its children from being rendered until the first time it is shown.\n * @see https://dialtone.dialpad.com/components/lazy_show.html\n /\nexport default {\n name: 'DtLazyShow',\n\n inheritAttrs: false,\n\n /****************\n PROPS \n ***************/\n props: {\n /\n * Whether the child slot is shown.\n * @values true, false\n /\n show: {\n type: Boolean,\n default: false,\n },\n\n /\n A valid Vue enter/leave CSS transition name.\n /\n transition: {\n type: String,\n default: null,\n },\n\n /\n Enable/Disable transition animation\n * @values true, false\n /\n appear: {\n type: Boolean,\n default: false,\n },\n },\n\n /****************\n DATA \n ***************/\n data () {\n return {\n initialized: !!this.show,\n };\n },\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</script>\n"],"mappings":"wNAsBA,IAAK,EAAU,CACb,KAAM,aAEN,aAAc,GAKd,MAAO,CAKL,KAAM,CACJ,KAAM,QACN,QAAS,GACV,CAKD,WAAY,CACV,KAAM,OACN,QAAS,KACV,CAMD,OAAQ,CACN,KAAM,QACN,QAAS,GACV,CACF,CAKD,MAAQ,CACN,MAAO,CACL,YAAa,CAAC,CAAC,KAAK,KACrB,EAGH,SAAU,CAOR,cAAgB,CACd,OAAA,QAAA,IAAA,WAAgC,QAEnC,CAKD,MAAO,CACL,KAAM,SAAU,EAAU,CACpB,CAAC,GAAY,KAAK,cAEtB,KAAK,YAAc,KAEtB,CACF,mEA3Ec,EAAA,YAAA,EAAA,EAAA,YAAA,CAZV,KAAM,EAAA,WACN,OAAQ,EAAA,QACD,EAAA,OAAM,CACb,IAAK,EAAA,aAAY,CAAA,CAAA,2BAQZ,EAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,oBAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,oBAJI,EAAA,OAAM,CAAA,CAAA,CAGF,EAAA,aAAA,EAAA,EAAA,YAAe,EAAA,OAAA,UAAA,CAAA,IAAA,EAAA,CAAA,EAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,EAAA,MAJnB,EAAA,KAAI,CAAA,CAAA,CAAA,CAAA"}

package/dist/lib/lazy-show/lazy-show.js CHANGED Viewed

@@ -1,8 +1,7 @@
 import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
 import { Transition as t, createBlock as n, createCommentVNode as r, createElementVNode as i, guardReactiveProps as a, mergeProps as o, normalizeProps as s, openBlock as c, renderSlot as l, vShow as u, withCtx as d, withDirectives as f } from "vue";
-//#region components/lazy_show/lazy_show.vue
+//#region components/LazyShow/LazyShow.vue
 var p = {
-	compatConfig: { MODE: 3 },
 	name: "DtLazyShow",
 	inheritAttrs: !1,
 	props: {

package/dist/lib/lazy-show/lazy-show.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"lazy-show.js","names":[],"sources":["../../../components/~~lazy_show~~/~~lazy_show~~.vue"],"sourcesContent":["<template>\n <Transition\n :name=\"transition\"\n :appear=\"appear\"\n v-bind=\"$attrs\"\n :css=\"isCSSEnabled\"\n >\n <div\n v-show=\"show\"\n v-bind=\"$attrs\"\n >\n <!-- @slot Slot for main content -->\n <slot v-if=\"initialized\" />\n </div>\n </Transition>\n</template>\n\n<script>\n/*\n Lazy Show is a utility component that prevents its children from being rendered until the first time it is shown.\n * @see https://dialtone.dialpad.com/components/lazy_show.html\n /\nexport default {\n ~~compatConfig: { MODE: 3 },\n~~ name: 'DtLazyShow',\n\n inheritAttrs: false,\n\n /****************\n PROPS \n ***************/\n props: {\n /\n * Whether the child slot is shown.\n * @values true, false\n /\n show: {\n type: Boolean,\n default: false,\n },\n\n /\n A valid Vue enter/leave CSS transition name.\n /\n transition: {\n type: String,\n default: null,\n },\n\n /\n Enable/Disable transition animation\n * @values true, false\n /\n appear: {\n type: Boolean,\n default: false,\n },\n },\n\n /****************\n DATA \n ***************/\n data () {\n return {\n initialized: !!this.show,\n };\n },\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</script>\n"],"mappings":";;;AAsBA,IAAK,IAAU;CACb,~~cAAc,EAAE,~~MAAM~~,GAAG~~;~~CACzB,MAAM;~~CAEN,cAAc;CAKd,OAAO;EAKL,MAAM;GACJ,MAAM;GACN,SAAS;GACV;EAKD,YAAY;GACV,MAAM;GACN,SAAS;GACV;EAMD,QAAQ;GACN,MAAM;GACN,SAAS;GACV;EACF;CAKD,OAAQ;AACN,SAAO,EACL,aAAa,CAAC,CAAC,KAAK,MACrB;;CAGH,UAAU,EAOR,eAAgB;AACd,SAAA,QAAA,IAAA,aAAgC;IAEnC;CAKD,OAAO,EACL,MAAM,SAAU,GAAU;AACpB,GAAC,KAAY,KAAK,gBAEtB,KAAK,cAAc;IAEtB;CACF;;~~aAzFC~~,EAaa,GAbb,EAaa;EAZV,MAAM,EAAA;EACN,QAAQ,EAAA;IACD,EAAA,QAAM,EACb,KAAK,EAAA,cAAY,CAAA,EAAA;mBAQZ,CAAA,EANN,EAMM,OAAA,EAAA,EAJI,EAAA,OAAM,CAAA,EAAA,CAGF,EAAA,cAAZ,EAA2B,EAAA,QAAA,WAAA,EAAA,KAAA,GAAA,CAAA,GAAA,EAAA,IAAA,GAAA,CAAA,EAAA,GAAA,EAAA,CAAA,CAAA,GAJnB,EAAA,KAAI,CAAA,CAAA,CAAA,CAAA"}
1	+ {"version":3,"file":"lazy-show.js","names":[],"sources":["../../../components/LazyShow/LazyShow.vue"],"sourcesContent":["<template>\n <Transition\n :name=\"transition\"\n :appear=\"appear\"\n v-bind=\"$attrs\"\n :css=\"isCSSEnabled\"\n >\n <div\n v-show=\"show\"\n v-bind=\"$attrs\"\n >\n <!-- @slot Slot for main content -->\n <slot v-if=\"initialized\" />\n </div>\n </Transition>\n</template>\n\n<script>\n/*\n Lazy Show is a utility component that prevents its children from being rendered until the first time it is shown.\n * @see https://dialtone.dialpad.com/components/lazy_show.html\n /\nexport default {\n name: 'DtLazyShow',\n\n inheritAttrs: false,\n\n /****************\n PROPS \n ***************/\n props: {\n /\n * Whether the child slot is shown.\n * @values true, false\n /\n show: {\n type: Boolean,\n default: false,\n },\n\n /\n A valid Vue enter/leave CSS transition name.\n /\n transition: {\n type: String,\n default: null,\n },\n\n /\n Enable/Disable transition animation\n * @values true, false\n /\n appear: {\n type: Boolean,\n default: false,\n },\n },\n\n /****************\n DATA \n ***************/\n data () {\n return {\n initialized: !!this.show,\n };\n },\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</script>\n"],"mappings":";;;AAsBA,IAAK,IAAU;CACb,MAAM;CAEN,cAAc;CAKd,OAAO;EAKL,MAAM;GACJ,MAAM;GACN,SAAS;GACV;EAKD,YAAY;GACV,MAAM;GACN,SAAS;GACV;EAMD,QAAQ;GACN,MAAM;GACN,SAAS;GACV;EACF;CAKD,OAAQ;AACN,SAAO,EACL,aAAa,CAAC,CAAC,KAAK,MACrB;;CAGH,UAAU,EAOR,eAAgB;AACd,SAAA,QAAA,IAAA,aAAgC;IAEnC;CAKD,OAAO,EACL,MAAM,SAAU,GAAU;AACpB,GAAC,KAAY,KAAK,gBAEtB,KAAK,cAAc;IAEtB;CACF;;aAxFC,EAaa,GAbb,EAaa;EAZV,MAAM,EAAA;EACN,QAAQ,EAAA;IACD,EAAA,QAAM,EACb,KAAK,EAAA,cAAY,CAAA,EAAA;mBAQZ,CAAA,EANN,EAMM,OAAA,EAAA,EAJI,EAAA,OAAM,CAAA,EAAA,CAGF,EAAA,cAAZ,EAA2B,EAAA,QAAA,WAAA,EAAA,KAAA,GAAA,CAAA,GAAA,EAAA,IAAA,GAAA,CAAA,EAAA,GAAA,EAAA,CAAA,CAAA,GAJnB,EAAA,KAAI,CAAA,CAAA,CAAA,CAAA"}

package/dist/lib/link/index.cjs CHANGED Viewed

	@@ -1 +1 @@
1	- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./link-constants.cjs`),t=require(`./link.cjs`);exports.~~DANGER~~=e.~~DANGER~~,exports.DtLink=t.default,exports.LINK_KIND_MODIFIERS=e.LINK_KIND_MODIFIERS,exports.LINK_VARIANTS=e.LINK_VARIANTS,exports.MENTION=e.MENTION,exports.MUTED=e.MUTED,exports.~~SUCCESS~~=e.~~SUCCESS~~,exports.WARNING=e.WARNING,exports.getLinkKindModifier=e.getLinkKindModifier;
1	+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./link-constants.cjs`),t=require(`./link.cjs`);exports.CRITICAL=e.CRITICAL,exports.DtLink=t.default,exports.LINK_KIND_MODIFIERS=e.LINK_KIND_MODIFIERS,exports.LINK_VARIANTS=e.LINK_VARIANTS,exports.MENTION=e.MENTION,exports.MUTED=e.MUTED,exports.POSITIVE=e.POSITIVE,exports.WARNING=e.WARNING,exports.getLinkKindModifier=e.getLinkKindModifier;

package/dist/lib/link/index.js CHANGED Viewed

@@ -1,3 +1,3 @@
-import { DANGER as e, LINK_KIND_MODIFIERS as t, LINK_VARIANTS as n, MENTION as r, MUTED as i, SUCCESS as a, WARNING as o, getLinkKindModifier as s } from "./link-constants.js";
+import { CRITICAL as e, LINK_KIND_MODIFIERS as t, LINK_VARIANTS as n, MENTION as r, MUTED as i, POSITIVE as a, WARNING as o, getLinkKindModifier as s } from "./link-constants.js";
 import c from "./link.js";
-export { e as DANGER, c as DtLink, t as LINK_KIND_MODIFIERS, n as LINK_VARIANTS, r as MENTION, i as MUTED, a as SUCCESS, o as WARNING, s as getLinkKindModifier };
+export { e as CRITICAL, c as DtLink, t as LINK_KIND_MODIFIERS, n as LINK_VARIANTS, r as MENTION, i as MUTED, a as POSITIVE, o as WARNING, s as getLinkKindModifier };

package/dist/lib/link/link-constants.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e=`danger`,t=`warning`,n=`success`,r=`muted`,i=`mention`,a=[``,e,t,n,r,i],o={default:``,warning:`d-link--warning`,danger:`d-link--danger`,success:`d-link--success`,muted:`d-link--muted`,mention:`d-link--mention`},s={default:`d-link--inverted`,warning:`d-link--inverted-warning`,danger:`d-link--inverted-danger`,success:`d-link--inverted-success`,muted:`d-link--inverted-muted`,mention:`d-link--inverted-mention`},c=(e,t)=>t?s[e||`default`]:o[e],l={LINK_VARIANTS:a,LINK_KIND_MODIFIERS:o,getLinkKindModifier:c};exports.DANGER=e,exports.LINK_KIND_MODIFIERS=o,exports.LINK_VARIANTS=a,exports.MENTION=i,exports.MUTED=r,exports.SUCCESS=n,exports.WARNING=t,exports.default=l,exports.getLinkKindModifier=c;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e=`critical`,t=`positive`,n=`warning`,r=`info`,i=`muted`,a=`mention`,o=[``,e,n,t,r,i,a],s={default:``,critical:`d-link--critical`,warning:`d-link--warning`,positive:`d-link--positive`,info:`d-link--info`,muted:`d-link--muted`,mention:`d-link--mention`},c={default:`d-link--inverted`,critical:`d-link--inverted-critical`,warning:`d-link--inverted-warning`,positive:`d-link--inverted-positive`,info:`d-link--inverted-info`,muted:`d-link--inverted-muted`,mention:`d-link--inverted-mention`},l=(e,t)=>t?c[e||`default`]:s[e],u={LINK_VARIANTS:o,LINK_KIND_MODIFIERS:s,getLinkKindModifier:l};exports.CRITICAL=e,exports.INFO=r,exports.LINK_KIND_MODIFIERS=s,exports.LINK_VARIANTS=o,exports.MENTION=a,exports.MUTED=i,exports.POSITIVE=t,exports.WARNING=n,exports.default=u,exports.getLinkKindModifier=l;
 //# sourceMappingURL=link-constants.cjs.map

package/dist/lib/link/link-constants.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"link-constants.cjs","names":[],"sources":["../../../components/~~link~~/~~link_constants~~.js"],"sourcesContent":["export const ~~DANGER~~ = '~~danger~~';\nexport const WARNING = 'warning';\nexport const ~~SUCCESS~~ = '~~success~~';\nexport const MUTED = 'muted';\nexport const MENTION = 'mention';\nexport const LINK_VARIANTS = ['', ~~DANGER~~, WARNING, ~~SUCCESS~~, MUTED, MENTION];\n\nexport const LINK_KIND_MODIFIERS = {\n default: '',\n warning: 'd-link--warning',\n ~~danger~~: 'd-link--~~danger~~',\n ~~success~~: 'd-link--~~success~~',\n muted: 'd-link--muted',\n mention: 'd-link--mention',\n};\n\nconst LINK_KIND_MODIFIERS_INVERTED = {\n default: 'd-link--inverted',\n warning: 'd-link--inverted-warning',\n ~~danger~~: 'd-link--inverted-~~danger~~',\n ~~success~~: 'd-link--inverted-~~success~~',\n muted: 'd-link--inverted-muted',\n mention: 'd-link--inverted-mention',\n};\n\nexport const getLinkKindModifier = (kind, inverted) => {\n if (inverted) {\n return LINK_KIND_MODIFIERS_INVERTED[kind \|\| 'default'];\n }\n return LINK_KIND_MODIFIERS[kind];\n};\n\nexport default {\n LINK_VARIANTS,\n LINK_KIND_MODIFIERS,\n getLinkKindModifier,\n};\n"],"mappings":"+FAAA,IAAa,~~EAAS~~,~~SACT~~,~~EAAU~~,~~UACV~~,EAAU,UACV,EAAQ,QACR,EAAU,UACV,EAAgB,CAAC,GAAI,~~EAAQ~~,EAAS,~~EAAS~~,EAAO,EAAQ,~~CAE9D~~,EAAsB,CACjC,QAAS,GACT,QAAS,kBACT,~~OAAQ~~,~~iBACR~~,~~QAAS~~,~~kBACT~~,MAAO,gBACP,QAAS,kBACV,CAEK,EAA+B,CACnC,QAAS,mBACT,QAAS,2BACT,~~OAAQ~~,~~0BACR~~,~~QAAS~~,~~2BACT~~,MAAO,yBACP,QAAS,2BACV,CAEY,GAAuB,EAAM,IACpC,EACK,EAA6B,GAAQ,WAEvC,EAAoB,GAG7B,EAAe,CACb,gBACA,sBACA,sBACD"}
1	+ {"version":3,"file":"link-constants.cjs","names":[],"sources":["../../../components/Link/LinkConstants.js"],"sourcesContent":["export const CRITICAL = 'critical';\nexport const POSITIVE = 'positive';\nexport const WARNING = 'warning';\nexport const INFO = 'info';\nexport const MUTED = 'muted';\nexport const MENTION = 'mention';\nexport const LINK_VARIANTS = ['', CRITICAL, WARNING, POSITIVE, INFO, MUTED, MENTION];\n\nexport const LINK_KIND_MODIFIERS = {\n default: '',\n critical: 'd-link--critical',\n warning: 'd-link--warning',\n positive: 'd-link--positive',\n info: 'd-link--info',\n muted: 'd-link--muted',\n mention: 'd-link--mention',\n};\n\nconst LINK_KIND_MODIFIERS_INVERTED = {\n default: 'd-link--inverted',\n critical: 'd-link--inverted-critical',\n warning: 'd-link--inverted-warning',\n positive: 'd-link--inverted-positive',\n info: 'd-link--inverted-info',\n muted: 'd-link--inverted-muted',\n mention: 'd-link--inverted-mention',\n};\n\nexport const getLinkKindModifier = (kind, inverted) => {\n if (inverted) {\n return LINK_KIND_MODIFIERS_INVERTED[kind \|\| 'default'];\n }\n return LINK_KIND_MODIFIERS[kind];\n};\n\nexport default {\n LINK_VARIANTS,\n LINK_KIND_MODIFIERS,\n getLinkKindModifier,\n};\n"],"mappings":"+FAAA,IAAa,EAAW,WACX,EAAW,WACX,EAAU,UACV,EAAO,OACP,EAAQ,QACR,EAAU,UACV,EAAgB,CAAC,GAAI,EAAU,EAAS,EAAU,EAAM,EAAO,EAAQ,CAEvE,EAAsB,CACjC,QAAS,GACT,SAAU,mBACV,QAAS,kBACT,SAAU,mBACV,KAAM,eACN,MAAO,gBACP,QAAS,kBACV,CAEK,EAA+B,CACnC,QAAS,mBACT,SAAU,4BACV,QAAS,2BACT,SAAU,4BACV,KAAM,wBACN,MAAO,yBACP,QAAS,2BACV,CAEY,GAAuB,EAAM,IACpC,EACK,EAA6B,GAAQ,WAEvC,EAAoB,GAG7B,EAAe,CACb,gBACA,sBACA,sBACD"}

package/dist/lib/link/link-constants.js CHANGED Viewed

@@ -1,31 +1,34 @@
-//#region components/link/link_constants.js
-var e = "danger", t = "warning", n = "success", r = "muted", i = "mention", a = [
+//#region components/Link/LinkConstants.js
+var e = "critical", t = "positive", n = "warning", r = "info", i = "muted", a = "mention", o = [
 	"",
 	e,
-	t,
 	n,
+	t,
 	r,
-	i
-], o = {
+	i,
+	a
+], s = {
 	default: "",
+	critical: "d-link--critical",
 	warning: "d-link--warning",
-	danger: "d-link--danger",
-	success: "d-link--success",
+	positive: "d-link--positive",
+	info: "d-link--info",
 	muted: "d-link--muted",
 	mention: "d-link--mention"
-}, s = {
+}, c = {
 	default: "d-link--inverted",
+	critical: "d-link--inverted-critical",
 	warning: "d-link--inverted-warning",
-	danger: "d-link--inverted-danger",
-	success: "d-link--inverted-success",
+	positive: "d-link--inverted-positive",
+	info: "d-link--inverted-info",
 	muted: "d-link--inverted-muted",
 	mention: "d-link--inverted-mention"
-}, c = (e, t) => t ? s[e || "default"] : o[e], l = {
-	LINK_VARIANTS: a,
-	LINK_KIND_MODIFIERS: o,
-	getLinkKindModifier: c
+}, l = (e, t) => t ? c[e || "default"] : s[e], u = {
+	LINK_VARIANTS: o,
+	LINK_KIND_MODIFIERS: s,
+	getLinkKindModifier: l
 };
 //#endregion
-export { e as DANGER, o as LINK_KIND_MODIFIERS, a as LINK_VARIANTS, i as MENTION, r as MUTED, n as SUCCESS, t as WARNING, l as default, c as getLinkKindModifier };
+export { e as CRITICAL, r as INFO, s as LINK_KIND_MODIFIERS, o as LINK_VARIANTS, a as MENTION, i as MUTED, t as POSITIVE, n as WARNING, u as default, l as getLinkKindModifier };
 //# sourceMappingURL=link-constants.js.map

package/dist/lib/link/link-constants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"link-constants.js","names":[],"sources":["../../../components/~~link~~/~~link_constants~~.js"],"sourcesContent":["export const ~~DANGER~~ = '~~danger~~';\nexport const WARNING = 'warning';\nexport const ~~SUCCESS~~ = '~~success~~';\nexport const MUTED = 'muted';\nexport const MENTION = 'mention';\nexport const LINK_VARIANTS = ['', ~~DANGER~~, WARNING, ~~SUCCESS~~, MUTED, MENTION];\n\nexport const LINK_KIND_MODIFIERS = {\n default: '',\n warning: 'd-link--warning',\n ~~danger~~: 'd-link--~~danger~~',\n ~~success~~: 'd-link--~~success~~',\n muted: 'd-link--muted',\n mention: 'd-link--mention',\n};\n\nconst LINK_KIND_MODIFIERS_INVERTED = {\n default: 'd-link--inverted',\n warning: 'd-link--inverted-warning',\n ~~danger~~: 'd-link--inverted-~~danger~~',\n ~~success~~: 'd-link--inverted-~~success~~',\n muted: 'd-link--inverted-muted',\n mention: 'd-link--inverted-mention',\n};\n\nexport const getLinkKindModifier = (kind, inverted) => {\n if (inverted) {\n return LINK_KIND_MODIFIERS_INVERTED[kind \|\| 'default'];\n }\n return LINK_KIND_MODIFIERS[kind];\n};\n\nexport default {\n LINK_VARIANTS,\n LINK_KIND_MODIFIERS,\n getLinkKindModifier,\n};\n"],"mappings":";AAAA,IAAa,~~IAAS~~,~~UACT~~,~~IAAU~~,~~WACV~~,IAAU,WACV,IAAQ,SACR,IAAU,WACV,IAAgB;CAAC;CAAI;~~CAAQ~~;CAAS;~~CAAS~~;CAAO;CAAQ,~~EAE9D~~,IAAsB;CACjC,SAAS;CACT,SAAS;CACT,~~QAAQ~~;~~CACR~~,~~SAAS~~;~~CACT~~,OAAO;CACP,SAAS;CACV,EAEK,IAA+B;CACnC,SAAS;CACT,SAAS;CACT,~~QAAQ~~;~~CACR~~,~~SAAS~~;~~CACT~~,OAAO;CACP,SAAS;CACV,EAEY,KAAuB,GAAM,MACpC,IACK,EAA6B,KAAQ,aAEvC,EAAoB,IAG7B,IAAe;CACb;CACA;CACA;CACD"}
1	+ {"version":3,"file":"link-constants.js","names":[],"sources":["../../../components/Link/LinkConstants.js"],"sourcesContent":["export const CRITICAL = 'critical';\nexport const POSITIVE = 'positive';\nexport const WARNING = 'warning';\nexport const INFO = 'info';\nexport const MUTED = 'muted';\nexport const MENTION = 'mention';\nexport const LINK_VARIANTS = ['', CRITICAL, WARNING, POSITIVE, INFO, MUTED, MENTION];\n\nexport const LINK_KIND_MODIFIERS = {\n default: '',\n critical: 'd-link--critical',\n warning: 'd-link--warning',\n positive: 'd-link--positive',\n info: 'd-link--info',\n muted: 'd-link--muted',\n mention: 'd-link--mention',\n};\n\nconst LINK_KIND_MODIFIERS_INVERTED = {\n default: 'd-link--inverted',\n critical: 'd-link--inverted-critical',\n warning: 'd-link--inverted-warning',\n positive: 'd-link--inverted-positive',\n info: 'd-link--inverted-info',\n muted: 'd-link--inverted-muted',\n mention: 'd-link--inverted-mention',\n};\n\nexport const getLinkKindModifier = (kind, inverted) => {\n if (inverted) {\n return LINK_KIND_MODIFIERS_INVERTED[kind \|\| 'default'];\n }\n return LINK_KIND_MODIFIERS[kind];\n};\n\nexport default {\n LINK_VARIANTS,\n LINK_KIND_MODIFIERS,\n getLinkKindModifier,\n};\n"],"mappings":";AAAA,IAAa,IAAW,YACX,IAAW,YACX,IAAU,WACV,IAAO,QACP,IAAQ,SACR,IAAU,WACV,IAAgB;CAAC;CAAI;CAAU;CAAS;CAAU;CAAM;CAAO;CAAQ,EAEvE,IAAsB;CACjC,SAAS;CACT,UAAU;CACV,SAAS;CACT,UAAU;CACV,MAAM;CACN,OAAO;CACP,SAAS;CACV,EAEK,IAA+B;CACnC,SAAS;CACT,UAAU;CACV,SAAS;CACT,UAAU;CACV,MAAM;CACN,OAAO;CACP,SAAS;CACV,EAEY,KAAuB,GAAM,MACpC,IACK,EAA6B,KAAQ,aAEvC,EAAoB,IAG7B,IAAe;CACb;CACA;CACA;CACD"}

package/dist/lib/link/link.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),t=require(`./link-constants.cjs`);let n=require(`vue`);var r={compatConfig:{MODE:3},name:`DtLink`,props:{kind:{type:String,default:``,validator(e){return t.LINK_VARIANTS.includes(e)}},inverted:{type:Boolean,default:!1},href:{type:String,default:null},to:{type:[String,Object],default:null},replace:{type:Boolean,default:!1}},data(){return{LINK_KIND_MODIFIERS:t.LINK_KIND_MODIFIERS}},computed:{computedTag(){return this.to?(0,n.resolveComponent)(`RouterLink`):`a`},computedAttrs(){return this.to?{to:this.to,replace:this.replace}:{href:this.href||`javascript:void(0)`}}},methods:{getLinkClasses(){return[`d-link`,t.getLinkKindModifier(this.kind,this.inverted)]}}};function i(e,t,r,i,a,o){return(0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)(o.computedTag),(0,n.mergeProps)({class:o.getLinkClasses(),"data-qa":`dt-link`},o.computedAttrs),{default:(0,n.withCtx)(()=>[(0,n.renderSlot)(e.$slots,`default`)]),_:3},16,[`class`])}var a=e.t(r,[[`render`,i]]);exports.default=a;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),t=require(`./link-constants.cjs`);let n=require(`vue`);var r={name:`DtLink`,props:{tone:{type:String,default:``,validator(e){return t.LINK_VARIANTS.includes(e)}},kind:{type:String,default:void 0},inverted:{type:Boolean,default:!1},href:{type:String,default:null},to:{type:[String,Object],default:null},replace:{type:Boolean,default:!1},underline:{type:Boolean,default:!0}},data(){return{LINK_KIND_MODIFIERS:t.LINK_KIND_MODIFIERS}},computed:{resolvedTone(){return this.kind??this.tone},computedTag(){return this.to?(0,n.resolveComponent)(`RouterLink`):`a`},computedAttrs(){return this.to?{to:this.to,replace:this.replace}:{href:this.href||`javascript:void(0)`}}},methods:{getLinkClasses(){return[`d-link`,t.getLinkKindModifier(this.resolvedTone,this.inverted),{"d-link--no-underline":!this.underline}]}}};function i(e,t,r,i,a,o){return(0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)(o.computedTag),(0,n.mergeProps)({class:o.getLinkClasses(),"data-qa":`dt-link`},o.computedAttrs),{default:(0,n.withCtx)(()=>[(0,n.renderSlot)(e.$slots,`default`)]),_:3},16,[`class`])}var a=e.t(r,[[`render`,i]]);exports.default=a;
 //# sourceMappingURL=link.cjs.map

package/dist/lib/link/link.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"link.cjs","names":[],"sources":["../../../components/~~link~~/~~link~~.vue"],"sourcesContent":["<template>\n <component\n :is=\"computedTag\"\n :class=\"getLinkClasses()\"\n data-qa=\"dt-link\"\n v-bind=\"computedAttrs\"\n >\n <!-- @slot Slot for main content -->\n <slot />\n </component>\n</template>\n\n<script>\nimport { resolveComponent } from 'vue';\nimport { LINK_VARIANTS, LINK_KIND_MODIFIERS, getLinkKindModifier } from './~~link_constants~~';\n\n/*\n A link is a navigational element that can be found on its own, within other text, or directly following content.\n * @property {String} rel attribute\n * @see https://dialtone.dialpad.com/components/link.html\n /\nexport default {\n ~~compatConfig: { MODE: 3 },\n~~ name: 'DtLink',\n\n props: {\n /\n Applies the link variant styles\n * @values null, ~~danger~~, warning, ~~success~~, muted, mention\n /\n ~~kind~~: {\n type: String,\n default: '',\n validator (~~kind~~) {\n return LINK_VARIANTS.includes(~~kind~~);\n },\n },\n\n /\n Determines whether the link should have inverted styling\n * default is false.\n * @values true, false\n /\n inverted: {\n type: Boolean,\n default: false,\n },\n\n /\n URL for anchor link navigation. Renders as a native <a> element.\n /\n href: {\n type: String,\n default: null,\n },\n\n /\n Vue Router destination. Renders as a <router-link>.\n * Takes precedence over href when both are provided.\n * @see https://router.vuejs.org/api/interfaces/RouterLinkProps.html#to\n /\n to: {\n type: [String, Object],\n default: null,\n },\n\n /\n When true, navigation replaces the current history entry instead of pushing.\n * Only applies when `to` is provided.\n * @values true, false\n */\n replace: {\n type: Boolean,\n default: false,\n },\n },\n\n data () {\n return {\n LINK_KIND_MODIFIERS,\n };\n },\n\n computed: {\n computedTag () {\n if (this.to) {\n return resolveComponent('RouterLink');\n }\n return 'a';\n },\n\n computedAttrs () {\n if (this.to) {\n return {\n to: this.to,\n replace: this.replace,\n };\n }\n return {\n href: this.href \|\| 'javascript:void(0)',\n };\n },\n },\n\n methods: {\n getLinkClasses () {\n return [\n 'd-link',\n getLinkKindModifier(this.~~kind~~, this.inverted),\n ];\n },\n },\n};\n</script>\n"],"mappings":"0PAqBA,IAAK,EAAU,CACb,~~aAAc,CAAE,~~KAAM,~~EAAG,CACzB,KAAM,~~SAEN,MAAO,CAKL,KAAM,CACJ,KAAM,OACN,QAAS,GACT,UAAW,EAAM,CACf,OAAO,EAAA,cAAc,SAAS,EAAK,EAEtC,~~CAOD~~,SAAU,CACR,KAAM,QACN,QAAS,GACV,CAKD,KAAM,CACJ,KAAM,OACN,QAAS,KACV,CAOD,GAAI,CACF,KAAM,CAAC,OAAQ,OAAO,CACtB,QAAS,KACV,CAOD,QAAS,CACP,KAAM,QACN,QAAS,GACV,CACF,CAED,MAAQ,CACN,MAAO,CACL,oBAAA,EAAA,oBACD,EAGH,SAAU,CACR,aAAe,CAIb,OAHI,KAAK,IACP,EAAA,EAAA,kBAAwB,aAAa,CAEhC,KAGT,eAAiB,CAOf,OANI,KAAK,GACA,CACL,GAAI,KAAK,GACT,QAAS,KAAK,QACf,CAEI,CACL,KAAM,KAAK,MAAQ,qBACpB,EAEJ,CAED,QAAS,CACP,gBAAkB,CAChB,MAAO,CACL,SACA,EAAA,oBAAoB,KAAK,~~KAAM~~,KAAK,SAAS,~~CAC9C~~,EAEJ,CACF,~~iGA9GQ~~,EAAA,YAAW,EAAA,EAAA,EAAA,YAON,CANT,MAAO,EAAA,gBAAc,CACtB,UAAQ,WACA,EAAA,cAAa,CAAA,2BAGb,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,UAAA,CAAA,CAAA"}
1	+ {"version":3,"file":"link.cjs","names":[],"sources":["../../../components/Link/Link.vue"],"sourcesContent":["<template>\n <component\n :is=\"computedTag\"\n :class=\"getLinkClasses()\"\n data-qa=\"dt-link\"\n v-bind=\"computedAttrs\"\n >\n <!-- @slot Slot for main content -->\n <slot />\n </component>\n</template>\n\n<script>\nimport { resolveComponent } from 'vue';\nimport { LINK_VARIANTS, LINK_KIND_MODIFIERS, getLinkKindModifier } from './LinkConstants';\n\n/*\n A link is a navigational element that can be found on its own, within other text, or directly following content.\n * @property {String} rel attribute\n * @see https://dialtone.dialpad.com/components/link.html\n /\nexport default {\n name: 'DtLink',\n\n props: {\n /\n Applies the link variant styles\n * @values null, critical, warning, positive, info, muted, mention\n /\n tone: {\n type: String,\n default: '',\n validator (tone) {\n return LINK_VARIANTS.includes(tone);\n },\n },\n\n /\n @deprecated Use tone\n /\n kind: {\n type: String,\n default: undefined,\n },\n\n /\n Determines whether the link should have inverted styling\n * default is false.\n * @values true, false\n * @deprecated Use v-dt-mode directive instead.\n /\n inverted: {\n type: Boolean,\n default: false,\n },\n\n /\n URL for anchor link navigation. Renders as a native <a> element.\n /\n href: {\n type: String,\n default: null,\n },\n\n /\n Vue Router destination. Renders as a <router-link>.\n * Takes precedence over href when both are provided.\n * @see https://router.vuejs.org/api/interfaces/RouterLinkProps.html#to\n /\n to: {\n type: [String, Object],\n default: null,\n },\n\n /\n When true, navigation replaces the current history entry instead of pushing.\n * Only applies when `to` is provided.\n * @values true, false\n /\n replace: {\n type: Boolean,\n default: false,\n },\n\n /\n Determines whether the link should display an underline.\n * @values true, false\n */\n underline: {\n type: Boolean,\n default: true,\n },\n },\n\n data () {\n return {\n LINK_KIND_MODIFIERS,\n };\n },\n\n computed: {\n resolvedTone () {\n return this.kind ?? this.tone;\n },\n\n computedTag () {\n if (this.to) {\n return resolveComponent('RouterLink');\n }\n return 'a';\n },\n\n computedAttrs () {\n if (this.to) {\n return {\n to: this.to,\n replace: this.replace,\n };\n }\n return {\n href: this.href \|\| 'javascript:void(0)',\n };\n },\n },\n\n methods: {\n getLinkClasses () {\n return [\n 'd-link',\n getLinkKindModifier(this.resolvedTone, this.inverted),\n { 'd-link--no-underline': !this.underline },\n ];\n },\n },\n};\n</script>\n"],"mappings":"0PAqBA,IAAK,EAAU,CACb,KAAM,SAEN,MAAO,CAKL,KAAM,CACJ,KAAM,OACN,QAAS,GACT,UAAW,EAAM,CACf,OAAO,EAAA,cAAc,SAAS,EAAK,EAEtC,CAKD,KAAM,CACJ,KAAM,OACN,QAAS,IAAA,GACV,CAQD,SAAU,CACR,KAAM,QACN,QAAS,GACV,CAKD,KAAM,CACJ,KAAM,OACN,QAAS,KACV,CAOD,GAAI,CACF,KAAM,CAAC,OAAQ,OAAO,CACtB,QAAS,KACV,CAOD,QAAS,CACP,KAAM,QACN,QAAS,GACV,CAMD,UAAW,CACT,KAAM,QACN,QAAS,GACV,CACF,CAED,MAAQ,CACN,MAAO,CACL,oBAAA,EAAA,oBACD,EAGH,SAAU,CACR,cAAgB,CACd,OAAO,KAAK,MAAQ,KAAK,MAG3B,aAAe,CAIb,OAHI,KAAK,IACP,EAAA,EAAA,kBAAwB,aAAa,CAEhC,KAGT,eAAiB,CAOf,OANI,KAAK,GACA,CACL,GAAI,KAAK,GACT,QAAS,KAAK,QACf,CAEI,CACL,KAAM,KAAK,MAAQ,qBACpB,EAEJ,CAED,QAAS,CACP,gBAAkB,CAChB,MAAO,CACL,SACA,EAAA,oBAAoB,KAAK,aAAc,KAAK,SAAS,CACrD,CAAE,uBAAwB,CAAC,KAAK,UAAW,CAC5C,EAEJ,CACF,iGApIQ,EAAA,YAAW,EAAA,EAAA,EAAA,YAON,CANT,MAAO,EAAA,gBAAc,CACtB,UAAQ,WACA,EAAA,cAAa,CAAA,2BAGb,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,UAAA,CAAA,CAAA"}

package/dist/lib/link/link.js CHANGED Viewed

@@ -1,18 +1,21 @@
 import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
 import { LINK_KIND_MODIFIERS as t, LINK_VARIANTS as n, getLinkKindModifier as r } from "./link-constants.js";
 import { createBlock as i, mergeProps as a, openBlock as o, renderSlot as s, resolveComponent as c, resolveDynamicComponent as l, withCtx as u } from "vue";
-//#region components/link/link.vue
+//#region components/Link/Link.vue
 var d = {
-	compatConfig: { MODE: 3 },
 	name: "DtLink",
 	props: {
-		kind: {
+		tone: {
 			type: String,
 			default: "",
 			validator(e) {
 				return n.includes(e);
 			}
 		},
+		kind: {
+			type: String,
+			default: void 0
+		},
 		inverted: {
 			type: Boolean,
 			default: !1
@@ -28,12 +31,19 @@ var d = {
 		replace: {
 			type: Boolean,
 			default: !1
+		},
+		underline: {
+			type: Boolean,
+			default: !0
 		}
 	},
 	data() {
 		return { LINK_KIND_MODIFIERS: t };
 	},
 	computed: {
+		resolvedTone() {
+			return this.kind ?? this.tone;
+		},
 		computedTag() {
 			return this.to ? c("RouterLink") : "a";
 		},
@@ -45,7 +55,11 @@ var d = {
 		}
 	},
 	methods: { getLinkClasses() {
-		return ["d-link", r(this.kind, this.inverted)];
+		return [
+			"d-link",
+			r(this.resolvedTone, this.inverted),
+			{ "d-link--no-underline": !this.underline }
+		];
 	} }
 };
 function f(e, t, n, r, c, d) {

package/dist/lib/link/link.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"link.js","names":[],"sources":["../../../components/~~link~~/~~link~~.vue"],"sourcesContent":["<template>\n <component\n :is=\"computedTag\"\n :class=\"getLinkClasses()\"\n data-qa=\"dt-link\"\n v-bind=\"computedAttrs\"\n >\n <!-- @slot Slot for main content -->\n <slot />\n </component>\n</template>\n\n<script>\nimport { resolveComponent } from 'vue';\nimport { LINK_VARIANTS, LINK_KIND_MODIFIERS, getLinkKindModifier } from './~~link_constants~~';\n\n/*\n A link is a navigational element that can be found on its own, within other text, or directly following content.\n * @property {String} rel attribute\n * @see https://dialtone.dialpad.com/components/link.html\n /\nexport default {\n ~~compatConfig: { MODE: 3 },\n~~ name: 'DtLink',\n\n props: {\n /\n Applies the link variant styles\n * @values null, ~~danger~~, warning, ~~success~~, muted, mention\n /\n ~~kind~~: {\n type: String,\n default: '',\n validator (~~kind~~) {\n return LINK_VARIANTS.includes(~~kind~~);\n },\n },\n\n /\n Determines whether the link should have inverted styling\n * default is false.\n * @values true, false\n /\n inverted: {\n type: Boolean,\n default: false,\n },\n\n /\n URL for anchor link navigation. Renders as a native <a> element.\n /\n href: {\n type: String,\n default: null,\n },\n\n /\n Vue Router destination. Renders as a <router-link>.\n * Takes precedence over href when both are provided.\n * @see https://router.vuejs.org/api/interfaces/RouterLinkProps.html#to\n /\n to: {\n type: [String, Object],\n default: null,\n },\n\n /\n When true, navigation replaces the current history entry instead of pushing.\n * Only applies when `to` is provided.\n * @values true, false\n */\n replace: {\n type: Boolean,\n default: false,\n },\n },\n\n data () {\n return {\n LINK_KIND_MODIFIERS,\n };\n },\n\n computed: {\n computedTag () {\n if (this.to) {\n return resolveComponent('RouterLink');\n }\n return 'a';\n },\n\n computedAttrs () {\n if (this.to) {\n return {\n to: this.to,\n replace: this.replace,\n };\n }\n return {\n href: this.href \|\| 'javascript:void(0)',\n };\n },\n },\n\n methods: {\n getLinkClasses () {\n return [\n 'd-link',\n getLinkKindModifier(this.~~kind~~, this.inverted),\n ];\n },\n },\n};\n</script>\n"],"mappings":";;;;AAqBA,IAAK,IAAU;CACb,~~cAAc,EAAE,~~MAAM~~,GAAG~~;~~CACzB,MAAM;~~CAEN,OAAO;EAKL,MAAM;GACJ,MAAM;GACN,SAAS;GACT,UAAW,GAAM;AACf,WAAO,EAAc,SAAS,EAAK;;GAEtC;~~EAOD~~,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAKD,MAAM;GACJ,MAAM;GACN,SAAS;GACV;EAOD,IAAI;GACF,MAAM,CAAC,QAAQ,OAAO;GACtB,SAAS;GACV;EAOD,SAAS;GACP,MAAM;GACN,SAAS;GACV;EACF;CAED,OAAQ;AACN,SAAO,EACL,wBACD;;CAGH,UAAU;EACR,cAAe;AAIb,UAHI,KAAK,KACA,EAAiB,aAAa,GAEhC;;EAGT,gBAAiB;AAOf,UANI,KAAK,KACA;IACL,IAAI,KAAK;IACT,SAAS,KAAK;IACf,GAEI,EACL,MAAM,KAAK,QAAQ,sBACpB;;EAEJ;CAED,SAAS,EACP,iBAAkB;AAChB,SAAO,~~CACL,UACA,~~EAAoB,KAAK,~~MAAM~~,KAAK,SAAS,~~CAC9C~~;IAEJ;CACF;;~~aA/GC~~,EAQY,EAPL,EAAA,YAAW,EADlB,EAQY;EANT,OAAO,EAAA,gBAAc;EACtB,WAAQ;IACA,EAAA,cAAa,EAAA;mBAGb,CAAR,EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA"}
1	+ {"version":3,"file":"link.js","names":[],"sources":["../../../components/Link/Link.vue"],"sourcesContent":["<template>\n <component\n :is=\"computedTag\"\n :class=\"getLinkClasses()\"\n data-qa=\"dt-link\"\n v-bind=\"computedAttrs\"\n >\n <!-- @slot Slot for main content -->\n <slot />\n </component>\n</template>\n\n<script>\nimport { resolveComponent } from 'vue';\nimport { LINK_VARIANTS, LINK_KIND_MODIFIERS, getLinkKindModifier } from './LinkConstants';\n\n/*\n A link is a navigational element that can be found on its own, within other text, or directly following content.\n * @property {String} rel attribute\n * @see https://dialtone.dialpad.com/components/link.html\n /\nexport default {\n name: 'DtLink',\n\n props: {\n /\n Applies the link variant styles\n * @values null, critical, warning, positive, info, muted, mention\n /\n tone: {\n type: String,\n default: '',\n validator (tone) {\n return LINK_VARIANTS.includes(tone);\n },\n },\n\n /\n @deprecated Use tone\n /\n kind: {\n type: String,\n default: undefined,\n },\n\n /\n Determines whether the link should have inverted styling\n * default is false.\n * @values true, false\n * @deprecated Use v-dt-mode directive instead.\n /\n inverted: {\n type: Boolean,\n default: false,\n },\n\n /\n URL for anchor link navigation. Renders as a native <a> element.\n /\n href: {\n type: String,\n default: null,\n },\n\n /\n Vue Router destination. Renders as a <router-link>.\n * Takes precedence over href when both are provided.\n * @see https://router.vuejs.org/api/interfaces/RouterLinkProps.html#to\n /\n to: {\n type: [String, Object],\n default: null,\n },\n\n /\n When true, navigation replaces the current history entry instead of pushing.\n * Only applies when `to` is provided.\n * @values true, false\n /\n replace: {\n type: Boolean,\n default: false,\n },\n\n /\n Determines whether the link should display an underline.\n * @values true, false\n */\n underline: {\n type: Boolean,\n default: true,\n },\n },\n\n data () {\n return {\n LINK_KIND_MODIFIERS,\n };\n },\n\n computed: {\n resolvedTone () {\n return this.kind ?? this.tone;\n },\n\n computedTag () {\n if (this.to) {\n return resolveComponent('RouterLink');\n }\n return 'a';\n },\n\n computedAttrs () {\n if (this.to) {\n return {\n to: this.to,\n replace: this.replace,\n };\n }\n return {\n href: this.href \|\| 'javascript:void(0)',\n };\n },\n },\n\n methods: {\n getLinkClasses () {\n return [\n 'd-link',\n getLinkKindModifier(this.resolvedTone, this.inverted),\n { 'd-link--no-underline': !this.underline },\n ];\n },\n },\n};\n</script>\n"],"mappings":";;;;AAqBA,IAAK,IAAU;CACb,MAAM;CAEN,OAAO;EAKL,MAAM;GACJ,MAAM;GACN,SAAS;GACT,UAAW,GAAM;AACf,WAAO,EAAc,SAAS,EAAK;;GAEtC;EAKD,MAAM;GACJ,MAAM;GACN,SAAS,KAAA;GACV;EAQD,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAKD,MAAM;GACJ,MAAM;GACN,SAAS;GACV;EAOD,IAAI;GACF,MAAM,CAAC,QAAQ,OAAO;GACtB,SAAS;GACV;EAOD,SAAS;GACP,MAAM;GACN,SAAS;GACV;EAMD,WAAW;GACT,MAAM;GACN,SAAS;GACV;EACF;CAED,OAAQ;AACN,SAAO,EACL,wBACD;;CAGH,UAAU;EACR,eAAgB;AACd,UAAO,KAAK,QAAQ,KAAK;;EAG3B,cAAe;AAIb,UAHI,KAAK,KACA,EAAiB,aAAa,GAEhC;;EAGT,gBAAiB;AAOf,UANI,KAAK,KACA;IACL,IAAI,KAAK;IACT,SAAS,KAAK;IACf,GAEI,EACL,MAAM,KAAK,QAAQ,sBACpB;;EAEJ;CAED,SAAS,EACP,iBAAkB;AAChB,SAAO;GACL;GACA,EAAoB,KAAK,cAAc,KAAK,SAAS;GACrD,EAAE,wBAAwB,CAAC,KAAK,WAAW;GAC5C;IAEJ;CACF;;aArIC,EAQY,EAPL,EAAA,YAAW,EADlB,EAQY;EANT,OAAO,EAAA,gBAAc;EACtB,WAAQ;IACA,EAAA,cAAa,EAAA;mBAGb,CAAR,EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/lib/list-item/list-item-constants.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"list-item-constants.cjs","names":[],"sources":["../../../components/~~list_item~~/~~list_item_constants~~.js"],"sourcesContent":["export const LIST_ITEM_TYPES = {\n DEFAULT: 'default',\n CUSTOM: 'custom',\n};\n\nexport const LIST_ITEM_NAVIGATION_TYPES = {\n ARROW_KEYS: 'arrow-keys',\n TAB: 'tab',\n NONE: 'none',\n};\n\nexport default {\n LIST_ITEM_TYPES,\n LIST_ITEM_NAVIGATION_TYPES,\n};\n"],"mappings":"+FAAA,IAAa,EAAkB,CAC7B,QAAS,UACT,OAAQ,SACT,CAEY,EAA6B,CACxC,WAAY,aACZ,IAAK,MACL,KAAM,OACP,CAED,EAAe,CACb,kBACA,6BACD"}
1	+ {"version":3,"file":"list-item-constants.cjs","names":[],"sources":["../../../components/ListItem/ListItemConstants.js"],"sourcesContent":["export const LIST_ITEM_TYPES = {\n DEFAULT: 'default',\n CUSTOM: 'custom',\n};\n\nexport const LIST_ITEM_NAVIGATION_TYPES = {\n ARROW_KEYS: 'arrow-keys',\n TAB: 'tab',\n NONE: 'none',\n};\n\nexport default {\n LIST_ITEM_TYPES,\n LIST_ITEM_NAVIGATION_TYPES,\n};\n"],"mappings":"+FAAA,IAAa,EAAkB,CAC7B,QAAS,UACT,OAAQ,SACT,CAEY,EAA6B,CACxC,WAAY,aACZ,IAAK,MACL,KAAM,OACP,CAED,EAAe,CACb,kBACA,6BACD"}

package/dist/lib/list-item/list-item-constants.js CHANGED Viewed

@@ -1,4 +1,4 @@
-//#region components/list_item/list_item_constants.js
+//#region components/ListItem/ListItemConstants.js
 var e = {
 	DEFAULT: "default",
 	CUSTOM: "custom"

package/dist/lib/list-item/list-item-constants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"list-item-constants.js","names":[],"sources":["../../../components/~~list_item~~/~~list_item_constants~~.js"],"sourcesContent":["export const LIST_ITEM_TYPES = {\n DEFAULT: 'default',\n CUSTOM: 'custom',\n};\n\nexport const LIST_ITEM_NAVIGATION_TYPES = {\n ARROW_KEYS: 'arrow-keys',\n TAB: 'tab',\n NONE: 'none',\n};\n\nexport default {\n LIST_ITEM_TYPES,\n LIST_ITEM_NAVIGATION_TYPES,\n};\n"],"mappings":";AAAA,IAAa,IAAkB;CAC7B,SAAS;CACT,QAAQ;CACT,EAEY,IAA6B;CACxC,YAAY;CACZ,KAAK;CACL,MAAM;CACP,EAED,IAAe;CACb;CACA;CACD"}
1	+ {"version":3,"file":"list-item-constants.js","names":[],"sources":["../../../components/ListItem/ListItemConstants.js"],"sourcesContent":["export const LIST_ITEM_TYPES = {\n DEFAULT: 'default',\n CUSTOM: 'custom',\n};\n\nexport const LIST_ITEM_NAVIGATION_TYPES = {\n ARROW_KEYS: 'arrow-keys',\n TAB: 'tab',\n NONE: 'none',\n};\n\nexport default {\n LIST_ITEM_TYPES,\n LIST_ITEM_NAVIGATION_TYPES,\n};\n"],"mappings":";AAAA,IAAa,IAAkB;CAC7B,SAAS;CACT,QAAQ;CACT,EAEY,IAA6B;CACxC,YAAY;CACZ,KAAK;CACL,MAAM;CACP,EAED,IAAe;CACb;CACA;CACD"}

package/dist/lib/list-item/list-item.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/utils/index.cjs`),t=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),n=require(`./list-item-constants.cjs`),r=require(`../item-layout/item-layout.cjs`);let i=require(`vue`),a=require(`@dialpad/dialtone-icons/vue3`);var o=[`listitem`,`menuitem`,`option`],s={compatConfig:{MODE:3},name:`DtListItem`,components:{DtItemLayout:r.default,DtIconCheck:a.DtIconCheck},inject:{highlightId:{default:null}},props:{id:{type:String,default(){return e.default.getUniqueString()}},role:{type:String,default:`listitem`,validator:e=>o.includes(e)},elementType:{type:String,default:`li`},type:{type:String,default:n.LIST_ITEM_TYPES.DEFAULT,validator:e=>Object.values(n.LIST_ITEM_TYPES).includes(e)},navigationType:{type:String,default:n.LIST_ITEM_NAVIGATION_TYPES.NONE,validator:e=>Object.values(n.LIST_ITEM_NAVIGATION_TYPES).includes(e)},selected:{type:Boolean,default:!1},wrapperClass:{type:[String,Object,Array],default:``}},emits:[`keydown`,`mousemove`,`mouseleave`],data(){return{injected:!1,mouseHighlighted:!1}},computed:{isDefaultType(){return this.type===n.LIST_ITEM_TYPES.DEFAULT},listItemListeners(){return{keydown:e=>{[`enter`,`space`].includes(e.code.toLowerCase())&&this.onClick(e),this.$emit(`keydown`,e)},mousemove:e=>{this.onMouseHover(e),this.$emit(`mousemove`,e)},mouseleave:e=>{this.onMouseLeave(e),this.$emit(`mouseleave`,e)}}},isHighlighted(){return this.isHoverable?this.highlightId&&this.highlightId()?this.id===this.highlightId():this.mouseHighlighted:!1},isFocusable(){return this.navigationType===n.LIST_ITEM_NAVIGATION_TYPES.TAB},isHoverable(){return this.navigationType!==n.LIST_ITEM_NAVIGATION_TYPES.NONE}},methods:{onClick(e){this.$emit(`click`,e)},onMouseHover(){this.mouseHighlighted=!0},onMouseLeave(){this.mouseHighlighted=!1}}};function c(e,t,n,r,a,o){let s=(0,i.resolveComponent)(`dt-icon-check`),c=(0,i.resolveComponent)(`dt-item-layout`);return(0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(n.elementType),(0,i.mergeProps)({id:n.id,class:[`d-list-item`,{"d-list-item--focusable":o.isFocusable,"d-list-item--highlighted":o.isHighlighted,"d-list-item--static":!o.isHoverable}],tabindex:o.isFocusable?0:-1,role:n.role,"aria-selected":n.role===`listitem`?void 0:o.isHighlighted},(0,i.toHandlers)(o.listItemListeners)),{default:(0,i.withCtx)(()=>[o.isDefaultType?((0,i.openBlock)(),(0,i.createBlock)(c,{key:0,unstyled:``,class:(0,i.normalizeClass)([`d-list-item__wrapper`,n.wrapperClass]),"left-class":`d-list-item__left`,"content-class":`d-list-item__content`,"title-class":`d-list-item__title`,"subtitle-class":`d-list-item__subtitle`,"bottom-class":`d-list-item__bottom`,"right-class":`d-list-item__right`,"selected-class":`d-list-item__selected`,"data-qa":`dt-list-item-wrapper`},(0,i.createSlots)({_:2},[(0,i.renderList)(e.$slots,(t,n)=>({name:n,fn:(0,i.withCtx)(()=>[(0,i.renderSlot)(e.$slots,n)])})),n.selected?{name:`selected`,fn:(0,i.withCtx)(()=>[(0,i.createVNode)(s,{size:`400`})]),key:`0`}:void 0]),1032,[`class`])):(0,i.renderSlot)(e.$slots,`default`,{key:1})]),_:3},16,[`id`,`class`,`tabindex`,`role`,`aria-selected`])}var l=t.t(s,[[`render`,c]]);exports.default=l;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/utils/index.cjs`),t=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),n=require(`./list-item-constants.cjs`),r=require(`../item-layout/item-layout.cjs`);let i=require(`vue`),a=require(`@dialpad/dialtone-icons/vue`);var o=[`listitem`,`menuitem`,`option`],s={name:`DtListItem`,components:{DtItemLayout:r.default,DtIconCheck:a.DtIconCheck},inject:{highlightId:{default:null}},props:{id:{type:String,default(){return e.default.getUniqueString()}},role:{type:String,default:`listitem`,validator:e=>o.includes(e)},elementType:{type:String,default:`li`},type:{type:String,default:n.LIST_ITEM_TYPES.DEFAULT,validator:e=>Object.values(n.LIST_ITEM_TYPES).includes(e)},navigationType:{type:String,default:n.LIST_ITEM_NAVIGATION_TYPES.NONE,validator:e=>Object.values(n.LIST_ITEM_NAVIGATION_TYPES).includes(e)},selected:{type:Boolean,default:!1},wrapperClass:{type:[String,Object,Array],default:``}},emits:[`click`,`keydown`,`mousemove`,`mouseleave`],data(){return{injected:!1,mouseHighlighted:!1}},computed:{isDefaultType(){return this.type===n.LIST_ITEM_TYPES.DEFAULT},listItemListeners(){return{click:e=>{this.onClick(e)},keydown:e=>{[`enter`,`space`].includes(e.code.toLowerCase())&&this.onClick(e),this.$emit(`keydown`,e)},mousemove:e=>{this.onMouseHover(e),this.$emit(`mousemove`,e)},mouseleave:e=>{this.onMouseLeave(e),this.$emit(`mouseleave`,e)}}},isHighlighted(){return this.isHoverable?this.highlightId&&this.highlightId()?this.id===this.highlightId():this.mouseHighlighted:!1},isFocusable(){return this.navigationType===n.LIST_ITEM_NAVIGATION_TYPES.TAB},isHoverable(){return this.navigationType!==n.LIST_ITEM_NAVIGATION_TYPES.NONE}},methods:{onClick(e){this.$emit(`click`,e)},onMouseHover(){this.mouseHighlighted=!0},onMouseLeave(){this.mouseHighlighted=!1}}};function c(e,t,n,r,a,o){let s=(0,i.resolveComponent)(`dt-icon-check`),c=(0,i.resolveComponent)(`dt-item-layout`);return(0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(n.elementType),(0,i.mergeProps)({id:n.id,class:[`d-list-item`,{"d-list-item--focusable":o.isFocusable,"d-list-item--highlighted":o.isHighlighted,"d-list-item--static":!o.isHoverable}],tabindex:o.isFocusable?0:-1,role:n.role,"aria-selected":n.role===`listitem`?void 0:o.isHighlighted},(0,i.toHandlers)(o.listItemListeners)),{default:(0,i.withCtx)(()=>[o.isDefaultType?((0,i.openBlock)(),(0,i.createBlock)(c,{key:0,unstyled:``,class:(0,i.normalizeClass)([`d-list-item__wrapper`,n.wrapperClass]),"start-class":`d-list-item__left`,"content-class":`d-list-item__content`,"title-class":`d-list-item__title`,"subtitle-class":`d-list-item__subtitle`,"block-end-class":`d-list-item__bottom`,"end-class":`d-list-item__right`,"selected-class":`d-list-item__selected`,"data-qa":`dt-list-item-wrapper`},(0,i.createSlots)({_:2},[(0,i.renderList)(e.$slots,(t,n)=>({name:n,fn:(0,i.withCtx)(()=>[(0,i.renderSlot)(e.$slots,n)])})),n.selected?{name:`selected`,fn:(0,i.withCtx)(()=>[(0,i.createVNode)(s,{size:`200`})]),key:`0`}:void 0]),1032,[`class`])):(0,i.renderSlot)(e.$slots,`default`,{key:1})]),_:3},16,[`id`,`class`,`tabindex`,`role`,`aria-selected`])}var l=t.t(s,[[`render`,c]]);exports.default=l;
 //# sourceMappingURL=list-item.cjs.map

package/dist/lib/list-item/list-item.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"list-item.cjs","names":[],"sources":["../../../components/~~list_item~~/~~list_item~~.vue"],"sourcesContent":["<template>\n <component\n :is=\"elementType\"\n :id=\"id\"\n :class=\"[\n 'd-list-item',\n {\n 'd-list-item--focusable': isFocusable,\n 'd-list-item--highlighted': isHighlighted,\n 'd-list-item--static': !isHoverable,\n }]\"\n :tabindex=\"isFocusable ? 0 : -1\"\n :role=\"role\"\n :aria-selected=\"role === 'listitem' ? undefined : isHighlighted\"\n v-on=\"listItemListeners\"\n >\n <dt-item-layout\n v-if=\"isDefaultType\"\n unstyled\n :class=\"['d-list-item__wrapper', wrapperClass]\"\n ~~left~~-class=\"d-list-item__left\"\n content-class=\"d-list-item__content\"\n title-class=\"d-list-item__title\"\n subtitle-class=\"d-list-item__subtitle\"\n ~~bottom~~-class=\"d-list-item__bottom\"\n ~~right~~-class=\"d-list-item__right\"\n selected-class=\"d-list-item__selected\"\n data-qa=\"dt-list-item-wrapper\"\n >\n <template\n v-for=\"(_, slotName) in $slots\"\n #[slotName]\n >\n <!-- @slot named slots for custom list items -->\n <slot :name=\"slotName\" />\n </template>\n <template\n v-if=\"selected\"\n #selected\n >\n <dt-icon-check size=\"~~400~~\" />\n </template>\n </dt-item-layout>\n <!-- @slot slot for the main content -->\n <slot v-else />\n </component>\n</template>\n\n<script>\nimport {\n LIST_ITEM_TYPES,\n LIST_ITEM_NAVIGATION_TYPES,\n} from './~~list_item_constants~~';\nimport utils from '@/common/utils';\nimport { DtIconCheck } from '@dialpad/dialtone-icons/~~vue3~~';\nimport { DtItemLayout } from '@/components/~~item_layout~~';\n\nconst ROLES = ['listitem', 'menuitem', 'option'];\n\n/*\n A list item is an element that can be used to represent individual items in a list.\n * @see https://dialtone.dialpad.com/components/list_item.html\n /\nexport default {\n ~~compatConfig: { MODE: 3 },\n~~ name: 'DtListItem',\n\n components: {\n DtItemLayout,\n DtIconCheck,\n },\n\n /\n Value provided from keyboard_list_navigation.js using id prop.\n /\n inject: {\n highlightId: { default: null },\n },\n\n props: {\n /\n Id for the item.\n /\n id: {\n type: String,\n default () { return utils.getUniqueString(); },\n },\n\n /\n String to use for the item's role.\n /\n role: {\n type: String,\n default: 'listitem',\n validator: (role) => (ROLES).includes(role),\n },\n\n /\n HTML element type (tag name) of the content wrapper element.\n /\n elementType: {\n type: String,\n default: 'li',\n },\n\n /\n The type of child list item to use.\n * @values default, custom\n /\n type: {\n type: String,\n default: LIST_ITEM_TYPES.DEFAULT,\n validator: (t) => Object.values(LIST_ITEM_TYPES).includes(t),\n },\n\n /\n The type of navigation that this component should support.\n * - \"arrow-keys\" for items that are navigated with UP/DOWN keys.\n * - \"tab\" for items that are navigated using the TAB key.\n * - \"none\" for static items that are not interactive.\n * @values arrow-keys, tab, none\n /\n navigationType: {\n type: String,\n default: LIST_ITEM_NAVIGATION_TYPES.NONE,\n validator: (t) => Object.values(LIST_ITEM_NAVIGATION_TYPES).includes(t),\n },\n\n /\n Applies selected styles to the list item\n /\n selected: {\n type: Boolean,\n default: false,\n },\n\n /\n Additional Classes to apply to the wrapper element,\n * note: it only applies on \"default\" type\n * Can accept all of: String, Object, and Array, i.e. has the\n * same api as Vue's built-in handling of the class attribute.\n /\n wrapperClass: {\n type: [String, Object, Array],\n default: '',\n },\n },\n\n emits: [\n /\n Key down event\n \n @event keydown\n * @type {KeyboardEvent}\n /\n 'keydown',\n\n /\n Native mouse move event\n \n @event mousemove\n * @type {MouseEvent}\n /\n 'mousemove',\n\n /\n Native mouse leave event\n \n @event mouseleave\n * @type {MouseEvent}\n /\n 'mouseleave',\n ],\n\n data () {\n return {\n injected: false,\n mouseHighlighted: false,\n };\n },\n\n computed: {\n isDefaultType () {\n return this.type === LIST_ITEM_TYPES.DEFAULT;\n },\n\n listItemListeners () {\n return {\n keydown: event => {\n if (['enter', 'space'].includes(event.code.toLowerCase())) {\n this.onClick(event);\n }\n this.$emit('keydown', event);\n },\n\n mousemove: event => {\n this.onMouseHover(event);\n this.$emit('mousemove', event);\n },\n\n mouseleave: event => {\n this.onMouseLeave(event);\n this.$emit('mouseleave', event);\n },\n };\n },\n\n /\n For keyboard navigation, whether this item is currently highlighted.\n * An injected highlightId will override the default mouseover highlight.\n /\n isHighlighted () {\n if (this.isHoverable) {\n return this.highlightId && this.highlightId() ? this.id === this.highlightId() : this.mouseHighlighted;\n }\n return false;\n },\n\n isFocusable () {\n // Navigation type has to be set to \"tab\".\n return this.navigationType === LIST_ITEM_NAVIGATION_TYPES.TAB;\n },\n\n /\n Whether to apply hover styles.\n */\n isHoverable () {\n return this.navigationType !== LIST_ITEM_NAVIGATION_TYPES.NONE;\n },\n },\n\n methods: {\n onClick (e) {\n // disabled as we do not want to override native click\n ~~// eslint-disable-next-line vue/require-explicit-emits\n~~ this.$emit('click', e);\n },\n\n onMouseHover () {\n this.mouseHighlighted = true;\n },\n\n onMouseLeave () {\n this.mouseHighlighted = false;\n },\n },\n};\n</script>\n"],"mappings":"~~+XAyDA~~,IAAM,EAAQ,CAAC,WAAY,WAAY,SAAS,CAM3C,EAAU,CACb,~~aAAc,CAAE,~~KAAM,~~EAAG,CACzB,KAAM,~~aAEN,WAAY,CACV,aAAA,EAAA,QACA,YAAA,EAAA,YACD,CAKD,OAAQ,CACN,YAAa,CAAE,QAAS,KAAM,CAC/B,CAED,MAAO,CAIL,GAAI,CACF,KAAM,OACN,SAAW,CAAE,OAAO,EAAA,QAAM,iBAAiB,EAC5C,~~CAKD~~,KAAM,CACJ,KAAM,OACN,QAAS,WACT,UAAY,GAAU,EAAO,SAAS,EAAK,CAC5C,CAKD,YAAa,CACX,KAAM,OACN,QAAS,KACV,CAMD,KAAM,CACJ,KAAM,OACN,QAAS,EAAA,gBAAgB,QACzB,UAAY,GAAM,OAAO,OAAO,EAAA,gBAAgB,CAAC,SAAS,EAAE,CAC7D,CASD,eAAgB,CACd,KAAM,OACN,QAAS,EAAA,2BAA2B,KACpC,UAAY,GAAM,OAAO,OAAO,EAAA,2BAA2B,CAAC,SAAS,EAAE,CACxE,CAKD,SAAU,CACR,KAAM,QACN,QAAS,GACV,CAQD,aAAc,CACZ,KAAM,CAAC,OAAQ,OAAQ,MAAM,CAC7B,QAAS,GACV,CACF,CAED,MAAO,CAOL,UAQA,YAQA,aACD,CAED,MAAQ,CACN,MAAO,CACL,SAAU,GACV,iBAAkB,GACnB,EAGH,SAAU,CACR,eAAiB,CACf,OAAO,KAAK,OAAS,EAAA,gBAAgB,SAGvC,mBAAqB,CACnB,MAAO,CACL,QAAS,GAAS,CACZ,CAAC,QAAS,QAAQ,CAAC,SAAS,EAAM,KAAK,aAAa,CAAC,EACvD,KAAK,QAAQ,EAAM,CAErB,KAAK,MAAM,UAAW,EAAM,EAG9B,UAAW,GAAS,CAClB,KAAK,aAAa,EAAM,CACxB,KAAK,MAAM,YAAa,EAAM,EAGhC,WAAY,GAAS,CACnB,KAAK,aAAa,EAAM,CACxB,KAAK,MAAM,aAAc,EAAM,EAElC,EAOH,eAAiB,CAIf,OAHI,KAAK,YACA,KAAK,aAAe,KAAK,aAAY,CAAI,KAAK,KAAO,KAAK,aAAY,CAAI,KAAK,iBAEjF,IAGT,aAAe,CAEb,OAAO,KAAK,iBAAmB,EAAA,2BAA2B,KAM5D,aAAe,CACb,OAAO,KAAK,iBAAmB,EAAA,2BAA2B,MAE7D,CAED,QAAS,CACP,QAAS,EAAG,~~CAGV~~,KAAK,MAAM,QAAS,EAAE,EAGxB,cAAgB,CACd,KAAK,iBAAmB,IAG1B,cAAgB,CACd,KAAK,iBAAmB,IAE3B,CACF,~~0LApPQ~~,EAAA,YAAW,EAAA,EAAA,EAAA,YA2CN,CA1CT,GAAI,EAAA,GACJ,MAAK,CAAA,cAAA,0BAAmE,EAAA,uCAAiD,EAAA,qCAA+C,EAAA,cAOxK,SAAU,EAAA,YAAW,EAAA,GACrB,KAAM,EAAA,KACN,gBAAe,EAAA,OAAI,WAAkB,IAAA,GAAY,EAAA,gCAC1B,EAAlB,kBAAiB,CAAA,CAAA,2BA4BN,CAzBT,EAAA,gBAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,aAyBS,EAAA,OAxBf,SAAA,GACC,OAAA,EAAA,EAAA,gBAAK,CAAA,uBAA2B,EAAA,aAAY,CAAA,CAC7C,~~aAAW~~,~~oBACX~~,gBAAc,uBACd,cAAY,qBACZ,iBAAe,wBACf,~~eAAa~~,~~sBACb~~,~~cAAY~~,~~qBACZ~~,iBAAe,wBACf,UAAQ,kEAGkB,EAAA,QAAhB,EAAG,WACV,uBAGwB,EAAA,EAAA,EAAA,YAAA,EAAA,OAAZ,EAAQ,CAAA,CAAA,IAGf,EAAA,SAAA,MACL,gCAE2B,EAAA,EAAA,EAAA,aAAA,EAAA,CAAb,KAAK,MAAK,CAAA,CAAA,CAAA,qDAId,EAAA,OAAA,UAAA,CAAA,IAAA,EAAA,CAAA,CAAA,CAAA"}
1	+ {"version":3,"file":"list-item.cjs","names":[],"sources":["../../../components/ListItem/ListItem.vue"],"sourcesContent":["<template>\n <component\n :is=\"elementType\"\n :id=\"id\"\n :class=\"[\n 'd-list-item',\n {\n 'd-list-item--focusable': isFocusable,\n 'd-list-item--highlighted': isHighlighted,\n 'd-list-item--static': !isHoverable,\n }]\"\n :tabindex=\"isFocusable ? 0 : -1\"\n :role=\"role\"\n :aria-selected=\"role === 'listitem' ? undefined : isHighlighted\"\n v-on=\"listItemListeners\"\n >\n <dt-item-layout\n v-if=\"isDefaultType\"\n unstyled\n :class=\"['d-list-item__wrapper', wrapperClass]\"\n start-class=\"d-list-item__left\"\n content-class=\"d-list-item__content\"\n title-class=\"d-list-item__title\"\n subtitle-class=\"d-list-item__subtitle\"\n block-end-class=\"d-list-item__bottom\"\n end-class=\"d-list-item__right\"\n selected-class=\"d-list-item__selected\"\n data-qa=\"dt-list-item-wrapper\"\n >\n <template\n v-for=\"(_, slotName) in $slots\"\n #[slotName]\n >\n <!-- @slot named slots for custom list items -->\n <slot :name=\"slotName\" />\n </template>\n <template\n v-if=\"selected\"\n #selected\n >\n <dt-icon-check size=\"200\" />\n </template>\n </dt-item-layout>\n <!-- @slot slot for the main content -->\n <slot v-else />\n </component>\n</template>\n\n<script>\nimport {\n LIST_ITEM_TYPES,\n LIST_ITEM_NAVIGATION_TYPES,\n} from './ListItemConstants';\nimport utils from '@/common/utils';\nimport { DtIconCheck } from '@dialpad/dialtone-icons/vue';\nimport { DtItemLayout } from '@/components/ItemLayout';\n\nconst ROLES = ['listitem', 'menuitem', 'option'];\n\n/*\n A list item is an element that can be used to represent individual items in a list.\n * @see https://dialtone.dialpad.com/components/list_item.html\n /\nexport default {\n name: 'DtListItem',\n\n components: {\n DtItemLayout,\n DtIconCheck,\n },\n\n /\n Value provided from keyboard_list_navigation.js using id prop.\n /\n inject: {\n highlightId: { default: null },\n },\n\n props: {\n /\n Id for the item.\n /\n id: {\n type: String,\n default () { return utils.getUniqueString(); },\n },\n\n /\n String to use for the item's role.\n * @values listitem, menuitem, option\n /\n role: {\n type: String,\n default: 'listitem',\n validator: (role) => (ROLES).includes(role),\n },\n\n /\n HTML element type (tag name) of the content wrapper element.\n /\n elementType: {\n type: String,\n default: 'li',\n },\n\n /\n The type of child list item to use.\n * @values default, custom\n /\n type: {\n type: String,\n default: LIST_ITEM_TYPES.DEFAULT,\n validator: (t) => Object.values(LIST_ITEM_TYPES).includes(t),\n },\n\n /\n The type of navigation that this component should support.\n * - \"arrow-keys\" for items that are navigated with UP/DOWN keys.\n * - \"tab\" for items that are navigated using the TAB key.\n * - \"none\" for static items that are not interactive.\n * @values arrow-keys, tab, none\n /\n navigationType: {\n type: String,\n default: LIST_ITEM_NAVIGATION_TYPES.NONE,\n validator: (t) => Object.values(LIST_ITEM_NAVIGATION_TYPES).includes(t),\n },\n\n /\n Applies selected styles to the list item\n /\n selected: {\n type: Boolean,\n default: false,\n },\n\n /\n Additional Classes to apply to the wrapper element,\n * note: it only applies on \"default\" type\n * Can accept all of: String, Object, and Array, i.e. has the\n * same api as Vue's built-in handling of the class attribute.\n /\n wrapperClass: {\n type: [String, Object, Array],\n default: '',\n },\n },\n\n emits: [\n /\n Native click event\n \n @event click\n * @type {PointerEvent \| KeyboardEvent}\n /\n 'click',\n\n /\n Key down event\n \n @event keydown\n * @type {KeyboardEvent}\n /\n 'keydown',\n\n /\n Native mouse move event\n \n @event mousemove\n * @type {MouseEvent}\n /\n 'mousemove',\n\n /\n Native mouse leave event\n \n @event mouseleave\n * @type {MouseEvent}\n /\n 'mouseleave',\n ],\n\n data () {\n return {\n injected: false,\n mouseHighlighted: false,\n };\n },\n\n computed: {\n isDefaultType () {\n return this.type === LIST_ITEM_TYPES.DEFAULT;\n },\n\n listItemListeners () {\n return {\n click: event => {\n this.onClick(event);\n },\n\n keydown: event => {\n if (['enter', 'space'].includes(event.code.toLowerCase())) {\n this.onClick(event);\n }\n this.$emit('keydown', event);\n },\n\n mousemove: event => {\n this.onMouseHover(event);\n this.$emit('mousemove', event);\n },\n\n mouseleave: event => {\n this.onMouseLeave(event);\n this.$emit('mouseleave', event);\n },\n };\n },\n\n /\n For keyboard navigation, whether this item is currently highlighted.\n * An injected highlightId will override the default mouseover highlight.\n /\n isHighlighted () {\n if (this.isHoverable) {\n return this.highlightId && this.highlightId() ? this.id === this.highlightId() : this.mouseHighlighted;\n }\n return false;\n },\n\n isFocusable () {\n // Navigation type has to be set to \"tab\".\n return this.navigationType === LIST_ITEM_NAVIGATION_TYPES.TAB;\n },\n\n /\n Whether to apply hover styles.\n */\n isHoverable () {\n return this.navigationType !== LIST_ITEM_NAVIGATION_TYPES.NONE;\n },\n },\n\n methods: {\n onClick (e) {\n // disabled as we do not want to override native click\n this.$emit('click', e);\n },\n\n onMouseHover () {\n this.mouseHighlighted = true;\n },\n\n onMouseLeave () {\n this.mouseHighlighted = false;\n },\n },\n};\n</script>\n"],"mappings":"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"}

package/dist/lib/list-item/list-item.js CHANGED Viewed

@@ -3,14 +3,13 @@ import { t } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
 import { LIST_ITEM_NAVIGATION_TYPES as n, LIST_ITEM_TYPES as r } from "./list-item-constants.js";
 import i from "../item-layout/item-layout.js";
 import { createBlock as a, createSlots as o, createVNode as s, mergeProps as c, normalizeClass as l, openBlock as u, renderList as d, renderSlot as f, resolveComponent as p, resolveDynamicComponent as m, toHandlers as h, withCtx as g } from "vue";
-import { DtIconCheck as _ } from "@dialpad/dialtone-icons/vue3";
-//#region components/list_item/list_item.vue
+import { DtIconCheck as _ } from "@dialpad/dialtone-icons/vue";
+//#region components/ListItem/ListItem.vue
 var v = [
 	"listitem",
 	"menuitem",
 	"option"
 ], y = {
-	compatConfig: { MODE: 3 },
 	name: "DtListItem",
 	components: {
 		DtItemLayout: i,
@@ -57,6 +56,7 @@ var v = [
 		}
 	},
 	emits: [
+		"click",
 		"keydown",
 		"mousemove",
 		"mouseleave"
@@ -73,6 +73,9 @@ var v = [
 		},
 		listItemListeners() {
 			return {
+				click: (e) => {
+					this.onClick(e);
+				},
 				keydown: (e) => {
 					["enter", "space"].includes(e.code.toLowerCase()) && this.onClick(e), this.$emit("keydown", e);
 				},
@@ -123,12 +126,12 @@ function b(e, t, n, r, i, _) {
 			key: 0,
 			unstyled: "",
 			class: l(["d-list-item__wrapper", n.wrapperClass]),
-			"left-class": "d-list-item__left",
+			"start-class": "d-list-item__left",
 			"content-class": "d-list-item__content",
 			"title-class": "d-list-item__title",
 			"subtitle-class": "d-list-item__subtitle",
-			"bottom-class": "d-list-item__bottom",
-			"right-class": "d-list-item__right",
+			"block-end-class": "d-list-item__bottom",
+			"end-class": "d-list-item__right",
 			"selected-class": "d-list-item__selected",
 			"data-qa": "dt-list-item-wrapper"
 		}, o({ _: 2 }, [d(e.$slots, (t, n) => ({
@@ -136,7 +139,7 @@ function b(e, t, n, r, i, _) {
 			fn: g(() => [f(e.$slots, n)])
 		})), n.selected ? {
 			name: "selected",
-			fn: g(() => [s(v, { size: "400" })]),
+			fn: g(() => [s(v, { size: "200" })]),
 			key: "0"
 		} : void 0]), 1032, ["class"])) : f(e.$slots, "default", { key: 1 })]),
 		_: 3

package/dist/lib/list-item/list-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"list-item.js","names":[],"sources":["../../../components/~~list_item~~/~~list_item~~.vue"],"sourcesContent":["<template>\n <component\n :is=\"elementType\"\n :id=\"id\"\n :class=\"[\n 'd-list-item',\n {\n 'd-list-item--focusable': isFocusable,\n 'd-list-item--highlighted': isHighlighted,\n 'd-list-item--static': !isHoverable,\n }]\"\n :tabindex=\"isFocusable ? 0 : -1\"\n :role=\"role\"\n :aria-selected=\"role === 'listitem' ? undefined : isHighlighted\"\n v-on=\"listItemListeners\"\n >\n <dt-item-layout\n v-if=\"isDefaultType\"\n unstyled\n :class=\"['d-list-item__wrapper', wrapperClass]\"\n ~~left~~-class=\"d-list-item__left\"\n content-class=\"d-list-item__content\"\n title-class=\"d-list-item__title\"\n subtitle-class=\"d-list-item__subtitle\"\n ~~bottom~~-class=\"d-list-item__bottom\"\n ~~right~~-class=\"d-list-item__right\"\n selected-class=\"d-list-item__selected\"\n data-qa=\"dt-list-item-wrapper\"\n >\n <template\n v-for=\"(_, slotName) in $slots\"\n #[slotName]\n >\n <!-- @slot named slots for custom list items -->\n <slot :name=\"slotName\" />\n </template>\n <template\n v-if=\"selected\"\n #selected\n >\n <dt-icon-check size=\"~~400~~\" />\n </template>\n </dt-item-layout>\n <!-- @slot slot for the main content -->\n <slot v-else />\n </component>\n</template>\n\n<script>\nimport {\n LIST_ITEM_TYPES,\n LIST_ITEM_NAVIGATION_TYPES,\n} from './~~list_item_constants~~';\nimport utils from '@/common/utils';\nimport { DtIconCheck } from '@dialpad/dialtone-icons/~~vue3~~';\nimport { DtItemLayout } from '@/components/~~item_layout~~';\n\nconst ROLES = ['listitem', 'menuitem', 'option'];\n\n/*\n A list item is an element that can be used to represent individual items in a list.\n * @see https://dialtone.dialpad.com/components/list_item.html\n /\nexport default {\n ~~compatConfig: { MODE: 3 },\n~~ name: 'DtListItem',\n\n components: {\n DtItemLayout,\n DtIconCheck,\n },\n\n /\n Value provided from keyboard_list_navigation.js using id prop.\n /\n inject: {\n highlightId: { default: null },\n },\n\n props: {\n /\n Id for the item.\n /\n id: {\n type: String,\n default () { return utils.getUniqueString(); },\n },\n\n /\n String to use for the item's role.\n /\n role: {\n type: String,\n default: 'listitem',\n validator: (role) => (ROLES).includes(role),\n },\n\n /\n HTML element type (tag name) of the content wrapper element.\n /\n elementType: {\n type: String,\n default: 'li',\n },\n\n /\n The type of child list item to use.\n * @values default, custom\n /\n type: {\n type: String,\n default: LIST_ITEM_TYPES.DEFAULT,\n validator: (t) => Object.values(LIST_ITEM_TYPES).includes(t),\n },\n\n /\n The type of navigation that this component should support.\n * - \"arrow-keys\" for items that are navigated with UP/DOWN keys.\n * - \"tab\" for items that are navigated using the TAB key.\n * - \"none\" for static items that are not interactive.\n * @values arrow-keys, tab, none\n /\n navigationType: {\n type: String,\n default: LIST_ITEM_NAVIGATION_TYPES.NONE,\n validator: (t) => Object.values(LIST_ITEM_NAVIGATION_TYPES).includes(t),\n },\n\n /\n Applies selected styles to the list item\n /\n selected: {\n type: Boolean,\n default: false,\n },\n\n /\n Additional Classes to apply to the wrapper element,\n * note: it only applies on \"default\" type\n * Can accept all of: String, Object, and Array, i.e. has the\n * same api as Vue's built-in handling of the class attribute.\n /\n wrapperClass: {\n type: [String, Object, Array],\n default: '',\n },\n },\n\n emits: [\n /\n Key down event\n \n @event keydown\n * @type {KeyboardEvent}\n /\n 'keydown',\n\n /\n Native mouse move event\n \n @event mousemove\n * @type {MouseEvent}\n /\n 'mousemove',\n\n /\n Native mouse leave event\n \n @event mouseleave\n * @type {MouseEvent}\n /\n 'mouseleave',\n ],\n\n data () {\n return {\n injected: false,\n mouseHighlighted: false,\n };\n },\n\n computed: {\n isDefaultType () {\n return this.type === LIST_ITEM_TYPES.DEFAULT;\n },\n\n listItemListeners () {\n return {\n keydown: event => {\n if (['enter', 'space'].includes(event.code.toLowerCase())) {\n this.onClick(event);\n }\n this.$emit('keydown', event);\n },\n\n mousemove: event => {\n this.onMouseHover(event);\n this.$emit('mousemove', event);\n },\n\n mouseleave: event => {\n this.onMouseLeave(event);\n this.$emit('mouseleave', event);\n },\n };\n },\n\n /\n For keyboard navigation, whether this item is currently highlighted.\n * An injected highlightId will override the default mouseover highlight.\n /\n isHighlighted () {\n if (this.isHoverable) {\n return this.highlightId && this.highlightId() ? this.id === this.highlightId() : this.mouseHighlighted;\n }\n return false;\n },\n\n isFocusable () {\n // Navigation type has to be set to \"tab\".\n return this.navigationType === LIST_ITEM_NAVIGATION_TYPES.TAB;\n },\n\n /\n Whether to apply hover styles.\n */\n isHoverable () {\n return this.navigationType !== LIST_ITEM_NAVIGATION_TYPES.NONE;\n },\n },\n\n methods: {\n onClick (e) {\n // disabled as we do not want to override native click\n ~~// eslint-disable-next-line vue/require-explicit-emits\n~~ this.$emit('click', e);\n },\n\n onMouseHover () {\n this.mouseHighlighted = true;\n },\n\n onMouseLeave () {\n this.mouseHighlighted = false;\n },\n },\n};\n</script>\n"],"mappings":";;;;;;;AAyDA,IAAM,IAAQ;CAAC;CAAY;CAAY;CAAS,EAM3C,IAAU;CACb,~~cAAc,EAAE,~~MAAM~~,GAAG~~;~~CACzB,MAAM;~~CAEN,YAAY;EACV,cAAA;EACA;EACD;CAKD,QAAQ,EACN,aAAa,EAAE,SAAS,MAAM,EAC/B;CAED,OAAO;EAIL,IAAI;GACF,MAAM;GACN,UAAW;AAAE,WAAO,EAAM,iBAAiB;;GAC5C;~~EAKD~~,MAAM;GACJ,MAAM;GACN,SAAS;GACT,YAAY,MAAU,EAAO,SAAS,EAAK;GAC5C;EAKD,aAAa;GACX,MAAM;GACN,SAAS;GACV;EAMD,MAAM;GACJ,MAAM;GACN,SAAS,EAAgB;GACzB,YAAY,MAAM,OAAO,OAAO,EAAgB,CAAC,SAAS,EAAE;GAC7D;EASD,gBAAgB;GACd,MAAM;GACN,SAAS,EAA2B;GACpC,YAAY,MAAM,OAAO,OAAO,EAA2B,CAAC,SAAS,EAAE;GACxE;EAKD,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAQD,cAAc;GACZ,MAAM;IAAC;IAAQ;IAAQ;IAAM;GAC7B,SAAS;GACV;EACF;CAED,OAAO;EAOL;EAQA;EAQA;EACD;CAED,OAAQ;AACN,SAAO;GACL,UAAU;GACV,kBAAkB;GACnB;;CAGH,UAAU;EACR,gBAAiB;AACf,UAAO,KAAK,SAAS,EAAgB;;EAGvC,oBAAqB;AACnB,UAAO;IACL,UAAS,MAAS;AAIhB,KAHI,CAAC,SAAS,QAAQ,CAAC,SAAS,EAAM,KAAK,aAAa,CAAC,IACvD,KAAK,QAAQ,EAAM,EAErB,KAAK,MAAM,WAAW,EAAM;;IAG9B,YAAW,MAAS;AAElB,KADA,KAAK,aAAa,EAAM,EACxB,KAAK,MAAM,aAAa,EAAM;;IAGhC,aAAY,MAAS;AAEnB,KADA,KAAK,aAAa,EAAM,EACxB,KAAK,MAAM,cAAc,EAAM;;IAElC;;EAOH,gBAAiB;AAIf,UAHI,KAAK,cACA,KAAK,eAAe,KAAK,aAAY,GAAI,KAAK,OAAO,KAAK,aAAY,GAAI,KAAK,mBAEjF;;EAGT,cAAe;AAEb,UAAO,KAAK,mBAAmB,EAA2B;;EAM5D,cAAe;AACb,UAAO,KAAK,mBAAmB,EAA2B;;EAE7D;CAED,SAAS;EACP,QAAS,GAAG;~~AAGV~~,QAAK,MAAM,SAAS,EAAE;;EAGxB,eAAgB;AACd,QAAK,mBAAmB;;EAG1B,eAAgB;AACd,QAAK,mBAAmB;;EAE3B;CACF;;;~~aArPC~~,EA4CY,EA3CL,EAAA,YAAW,EADlB,EA4CY;EA1CT,IAAI,EAAA;EACJ,OAAK,CAAA,eAAA;6BAAmE,EAAA;+BAAiD,EAAA;2BAA+C,EAAA;;EAOxK,UAAU,EAAA,cAAW,IAAA;EACrB,MAAM,EAAA;EACN,iBAAe,EAAA,SAAI,aAAkB,KAAA,IAAY,EAAA;IAClD,EAAwB,EAAlB,kBAAiB,CAAA,EAAA;mBA4BN,CAzBT,EAAA,iBAAA,GAAA,EADR,EA0BiB,GAAA;;GAxBf,UAAA;GACC,OAAK,EAAA,CAAA,wBAA2B,EAAA,aAAY,CAAA;GAC7C,~~cAAW~~;~~GACX~~,iBAAc;GACd,eAAY;GACZ,kBAAe;GACf,~~gBAAa~~;~~GACb~~,~~eAAY~~;~~GACZ~~,kBAAe;GACf,WAAQ;oBAGkB,EAAA,SAAhB,GAAG;SACV;eAGwB,CAAzB,EAAyB,EAAA,QAAZ,EAAQ,CAAA,CAAA;OAGf,EAAA,WAAA;SACL;eAE2B,CAA5B,EAA4B,GAAA,EAAb,MAAK,OAAK,CAAA,CAAA,CAAA;;oCAI7B,EAAe,EAAA,QAAA,WAAA,EAAA,KAAA,GAAA,CAAA,CAAA,CAAA"}
1	+ {"version":3,"file":"list-item.js","names":[],"sources":["../../../components/ListItem/ListItem.vue"],"sourcesContent":["<template>\n <component\n :is=\"elementType\"\n :id=\"id\"\n :class=\"[\n 'd-list-item',\n {\n 'd-list-item--focusable': isFocusable,\n 'd-list-item--highlighted': isHighlighted,\n 'd-list-item--static': !isHoverable,\n }]\"\n :tabindex=\"isFocusable ? 0 : -1\"\n :role=\"role\"\n :aria-selected=\"role === 'listitem' ? undefined : isHighlighted\"\n v-on=\"listItemListeners\"\n >\n <dt-item-layout\n v-if=\"isDefaultType\"\n unstyled\n :class=\"['d-list-item__wrapper', wrapperClass]\"\n start-class=\"d-list-item__left\"\n content-class=\"d-list-item__content\"\n title-class=\"d-list-item__title\"\n subtitle-class=\"d-list-item__subtitle\"\n block-end-class=\"d-list-item__bottom\"\n end-class=\"d-list-item__right\"\n selected-class=\"d-list-item__selected\"\n data-qa=\"dt-list-item-wrapper\"\n >\n <template\n v-for=\"(_, slotName) in $slots\"\n #[slotName]\n >\n <!-- @slot named slots for custom list items -->\n <slot :name=\"slotName\" />\n </template>\n <template\n v-if=\"selected\"\n #selected\n >\n <dt-icon-check size=\"200\" />\n </template>\n </dt-item-layout>\n <!-- @slot slot for the main content -->\n <slot v-else />\n </component>\n</template>\n\n<script>\nimport {\n LIST_ITEM_TYPES,\n LIST_ITEM_NAVIGATION_TYPES,\n} from './ListItemConstants';\nimport utils from '@/common/utils';\nimport { DtIconCheck } from '@dialpad/dialtone-icons/vue';\nimport { DtItemLayout } from '@/components/ItemLayout';\n\nconst ROLES = ['listitem', 'menuitem', 'option'];\n\n/*\n A list item is an element that can be used to represent individual items in a list.\n * @see https://dialtone.dialpad.com/components/list_item.html\n /\nexport default {\n name: 'DtListItem',\n\n components: {\n DtItemLayout,\n DtIconCheck,\n },\n\n /\n Value provided from keyboard_list_navigation.js using id prop.\n /\n inject: {\n highlightId: { default: null },\n },\n\n props: {\n /\n Id for the item.\n /\n id: {\n type: String,\n default () { return utils.getUniqueString(); },\n },\n\n /\n String to use for the item's role.\n * @values listitem, menuitem, option\n /\n role: {\n type: String,\n default: 'listitem',\n validator: (role) => (ROLES).includes(role),\n },\n\n /\n HTML element type (tag name) of the content wrapper element.\n /\n elementType: {\n type: String,\n default: 'li',\n },\n\n /\n The type of child list item to use.\n * @values default, custom\n /\n type: {\n type: String,\n default: LIST_ITEM_TYPES.DEFAULT,\n validator: (t) => Object.values(LIST_ITEM_TYPES).includes(t),\n },\n\n /\n The type of navigation that this component should support.\n * - \"arrow-keys\" for items that are navigated with UP/DOWN keys.\n * - \"tab\" for items that are navigated using the TAB key.\n * - \"none\" for static items that are not interactive.\n * @values arrow-keys, tab, none\n /\n navigationType: {\n type: String,\n default: LIST_ITEM_NAVIGATION_TYPES.NONE,\n validator: (t) => Object.values(LIST_ITEM_NAVIGATION_TYPES).includes(t),\n },\n\n /\n Applies selected styles to the list item\n /\n selected: {\n type: Boolean,\n default: false,\n },\n\n /\n Additional Classes to apply to the wrapper element,\n * note: it only applies on \"default\" type\n * Can accept all of: String, Object, and Array, i.e. has the\n * same api as Vue's built-in handling of the class attribute.\n /\n wrapperClass: {\n type: [String, Object, Array],\n default: '',\n },\n },\n\n emits: [\n /\n Native click event\n \n @event click\n * @type {PointerEvent \| KeyboardEvent}\n /\n 'click',\n\n /\n Key down event\n \n @event keydown\n * @type {KeyboardEvent}\n /\n 'keydown',\n\n /\n Native mouse move event\n \n @event mousemove\n * @type {MouseEvent}\n /\n 'mousemove',\n\n /\n Native mouse leave event\n \n @event mouseleave\n * @type {MouseEvent}\n /\n 'mouseleave',\n ],\n\n data () {\n return {\n injected: false,\n mouseHighlighted: false,\n };\n },\n\n computed: {\n isDefaultType () {\n return this.type === LIST_ITEM_TYPES.DEFAULT;\n },\n\n listItemListeners () {\n return {\n click: event => {\n this.onClick(event);\n },\n\n keydown: event => {\n if (['enter', 'space'].includes(event.code.toLowerCase())) {\n this.onClick(event);\n }\n this.$emit('keydown', event);\n },\n\n mousemove: event => {\n this.onMouseHover(event);\n this.$emit('mousemove', event);\n },\n\n mouseleave: event => {\n this.onMouseLeave(event);\n this.$emit('mouseleave', event);\n },\n };\n },\n\n /\n For keyboard navigation, whether this item is currently highlighted.\n * An injected highlightId will override the default mouseover highlight.\n /\n isHighlighted () {\n if (this.isHoverable) {\n return this.highlightId && this.highlightId() ? this.id === this.highlightId() : this.mouseHighlighted;\n }\n return false;\n },\n\n isFocusable () {\n // Navigation type has to be set to \"tab\".\n return this.navigationType === LIST_ITEM_NAVIGATION_TYPES.TAB;\n },\n\n /\n Whether to apply hover styles.\n */\n isHoverable () {\n return this.navigationType !== LIST_ITEM_NAVIGATION_TYPES.NONE;\n },\n },\n\n methods: {\n onClick (e) {\n // disabled as we do not want to override native click\n this.$emit('click', e);\n },\n\n onMouseHover () {\n this.mouseHighlighted = true;\n },\n\n onMouseLeave () {\n this.mouseHighlighted = false;\n },\n },\n};\n</script>\n"],"mappings":";;;;;;;AAyDA,IAAM,IAAQ;CAAC;CAAY;CAAY;CAAS,EAM3C,IAAU;CACb,MAAM;CAEN,YAAY;EACV,cAAA;EACA;EACD;CAKD,QAAQ,EACN,aAAa,EAAE,SAAS,MAAM,EAC/B;CAED,OAAO;EAIL,IAAI;GACF,MAAM;GACN,UAAW;AAAE,WAAO,EAAM,iBAAiB;;GAC5C;EAMD,MAAM;GACJ,MAAM;GACN,SAAS;GACT,YAAY,MAAU,EAAO,SAAS,EAAK;GAC5C;EAKD,aAAa;GACX,MAAM;GACN,SAAS;GACV;EAMD,MAAM;GACJ,MAAM;GACN,SAAS,EAAgB;GACzB,YAAY,MAAM,OAAO,OAAO,EAAgB,CAAC,SAAS,EAAE;GAC7D;EASD,gBAAgB;GACd,MAAM;GACN,SAAS,EAA2B;GACpC,YAAY,MAAM,OAAO,OAAO,EAA2B,CAAC,SAAS,EAAE;GACxE;EAKD,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAQD,cAAc;GACZ,MAAM;IAAC;IAAQ;IAAQ;IAAM;GAC7B,SAAS;GACV;EACF;CAED,OAAO;EAOL;EAQA;EAQA;EAQA;EACD;CAED,OAAQ;AACN,SAAO;GACL,UAAU;GACV,kBAAkB;GACnB;;CAGH,UAAU;EACR,gBAAiB;AACf,UAAO,KAAK,SAAS,EAAgB;;EAGvC,oBAAqB;AACnB,UAAO;IACL,QAAO,MAAS;AACd,UAAK,QAAQ,EAAM;;IAGrB,UAAS,MAAS;AAIhB,KAHI,CAAC,SAAS,QAAQ,CAAC,SAAS,EAAM,KAAK,aAAa,CAAC,IACvD,KAAK,QAAQ,EAAM,EAErB,KAAK,MAAM,WAAW,EAAM;;IAG9B,YAAW,MAAS;AAElB,KADA,KAAK,aAAa,EAAM,EACxB,KAAK,MAAM,aAAa,EAAM;;IAGhC,aAAY,MAAS;AAEnB,KADA,KAAK,aAAa,EAAM,EACxB,KAAK,MAAM,cAAc,EAAM;;IAElC;;EAOH,gBAAiB;AAIf,UAHI,KAAK,cACA,KAAK,eAAe,KAAK,aAAY,GAAI,KAAK,OAAO,KAAK,aAAY,GAAI,KAAK,mBAEjF;;EAGT,cAAe;AAEb,UAAO,KAAK,mBAAmB,EAA2B;;EAM5D,cAAe;AACb,UAAO,KAAK,mBAAmB,EAA2B;;EAE7D;CAED,SAAS;EACP,QAAS,GAAG;AAEV,QAAK,MAAM,SAAS,EAAE;;EAGxB,eAAgB;AACd,QAAK,mBAAmB;;EAG1B,eAAgB;AACd,QAAK,mBAAmB;;EAE3B;CACF;;;aAhQC,EA4CY,EA3CL,EAAA,YAAW,EADlB,EA4CY;EA1CT,IAAI,EAAA;EACJ,OAAK,CAAA,eAAA;6BAAmE,EAAA;+BAAiD,EAAA;2BAA+C,EAAA;;EAOxK,UAAU,EAAA,cAAW,IAAA;EACrB,MAAM,EAAA;EACN,iBAAe,EAAA,SAAI,aAAkB,KAAA,IAAY,EAAA;IAClD,EAAwB,EAAlB,kBAAiB,CAAA,EAAA;mBA4BN,CAzBT,EAAA,iBAAA,GAAA,EADR,EA0BiB,GAAA;;GAxBf,UAAA;GACC,OAAK,EAAA,CAAA,wBAA2B,EAAA,aAAY,CAAA;GAC7C,eAAY;GACZ,iBAAc;GACd,eAAY;GACZ,kBAAe;GACf,mBAAgB;GAChB,aAAU;GACV,kBAAe;GACf,WAAQ;oBAGkB,EAAA,SAAhB,GAAG;SACV;eAGwB,CAAzB,EAAyB,EAAA,QAAZ,EAAQ,CAAA,CAAA;OAGf,EAAA,WAAA;SACL;eAE2B,CAA5B,EAA4B,GAAA,EAAb,MAAK,OAAK,CAAA,CAAA,CAAA;;oCAI7B,EAAe,EAAA,QAAA,WAAA,EAAA,KAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/lib/list-item-group/list-item-group-constants.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"list-item-group-constants.cjs","names":[],"sources":["../../../components/~~list_item_group~~/~~list_item_group_constants~~.js"],"sourcesContent":["export const DEFAULT_CONSTANTS = null;\n\nexport default {\n DEFAULT_CONSTANTS,\n};\n"],"mappings":"+FAAA,IAAa,EAAoB,KAEjC,EAAe,CACb,kBAAA,KACD"}
1	+ {"version":3,"file":"list-item-group-constants.cjs","names":[],"sources":["../../../components/ListItemGroup/ListItemGroupConstants.js"],"sourcesContent":["export const DEFAULT_CONSTANTS = null;\n\nexport default {\n DEFAULT_CONSTANTS,\n};\n"],"mappings":"+FAAA,IAAa,EAAoB,KAEjC,EAAe,CACb,kBAAA,KACD"}

package/dist/lib/list-item-group/list-item-group-constants.js CHANGED Viewed

@@ -1,4 +1,4 @@
-//#region components/list_item_group/list_item_group_constants.js
+//#region components/ListItemGroup/ListItemGroupConstants.js
 var e = null, t = { DEFAULT_CONSTANTS: null };
 //#endregion
 export { e as DEFAULT_CONSTANTS, t as default };

package/dist/lib/list-item-group/list-item-group-constants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"list-item-group-constants.js","names":[],"sources":["../../../components/~~list_item_group~~/~~list_item_group_constants~~.js"],"sourcesContent":["export const DEFAULT_CONSTANTS = null;\n\nexport default {\n DEFAULT_CONSTANTS,\n};\n"],"mappings":";AAAA,IAAa,IAAoB,MAEjC,IAAe,EACb,mBAAA,MACD"}
1	+ {"version":3,"file":"list-item-group-constants.js","names":[],"sources":["../../../components/ListItemGroup/ListItemGroupConstants.js"],"sourcesContent":["export const DEFAULT_CONSTANTS = null;\n\nexport default {\n DEFAULT_CONSTANTS,\n};\n"],"mappings":";AAAA,IAAa,IAAoB,MAEjC,IAAe,EACb,mBAAA,MACD"}

package/dist/lib/list-item-group/list-item-group.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/utils/index.cjs`),t=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`);let n=require(`vue`);var r={compatConfig:{MODE:3},name:`DtListItemGroup`,props:{id:{type:String,default(){return e.getUniqueString()}},heading:{type:String,default:``},headingClass:{type:[String,Array,Object],default:``},listClass:{type:[String,Array,Object],default:``}}},i=[`id`,`aria-labelledby`],a=[`id`];function o(e,t,r,o,s,c){return(0,n.openBlock)(),(0,n.createElementBlock)(`ul`,{id:r.id,class:(0,n.normalizeClass)([`d-list-item-group`,r.listClass]),role:`group`,"data-qa":`dt-dropdown-list-wrapper`,"aria-labelledby":`${r.id}-heading`},[r.heading?((0,n.openBlock)(),(0,n.createElementBlock)(`li`,{key:0,id:`${r.id}-heading`,role:`presentation`,"data-qa":`dt-dropdown-list-heading`,class:(0,n.normalizeClass)([`dt-dropdown-list--header`,r.headingClass])},[(0,n.renderSlot)(e.$slots,`headingSlot`,{},()=>[(0,n.createTextVNode)((0,n.toDisplayString)(r.heading),1)])],10,a)):(0,n.createCommentVNode)(``,!0),(0,n.renderSlot)(e.$slots,`default`)],10,i)}var s=t.t(r,[[`render`,o]]);exports.default=s;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/utils/index.cjs`),t=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`);let n=require(`vue`);var r={name:`DtListItemGroup`,props:{id:{type:String,default(){return e.getUniqueString()}},heading:{type:String,default:``},headingClass:{type:[String,Array,Object],default:``},listClass:{type:[String,Array,Object],default:``}}},i=[`id`,`aria-labelledby`],a=[`id`];function o(e,t,r,o,s,c){return(0,n.openBlock)(),(0,n.createElementBlock)(`ul`,{id:r.id,class:(0,n.normalizeClass)([`d-list-item-group`,r.listClass]),role:`group`,"data-qa":`dt-dropdown-list-wrapper`,"aria-labelledby":`${r.id}-heading`},[r.heading?((0,n.openBlock)(),(0,n.createElementBlock)(`li`,{key:0,id:`${r.id}-heading`,role:`presentation`,"data-qa":`dt-dropdown-list-heading`,class:(0,n.normalizeClass)([`dt-dropdown-list--header`,r.headingClass])},[(0,n.renderSlot)(e.$slots,`heading`,{},()=>[(0,n.createTextVNode)((0,n.toDisplayString)(r.heading),1)])],10,a)):(0,n.createCommentVNode)(``,!0),(0,n.renderSlot)(e.$slots,`default`)],10,i)}var s=t.t(r,[[`render`,o]]);exports.default=s;
 //# sourceMappingURL=list-item-group.cjs.map

package/dist/lib/list-item-group/list-item-group.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"list-item-group.cjs","names":[],"sources":["../../../components/~~list_item_group~~/~~list_item_group~~.vue"],"sourcesContent":["<template>\n <ul\n :id=\"id\"\n :class=\"['d-list-item-group', listClass]\"\n role=\"group\"\n data-qa=\"dt-dropdown-list-wrapper\"\n :aria-labelledby=\"`${id}-heading`\"\n >\n <li\n v-if=\"heading\"\n :id=\"`${id}-heading`\"\n role=\"presentation\"\n data-qa=\"dt-dropdown-list-heading\"\n :class=\"['dt-dropdown-list--header', headingClass]\"\n >\n <!-- @slot Slot for heading, will override heading prop. -->\n <slot name=\"~~headingSlot~~\">\n {{ heading }}\n </slot>\n </li>\n <!-- @slot Slot for the list component -->\n <slot />\n </ul>\n</template>\n\n<script>\nimport {} from './~~list_item_group_constants~~';\nimport { getUniqueString } from '@/common/utils';\n\nexport default {\n ~~compatConfig: { MODE: 3 },\n~~ name: 'DtListItemGroup',\n\n props: {\n /*\n Id of the List Item Group\n /\n id: {\n type: String,\n default () { return getUniqueString(); },\n },\n\n /\n List's heading.\n /\n heading: {\n type: String,\n default: '',\n },\n\n /\n Additional class to style the heading\n /\n headingClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n Additional class for the wrapper list element.\n */\n listClass: {\n type: [String, Array, Object],\n default: '',\n },\n },\n};\n</script>\n"],"mappings":"kQA6BA,IAAK,EAAU,CACb,~~aAAc,CAAE,~~KAAM,~~EAAG,CACzB,KAAM,~~kBAEN,MAAO,CAIL,GAAI,CACF,KAAM,OACN,SAAW,CAAE,OAAO,EAAA,iBAAiB,EACtC,~~CAKD~~,QAAS,CACP,KAAM,OACN,QAAS,GACV,CAKD,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,UAAW,CACT,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CACF,CACF,8GA5CM,KAAA,CApBF,GAAI,EAAA,GACJ,OAAA,EAAA,EAAA,gBAAK,CAAA,oBAAwB,EAAA,UAAS,CAAA,CACvC,KAAK,QACL,UAAQ,2BACP,kBAAe,GAAK,EAAA,GAAE,YAGf,EAAA,UAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAUH,KAAA,OATF,GAAE,GAAK,EAAA,GAAE,UACV,KAAK,eACL,UAAQ,2BACP,OAAA,EAAA,EAAA,gBAAK,CAAA,2BAA+B,EAAA,aAAY,CAAA,oBAK1C,EAAA,OAAA,~~cAAA~~,EAAA,KAAA,EAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBADF,EAAA,QAAO,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,GAAA,EAAA,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,EAAA,EAAA,EAAA,YAIN,EAAA,OAAA,UAAA,CAAA,CAAA,GAAA,EAAA"}
1	+ {"version":3,"file":"list-item-group.cjs","names":[],"sources":["../../../components/ListItemGroup/ListItemGroup.vue"],"sourcesContent":["<template>\n <ul\n :id=\"id\"\n :class=\"['d-list-item-group', listClass]\"\n role=\"group\"\n data-qa=\"dt-dropdown-list-wrapper\"\n :aria-labelledby=\"`${id}-heading`\"\n >\n <li\n v-if=\"heading\"\n :id=\"`${id}-heading`\"\n role=\"presentation\"\n data-qa=\"dt-dropdown-list-heading\"\n :class=\"['dt-dropdown-list--header', headingClass]\"\n >\n <!-- @slot Slot for heading, will override heading prop -->\n <slot name=\"heading\">\n {{ heading }}\n </slot>\n </li>\n <!-- @slot Slot for the list component -->\n <slot />\n </ul>\n</template>\n\n<script>\nimport {} from './ListItemGroupConstants';\nimport { getUniqueString } from '@/common/utils';\n\nexport default {\n name: 'DtListItemGroup',\n\n props: {\n /*\n Id of the List Item Group\n /\n id: {\n type: String,\n default () { return getUniqueString(); },\n },\n\n /\n List's heading.\n * Can also be overridden with a slot of the same name.\n /\n heading: {\n type: String,\n default: '',\n },\n\n /\n Additional class to style the heading\n /\n headingClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n Additional class for the wrapper list element.\n */\n listClass: {\n type: [String, Array, Object],\n default: '',\n },\n },\n};\n</script>\n"],"mappings":"kQA6BA,IAAK,EAAU,CACb,KAAM,kBAEN,MAAO,CAIL,GAAI,CACF,KAAM,OACN,SAAW,CAAE,OAAO,EAAA,iBAAiB,EACtC,CAMD,QAAS,CACP,KAAM,OACN,QAAS,GACV,CAKD,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,UAAW,CACT,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CACF,CACF,8GA5CM,KAAA,CApBF,GAAI,EAAA,GACJ,OAAA,EAAA,EAAA,gBAAK,CAAA,oBAAwB,EAAA,UAAS,CAAA,CACvC,KAAK,QACL,UAAQ,2BACP,kBAAe,GAAK,EAAA,GAAE,YAGf,EAAA,UAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAUH,KAAA,OATF,GAAE,GAAK,EAAA,GAAE,UACV,KAAK,eACL,UAAQ,2BACP,OAAA,EAAA,EAAA,gBAAK,CAAA,2BAA+B,EAAA,aAAY,CAAA,oBAK1C,EAAA,OAAA,UAAA,EAAA,KAAA,EAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBADF,EAAA,QAAO,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,GAAA,EAAA,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,EAAA,EAAA,EAAA,YAIN,EAAA,OAAA,UAAA,CAAA,CAAA,GAAA,EAAA"}

package/dist/lib/list-item-group/list-item-group.js CHANGED Viewed

@@ -1,9 +1,8 @@
 import { getUniqueString as e } from "../../common/utils/index.js";
 import { t } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
 import { createCommentVNode as n, createElementBlock as r, createTextVNode as i, normalizeClass as a, openBlock as o, renderSlot as s, toDisplayString as c } from "vue";
-//#region components/list_item_group/list_item_group.vue
+//#region components/ListItemGroup/ListItemGroup.vue
 var l = {
-	compatConfig: { MODE: 3 },
 	name: "DtListItemGroup",
 	props: {
 		id: {
@@ -47,7 +46,7 @@ function f(e, t, l, f, p, m) {
 		role: "presentation",
 		"data-qa": "dt-dropdown-list-heading",
 		class: a(["dt-dropdown-list--header", l.headingClass])
-	}, [s(e.$slots, "headingSlot", {}, () => [i(c(l.heading), 1)])], 10, d)) : n("", !0), s(e.$slots, "default")], 10, u);
+	}, [s(e.$slots, "heading", {}, () => [i(c(l.heading), 1)])], 10, d)) : n("", !0), s(e.$slots, "default")], 10, u);
 }
 var p = /* @__PURE__ */ t(l, [["render", f]]);
 //#endregion

package/dist/lib/list-item-group/list-item-group.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"list-item-group.js","names":[],"sources":["../../../components/~~list_item_group~~/~~list_item_group~~.vue"],"sourcesContent":["<template>\n <ul\n :id=\"id\"\n :class=\"['d-list-item-group', listClass]\"\n role=\"group\"\n data-qa=\"dt-dropdown-list-wrapper\"\n :aria-labelledby=\"`${id}-heading`\"\n >\n <li\n v-if=\"heading\"\n :id=\"`${id}-heading`\"\n role=\"presentation\"\n data-qa=\"dt-dropdown-list-heading\"\n :class=\"['dt-dropdown-list--header', headingClass]\"\n >\n <!-- @slot Slot for heading, will override heading prop. -->\n <slot name=\"~~headingSlot~~\">\n {{ heading }}\n </slot>\n </li>\n <!-- @slot Slot for the list component -->\n <slot />\n </ul>\n</template>\n\n<script>\nimport {} from './~~list_item_group_constants~~';\nimport { getUniqueString } from '@/common/utils';\n\nexport default {\n ~~compatConfig: { MODE: 3 },\n~~ name: 'DtListItemGroup',\n\n props: {\n /*\n Id of the List Item Group\n /\n id: {\n type: String,\n default () { return getUniqueString(); },\n },\n\n /\n List's heading.\n /\n heading: {\n type: String,\n default: '',\n },\n\n /\n Additional class to style the heading\n /\n headingClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n Additional class for the wrapper list element.\n */\n listClass: {\n type: [String, Array, Object],\n default: '',\n },\n },\n};\n</script>\n"],"mappings":";;;;AA6BA,IAAK,IAAU;CACb,~~cAAc,EAAE,~~MAAM~~,GAAG~~;~~CACzB,MAAM;~~CAEN,OAAO;EAIL,IAAI;GACF,MAAM;GACN,UAAW;AAAE,WAAO,GAAiB;;GACtC;~~EAKD~~,SAAS;GACP,MAAM;GACN,SAAS;GACV;EAKD,cAAc;GACZ,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAKD,WAAW;GACT,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EACF;CACF;;aAjEC,EAqBK,MAAA;EApBF,IAAI,EAAA;EACJ,OAAK,EAAA,CAAA,qBAAwB,EAAA,UAAS,CAAA;EACvC,MAAK;EACL,WAAQ;EACP,mBAAe,GAAK,EAAA,GAAE;KAGf,EAAA,WAAA,GAAA,EADR,EAWK,MAAA;;EATF,IAAE,GAAK,EAAA,GAAE;EACV,MAAK;EACL,WAAQ;EACP,OAAK,EAAA,CAAA,4BAA+B,EAAA,aAAY,CAAA;KAGjD,EAEO,EAAA,QAAA,~~eAAA~~,EAAA,QAAA,CAAA,EAAA,EADF,EAAA,QAAO,EAAA,EAAA,CAAA,CAAA,CAAA,EAAA,IAAA,EAAA,IAAA,EAAA,IAAA,GAAA,EAId,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,IAAA,EAAA"}
1	+ {"version":3,"file":"list-item-group.js","names":[],"sources":["../../../components/ListItemGroup/ListItemGroup.vue"],"sourcesContent":["<template>\n <ul\n :id=\"id\"\n :class=\"['d-list-item-group', listClass]\"\n role=\"group\"\n data-qa=\"dt-dropdown-list-wrapper\"\n :aria-labelledby=\"`${id}-heading`\"\n >\n <li\n v-if=\"heading\"\n :id=\"`${id}-heading`\"\n role=\"presentation\"\n data-qa=\"dt-dropdown-list-heading\"\n :class=\"['dt-dropdown-list--header', headingClass]\"\n >\n <!-- @slot Slot for heading, will override heading prop -->\n <slot name=\"heading\">\n {{ heading }}\n </slot>\n </li>\n <!-- @slot Slot for the list component -->\n <slot />\n </ul>\n</template>\n\n<script>\nimport {} from './ListItemGroupConstants';\nimport { getUniqueString } from '@/common/utils';\n\nexport default {\n name: 'DtListItemGroup',\n\n props: {\n /*\n Id of the List Item Group\n /\n id: {\n type: String,\n default () { return getUniqueString(); },\n },\n\n /\n List's heading.\n * Can also be overridden with a slot of the same name.\n /\n heading: {\n type: String,\n default: '',\n },\n\n /\n Additional class to style the heading\n /\n headingClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n Additional class for the wrapper list element.\n */\n listClass: {\n type: [String, Array, Object],\n default: '',\n },\n },\n};\n</script>\n"],"mappings":";;;;AA6BA,IAAK,IAAU;CACb,MAAM;CAEN,OAAO;EAIL,IAAI;GACF,MAAM;GACN,UAAW;AAAE,WAAO,GAAiB;;GACtC;EAMD,SAAS;GACP,MAAM;GACN,SAAS;GACV;EAKD,cAAc;GACZ,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAKD,WAAW;GACT,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EACF;CACF;;aAjEC,EAqBK,MAAA;EApBF,IAAI,EAAA;EACJ,OAAK,EAAA,CAAA,qBAAwB,EAAA,UAAS,CAAA;EACvC,MAAK;EACL,WAAQ;EACP,mBAAe,GAAK,EAAA,GAAE;KAGf,EAAA,WAAA,GAAA,EADR,EAWK,MAAA;;EATF,IAAE,GAAK,EAAA,GAAE;EACV,MAAK;EACL,WAAQ;EACP,OAAK,EAAA,CAAA,4BAA+B,EAAA,aAAY,CAAA;KAGjD,EAEO,EAAA,QAAA,WAAA,EAAA,QAAA,CAAA,EAAA,EADF,EAAA,QAAO,EAAA,EAAA,CAAA,CAAA,CAAA,EAAA,IAAA,EAAA,IAAA,EAAA,IAAA,GAAA,EAId,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,IAAA,EAAA"}