@dialpad/dialtone-vue 3.218.2 → 3.218.4

package/dist/lib/notice/notice-icon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"notice-icon.cjs","sources":["../../../components/notice/notice_icon.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"defaultIcon || hasSlotContent($slots.default)\"\n    aria-hidden=\"true\"\n    class=\"d-notice__icon\"\n  >\n    <!-- @slot Slot for the main content -->\n    <slot>\n      <component\n        :is=\"defaultIcon\"\n        size=\"400\"\n      />\n    </slot>\n  </div>\n</template>\n\n<script>\nimport {\n  DtIconInfo,\n  DtIconCheckCircle,\n  DtIconAlertTriangle,\n  DtIconAlertCircle,\n  DtIconBell,\n} from '@dialpad/dialtone-icons/vue3';\nimport { NOTICE_KINDS } from './notice_constants.js';\nimport { hasSlotContent } from '@/common/utils';\n\nconst kindToIcon = new Map([\n  ['info', DtIconInfo],\n  ['success', DtIconCheckCircle],\n  ['warning', DtIconAlertTriangle],\n  ['error', DtIconAlertCircle],\n  ['base', DtIconBell],\n]);\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtNoticeIcon',\n\n  components: {\n    DtIconInfo,\n    DtIconCheckCircle,\n    DtIconAlertTriangle,\n    DtIconAlertCircle,\n    DtIconBell,\n  },\n\n  props: {\n    /**\n     * Kind of icon\n     * @values base, error, info, success, warning\n     */\n    kind: {\n      type: String,\n      default: 'base',\n      validate (kind) {\n        return NOTICE_KINDS.includes(kind);\n      },\n    },\n  },\n\n  data () {\n    return {\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n    defaultIcon () {\n      return kindToIcon.get(this.kind);\n    },\n  },\n};\n</script>\n"],"names":["kindToIcon","DtIconInfo","DtIconCheckCircle","DtIconAlertTriangle","DtIconAlertCircle","DtIconBell","_sfc_main","kind","NOTICE_KINDS","hasSlotContent","$options","$data","_ctx","_openBlock","_createElementBlock","_hoisted_1","_renderSlot","_createBlock","_resolveDynamicComponent"],"mappings":"qTA2BMA,EAAa,IAAI,IAAI,CACzB,CAAC,OAAQC,EAAAA,UAAU,EACnB,CAAC,UAAWC,EAAAA,iBAAiB,EAC7B,CAAC,UAAWC,EAAAA,mBAAmB,EAC/B,CAAC,QAASC,EAAAA,iBAAiB,EAC3B,CAAC,OAAQC,EAAAA,UAAU,CACrB,CAAC,EAEIC,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,eAEN,WAAY,YACVL,EAAAA,WACA,kBAAAC,EAAAA,kBACA,oBAAAC,EAAAA,oBACA,kBAAAC,EAAAA,6BACAC,EAAAA,YAGF,MAAO,CAKL,KAAM,CACJ,KAAM,OACN,QAAS,OACT,SAAUE,EAAM,CACd,OAAOC,EAAAA,aAAa,SAASD,CAAI,CACnC,IAIJ,MAAQ,CACN,MAAO,CACL,eAAAE,EAAAA,eAEJ,EAEA,SAAU,CACR,aAAe,CACb,OAAOT,EAAW,IAAI,KAAK,IAAI,CACjC,EAEJ,WArEI,cAAY,OACZ,MAAM,0CAFA,OAAAU,EAAA,aAAeC,EAAA,eAAeC,EAAA,OAAO,OAAO,GADpDC,EAAAA,YAAAC,EAAAA,mBAYM,MAZNC,EAYM,CANJC,EAAAA,WAKOJ,sBALP,IAKO,EAJLC,YAAA,EAAAI,EAAAA,YAGEC,0BAFKR,EAAA,WAAW,EAAA,CAChB,KAAK,MAAK"}
+{"version":3,"file":"notice-icon.cjs","names":[],"sources":["../../../components/notice/notice_icon.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"defaultIcon || hasSlotContent($slots.default)\"\n    aria-hidden=\"true\"\n    class=\"d-notice__icon\"\n  >\n    <!-- @slot Slot for the main content -->\n    <slot>\n      <component\n        :is=\"defaultIcon\"\n        size=\"400\"\n      />\n    </slot>\n  </div>\n</template>\n\n<script>\nimport {\n  DtIconInfo,\n  DtIconCheckCircle,\n  DtIconAlertTriangle,\n  DtIconAlertCircle,\n  DtIconBell,\n} from '@dialpad/dialtone-icons/vue3';\nimport { NOTICE_KINDS } from './notice_constants.js';\nimport { hasSlotContent } from '@/common/utils';\n\nconst kindToIcon = new Map([\n  ['info', DtIconInfo],\n  ['success', DtIconCheckCircle],\n  ['warning', DtIconAlertTriangle],\n  ['error', DtIconAlertCircle],\n  ['base', DtIconBell],\n]);\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtNoticeIcon',\n\n  components: {\n    DtIconInfo,\n    DtIconCheckCircle,\n    DtIconAlertTriangle,\n    DtIconAlertCircle,\n    DtIconBell,\n  },\n\n  props: {\n    /**\n     * Kind of icon\n     * @values base, error, info, success, warning\n     */\n    kind: {\n      type: String,\n      default: 'base',\n      validate (kind) {\n        return NOTICE_KINDS.includes(kind);\n      },\n    },\n  },\n\n  data () {\n    return {\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n    defaultIcon () {\n      return kindToIcon.get(this.kind);\n    },\n  },\n};\n</script>\n"],"mappings":"gVA2BA,IAAM,EAAa,IAAI,IAAI,CACzB,CAAC,OAAQ,EAAA,WAAW,CACpB,CAAC,UAAW,EAAA,kBAAkB,CAC9B,CAAC,UAAW,EAAA,oBAAoB,CAChC,CAAC,QAAS,EAAA,kBAAkB,CAC5B,CAAC,OAAQ,EAAA,WAAW,CACrB,CAAC,CAEG,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,eAEN,WAAY,CACV,WAAA,EAAA,WACA,kBAAA,EAAA,kBACA,oBAAA,EAAA,oBACA,kBAAA,EAAA,kBACA,WAAA,EAAA,WACD,CAED,MAAO,CAKL,KAAM,CACJ,KAAM,OACN,QAAS,OACT,SAAU,EAAM,CACd,OAAO,EAAA,aAAa,SAAS,EAAK,EAErC,CACF,CAED,MAAQ,CACN,MAAO,CACL,eAAA,EAAA,eACD,EAGH,SAAU,CACR,aAAe,CACb,OAAO,EAAW,IAAI,KAAK,KAAK,EAEnC,CACF,UArEG,cAAY,OACZ,MAAM,iDAFA,EAAA,aAAe,EAAA,eAAe,EAAA,OAAO,QAAO,GAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAW9C,MAZN,EAYM,EAAA,EAAA,EAAA,YADG,EAAA,OAAA,UAAA,EAAA,KAAA,GAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,cAAA,EAAA,EAAA,yBAHE,EAAA,YAAW,CAAA,CAChB,KAAK,MAAK,CAAA,EAAA,CAAA,CAAA,CAAA,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA"}

package/dist/lib/notice/notice-icon.js

@@ -1,61 +1,48 @@
-import { DtIconBell as n, DtIconAlertCircle as r, DtIconAlertTriangle as c, DtIconCheckCircle as a, DtIconInfo as s } from "@dialpad/dialtone-icons/vue3";
-import { NOTICE_KINDS as l } from "./notice-constants.js";
-import { hasSlotContent as d } from "../../common/utils/index.js";
-import { openBlock as o, createElementBlock as m, renderSlot as f, createBlock as p, resolveDynamicComponent as u, createCommentVNode as I } from "vue";
-import { _ } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const D = /* @__PURE__ */ new Map([
-  ["info", s],
-  ["success", a],
-  ["warning", c],
-  ["error", r],
-  ["base", n]
-]), C = {
-  compatConfig: { MODE: 3 },
-  name: "DtNoticeIcon",
-  components: {
-    DtIconInfo: s,
-    DtIconCheckCircle: a,
-    DtIconAlertTriangle: c,
-    DtIconAlertCircle: r,
-    DtIconBell: n
-  },
-  props: {
-    /**
-     * Kind of icon
-     * @values base, error, info, success, warning
-     */
-    kind: {
-      type: String,
-      default: "base",
-      validate(e) {
-        return l.includes(e);
-      }
-    }
-  },
-  data() {
-    return {
-      hasSlotContent: d
-    };
-  },
-  computed: {
-    defaultIcon() {
-      return D.get(this.kind);
-    }
-  }
-}, k = {
-  key: 0,
-  "aria-hidden": "true",
-  class: "d-notice__icon"
+import { hasSlotContent as e } from "../../common/utils/index.js";
+import { t } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import { NOTICE_KINDS as n } from "./notice-constants.js";
+import { createBlock as r, createCommentVNode as i, createElementBlock as a, openBlock as o, renderSlot as s, resolveDynamicComponent as c } from "vue";
+import { DtIconAlertCircle as l, DtIconAlertTriangle as u, DtIconBell as d, DtIconCheckCircle as f, DtIconInfo as p } from "@dialpad/dialtone-icons/vue3";
+//#region components/notice/notice_icon.vue
+var m = new Map([
+	["info", p],
+	["success", f],
+	["warning", u],
+	["error", l],
+	["base", d]
+]), h = {
+	compatConfig: { MODE: 3 },
+	name: "DtNoticeIcon",
+	components: {
+		DtIconInfo: p,
+		DtIconCheckCircle: f,
+		DtIconAlertTriangle: u,
+		DtIconAlertCircle: l,
+		DtIconBell: d
+	},
+	props: { kind: {
+		type: String,
+		default: "base",
+		validate(e) {
+			return n.includes(e);
+		}
+	} },
+	data() {
+		return { hasSlotContent: e };
+	},
+	computed: { defaultIcon() {
+		return m.get(this.kind);
+	} }
+}, g = {
+	key: 0,
+	"aria-hidden": "true",
+	class: "d-notice__icon"
 };
-function h(e, g, N, S, i, t) {
-  return t.defaultIcon || i.hasSlotContent(e.$slots.default) ? (o(), m("div", k, [
-    f(e.$slots, "default", {}, () => [
-      (o(), p(u(t.defaultIcon), { size: "400" }))
-    ])
-  ])) : I("", !0);
+function _(e, t, n, l, u, d) {
+	return d.defaultIcon || u.hasSlotContent(e.$slots.default) ? (o(), a("div", g, [s(e.$slots, "default", {}, () => [(o(), r(c(d.defaultIcon), { size: "400" }))])])) : i("", !0);
 }
-const $ = /* @__PURE__ */ _(C, [["render", h]]);
-export {
-  $ as default
-};
-//# sourceMappingURL=notice-icon.js.map
+var v = /* @__PURE__ */ t(h, [["render", _]]);
+//#endregion
+export { v as default };
+
+//# sourceMappingURL=notice-icon.js.map

package/dist/lib/notice/notice-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"notice-icon.js","sources":["../../../components/notice/notice_icon.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"defaultIcon || hasSlotContent($slots.default)\"\n    aria-hidden=\"true\"\n    class=\"d-notice__icon\"\n  >\n    <!-- @slot Slot for the main content -->\n    <slot>\n      <component\n        :is=\"defaultIcon\"\n        size=\"400\"\n      />\n    </slot>\n  </div>\n</template>\n\n<script>\nimport {\n  DtIconInfo,\n  DtIconCheckCircle,\n  DtIconAlertTriangle,\n  DtIconAlertCircle,\n  DtIconBell,\n} from '@dialpad/dialtone-icons/vue3';\nimport { NOTICE_KINDS } from './notice_constants.js';\nimport { hasSlotContent } from '@/common/utils';\n\nconst kindToIcon = new Map([\n  ['info', DtIconInfo],\n  ['success', DtIconCheckCircle],\n  ['warning', DtIconAlertTriangle],\n  ['error', DtIconAlertCircle],\n  ['base', DtIconBell],\n]);\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtNoticeIcon',\n\n  components: {\n    DtIconInfo,\n    DtIconCheckCircle,\n    DtIconAlertTriangle,\n    DtIconAlertCircle,\n    DtIconBell,\n  },\n\n  props: {\n    /**\n     * Kind of icon\n     * @values base, error, info, success, warning\n     */\n    kind: {\n      type: String,\n      default: 'base',\n      validate (kind) {\n        return NOTICE_KINDS.includes(kind);\n      },\n    },\n  },\n\n  data () {\n    return {\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n    defaultIcon () {\n      return kindToIcon.get(this.kind);\n    },\n  },\n};\n</script>\n"],"names":["kindToIcon","DtIconInfo","DtIconCheckCircle","DtIconAlertTriangle","DtIconAlertCircle","DtIconBell","_sfc_main","kind","NOTICE_KINDS","hasSlotContent","$options","$data","_ctx","_openBlock","_createElementBlock","_hoisted_1","_renderSlot","_createBlock","_resolveDynamicComponent"],"mappings":";;;;;AA2BA,MAAMA,IAAa,oBAAI,IAAI;AAAA,EACzB,CAAC,QAAQC,CAAU;AAAA,EACnB,CAAC,WAAWC,CAAiB;AAAA,EAC7B,CAAC,WAAWC,CAAmB;AAAA,EAC/B,CAAC,SAASC,CAAiB;AAAA,EAC3B,CAAC,QAAQC,CAAU;AACrB,CAAC,GAEIC,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,YAAAL;AAAA,IACA,mBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,YAAAC;AAAA;EAGF,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAUE,GAAM;AACd,eAAOC,EAAa,SAASD,CAAI;AAAA,MACnC;AAAA;;EAIJ,OAAQ;AACN,WAAO;AAAA,MACL,gBAAAE;AAAA;EAEJ;AAAA,EAEA,UAAU;AAAA,IACR,cAAe;AACb,aAAOT,EAAW,IAAI,KAAK,IAAI;AAAA,IACjC;AAAA;AAEJ;;EArEI,eAAY;AAAA,EACZ,OAAM;;;AAFA,SAAAU,EAAA,eAAeC,EAAA,eAAeC,EAAA,OAAO,OAAO,KADpDC,KAAAC,EAYM,OAZNC,GAYM;AAAA,IANJC,EAKOJ,yBALP,MAKO;AAAA,OAJLC,EAAA,GAAAI,EAGEC,EAFKR,EAAA,WAAW,GAAA,EAChB,MAAK,OAAK;AAAA;;;;"}
+{"version":3,"file":"notice-icon.js","names":[],"sources":["../../../components/notice/notice_icon.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"defaultIcon || hasSlotContent($slots.default)\"\n    aria-hidden=\"true\"\n    class=\"d-notice__icon\"\n  >\n    <!-- @slot Slot for the main content -->\n    <slot>\n      <component\n        :is=\"defaultIcon\"\n        size=\"400\"\n      />\n    </slot>\n  </div>\n</template>\n\n<script>\nimport {\n  DtIconInfo,\n  DtIconCheckCircle,\n  DtIconAlertTriangle,\n  DtIconAlertCircle,\n  DtIconBell,\n} from '@dialpad/dialtone-icons/vue3';\nimport { NOTICE_KINDS } from './notice_constants.js';\nimport { hasSlotContent } from '@/common/utils';\n\nconst kindToIcon = new Map([\n  ['info', DtIconInfo],\n  ['success', DtIconCheckCircle],\n  ['warning', DtIconAlertTriangle],\n  ['error', DtIconAlertCircle],\n  ['base', DtIconBell],\n]);\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtNoticeIcon',\n\n  components: {\n    DtIconInfo,\n    DtIconCheckCircle,\n    DtIconAlertTriangle,\n    DtIconAlertCircle,\n    DtIconBell,\n  },\n\n  props: {\n    /**\n     * Kind of icon\n     * @values base, error, info, success, warning\n     */\n    kind: {\n      type: String,\n      default: 'base',\n      validate (kind) {\n        return NOTICE_KINDS.includes(kind);\n      },\n    },\n  },\n\n  data () {\n    return {\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n    defaultIcon () {\n      return kindToIcon.get(this.kind);\n    },\n  },\n};\n</script>\n"],"mappings":";;;;;;AA2BA,IAAM,IAAa,IAAI,IAAI;CACzB,CAAC,QAAQ,EAAW;CACpB,CAAC,WAAW,EAAkB;CAC9B,CAAC,WAAW,EAAoB;CAChC,CAAC,SAAS,EAAkB;CAC5B,CAAC,QAAQ,EAAW;CACrB,CAAC,EAEG,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,YAAY;EACV;EACA;EACA;EACA;EACA;EACD;CAED,OAAO,EAKL,MAAM;EACJ,MAAM;EACN,SAAS;EACT,SAAU,GAAM;AACd,UAAO,EAAa,SAAS,EAAK;;EAErC,EACF;CAED,OAAQ;AACN,SAAO,EACL,mBACD;;CAGH,UAAU,EACR,cAAe;AACb,SAAO,EAAW,IAAI,KAAK,KAAK;IAEnC;CACF;;CArEG,eAAY;CACZ,OAAM;;;QAFA,EAAA,eAAe,EAAA,eAAe,EAAA,OAAO,QAAO,IAAA,GAAA,EADpD,EAYM,OAZN,GAYM,CANJ,EAKO,EAAA,QAAA,WAAA,EAAA,QAAA,EAAA,GAAA,EAJL,EAGE,EAFK,EAAA,YAAW,EAAA,EAChB,MAAK,OAAK,CAAA,EAAA,CAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA"}

package/dist/lib/notice/notice.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./notice-icon.cjs"),s=require("./notice-content.cjs"),u=require("./notice-action.cjs"),i=require("./notice-constants.cjs"),e=require("vue"),f=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),_={compatConfig:{MODE:3},name:"DtNotice",components:{DtNoticeIcon:r.default,DtNoticeContent:s.default,DtNoticeAction:u.default},props:{titleId:{type:String,default:void 0},contentId:{type:String,default:void 0},title:{type:String,default:""},role:{type:String,default:"status",validate(t){return i.NOTICE_ROLES.includes(t)}},important:{type:Boolean,default:!1},kind:{type:String,default:"base",validate(t){return i.NOTICE_KINDS.includes(t)}},hideClose:{type:Boolean,default:!1},hideIcon:{type:Boolean,default:!1},hideAction:{type:Boolean,default:!1},truncateText:{type:Boolean,default:!1}},emits:["close","click"],computed:{noticeClass(){return["d-notice",{error:"d-notice--error",info:"d-notice--info",success:"d-notice--success",warning:"d-notice--warning",base:"d-notice--base"}[this.kind],{"d-notice--important":this.important,"d-notice--truncate":this.truncateText}]}}};function m(t,o,n,p,h,c){const l=e.resolveComponent("dt-notice-icon"),d=e.resolveComponent("dt-notice-content"),a=e.resolveComponent("dt-notice-action");return e.openBlock(),e.createElementBlock("aside",{class:e.normalizeClass(c.noticeClass),"data-qa":"notice"},[n.hideIcon?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(l,{key:0,kind:n.kind},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"icon")]),_:3},8,["kind"])),e.createVNode(d,{"title-id":n.titleId,"content-id":n.contentId,title:n.title,role:n.role},{titleOverride:e.withCtx(()=>[e.renderSlot(t.$slots,"titleOverride")]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["title-id","content-id","title","role"]),e.createVNode(a,{"hide-action":n.hideAction,"hide-close":n.hideClose,onClose:o[0]||(o[0]=S=>t.$emit("close"))},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"action")]),_:3},8,["hide-action","hide-close"])],2)}const C=f._(_,[["render",m]]);exports.default=C;
-//# sourceMappingURL=notice.cjs.map
+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(`./notice-constants.cjs`),n=require(`./notice-icon.cjs`),r=require(`./notice-content.cjs`),i=require(`./notice-action.cjs`);let a=require(`vue`);var o={compatConfig:{MODE:3},name:`DtNotice`,components:{DtNoticeIcon:n.default,DtNoticeContent:r.default,DtNoticeAction:i.default},props:{titleId:{type:String,default:void 0},contentId:{type:String,default:void 0},title:{type:String,default:``},role:{type:String,default:`status`,validate(e){return t.NOTICE_ROLES.includes(e)}},important:{type:Boolean,default:!1},kind:{type:String,default:`base`,validate(e){return t.NOTICE_KINDS.includes(e)}},hideClose:{type:Boolean,default:!1},hideIcon:{type:Boolean,default:!1},hideAction:{type:Boolean,default:!1},truncateText:{type:Boolean,default:!1}},emits:[`close`,`click`],computed:{noticeClass(){return[`d-notice`,{error:`d-notice--error`,info:`d-notice--info`,success:`d-notice--success`,warning:`d-notice--warning`,base:`d-notice--base`}[this.kind],{"d-notice--important":this.important,"d-notice--truncate":this.truncateText}]}}};function s(e,t,n,r,i,o){let s=(0,a.resolveComponent)(`dt-notice-icon`),c=(0,a.resolveComponent)(`dt-notice-content`),l=(0,a.resolveComponent)(`dt-notice-action`);return(0,a.openBlock)(),(0,a.createElementBlock)(`aside`,{class:(0,a.normalizeClass)(o.noticeClass),"data-qa":`notice`},[n.hideIcon?(0,a.createCommentVNode)(``,!0):((0,a.openBlock)(),(0,a.createBlock)(s,{key:0,kind:n.kind},{default:(0,a.withCtx)(()=>[(0,a.renderSlot)(e.$slots,`icon`)]),_:3},8,[`kind`])),(0,a.createVNode)(c,{"title-id":n.titleId,"content-id":n.contentId,title:n.title,role:n.role},{titleOverride:(0,a.withCtx)(()=>[(0,a.renderSlot)(e.$slots,`titleOverride`)]),default:(0,a.withCtx)(()=>[(0,a.renderSlot)(e.$slots,`default`)]),_:3},8,[`title-id`,`content-id`,`title`,`role`]),(0,a.createVNode)(l,{"hide-action":n.hideAction,"hide-close":n.hideClose,onClose:t[0]||(t[0]=t=>e.$emit(`close`))},{default:(0,a.withCtx)(()=>[(0,a.renderSlot)(e.$slots,`action`)]),_:3},8,[`hide-action`,`hide-close`])],2)}var c=e.t(o,[[`render`,s]]);exports.default=c;
+//# sourceMappingURL=notice.cjs.map

package/dist/lib/notice/notice.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"notice.cjs","sources":["../../../components/notice/notice.vue"],"sourcesContent":["<template>\n  <aside\n    :class=\"noticeClass\"\n    data-qa=\"notice\"\n  >\n    <dt-notice-icon\n      v-if=\"!hideIcon\"\n      :kind=\"kind\"\n    >\n      <!-- @slot Slot for custom icon -->\n      <slot name=\"icon\" />\n    </dt-notice-icon>\n    <dt-notice-content\n      :title-id=\"titleId\"\n      :content-id=\"contentId\"\n      :title=\"title\"\n      :role=\"role\"\n    >\n      <template #titleOverride>\n        <!-- @slot Allows you to override the title, only use this if you need\n        to override with something other than text. Otherwise use the \"title\" prop. -->\n        <slot name=\"titleOverride\" />\n      </template>\n      <!-- @slot the main textual content of the notice -->\n      <slot />\n    </dt-notice-content>\n    <dt-notice-action\n      :hide-action=\"hideAction\"\n      :hide-close=\"hideClose\"\n      @close=\"$emit('close')\"\n    >\n      <!-- @slot Enter a possible action for the user to take, such as a link to another page -->\n      <slot name=\"action\" />\n    </dt-notice-action>\n  </aside>\n</template>\n\n<script>\nimport DtNoticeIcon from './notice_icon.vue';\nimport DtNoticeContent from './notice_content.vue';\nimport DtNoticeAction from './notice_action.vue';\nimport { NOTICE_KINDS, NOTICE_ROLES } from './notice_constants';\n\n/**\n * A notice is an informational and assistive message that appears inline with content.\n * @see https://dialtone.dialpad.com/components/notice.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtNotice',\n\n  components: {\n    DtNoticeIcon,\n    DtNoticeContent,\n    DtNoticeAction,\n  },\n\n  props: {\n    /**\n     * Sets an ID on the title element of the component. Useful for aria-describedby\n     * or aria-labelledby or any other reason you may need an id to refer to the title.\n     */\n    titleId: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Sets an ID on the content element of the component. Useful for aria-describedby\n     * or aria-labelledby or any other reason you may need an id to refer to the content.\n     */\n    contentId: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Title header of the notice. This can be left blank to remove the title from the notice entirely.\n     */\n    title: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Provides a role for the notice. 'status' is used to communicate a message. 'alert' is used to communicate an\n     * important message that does not contain any interactive elements. 'alertdialog' is used to communicate an\n     * important message that does contain interactive elements.\n     * @values alert, alertdialog, status\n     */\n    role: {\n      type: String,\n      default: 'status',\n      validate (role) {\n        return NOTICE_ROLES.includes(role);\n      },\n    },\n\n    /**\n     * Used in scenarios where the message needs to visually dominate the screen.\n     * This will also change the aria role from status to alert.\n     * @values true, false\n     */\n    important: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Severity level of the notice, sets the icon and background\n     * @values base, error, info, success, warning\n     */\n    kind: {\n      type: String,\n      default: 'base',\n      validate (kind) {\n        return NOTICE_KINDS.includes(kind);\n      },\n    },\n\n    /**\n     * Hides the close button from the notice\n     * @values true, false\n     */\n    hideClose: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Hides the icon from the notice\n     * @values true, false\n     */\n    hideIcon: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Hides the action from the notice\n     * @values true, false\n     */\n    hideAction: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Truncates the content instead of wrapping.\n     * Used when the notice needs to have a fixed height.\n     * @values true, false\n     */\n    truncateText: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    /**\n     * Close button click event\n     *\n     * @event close\n     */\n    'close',\n\n    /**\n     * Native button click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n  computed: {\n    noticeClass () {\n      const noticeKinds = {\n        error: 'd-notice--error',\n        info: 'd-notice--info',\n        success: 'd-notice--success',\n        warning: 'd-notice--warning',\n        base: 'd-notice--base',\n      };\n      return [\n        'd-notice',\n        noticeKinds[this.kind],\n        { 'd-notice--important': this.important, 'd-notice--truncate': this.truncateText },\n      ];\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtNoticeIcon","DtNoticeContent","DtNoticeAction","role","NOTICE_ROLES","kind","NOTICE_KINDS","_createElementBlock","$options","$props","_createBlock","_component_dt_notice_icon","_renderSlot","_ctx","_createVNode","_component_dt_notice_content","_component_dt_notice_action"],"mappings":"mUA+CKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,WAEN,WAAY,cACVC,EAAAA,QACA,gBAAAC,EAAAA,QACA,eAAAC,EAAAA,SAGF,MAAO,CAKL,QAAS,CACP,KAAM,OACN,QAAS,QAOX,UAAW,CACT,KAAM,OACN,QAAS,QAMX,MAAO,CACL,KAAM,OACN,QAAS,IASX,KAAM,CACJ,KAAM,OACN,QAAS,SACT,SAAUC,EAAM,CACd,OAAOC,EAAAA,aAAa,SAASD,CAAI,CACnC,GAQF,UAAW,CACT,KAAM,QACN,QAAS,IAOX,KAAM,CACJ,KAAM,OACN,QAAS,OACT,SAAUE,EAAM,CACd,OAAOC,EAAAA,aAAa,SAASD,CAAI,CACnC,GAOF,UAAW,CACT,KAAM,QACN,QAAS,IAOX,SAAU,CACR,KAAM,QACN,QAAS,IAOX,WAAY,CACV,KAAM,QACN,QAAS,IAQX,aAAc,CACZ,KAAM,QACN,QAAS,KAIb,MAAO,CAML,QAQA,SAGF,SAAU,CACR,aAAe,CAQb,MAAO,CACL,WARkB,CAClB,MAAO,kBACP,KAAM,iBACN,QAAS,oBACT,QAAS,oBACT,KAAM,kBAIM,KAAK,IAAI,EACrB,CAAE,sBAAuB,KAAK,UAAW,qBAAsB,KAAK,cAExE,EAEJ,+KA9LEE,EAAAA,mBAiCQ,QAAA,CAhCL,uBAAOC,EAAA,WAAW,EACnB,UAAQ,WAGCC,EAAA,oDADTC,EAAAA,YAMiBC,EAAA,OAJd,KAAMF,EAAA,yBAGP,IAAoB,CAApBG,aAAoBC,EAAA,OAAA,MAAA,sBAEtBC,EAAAA,YAaoBC,EAAA,CAZjB,WAAUN,EAAA,QACV,aAAYA,EAAA,UACZ,MAAOA,EAAA,MACP,KAAMA,EAAA,OAEI,wBAGT,IAA6B,CAA7BG,aAA6BC,EAAA,OAAA,eAAA,sBAG/B,IAAQ,CAARD,aAAQC,EAAA,OAAA,SAAA,qDAEVC,EAAAA,YAOmBE,EAAA,CANhB,cAAaP,EAAA,WACb,aAAYA,EAAA,UACZ,uBAAOI,EAAA,MAAK,OAAA,uBAGb,IAAsB,CAAtBD,aAAsBC,EAAA,OAAA,QAAA"}
+{"version":3,"file":"notice.cjs","names":[],"sources":["../../../components/notice/notice.vue"],"sourcesContent":["<template>\n  <aside\n    :class=\"noticeClass\"\n    data-qa=\"notice\"\n  >\n    <dt-notice-icon\n      v-if=\"!hideIcon\"\n      :kind=\"kind\"\n    >\n      <!-- @slot Slot for custom icon -->\n      <slot name=\"icon\" />\n    </dt-notice-icon>\n    <dt-notice-content\n      :title-id=\"titleId\"\n      :content-id=\"contentId\"\n      :title=\"title\"\n      :role=\"role\"\n    >\n      <template #titleOverride>\n        <!-- @slot Allows you to override the title, only use this if you need\n        to override with something other than text. Otherwise use the \"title\" prop. -->\n        <slot name=\"titleOverride\" />\n      </template>\n      <!-- @slot the main textual content of the notice -->\n      <slot />\n    </dt-notice-content>\n    <dt-notice-action\n      :hide-action=\"hideAction\"\n      :hide-close=\"hideClose\"\n      @close=\"$emit('close')\"\n    >\n      <!-- @slot Enter a possible action for the user to take, such as a link to another page -->\n      <slot name=\"action\" />\n    </dt-notice-action>\n  </aside>\n</template>\n\n<script>\nimport DtNoticeIcon from './notice_icon.vue';\nimport DtNoticeContent from './notice_content.vue';\nimport DtNoticeAction from './notice_action.vue';\nimport { NOTICE_KINDS, NOTICE_ROLES } from './notice_constants';\n\n/**\n * A notice is an informational and assistive message that appears inline with content.\n * @see https://dialtone.dialpad.com/components/notice.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtNotice',\n\n  components: {\n    DtNoticeIcon,\n    DtNoticeContent,\n    DtNoticeAction,\n  },\n\n  props: {\n    /**\n     * Sets an ID on the title element of the component. Useful for aria-describedby\n     * or aria-labelledby or any other reason you may need an id to refer to the title.\n     */\n    titleId: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Sets an ID on the content element of the component. Useful for aria-describedby\n     * or aria-labelledby or any other reason you may need an id to refer to the content.\n     */\n    contentId: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Title header of the notice. This can be left blank to remove the title from the notice entirely.\n     */\n    title: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Provides a role for the notice. 'status' is used to communicate a message. 'alert' is used to communicate an\n     * important message that does not contain any interactive elements. 'alertdialog' is used to communicate an\n     * important message that does contain interactive elements.\n     * @values alert, alertdialog, status\n     */\n    role: {\n      type: String,\n      default: 'status',\n      validate (role) {\n        return NOTICE_ROLES.includes(role);\n      },\n    },\n\n    /**\n     * Used in scenarios where the message needs to visually dominate the screen.\n     * This will also change the aria role from status to alert.\n     * @values true, false\n     */\n    important: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Severity level of the notice, sets the icon and background\n     * @values base, error, info, success, warning\n     */\n    kind: {\n      type: String,\n      default: 'base',\n      validate (kind) {\n        return NOTICE_KINDS.includes(kind);\n      },\n    },\n\n    /**\n     * Hides the close button from the notice\n     * @values true, false\n     */\n    hideClose: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Hides the icon from the notice\n     * @values true, false\n     */\n    hideIcon: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Hides the action from the notice\n     * @values true, false\n     */\n    hideAction: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Truncates the content instead of wrapping.\n     * Used when the notice needs to have a fixed height.\n     * @values true, false\n     */\n    truncateText: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    /**\n     * Close button click event\n     *\n     * @event close\n     */\n    'close',\n\n    /**\n     * Native button click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n  computed: {\n    noticeClass () {\n      const noticeKinds = {\n        error: 'd-notice--error',\n        info: 'd-notice--info',\n        success: 'd-notice--success',\n        warning: 'd-notice--warning',\n        base: 'd-notice--base',\n      };\n      return [\n        'd-notice',\n        noticeKinds[this.kind],\n        { 'd-notice--important': this.important, 'd-notice--truncate': this.truncateText },\n      ];\n    },\n  },\n};\n</script>\n"],"mappings":"8VA+CA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,WAEN,WAAY,CACV,aAAA,EAAA,QACA,gBAAA,EAAA,QACA,eAAA,EAAA,QACD,CAED,MAAO,CAKL,QAAS,CACP,KAAM,OACN,QAAS,IAAA,GACV,CAMD,UAAW,CACT,KAAM,OACN,QAAS,IAAA,GACV,CAKD,MAAO,CACL,KAAM,OACN,QAAS,GACV,CAQD,KAAM,CACJ,KAAM,OACN,QAAS,SACT,SAAU,EAAM,CACd,OAAO,EAAA,aAAa,SAAS,EAAK,EAErC,CAOD,UAAW,CACT,KAAM,QACN,QAAS,GACV,CAMD,KAAM,CACJ,KAAM,OACN,QAAS,OACT,SAAU,EAAM,CACd,OAAO,EAAA,aAAa,SAAS,EAAK,EAErC,CAMD,UAAW,CACT,KAAM,QACN,QAAS,GACV,CAMD,SAAU,CACR,KAAM,QACN,QAAS,GACV,CAMD,WAAY,CACV,KAAM,QACN,QAAS,GACV,CAOD,aAAc,CACZ,KAAM,QACN,QAAS,GACV,CACF,CAED,MAAO,CAML,QAQA,QACD,CAED,SAAU,CACR,aAAe,CAQb,MAAO,CACL,WARkB,CAClB,MAAO,kBACP,KAAM,iBACN,QAAS,oBACT,QAAS,oBACT,KAAM,iBACP,CAGa,KAAK,MACjB,CAAE,sBAAuB,KAAK,UAAW,qBAAsB,KAAK,aAAc,CACnF,EAEJ,CACF,oNA7JS,QAAA,CAhCL,OAAA,EAAA,EAAA,gBAAO,EAAA,YAAW,CACnB,UAAQ,WAGC,EAAA,2CAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,aAKQ,EAAA,OAJd,KAAM,EAAA,iCAGa,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,OAAA,CAAA,CAAA,qCAeF,EAAA,CAZjB,WAAU,EAAA,QACV,aAAY,EAAA,UACZ,MAAO,EAAA,MACP,KAAM,EAAA,OAEI,eAAA,EAAA,EAAA,aAGoB,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,gBAAA,CAAA,CAAA,2BAGvB,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,UAAA,CAAA,CAAA,oEASS,EAAA,CANhB,cAAa,EAAA,WACb,aAAY,EAAA,UACZ,QAAK,EAAA,KAAA,EAAA,GAAA,GAAE,EAAA,MAAK,QAAA,8BAGS,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,SAAA,CAAA,CAAA"}

package/dist/lib/notice/notice.js

@@ -1,182 +1,124 @@
-import u from "./notice-icon.js";
-import m from "./notice-content.js";
-import _ from "./notice-action.js";
-import { NOTICE_KINDS as p, NOTICE_ROLES as h } from "./notice-constants.js";
-import { resolveComponent as i, openBlock as d, createElementBlock as C, normalizeClass as y, createBlock as k, withCtx as n, renderSlot as o, createCommentVNode as I, createVNode as l } from "vue";
-import { _ as N } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const g = {
-  compatConfig: { MODE: 3 },
-  name: "DtNotice",
-  components: {
-    DtNoticeIcon: u,
-    DtNoticeContent: m,
-    DtNoticeAction: _
-  },
-  props: {
-    /**
-     * Sets an ID on the title element of the component. Useful for aria-describedby
-     * or aria-labelledby or any other reason you may need an id to refer to the title.
-     */
-    titleId: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Sets an ID on the content element of the component. Useful for aria-describedby
-     * or aria-labelledby or any other reason you may need an id to refer to the content.
-     */
-    contentId: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Title header of the notice. This can be left blank to remove the title from the notice entirely.
-     */
-    title: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Provides a role for the notice. 'status' is used to communicate a message. 'alert' is used to communicate an
-     * important message that does not contain any interactive elements. 'alertdialog' is used to communicate an
-     * important message that does contain interactive elements.
-     * @values alert, alertdialog, status
-     */
-    role: {
-      type: String,
-      default: "status",
-      validate(t) {
-        return h.includes(t);
-      }
-    },
-    /**
-     * Used in scenarios where the message needs to visually dominate the screen.
-     * This will also change the aria role from status to alert.
-     * @values true, false
-     */
-    important: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Severity level of the notice, sets the icon and background
-     * @values base, error, info, success, warning
-     */
-    kind: {
-      type: String,
-      default: "base",
-      validate(t) {
-        return p.includes(t);
-      }
-    },
-    /**
-     * Hides the close button from the notice
-     * @values true, false
-     */
-    hideClose: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Hides the icon from the notice
-     * @values true, false
-     */
-    hideIcon: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Hides the action from the notice
-     * @values true, false
-     */
-    hideAction: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Truncates the content instead of wrapping.
-     * Used when the notice needs to have a fixed height.
-     * @values true, false
-     */
-    truncateText: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: [
-    /**
-     * Close button click event
-     *
-     * @event close
-     */
-    "close",
-    /**
-     * Native button click event
-     *
-     * @event click
-     * @type {PointerEvent | KeyboardEvent}
-     */
-    "click"
-  ],
-  computed: {
-    noticeClass() {
-      return [
-        "d-notice",
-        {
-          error: "d-notice--error",
-          info: "d-notice--info",
-          success: "d-notice--success",
-          warning: "d-notice--warning",
-          base: "d-notice--base"
-        }[this.kind],
-        { "d-notice--important": this.important, "d-notice--truncate": this.truncateText }
-      ];
-    }
-  }
+import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import { NOTICE_KINDS as t, NOTICE_ROLES as n } from "./notice-constants.js";
+import r from "./notice-icon.js";
+import i from "./notice-content.js";
+import a from "./notice-action.js";
+import { createBlock as o, createCommentVNode as s, createElementBlock as c, createVNode as l, normalizeClass as u, openBlock as d, renderSlot as f, resolveComponent as p, withCtx as m } from "vue";
+//#region components/notice/notice.vue
+var h = {
+	compatConfig: { MODE: 3 },
+	name: "DtNotice",
+	components: {
+		DtNoticeIcon: r,
+		DtNoticeContent: i,
+		DtNoticeAction: a
+	},
+	props: {
+		titleId: {
+			type: String,
+			default: void 0
+		},
+		contentId: {
+			type: String,
+			default: void 0
+		},
+		title: {
+			type: String,
+			default: ""
+		},
+		role: {
+			type: String,
+			default: "status",
+			validate(e) {
+				return n.includes(e);
+			}
+		},
+		important: {
+			type: Boolean,
+			default: !1
+		},
+		kind: {
+			type: String,
+			default: "base",
+			validate(e) {
+				return t.includes(e);
+			}
+		},
+		hideClose: {
+			type: Boolean,
+			default: !1
+		},
+		hideIcon: {
+			type: Boolean,
+			default: !1
+		},
+		hideAction: {
+			type: Boolean,
+			default: !1
+		},
+		truncateText: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["close", "click"],
+	computed: { noticeClass() {
+		return [
+			"d-notice",
+			{
+				error: "d-notice--error",
+				info: "d-notice--info",
+				success: "d-notice--success",
+				warning: "d-notice--warning",
+				base: "d-notice--base"
+			}[this.kind],
+			{
+				"d-notice--important": this.important,
+				"d-notice--truncate": this.truncateText
+			}
+		];
+	} }
 };
-function B(t, c, e, S, v, a) {
-  const r = i("dt-notice-icon"), s = i("dt-notice-content"), f = i("dt-notice-action");
-  return d(), C("aside", {
-    class: y(a.noticeClass),
-    "data-qa": "notice"
-  }, [
-    e.hideIcon ? I("", !0) : (d(), k(r, {
-      key: 0,
-      kind: e.kind
-    }, {
-      default: n(() => [
-        o(t.$slots, "icon")
-      ]),
-      _: 3
-    }, 8, ["kind"])),
-    l(s, {
-      "title-id": e.titleId,
-      "content-id": e.contentId,
-      title: e.title,
-      role: e.role
-    }, {
-      titleOverride: n(() => [
-        o(t.$slots, "titleOverride")
-      ]),
-      default: n(() => [
-        o(t.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["title-id", "content-id", "title", "role"]),
-    l(f, {
-      "hide-action": e.hideAction,
-      "hide-close": e.hideClose,
-      onClose: c[0] || (c[0] = (D) => t.$emit("close"))
-    }, {
-      default: n(() => [
-        o(t.$slots, "action")
-      ]),
-      _: 3
-    }, 8, ["hide-action", "hide-close"])
-  ], 2);
+function g(e, t, n, r, i, a) {
+	let h = p("dt-notice-icon"), g = p("dt-notice-content"), _ = p("dt-notice-action");
+	return d(), c("aside", {
+		class: u(a.noticeClass),
+		"data-qa": "notice"
+	}, [
+		n.hideIcon ? s("", !0) : (d(), o(h, {
+			key: 0,
+			kind: n.kind
+		}, {
+			default: m(() => [f(e.$slots, "icon")]),
+			_: 3
+		}, 8, ["kind"])),
+		l(g, {
+			"title-id": n.titleId,
+			"content-id": n.contentId,
+			title: n.title,
+			role: n.role
+		}, {
+			titleOverride: m(() => [f(e.$slots, "titleOverride")]),
+			default: m(() => [f(e.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"title-id",
+			"content-id",
+			"title",
+			"role"
+		]),
+		l(_, {
+			"hide-action": n.hideAction,
+			"hide-close": n.hideClose,
+			onClose: t[0] || (t[0] = (t) => e.$emit("close"))
+		}, {
+			default: m(() => [f(e.$slots, "action")]),
+			_: 3
+		}, 8, ["hide-action", "hide-close"])
+	], 2);
 }
-const K = /* @__PURE__ */ N(g, [["render", B]]);
-export {
-  K as default
-};
-//# sourceMappingURL=notice.js.map
+var _ = /* @__PURE__ */ e(h, [["render", g]]);
+//#endregion
+export { _ as default };
+
+//# sourceMappingURL=notice.js.map

package/dist/lib/notice/notice.js.map

@@ -1 +1 @@
-{"version":3,"file":"notice.js","sources":["../../../components/notice/notice.vue"],"sourcesContent":["<template>\n  <aside\n    :class=\"noticeClass\"\n    data-qa=\"notice\"\n  >\n    <dt-notice-icon\n      v-if=\"!hideIcon\"\n      :kind=\"kind\"\n    >\n      <!-- @slot Slot for custom icon -->\n      <slot name=\"icon\" />\n    </dt-notice-icon>\n    <dt-notice-content\n      :title-id=\"titleId\"\n      :content-id=\"contentId\"\n      :title=\"title\"\n      :role=\"role\"\n    >\n      <template #titleOverride>\n        <!-- @slot Allows you to override the title, only use this if you need\n        to override with something other than text. Otherwise use the \"title\" prop. -->\n        <slot name=\"titleOverride\" />\n      </template>\n      <!-- @slot the main textual content of the notice -->\n      <slot />\n    </dt-notice-content>\n    <dt-notice-action\n      :hide-action=\"hideAction\"\n      :hide-close=\"hideClose\"\n      @close=\"$emit('close')\"\n    >\n      <!-- @slot Enter a possible action for the user to take, such as a link to another page -->\n      <slot name=\"action\" />\n    </dt-notice-action>\n  </aside>\n</template>\n\n<script>\nimport DtNoticeIcon from './notice_icon.vue';\nimport DtNoticeContent from './notice_content.vue';\nimport DtNoticeAction from './notice_action.vue';\nimport { NOTICE_KINDS, NOTICE_ROLES } from './notice_constants';\n\n/**\n * A notice is an informational and assistive message that appears inline with content.\n * @see https://dialtone.dialpad.com/components/notice.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtNotice',\n\n  components: {\n    DtNoticeIcon,\n    DtNoticeContent,\n    DtNoticeAction,\n  },\n\n  props: {\n    /**\n     * Sets an ID on the title element of the component. Useful for aria-describedby\n     * or aria-labelledby or any other reason you may need an id to refer to the title.\n     */\n    titleId: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Sets an ID on the content element of the component. Useful for aria-describedby\n     * or aria-labelledby or any other reason you may need an id to refer to the content.\n     */\n    contentId: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Title header of the notice. This can be left blank to remove the title from the notice entirely.\n     */\n    title: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Provides a role for the notice. 'status' is used to communicate a message. 'alert' is used to communicate an\n     * important message that does not contain any interactive elements. 'alertdialog' is used to communicate an\n     * important message that does contain interactive elements.\n     * @values alert, alertdialog, status\n     */\n    role: {\n      type: String,\n      default: 'status',\n      validate (role) {\n        return NOTICE_ROLES.includes(role);\n      },\n    },\n\n    /**\n     * Used in scenarios where the message needs to visually dominate the screen.\n     * This will also change the aria role from status to alert.\n     * @values true, false\n     */\n    important: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Severity level of the notice, sets the icon and background\n     * @values base, error, info, success, warning\n     */\n    kind: {\n      type: String,\n      default: 'base',\n      validate (kind) {\n        return NOTICE_KINDS.includes(kind);\n      },\n    },\n\n    /**\n     * Hides the close button from the notice\n     * @values true, false\n     */\n    hideClose: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Hides the icon from the notice\n     * @values true, false\n     */\n    hideIcon: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Hides the action from the notice\n     * @values true, false\n     */\n    hideAction: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Truncates the content instead of wrapping.\n     * Used when the notice needs to have a fixed height.\n     * @values true, false\n     */\n    truncateText: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    /**\n     * Close button click event\n     *\n     * @event close\n     */\n    'close',\n\n    /**\n     * Native button click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n  computed: {\n    noticeClass () {\n      const noticeKinds = {\n        error: 'd-notice--error',\n        info: 'd-notice--info',\n        success: 'd-notice--success',\n        warning: 'd-notice--warning',\n        base: 'd-notice--base',\n      };\n      return [\n        'd-notice',\n        noticeKinds[this.kind],\n        { 'd-notice--important': this.important, 'd-notice--truncate': this.truncateText },\n      ];\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtNoticeIcon","DtNoticeContent","DtNoticeAction","role","NOTICE_ROLES","kind","NOTICE_KINDS","_createElementBlock","$options","$props","_createBlock","_component_dt_notice_icon","_renderSlot","_ctx","_createVNode","_component_dt_notice_content","_component_dt_notice_action"],"mappings":";;;;;;AA+CA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,gBAAAC;AAAA;EAGF,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;;;;;;;IASX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAUC,GAAM;AACd,eAAOC,EAAa,SAASD,CAAI;AAAA,MACnC;AAAA;;;;;;IAQF,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAUE,GAAM;AACd,eAAOC,EAAa,SAASD,CAAI;AAAA,MACnC;AAAA;;;;;IAOF,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;;;;;;IAQX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA;;EAIb,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAML;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA;AAAA;EAGF,UAAU;AAAA,IACR,cAAe;AAQb,aAAO;AAAA,QACL;AAAA,QARkB;AAAA,UAClB,OAAO;AAAA,UACP,MAAM;AAAA,UACN,SAAS;AAAA,UACT,SAAS;AAAA,UACT,MAAM;AAAA,UAIM,KAAK,IAAI;AAAA,QACrB,EAAE,uBAAuB,KAAK,WAAW,sBAAsB,KAAK;;IAExE;AAAA;AAEJ;;;cA9LEE,EAiCQ,SAAA;AAAA,IAhCL,SAAOC,EAAA,WAAW;AAAA,IACnB,WAAQ;AAAA;IAGCC,EAAA,6BADTC,EAMiBC,GAAA;AAAA;MAJd,MAAMF,EAAA;AAAA;iBAGP,MAAoB;AAAA,QAApBG,EAAoBC,EAAA,QAAA,MAAA;AAAA;;;IAEtBC,EAaoBC,GAAA;AAAA,MAZjB,YAAUN,EAAA;AAAA,MACV,cAAYA,EAAA;AAAA,MACZ,OAAOA,EAAA;AAAA,MACP,MAAMA,EAAA;AAAA;MAEI,iBAGT,MAA6B;AAAA,QAA7BG,EAA6BC,EAAA,QAAA,eAAA;AAAA;iBAG/B,MAAQ;AAAA,QAARD,EAAQC,EAAA,QAAA,SAAA;AAAA;;;IAEVC,EAOmBE,GAAA;AAAA,MANhB,eAAaP,EAAA;AAAA,MACb,cAAYA,EAAA;AAAA,MACZ,gCAAOI,EAAA,MAAK,OAAA;AAAA;iBAGb,MAAsB;AAAA,QAAtBD,EAAsBC,EAAA,QAAA,QAAA;AAAA;;;;;;"}
+{"version":3,"file":"notice.js","names":[],"sources":["../../../components/notice/notice.vue"],"sourcesContent":["<template>\n  <aside\n    :class=\"noticeClass\"\n    data-qa=\"notice\"\n  >\n    <dt-notice-icon\n      v-if=\"!hideIcon\"\n      :kind=\"kind\"\n    >\n      <!-- @slot Slot for custom icon -->\n      <slot name=\"icon\" />\n    </dt-notice-icon>\n    <dt-notice-content\n      :title-id=\"titleId\"\n      :content-id=\"contentId\"\n      :title=\"title\"\n      :role=\"role\"\n    >\n      <template #titleOverride>\n        <!-- @slot Allows you to override the title, only use this if you need\n        to override with something other than text. Otherwise use the \"title\" prop. -->\n        <slot name=\"titleOverride\" />\n      </template>\n      <!-- @slot the main textual content of the notice -->\n      <slot />\n    </dt-notice-content>\n    <dt-notice-action\n      :hide-action=\"hideAction\"\n      :hide-close=\"hideClose\"\n      @close=\"$emit('close')\"\n    >\n      <!-- @slot Enter a possible action for the user to take, such as a link to another page -->\n      <slot name=\"action\" />\n    </dt-notice-action>\n  </aside>\n</template>\n\n<script>\nimport DtNoticeIcon from './notice_icon.vue';\nimport DtNoticeContent from './notice_content.vue';\nimport DtNoticeAction from './notice_action.vue';\nimport { NOTICE_KINDS, NOTICE_ROLES } from './notice_constants';\n\n/**\n * A notice is an informational and assistive message that appears inline with content.\n * @see https://dialtone.dialpad.com/components/notice.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtNotice',\n\n  components: {\n    DtNoticeIcon,\n    DtNoticeContent,\n    DtNoticeAction,\n  },\n\n  props: {\n    /**\n     * Sets an ID on the title element of the component. Useful for aria-describedby\n     * or aria-labelledby or any other reason you may need an id to refer to the title.\n     */\n    titleId: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Sets an ID on the content element of the component. Useful for aria-describedby\n     * or aria-labelledby or any other reason you may need an id to refer to the content.\n     */\n    contentId: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Title header of the notice. This can be left blank to remove the title from the notice entirely.\n     */\n    title: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Provides a role for the notice. 'status' is used to communicate a message. 'alert' is used to communicate an\n     * important message that does not contain any interactive elements. 'alertdialog' is used to communicate an\n     * important message that does contain interactive elements.\n     * @values alert, alertdialog, status\n     */\n    role: {\n      type: String,\n      default: 'status',\n      validate (role) {\n        return NOTICE_ROLES.includes(role);\n      },\n    },\n\n    /**\n     * Used in scenarios where the message needs to visually dominate the screen.\n     * This will also change the aria role from status to alert.\n     * @values true, false\n     */\n    important: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Severity level of the notice, sets the icon and background\n     * @values base, error, info, success, warning\n     */\n    kind: {\n      type: String,\n      default: 'base',\n      validate (kind) {\n        return NOTICE_KINDS.includes(kind);\n      },\n    },\n\n    /**\n     * Hides the close button from the notice\n     * @values true, false\n     */\n    hideClose: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Hides the icon from the notice\n     * @values true, false\n     */\n    hideIcon: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Hides the action from the notice\n     * @values true, false\n     */\n    hideAction: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Truncates the content instead of wrapping.\n     * Used when the notice needs to have a fixed height.\n     * @values true, false\n     */\n    truncateText: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    /**\n     * Close button click event\n     *\n     * @event close\n     */\n    'close',\n\n    /**\n     * Native button click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n  computed: {\n    noticeClass () {\n      const noticeKinds = {\n        error: 'd-notice--error',\n        info: 'd-notice--info',\n        success: 'd-notice--success',\n        warning: 'd-notice--warning',\n        base: 'd-notice--base',\n      };\n      return [\n        'd-notice',\n        noticeKinds[this.kind],\n        { 'd-notice--important': this.important, 'd-notice--truncate': this.truncateText },\n      ];\n    },\n  },\n};\n</script>\n"],"mappings":";;;;;;;AA+CA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,YAAY;EACV,cAAA;EACA,iBAAA;EACA,gBAAA;EACD;CAED,OAAO;EAKL,SAAS;GACP,MAAM;GACN,SAAS,KAAA;GACV;EAMD,WAAW;GACT,MAAM;GACN,SAAS,KAAA;GACV;EAKD,OAAO;GACL,MAAM;GACN,SAAS;GACV;EAQD,MAAM;GACJ,MAAM;GACN,SAAS;GACT,SAAU,GAAM;AACd,WAAO,EAAa,SAAS,EAAK;;GAErC;EAOD,WAAW;GACT,MAAM;GACN,SAAS;GACV;EAMD,MAAM;GACJ,MAAM;GACN,SAAS;GACT,SAAU,GAAM;AACd,WAAO,EAAa,SAAS,EAAK;;GAErC;EAMD,WAAW;GACT,MAAM;GACN,SAAS;GACV;EAMD,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAMD,YAAY;GACV,MAAM;GACN,SAAS;GACV;EAOD,cAAc;GACZ,MAAM;GACN,SAAS;GACV;EACF;CAED,OAAO,CAML,SAQA,QACD;CAED,UAAU,EACR,cAAe;AAQb,SAAO;GACL;GARkB;IAClB,OAAO;IACP,MAAM;IACN,SAAS;IACT,SAAS;IACT,MAAM;IACP,CAGa,KAAK;GACjB;IAAE,uBAAuB,KAAK;IAAW,sBAAsB,KAAK;IAAc;GACnF;IAEJ;CACF;;;aA9LC,EAiCQ,SAAA;EAhCL,OAAK,EAAE,EAAA,YAAW;EACnB,WAAQ;;EAGC,EAAA,wBAAA,GAAA,EADT,EAMiB,GAAA;;GAJd,MAAM,EAAA;;oBAGa,CAApB,EAAoB,EAAA,QAAA,OAAA,CAAA,CAAA;;;EAEtB,EAaoB,GAAA;GAZjB,YAAU,EAAA;GACV,cAAY,EAAA;GACZ,OAAO,EAAA;GACP,MAAM,EAAA;;GAEI,eAAa,QAGO,CAA7B,EAA6B,EAAA,QAAA,gBAAA,CAAA,CAAA;oBAGvB,CAAR,EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA;;;;;;;;EAEV,EAOmB,GAAA;GANhB,eAAa,EAAA;GACb,cAAY,EAAA;GACZ,SAAK,EAAA,OAAA,EAAA,MAAA,MAAE,EAAA,MAAK,QAAA;;oBAGS,CAAtB,EAAsB,EAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/lib/pagination/index.cjs

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

package/dist/lib/pagination/index.js

@@ -1,5 +1,2 @@
-import { default as o } from "./pagination.js";
-export {
-  o as DtPagination
-};
-//# sourceMappingURL=index.js.map
+import e from "./pagination.js";
+export { e as DtPagination };

package/dist/lib/pagination/pagination.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("@dialpad/dialtone-icons/vue3"),_=require("../../localization/index.cjs"),e=require("vue"),P=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),b=require("../button/button.cjs"),m={compatConfig:{MODE:3},name:"DtPagination",components:{DtButton:b.default,DtIconChevronLeft:u.DtIconChevronLeft,DtIconChevronRight:u.DtIconChevronRight,DtIconMoreHorizontal:u.DtIconMoreHorizontal},props:{ariaLabel:{type:String,required:!0},totalPages:{type:Number,required:!0},activePage:{type:Number,default:1},maxVisible:{type:Number,default:5},hideEdges:{type:Boolean,default:!1}},emits:["change"],data(){return{currentPage:this.activePage,i18n:new _.DialtoneLocalization}},computed:{isFirstPage(){return this.currentPage===1},isLastPage(){return this.currentPage===this.totalPages},pages(){if(this.maxVisible===0)return[];if(this.totalPages<=this.maxVisible)return this.range(1,this.totalPages);let t=this.maxVisible-1,i=this.totalPages-t+1;if(this.hideEdges&&(t=t+1,i=i-1),this.currentPage<t){const r=[...this.range(1,t),"..."];return this.hideEdges||r.push(this.totalPages),r}if(this.currentPage>i){const r=["...",...this.range(i,this.totalPages)];return this.hideEdges||r.unshift(1),r}const o=this.maxVisible-(3-this.maxVisible%2),l=Math.floor(o/2);let s=this.currentPage-l,a=this.currentPage+l;this.hideEdges&&(s=s-1,a=a+1);const c=["...",...this.range(s,a),"..."];return this.hideEdges?c:[1,...c,this.totalPages]},prevAriaLabel(){return this.isFirstPage?this.i18n.$t("DIALTONE_PAGINATION_FIRST_PAGE"):this.i18n.$t("DIALTONE_PAGINATION_PREVIOUS_PAGE")},nextAriaLabel(){return this.isLastPage?this.i18n.$t("DIALTONE_PAGINATION_LAST_PAGE"):this.i18n.$t("DIALTONE_PAGINATION_NEXT_PAGE")},pageNumberAriaLabel(){return t=>t===this.totalPages?`${this.i18n.$t("DIALTONE_PAGINATION_LAST_PAGE")} ${t}`:`${this.i18n.$t("DIALTONE_PAGINATION_PAGE_NUMBER",{page:t})}`}},watch:{activePage(){this.currentPage=this.activePage},totalPages(t){(this.currentPage>t||this.currentPage<=0)&&(this.currentPage=t)}},methods:{range(t,i){const o=[];t=t>0?t:1;for(let l=t;l<=i;l++)o.push(l);return o},changePage(t){this.currentPage=t,this.$emit("change",this.currentPage)}}},p=["aria-label"],N={key:0,class:"d-pagination__separator-icon","data-qa":"dt-pagination-separator"};function A(t,i,o,l,s,a){const c=e.resolveComponent("dt-icon-chevron-left"),r=e.resolveComponent("dt-button"),h=e.resolveComponent("dt-icon-more-horizontal"),g=e.resolveComponent("dt-icon-chevron-right");return e.withDirectives((e.openBlock(),e.createElementBlock("nav",{"aria-label":o.ariaLabel,class:"d-pagination"},[e.createVNode(r,{class:"d-pagination__button","data-qa":"dt-pagination-prev","aria-label":a.prevAriaLabel,kind:"muted",importance:"clear",disabled:a.isFirstPage,onClick:i[0]||(i[0]=n=>a.changePage(s.currentPage-1))},{icon:e.withCtx(()=>[e.createVNode(c,{size:"300"})]),_:1},8,["aria-label","disabled"]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.pages,(n,d)=>(e.openBlock(),e.createElementBlock("div",{key:`page-${n}-${d}`,class:e.normalizeClass({"d-pagination__separator":isNaN(Number(n))})},[isNaN(Number(n))?(e.openBlock(),e.createElementBlock("div",N,[e.createVNode(h,{size:"300"})])):(e.openBlock(),e.createBlock(r,{key:1,"aria-label":a.pageNumberAriaLabel(n),kind:s.currentPage===n?"default":"muted",importance:s.currentPage===n?"primary":"clear","label-class":"",onClick:f=>a.changePage(n)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n),1)]),_:2},1032,["aria-label","kind","importance","onClick"]))],2))),128)),e.createVNode(r,{class:"d-pagination__button","data-qa":"dt-pagination-next","aria-label":a.nextAriaLabel,disabled:a.isLastPage,kind:"muted",importance:"clear",onClick:i[1]||(i[1]=n=>a.changePage(s.currentPage+1))},{icon:e.withCtx(()=>[e.createVNode(g,{size:"300"})]),_:1},8,["aria-label","disabled"])],8,p)),[[e.vShow,o.totalPages>0]])}const v=P._(m,[["render",A]]);exports.default=v;
-//# sourceMappingURL=pagination.cjs.map
+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(`../../localization/index.cjs`),n=require(`../button/button.cjs`);let r=require(`vue`),i=require(`@dialpad/dialtone-icons/vue3`);var a={compatConfig:{MODE:3},name:`DtPagination`,components:{DtButton:n.default,DtIconChevronLeft:i.DtIconChevronLeft,DtIconChevronRight:i.DtIconChevronRight,DtIconMoreHorizontal:i.DtIconMoreHorizontal},props:{ariaLabel:{type:String,required:!0},totalPages:{type:Number,required:!0},activePage:{type:Number,default:1},maxVisible:{type:Number,default:5},hideEdges:{type:Boolean,default:!1}},emits:[`change`],data(){return{currentPage:this.activePage,i18n:new t.DialtoneLocalization}},computed:{isFirstPage(){return this.currentPage===1},isLastPage(){return this.currentPage===this.totalPages},pages(){if(this.maxVisible===0)return[];if(this.totalPages<=this.maxVisible)return this.range(1,this.totalPages);let e=this.maxVisible-1,t=this.totalPages-e+1;if(this.hideEdges&&(e+=1,--t),this.currentPage<e){let t=[...this.range(1,e),`...`];return this.hideEdges||t.push(this.totalPages),t}if(this.currentPage>t){let e=[`...`,...this.range(t,this.totalPages)];return this.hideEdges||e.unshift(1),e}let n=this.maxVisible-(3-this.maxVisible%2),r=Math.floor(n/2),i=this.currentPage-r,a=this.currentPage+r;this.hideEdges&&(--i,a+=1);let o=[`...`,...this.range(i,a),`...`];return this.hideEdges?o:[1,...o,this.totalPages]},prevAriaLabel(){return this.isFirstPage?this.i18n.$t(`DIALTONE_PAGINATION_FIRST_PAGE`):this.i18n.$t(`DIALTONE_PAGINATION_PREVIOUS_PAGE`)},nextAriaLabel(){return this.isLastPage?this.i18n.$t(`DIALTONE_PAGINATION_LAST_PAGE`):this.i18n.$t(`DIALTONE_PAGINATION_NEXT_PAGE`)},pageNumberAriaLabel(){return e=>e===this.totalPages?`${this.i18n.$t(`DIALTONE_PAGINATION_LAST_PAGE`)} ${e}`:`${this.i18n.$t(`DIALTONE_PAGINATION_PAGE_NUMBER`,{page:e})}`}},watch:{activePage(){this.currentPage=this.activePage},totalPages(e){(this.currentPage>e||this.currentPage<=0)&&(this.currentPage=e)}},methods:{range(e,t){let n=[];e=e>0?e:1;for(let r=e;r<=t;r++)n.push(r);return n},changePage(e){this.currentPage=e,this.$emit(`change`,this.currentPage)}}},o=[`aria-label`],s={key:0,class:`d-pagination__separator-icon`,"data-qa":`dt-pagination-separator`};function c(e,t,n,i,a,c){let l=(0,r.resolveComponent)(`dt-icon-chevron-left`),u=(0,r.resolveComponent)(`dt-button`),d=(0,r.resolveComponent)(`dt-icon-more-horizontal`),f=(0,r.resolveComponent)(`dt-icon-chevron-right`);return(0,r.withDirectives)(((0,r.openBlock)(),(0,r.createElementBlock)(`nav`,{"aria-label":n.ariaLabel,class:`d-pagination`},[(0,r.createVNode)(u,{class:`d-pagination__button`,"data-qa":`dt-pagination-prev`,"aria-label":c.prevAriaLabel,kind:`muted`,importance:`clear`,disabled:c.isFirstPage,onClick:t[0]||(t[0]=e=>c.changePage(a.currentPage-1))},{icon:(0,r.withCtx)(()=>[(0,r.createVNode)(l,{size:`300`})]),_:1},8,[`aria-label`,`disabled`]),((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(c.pages,(e,t)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:`page-${e}-${t}`,class:(0,r.normalizeClass)({"d-pagination__separator":isNaN(Number(e))})},[isNaN(Number(e))?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,s,[(0,r.createVNode)(d,{size:`300`})])):((0,r.openBlock)(),(0,r.createBlock)(u,{key:1,"aria-label":c.pageNumberAriaLabel(e),kind:a.currentPage===e?`default`:`muted`,importance:a.currentPage===e?`primary`:`clear`,"label-class":``,onClick:t=>c.changePage(e)},{default:(0,r.withCtx)(()=>[(0,r.createTextVNode)((0,r.toDisplayString)(e),1)]),_:2},1032,[`aria-label`,`kind`,`importance`,`onClick`]))],2))),128)),(0,r.createVNode)(u,{class:`d-pagination__button`,"data-qa":`dt-pagination-next`,"aria-label":c.nextAriaLabel,disabled:c.isLastPage,kind:`muted`,importance:`clear`,onClick:t[1]||(t[1]=e=>c.changePage(a.currentPage+1))},{icon:(0,r.withCtx)(()=>[(0,r.createVNode)(f,{size:`300`})]),_:1},8,[`aria-label`,`disabled`])],8,o)),[[r.vShow,n.totalPages>0]])}var l=e.t(a,[[`render`,c]]);exports.default=l;
+//# sourceMappingURL=pagination.cjs.map