@dialpad/dialtone-vue 3.146.0 → 3.147.0

package/dist/chunks/{modal-OaWxzqNt.js → modal-VgxXAQFP.js}

@@ -21,9 +21,7 @@ const Modal = {
      */
     async focusFirstElement(el = this.$el) {
       const elToFocus = await this.getFirstFocusableElement(el);
-      elToFocus == null ? void 0 : elToFocus.focus({
-        preventScroll: true
-      });
+      elToFocus == null ? void 0 : elToFocus.focus({ preventScroll: true });
     },
     async focusElementById(elementId) {
       var _a;
@@ -104,4 +102,4 @@ const Modal = {
   }
 };
 exports.Modal = Modal;
-//# sourceMappingURL=modal-OaWxzqNt.js.map
+//# sourceMappingURL=modal-VgxXAQFP.js.map

package/dist/chunks/{modal-OaWxzqNt.js.map → modal-VgxXAQFP.js.map}

@@ -1 +1 @@
-{"version":3,"file":"modal-OaWxzqNt.js","sources":["../../common/mixins/modal.js"],"sourcesContent":["const focusableAttrs = ':not(:disabled):not([aria-disabled=\"true\"]):not([role=\"presentation\"])';\nconst tabbableAttrs = `${focusableAttrs}:not([tabindex=\"-1\"])`;\nconst focusableElementsList = `button,[href],input,select,textarea,details,[tabindex]`;\n\n/**\n * This mixin provides the methods to automatically trap tab focus within\n * the component this mixin is on, meaning it is not possible to tab out\n * of the component without dismissing it.\n *\n * Useful for accessibility reasons on things like important actionable alerts.\n *\n * Use focusFirstElement to focus on the first tabbable element within your component, and call\n * focusTrappedTabPress every time tab is pressed to trap tab within this\n * component.\n *\n * Note that focusFirstElement WILL focus elements with tabindex=\"-1\",\n * however focusTrappedTabPress will not.\n * @displayName Modal Mixin\n */\nexport default {\n  methods: {\n    /**\n     * get the first focusable element in your component, includes tabindex=\"-1\".\n     * @param {object} el - optional - ref of dom element to trap focus on.\n     *  will default to the root node of the vue component\n     */\n    async getFirstFocusableElement (el) {\n      await this.$nextTick();\n      const focusableElements = this._getFocusableElements(el, true);\n      return this._getFirstFocusElement(focusableElements);\n    },\n\n    /**\n     * set focus to the first focusable element in your component, includes tabindex=\"-1\".\n     * @param {object} el - optional - ref of dom element to trap focus on.\n     *  will default to the root node of the vue component\n     */\n    async focusFirstElement (el = this.$el) {\n      const elToFocus = await this.getFirstFocusableElement(el);\n      elToFocus?.focus({ preventScroll: true });\n    },\n\n    async focusElementById (elementId) {\n      await this.$nextTick();\n      const result = this.$el?.querySelector(elementId);\n      if (result) {\n        result.focus();\n        return;\n      }\n\n      // eslint-disable-next-line no-console\n      console.warn('Could not find the element specified in dt-modal prop \"initialFocusElement\". ' +\n        'Defaulting to focusing the first element.');\n      await this.focusFirstElement();\n    },\n\n    /**\n     * internal use only.\n     *\n     * @param focusableElements - list of focusable elements\n     * @returns {*} - first DOM element that is focusable.\n     * @private\n     */\n    _getFirstFocusElement (focusableElements) {\n      if (!focusableElements.length) {\n        return;\n      }\n      let firstFocusEl = focusableElements[0];\n      // If first element is a checkbox, put focus on the selected checkbox or the first checkbox if none are selected.\n      if (firstFocusEl.matches('[type=\"radio\"]:not(:checked)')) {\n        firstFocusEl = focusableElements.find(el => el.checked && el.name === firstFocusEl.name) || firstFocusEl;\n      }\n      return firstFocusEl;\n    },\n\n    /**\n     * internal use only.\n     *\n     * gets all the focusable elements within the component\n     * and sets the first and last of those elements.\n     *\n     * @param {object} el - the root dom element to find focusable elements in.\n     * @param {bool} includeNegativeTabIndex - will include tabindex=\"-1\" in the list of focusable elements.\n     */\n    _getFocusableElements (el = this.$el, includeNegativeTabIndex = false) {\n      if (!el) return [];\n      const focusableContent = [...el.querySelectorAll(focusableElementsList)];\n      return focusableContent.filter((fc) => {\n        const style = window.getComputedStyle(fc);\n        return style.getPropertyValue('display') !== 'none' &&\n          style.getPropertyValue('visibility') !== 'hidden' &&\n          fc.matches(includeNegativeTabIndex ? focusableAttrs : tabbableAttrs);\n      });\n    },\n\n    /**\n     * tabs to the next element contained within your component, does not include tabindex=\"-1\".\n     * @param {object} e - keypress event\n     * @param {object} el - optional - ref of dom element to trap focus on.\n     *  will default to the root node of the vue component\n     */\n    focusTrappedTabPress (e, el) {\n      const isTabPressed = e.key === 'Tab';\n\n      if (!isTabPressed) {\n        return;\n      }\n\n      const focusableElements = this._getFocusableElements(el);\n      if (!focusableElements.length) {\n        e.preventDefault();\n        return;\n      }\n\n      const firstFocusableElement = this._getFirstFocusElement(focusableElements);\n      const lastFocusableElement = focusableElements[focusableElements.length - 1];\n\n      if (e.shiftKey) {\n        if (document.activeElement === firstFocusableElement) {\n          lastFocusableElement.focus();\n          e.preventDefault();\n        }\n      } else {\n        if (document.activeElement === lastFocusableElement) {\n          firstFocusableElement.focus();\n          e.preventDefault();\n        }\n      }\n    },\n  },\n};\n"],"names":["focusableAttrs","tabbableAttrs","focusableElementsList","methods","getFirstFocusableElement","el","$nextTick","focusableElements","_getFocusableElements","_getFirstFocusElement","focusFirstElement","$el","elToFocus","focus","preventScroll","focusElementById","elementId","result","querySelector","console","warn","length","firstFocusEl","matches","find","checked","name","includeNegativeTabIndex","focusableContent","querySelectorAll","filter","fc","style","window","getComputedStyle","getPropertyValue","focusTrappedTabPress","e","isTabPressed","key","preventDefault","firstFocusableElement","lastFocusableElement","shiftKey","document","activeElement"],"mappings":";AAAA,MAAMA,iBAAiB;AACvB,MAAMC,gBAAgB,GAAGD,cAAc;AACvC,MAAME,wBAAwB;AAiB9B,MAAe,QAAA;AAAA,EACbC,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMP,MAAMC,yBAA0BC,IAAI;AAClC,YAAM,KAAKC;AACX,YAAMC,oBAAoB,KAAKC,sBAAsBH,IAAI,IAAI;AAC7D,aAAO,KAAKI,sBAAsBF,iBAAiB;AAAA,IACpD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOD,MAAMG,kBAAmBL,KAAK,KAAKM,KAAK;AACtC,YAAMC,YAAY,MAAM,KAAKR,yBAAyBC,EAAE;AACxDO,6CAAWC,MAAM;AAAA,QAAEC,eAAe;AAAA,MAAK;AAAA,IACxC;AAAA,IAED,MAAMC,iBAAkBC,WAAW;;AACjC,YAAM,KAAKV;AACX,YAAMW,UAAS,UAAKN,QAAL,mBAAUO,cAAcF;AACvC,UAAIC,QAAQ;AACVA,eAAOJ,MAAK;AACZ;AAAA,MACF;AAGAM,cAAQC,KAAK,wHACgC;AAC7C,YAAM,KAAKV;IACZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASDD,sBAAuBF,mBAAmB;AACxC,UAAI,CAACA,kBAAkBc,QAAQ;AAC7B;AAAA,MACF;AACA,UAAIC,eAAef,kBAAkB,CAAC;AAEtC,UAAIe,aAAaC,QAAQ,8BAA8B,GAAG;AACxDD,uBAAef,kBAAkBiB,KAAKnB,QAAMA,GAAGoB,WAAWpB,GAAGqB,SAASJ,aAAaI,IAAI,KAAKJ;AAAAA,MAC9F;AACA,aAAOA;AAAAA,IACR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAWDd,sBAAuBH,KAAK,KAAKM,KAAKgB,0BAA0B,OAAO;AACrE,UAAI,CAACtB;AAAI,eAAO;AAChB,YAAMuB,mBAAmB,CAAC,GAAGvB,GAAGwB,iBAAiB3B,qBAAqB,CAAC;AACvE,aAAO0B,iBAAiBE,OAAQC,QAAO;AACrC,cAAMC,QAAQC,OAAOC,iBAAiBH,EAAE;AACxC,eAAOC,MAAMG,iBAAiB,SAAS,MAAM,UAC3CH,MAAMG,iBAAiB,YAAY,MAAM,YACzCJ,GAAGR,QAAQI,0BAA0B3B,iBAAiBC,aAAa;AAAA,MACvE,CAAC;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQDmC,qBAAsBC,GAAGhC,IAAI;AAC3B,YAAMiC,eAAeD,EAAEE,QAAQ;AAE/B,UAAI,CAACD,cAAc;AACjB;AAAA,MACF;AAEA,YAAM/B,oBAAoB,KAAKC,sBAAsBH,EAAE;AACvD,UAAI,CAACE,kBAAkBc,QAAQ;AAC7BgB,UAAEG,eAAc;AAChB;AAAA,MACF;AAEA,YAAMC,wBAAwB,KAAKhC,sBAAsBF,iBAAiB;AAC1E,YAAMmC,uBAAuBnC,kBAAkBA,kBAAkBc,SAAS,CAAC;AAE3E,UAAIgB,EAAEM,UAAU;AACd,YAAIC,SAASC,kBAAkBJ,uBAAuB;AACpDC,+BAAqB7B,MAAK;AAC1BwB,YAAEG,eAAc;AAAA,QAClB;AAAA,MACF,OAAO;AACL,YAAII,SAASC,kBAAkBH,sBAAsB;AACnDD,gCAAsB5B,MAAK;AAC3BwB,YAAEG,eAAc;AAAA,QAClB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;;"}
+{"version":3,"file":"modal-VgxXAQFP.js","sources":["../../common/mixins/modal.js"],"sourcesContent":["const focusableAttrs = ':not(:disabled):not([aria-disabled=\"true\"]):not([role=\"presentation\"])';\nconst tabbableAttrs = `${focusableAttrs}:not([tabindex=\"-1\"])`;\nconst focusableElementsList = `button,[href],input,select,textarea,details,[tabindex]`;\n\n/**\n * This mixin provides the methods to automatically trap tab focus within\n * the component this mixin is on, meaning it is not possible to tab out\n * of the component without dismissing it.\n *\n * Useful for accessibility reasons on things like important actionable alerts.\n *\n * Use focusFirstElement to focus on the first tabbable element within your component, and call\n * focusTrappedTabPress every time tab is pressed to trap tab within this\n * component.\n *\n * Note that focusFirstElement WILL focus elements with tabindex=\"-1\",\n * however focusTrappedTabPress will not.\n * @displayName Modal Mixin\n */\nexport default {\n  methods: {\n    /**\n     * get the first focusable element in your component, includes tabindex=\"-1\".\n     * @param {object} el - optional - ref of dom element to trap focus on.\n     *  will default to the root node of the vue component\n     */\n    async getFirstFocusableElement (el) {\n      await this.$nextTick();\n      const focusableElements = this._getFocusableElements(el, true);\n      return this._getFirstFocusElement(focusableElements);\n    },\n\n    /**\n     * set focus to the first focusable element in your component, includes tabindex=\"-1\".\n     * @param {object} el - optional - ref of dom element to trap focus on.\n     *  will default to the root node of the vue component\n     */\n    async focusFirstElement (el = this.$el) {\n      const elToFocus = await this.getFirstFocusableElement(el);\n      elToFocus?.focus({ preventScroll: true });\n    },\n\n    async focusElementById (elementId) {\n      await this.$nextTick();\n      const result = this.$el?.querySelector(elementId);\n      if (result) {\n        result.focus();\n        return;\n      }\n\n      // eslint-disable-next-line no-console\n      console.warn('Could not find the element specified in dt-modal prop \"initialFocusElement\". ' +\n        'Defaulting to focusing the first element.');\n      await this.focusFirstElement();\n    },\n\n    /**\n     * internal use only.\n     *\n     * @param focusableElements - list of focusable elements\n     * @returns {*} - first DOM element that is focusable.\n     * @private\n     */\n    _getFirstFocusElement (focusableElements) {\n      if (!focusableElements.length) {\n        return;\n      }\n      let firstFocusEl = focusableElements[0];\n      // If first element is a checkbox, put focus on the selected checkbox or the first checkbox if none are selected.\n      if (firstFocusEl.matches('[type=\"radio\"]:not(:checked)')) {\n        firstFocusEl = focusableElements.find(el => el.checked && el.name === firstFocusEl.name) || firstFocusEl;\n      }\n      return firstFocusEl;\n    },\n\n    /**\n     * internal use only.\n     *\n     * gets all the focusable elements within the component\n     * and sets the first and last of those elements.\n     *\n     * @param {object} el - the root dom element to find focusable elements in.\n     * @param {bool} includeNegativeTabIndex - will include tabindex=\"-1\" in the list of focusable elements.\n     */\n    _getFocusableElements (el = this.$el, includeNegativeTabIndex = false) {\n      if (!el) return [];\n      const focusableContent = [...el.querySelectorAll(focusableElementsList)];\n      return focusableContent.filter((fc) => {\n        const style = window.getComputedStyle(fc);\n        return style.getPropertyValue('display') !== 'none' &&\n          style.getPropertyValue('visibility') !== 'hidden' &&\n          fc.matches(includeNegativeTabIndex ? focusableAttrs : tabbableAttrs);\n      });\n    },\n\n    /**\n     * tabs to the next element contained within your component, does not include tabindex=\"-1\".\n     * @param {object} e - keypress event\n     * @param {object} el - optional - ref of dom element to trap focus on.\n     *  will default to the root node of the vue component\n     */\n    focusTrappedTabPress (e, el) {\n      const isTabPressed = e.key === 'Tab';\n\n      if (!isTabPressed) {\n        return;\n      }\n\n      const focusableElements = this._getFocusableElements(el);\n      if (!focusableElements.length) {\n        e.preventDefault();\n        return;\n      }\n\n      const firstFocusableElement = this._getFirstFocusElement(focusableElements);\n      const lastFocusableElement = focusableElements[focusableElements.length - 1];\n\n      if (e.shiftKey) {\n        if (document.activeElement === firstFocusableElement) {\n          lastFocusableElement.focus();\n          e.preventDefault();\n        }\n      } else {\n        if (document.activeElement === lastFocusableElement) {\n          firstFocusableElement.focus();\n          e.preventDefault();\n        }\n      }\n    },\n  },\n};\n"],"names":[],"mappings":";AAAA,MAAM,iBAAiB;AACvB,MAAM,gBAAgB,GAAG,cAAc;AACvC,MAAM,wBAAwB;AAiB9B,MAAe,QAAA;AAAA,EACb,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMP,MAAM,yBAA0B,IAAI;AAClC,YAAM,KAAK;AACX,YAAM,oBAAoB,KAAK,sBAAsB,IAAI,IAAI;AAC7D,aAAO,KAAK,sBAAsB,iBAAiB;AAAA,IACpD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOD,MAAM,kBAAmB,KAAK,KAAK,KAAK;AACtC,YAAM,YAAY,MAAM,KAAK,yBAAyB,EAAE;AACxD,6CAAW,MAAM,EAAE,eAAe,KAAM;AAAA,IACzC;AAAA,IAED,MAAM,iBAAkB,WAAW;;AACjC,YAAM,KAAK;AACX,YAAM,UAAS,UAAK,QAAL,mBAAU,cAAc;AACvC,UAAI,QAAQ;AACV,eAAO,MAAK;AACZ;AAAA,MACD;AAGD,cAAQ,KAAK,wHACgC;AAC7C,YAAM,KAAK;IACZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASD,sBAAuB,mBAAmB;AACxC,UAAI,CAAC,kBAAkB,QAAQ;AAC7B;AAAA,MACD;AACD,UAAI,eAAe,kBAAkB,CAAC;AAEtC,UAAI,aAAa,QAAQ,8BAA8B,GAAG;AACxD,uBAAe,kBAAkB,KAAK,QAAM,GAAG,WAAW,GAAG,SAAS,aAAa,IAAI,KAAK;AAAA,MAC7F;AACD,aAAO;AAAA,IACR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAWD,sBAAuB,KAAK,KAAK,KAAK,0BAA0B,OAAO;AACrE,UAAI,CAAC;AAAI,eAAO;AAChB,YAAM,mBAAmB,CAAC,GAAG,GAAG,iBAAiB,qBAAqB,CAAC;AACvE,aAAO,iBAAiB,OAAO,CAAC,OAAO;AACrC,cAAM,QAAQ,OAAO,iBAAiB,EAAE;AACxC,eAAO,MAAM,iBAAiB,SAAS,MAAM,UAC3C,MAAM,iBAAiB,YAAY,MAAM,YACzC,GAAG,QAAQ,0BAA0B,iBAAiB,aAAa;AAAA,MAC7E,CAAO;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQD,qBAAsB,GAAG,IAAI;AAC3B,YAAM,eAAe,EAAE,QAAQ;AAE/B,UAAI,CAAC,cAAc;AACjB;AAAA,MACD;AAED,YAAM,oBAAoB,KAAK,sBAAsB,EAAE;AACvD,UAAI,CAAC,kBAAkB,QAAQ;AAC7B,UAAE,eAAc;AAChB;AAAA,MACD;AAED,YAAM,wBAAwB,KAAK,sBAAsB,iBAAiB;AAC1E,YAAM,uBAAuB,kBAAkB,kBAAkB,SAAS,CAAC;AAE3E,UAAI,EAAE,UAAU;AACd,YAAI,SAAS,kBAAkB,uBAAuB;AACpD,+BAAqB,MAAK;AAC1B,YAAE,eAAc;AAAA,QACjB;AAAA,MACT,OAAa;AACL,YAAI,SAAS,kBAAkB,sBAAsB;AACnD,gCAAsB,MAAK;AAC3B,YAAE,eAAc;AAAA,QACjB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACH;;"}

package/dist/chunks/{modal-8X6poIZW.js → modal-XOr4kiNZ.js}

@@ -20,9 +20,7 @@ const Modal = {
      */
     async focusFirstElement(el = this.$el) {
       const elToFocus = await this.getFirstFocusableElement(el);
-      elToFocus == null ? void 0 : elToFocus.focus({
-        preventScroll: true
-      });
+      elToFocus == null ? void 0 : elToFocus.focus({ preventScroll: true });
     },
     async focusElementById(elementId) {
       var _a;
@@ -105,4 +103,4 @@ const Modal = {
 export {
   Modal
 };
-//# sourceMappingURL=modal-8X6poIZW.js.map
+//# sourceMappingURL=modal-XOr4kiNZ.js.map

package/dist/chunks/{modal-8X6poIZW.js.map → modal-XOr4kiNZ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"modal-8X6poIZW.js","sources":["../../common/mixins/modal.js"],"sourcesContent":["const focusableAttrs = ':not(:disabled):not([aria-disabled=\"true\"]):not([role=\"presentation\"])';\nconst tabbableAttrs = `${focusableAttrs}:not([tabindex=\"-1\"])`;\nconst focusableElementsList = `button,[href],input,select,textarea,details,[tabindex]`;\n\n/**\n * This mixin provides the methods to automatically trap tab focus within\n * the component this mixin is on, meaning it is not possible to tab out\n * of the component without dismissing it.\n *\n * Useful for accessibility reasons on things like important actionable alerts.\n *\n * Use focusFirstElement to focus on the first tabbable element within your component, and call\n * focusTrappedTabPress every time tab is pressed to trap tab within this\n * component.\n *\n * Note that focusFirstElement WILL focus elements with tabindex=\"-1\",\n * however focusTrappedTabPress will not.\n * @displayName Modal Mixin\n */\nexport default {\n  methods: {\n    /**\n     * get the first focusable element in your component, includes tabindex=\"-1\".\n     * @param {object} el - optional - ref of dom element to trap focus on.\n     *  will default to the root node of the vue component\n     */\n    async getFirstFocusableElement (el) {\n      await this.$nextTick();\n      const focusableElements = this._getFocusableElements(el, true);\n      return this._getFirstFocusElement(focusableElements);\n    },\n\n    /**\n     * set focus to the first focusable element in your component, includes tabindex=\"-1\".\n     * @param {object} el - optional - ref of dom element to trap focus on.\n     *  will default to the root node of the vue component\n     */\n    async focusFirstElement (el = this.$el) {\n      const elToFocus = await this.getFirstFocusableElement(el);\n      elToFocus?.focus({ preventScroll: true });\n    },\n\n    async focusElementById (elementId) {\n      await this.$nextTick();\n      const result = this.$el?.querySelector(elementId);\n      if (result) {\n        result.focus();\n        return;\n      }\n\n      // eslint-disable-next-line no-console\n      console.warn('Could not find the element specified in dt-modal prop \"initialFocusElement\". ' +\n        'Defaulting to focusing the first element.');\n      await this.focusFirstElement();\n    },\n\n    /**\n     * internal use only.\n     *\n     * @param focusableElements - list of focusable elements\n     * @returns {*} - first DOM element that is focusable.\n     * @private\n     */\n    _getFirstFocusElement (focusableElements) {\n      if (!focusableElements.length) {\n        return;\n      }\n      let firstFocusEl = focusableElements[0];\n      // If first element is a checkbox, put focus on the selected checkbox or the first checkbox if none are selected.\n      if (firstFocusEl.matches('[type=\"radio\"]:not(:checked)')) {\n        firstFocusEl = focusableElements.find(el => el.checked && el.name === firstFocusEl.name) || firstFocusEl;\n      }\n      return firstFocusEl;\n    },\n\n    /**\n     * internal use only.\n     *\n     * gets all the focusable elements within the component\n     * and sets the first and last of those elements.\n     *\n     * @param {object} el - the root dom element to find focusable elements in.\n     * @param {bool} includeNegativeTabIndex - will include tabindex=\"-1\" in the list of focusable elements.\n     */\n    _getFocusableElements (el = this.$el, includeNegativeTabIndex = false) {\n      if (!el) return [];\n      const focusableContent = [...el.querySelectorAll(focusableElementsList)];\n      return focusableContent.filter((fc) => {\n        const style = window.getComputedStyle(fc);\n        return style.getPropertyValue('display') !== 'none' &&\n          style.getPropertyValue('visibility') !== 'hidden' &&\n          fc.matches(includeNegativeTabIndex ? focusableAttrs : tabbableAttrs);\n      });\n    },\n\n    /**\n     * tabs to the next element contained within your component, does not include tabindex=\"-1\".\n     * @param {object} e - keypress event\n     * @param {object} el - optional - ref of dom element to trap focus on.\n     *  will default to the root node of the vue component\n     */\n    focusTrappedTabPress (e, el) {\n      const isTabPressed = e.key === 'Tab';\n\n      if (!isTabPressed) {\n        return;\n      }\n\n      const focusableElements = this._getFocusableElements(el);\n      if (!focusableElements.length) {\n        e.preventDefault();\n        return;\n      }\n\n      const firstFocusableElement = this._getFirstFocusElement(focusableElements);\n      const lastFocusableElement = focusableElements[focusableElements.length - 1];\n\n      if (e.shiftKey) {\n        if (document.activeElement === firstFocusableElement) {\n          lastFocusableElement.focus();\n          e.preventDefault();\n        }\n      } else {\n        if (document.activeElement === lastFocusableElement) {\n          firstFocusableElement.focus();\n          e.preventDefault();\n        }\n      }\n    },\n  },\n};\n"],"names":["focusableAttrs","tabbableAttrs","focusableElementsList","methods","getFirstFocusableElement","el","$nextTick","focusableElements","_getFocusableElements","_getFirstFocusElement","focusFirstElement","$el","elToFocus","focus","preventScroll","focusElementById","elementId","result","querySelector","console","warn","length","firstFocusEl","matches","find","checked","name","includeNegativeTabIndex","focusableContent","querySelectorAll","filter","fc","style","window","getComputedStyle","getPropertyValue","focusTrappedTabPress","e","isTabPressed","key","preventDefault","firstFocusableElement","lastFocusableElement","shiftKey","document","activeElement"],"mappings":"AAAA,MAAMA,iBAAiB;AACvB,MAAMC,gBAAgB,GAAGD,cAAc;AACvC,MAAME,wBAAwB;AAiB9B,MAAe,QAAA;AAAA,EACbC,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMP,MAAMC,yBAA0BC,IAAI;AAClC,YAAM,KAAKC;AACX,YAAMC,oBAAoB,KAAKC,sBAAsBH,IAAI,IAAI;AAC7D,aAAO,KAAKI,sBAAsBF,iBAAiB;AAAA,IACpD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOD,MAAMG,kBAAmBL,KAAK,KAAKM,KAAK;AACtC,YAAMC,YAAY,MAAM,KAAKR,yBAAyBC,EAAE;AACxDO,6CAAWC,MAAM;AAAA,QAAEC,eAAe;AAAA,MAAK;AAAA,IACxC;AAAA,IAED,MAAMC,iBAAkBC,WAAW;AA1CvC;AA2CM,YAAM,KAAKV;AACX,YAAMW,UAAS,UAAKN,QAAL,mBAAUO,cAAcF;AACvC,UAAIC,QAAQ;AACVA,eAAOJ,MAAK;AACZ;AAAA,MACF;AAGAM,cAAQC,KAAK,wHACgC;AAC7C,YAAM,KAAKV;IACZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASDD,sBAAuBF,mBAAmB;AACxC,UAAI,CAACA,kBAAkBc,QAAQ;AAC7B;AAAA,MACF;AACA,UAAIC,eAAef,kBAAkB,CAAC;AAEtC,UAAIe,aAAaC,QAAQ,8BAA8B,GAAG;AACxDD,uBAAef,kBAAkBiB,KAAKnB,QAAMA,GAAGoB,WAAWpB,GAAGqB,SAASJ,aAAaI,IAAI,KAAKJ;AAAAA,MAC9F;AACA,aAAOA;AAAAA,IACR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAWDd,sBAAuBH,KAAK,KAAKM,KAAKgB,0BAA0B,OAAO;AACrE,UAAI,CAACtB;AAAI,eAAO;AAChB,YAAMuB,mBAAmB,CAAC,GAAGvB,GAAGwB,iBAAiB3B,qBAAqB,CAAC;AACvE,aAAO0B,iBAAiBE,OAAQC,QAAO;AACrC,cAAMC,QAAQC,OAAOC,iBAAiBH,EAAE;AACxC,eAAOC,MAAMG,iBAAiB,SAAS,MAAM,UAC3CH,MAAMG,iBAAiB,YAAY,MAAM,YACzCJ,GAAGR,QAAQI,0BAA0B3B,iBAAiBC,aAAa;AAAA,MACvE,CAAC;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQDmC,qBAAsBC,GAAGhC,IAAI;AAC3B,YAAMiC,eAAeD,EAAEE,QAAQ;AAE/B,UAAI,CAACD,cAAc;AACjB;AAAA,MACF;AAEA,YAAM/B,oBAAoB,KAAKC,sBAAsBH,EAAE;AACvD,UAAI,CAACE,kBAAkBc,QAAQ;AAC7BgB,UAAEG,eAAc;AAChB;AAAA,MACF;AAEA,YAAMC,wBAAwB,KAAKhC,sBAAsBF,iBAAiB;AAC1E,YAAMmC,uBAAuBnC,kBAAkBA,kBAAkBc,SAAS,CAAC;AAE3E,UAAIgB,EAAEM,UAAU;AACd,YAAIC,SAASC,kBAAkBJ,uBAAuB;AACpDC,+BAAqB7B,MAAK;AAC1BwB,YAAEG,eAAc;AAAA,QAClB;AAAA,MACF,OAAO;AACL,YAAII,SAASC,kBAAkBH,sBAAsB;AACnDD,gCAAsB5B,MAAK;AAC3BwB,YAAEG,eAAc;AAAA,QAClB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;"}
+{"version":3,"file":"modal-XOr4kiNZ.js","sources":["../../common/mixins/modal.js"],"sourcesContent":["const focusableAttrs = ':not(:disabled):not([aria-disabled=\"true\"]):not([role=\"presentation\"])';\nconst tabbableAttrs = `${focusableAttrs}:not([tabindex=\"-1\"])`;\nconst focusableElementsList = `button,[href],input,select,textarea,details,[tabindex]`;\n\n/**\n * This mixin provides the methods to automatically trap tab focus within\n * the component this mixin is on, meaning it is not possible to tab out\n * of the component without dismissing it.\n *\n * Useful for accessibility reasons on things like important actionable alerts.\n *\n * Use focusFirstElement to focus on the first tabbable element within your component, and call\n * focusTrappedTabPress every time tab is pressed to trap tab within this\n * component.\n *\n * Note that focusFirstElement WILL focus elements with tabindex=\"-1\",\n * however focusTrappedTabPress will not.\n * @displayName Modal Mixin\n */\nexport default {\n  methods: {\n    /**\n     * get the first focusable element in your component, includes tabindex=\"-1\".\n     * @param {object} el - optional - ref of dom element to trap focus on.\n     *  will default to the root node of the vue component\n     */\n    async getFirstFocusableElement (el) {\n      await this.$nextTick();\n      const focusableElements = this._getFocusableElements(el, true);\n      return this._getFirstFocusElement(focusableElements);\n    },\n\n    /**\n     * set focus to the first focusable element in your component, includes tabindex=\"-1\".\n     * @param {object} el - optional - ref of dom element to trap focus on.\n     *  will default to the root node of the vue component\n     */\n    async focusFirstElement (el = this.$el) {\n      const elToFocus = await this.getFirstFocusableElement(el);\n      elToFocus?.focus({ preventScroll: true });\n    },\n\n    async focusElementById (elementId) {\n      await this.$nextTick();\n      const result = this.$el?.querySelector(elementId);\n      if (result) {\n        result.focus();\n        return;\n      }\n\n      // eslint-disable-next-line no-console\n      console.warn('Could not find the element specified in dt-modal prop \"initialFocusElement\". ' +\n        'Defaulting to focusing the first element.');\n      await this.focusFirstElement();\n    },\n\n    /**\n     * internal use only.\n     *\n     * @param focusableElements - list of focusable elements\n     * @returns {*} - first DOM element that is focusable.\n     * @private\n     */\n    _getFirstFocusElement (focusableElements) {\n      if (!focusableElements.length) {\n        return;\n      }\n      let firstFocusEl = focusableElements[0];\n      // If first element is a checkbox, put focus on the selected checkbox or the first checkbox if none are selected.\n      if (firstFocusEl.matches('[type=\"radio\"]:not(:checked)')) {\n        firstFocusEl = focusableElements.find(el => el.checked && el.name === firstFocusEl.name) || firstFocusEl;\n      }\n      return firstFocusEl;\n    },\n\n    /**\n     * internal use only.\n     *\n     * gets all the focusable elements within the component\n     * and sets the first and last of those elements.\n     *\n     * @param {object} el - the root dom element to find focusable elements in.\n     * @param {bool} includeNegativeTabIndex - will include tabindex=\"-1\" in the list of focusable elements.\n     */\n    _getFocusableElements (el = this.$el, includeNegativeTabIndex = false) {\n      if (!el) return [];\n      const focusableContent = [...el.querySelectorAll(focusableElementsList)];\n      return focusableContent.filter((fc) => {\n        const style = window.getComputedStyle(fc);\n        return style.getPropertyValue('display') !== 'none' &&\n          style.getPropertyValue('visibility') !== 'hidden' &&\n          fc.matches(includeNegativeTabIndex ? focusableAttrs : tabbableAttrs);\n      });\n    },\n\n    /**\n     * tabs to the next element contained within your component, does not include tabindex=\"-1\".\n     * @param {object} e - keypress event\n     * @param {object} el - optional - ref of dom element to trap focus on.\n     *  will default to the root node of the vue component\n     */\n    focusTrappedTabPress (e, el) {\n      const isTabPressed = e.key === 'Tab';\n\n      if (!isTabPressed) {\n        return;\n      }\n\n      const focusableElements = this._getFocusableElements(el);\n      if (!focusableElements.length) {\n        e.preventDefault();\n        return;\n      }\n\n      const firstFocusableElement = this._getFirstFocusElement(focusableElements);\n      const lastFocusableElement = focusableElements[focusableElements.length - 1];\n\n      if (e.shiftKey) {\n        if (document.activeElement === firstFocusableElement) {\n          lastFocusableElement.focus();\n          e.preventDefault();\n        }\n      } else {\n        if (document.activeElement === lastFocusableElement) {\n          firstFocusableElement.focus();\n          e.preventDefault();\n        }\n      }\n    },\n  },\n};\n"],"names":[],"mappings":"AAAA,MAAM,iBAAiB;AACvB,MAAM,gBAAgB,GAAG,cAAc;AACvC,MAAM,wBAAwB;AAiB9B,MAAe,QAAA;AAAA,EACb,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMP,MAAM,yBAA0B,IAAI;AAClC,YAAM,KAAK;AACX,YAAM,oBAAoB,KAAK,sBAAsB,IAAI,IAAI;AAC7D,aAAO,KAAK,sBAAsB,iBAAiB;AAAA,IACpD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOD,MAAM,kBAAmB,KAAK,KAAK,KAAK;AACtC,YAAM,YAAY,MAAM,KAAK,yBAAyB,EAAE;AACxD,6CAAW,MAAM,EAAE,eAAe,KAAM;AAAA,IACzC;AAAA,IAED,MAAM,iBAAkB,WAAW;AA1CvC;AA2CM,YAAM,KAAK;AACX,YAAM,UAAS,UAAK,QAAL,mBAAU,cAAc;AACvC,UAAI,QAAQ;AACV,eAAO,MAAK;AACZ;AAAA,MACD;AAGD,cAAQ,KAAK,wHACgC;AAC7C,YAAM,KAAK;IACZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASD,sBAAuB,mBAAmB;AACxC,UAAI,CAAC,kBAAkB,QAAQ;AAC7B;AAAA,MACD;AACD,UAAI,eAAe,kBAAkB,CAAC;AAEtC,UAAI,aAAa,QAAQ,8BAA8B,GAAG;AACxD,uBAAe,kBAAkB,KAAK,QAAM,GAAG,WAAW,GAAG,SAAS,aAAa,IAAI,KAAK;AAAA,MAC7F;AACD,aAAO;AAAA,IACR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAWD,sBAAuB,KAAK,KAAK,KAAK,0BAA0B,OAAO;AACrE,UAAI,CAAC;AAAI,eAAO;AAChB,YAAM,mBAAmB,CAAC,GAAG,GAAG,iBAAiB,qBAAqB,CAAC;AACvE,aAAO,iBAAiB,OAAO,CAAC,OAAO;AACrC,cAAM,QAAQ,OAAO,iBAAiB,EAAE;AACxC,eAAO,MAAM,iBAAiB,SAAS,MAAM,UAC3C,MAAM,iBAAiB,YAAY,MAAM,YACzC,GAAG,QAAQ,0BAA0B,iBAAiB,aAAa;AAAA,MAC7E,CAAO;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQD,qBAAsB,GAAG,IAAI;AAC3B,YAAM,eAAe,EAAE,QAAQ;AAE/B,UAAI,CAAC,cAAc;AACjB;AAAA,MACD;AAED,YAAM,oBAAoB,KAAK,sBAAsB,EAAE;AACvD,UAAI,CAAC,kBAAkB,QAAQ;AAC7B,UAAE,eAAc;AAChB;AAAA,MACD;AAED,YAAM,wBAAwB,KAAK,sBAAsB,iBAAiB;AAC1E,YAAM,uBAAuB,kBAAkB,kBAAkB,SAAS,CAAC;AAE3E,UAAI,EAAE,UAAU;AACd,YAAI,SAAS,kBAAkB,uBAAuB;AACpD,+BAAqB,MAAK;AAC1B,YAAE,eAAc;AAAA,QACjB;AAAA,MACT,OAAa;AACL,YAAI,SAAS,kBAAkB,sBAAsB;AACnD,gCAAsB,MAAK;AAC3B,YAAE,eAAc;AAAA,QACjB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACH;"}

package/dist/chunks/{notice_action-3ed0uIMN.js → notice_action-WTucGhvr.js}

@@ -4,9 +4,15 @@ const common_utils = require("../common/utils.cjs");
 const vue = require("vue");
 const _pluginVue_exportHelper = require("./_plugin-vue_export-helper-fhnQq0tA.js");
 const lib_icon = require("../lib/icon.cjs");
-const sr_only_close_button = require("./sr_only_close_button-gKr0Vlbz.js");
+const sr_only_close_button = require("./sr_only_close_button-xGrHFjwA.js");
 const lib_button = require("../lib/button.cjs");
-const kindToIcon = /* @__PURE__ */ new Map([["info", "info"], ["success", "check-circle"], ["warning", "alert-triangle"], ["error", "alert-circle"], ["base", "bell"]]);
+const kindToIcon = /* @__PURE__ */ new Map([
+  ["info", "info"],
+  ["success", "check-circle"],
+  ["warning", "alert-triangle"],
+  ["error", "alert-circle"],
+  ["base", "bell"]
+]);
 const _sfc_main$2 = {
   name: "DtNoticeIcon",
   components: {
@@ -43,10 +49,14 @@ const _hoisted_1$2 = {
 };
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_icon = vue.resolveComponent("dt-icon");
-  return $options.defaultIcon || $data.hasSlotContent(_ctx.$slots.default) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [vue.renderSlot(_ctx.$slots, "default", {}, () => [vue.createVNode(_component_dt_icon, {
-    name: $options.defaultIcon,
-    size: "400"
-  }, null, 8, ["name"])])])) : vue.createCommentVNode("", true);
+  return $options.defaultIcon || $data.hasSlotContent(_ctx.$slots.default) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
+    vue.renderSlot(_ctx.$slots, "default", {}, () => [
+      vue.createVNode(_component_dt_icon, {
+        name: $options.defaultIcon,
+        size: "400"
+      }, null, 8, ["name"])
+    ])
+  ])) : vue.createCommentVNode("", true);
 }
 const DtNoticeIcon = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$2, [["render", _sfc_render$2]]);
 const _sfc_main$1 = {
@@ -89,16 +99,25 @@ const _hoisted_1$1 = {
 const _hoisted_2 = ["id"];
 const _hoisted_3 = ["id"];
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [$props.title || $data.hasSlotContent(_ctx.$slots.titleOverride) ? (vue.openBlock(), vue.createElementBlock("p", {
-    key: 0,
-    id: $props.titleId,
-    class: "d-notice__title",
-    "data-qa": "notice-content-title"
-  }, [vue.renderSlot(_ctx.$slots, "titleOverride", {}, () => [vue.createTextVNode(vue.toDisplayString($props.title), 1)])], 8, _hoisted_2)) : vue.createCommentVNode("", true), vue.createElementVNode("p", {
-    id: $props.contentId,
-    class: "d-notice__message",
-    "data-qa": "notice-content-message"
-  }, [vue.renderSlot(_ctx.$slots, "default")], 8, _hoisted_3)]);
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
+    $props.title || $data.hasSlotContent(_ctx.$slots.titleOverride) ? (vue.openBlock(), vue.createElementBlock("p", {
+      key: 0,
+      id: $props.titleId,
+      class: "d-notice__title",
+      "data-qa": "notice-content-title"
+    }, [
+      vue.renderSlot(_ctx.$slots, "titleOverride", {}, () => [
+        vue.createTextVNode(vue.toDisplayString($props.title), 1)
+      ])
+    ], 8, _hoisted_2)) : vue.createCommentVNode("", true),
+    vue.createElementVNode("p", {
+      id: $props.contentId,
+      class: "d-notice__message",
+      "data-qa": "notice-content-message"
+    }, [
+      vue.renderSlot(_ctx.$slots, "default")
+    ], 8, _hoisted_3)
+  ]);
 }
 const DtNoticeContent = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
 const _sfc_main = {
@@ -170,32 +189,34 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_icon = vue.resolveComponent("dt-icon");
   const _component_dt_button = vue.resolveComponent("dt-button");
   const _component_sr_only_close_button = vue.resolveComponent("sr-only-close-button");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [!$props.hideAction ? vue.renderSlot(_ctx.$slots, "default", {
-    key: 0
-  }) : vue.createCommentVNode("", true), !$props.hideClose ? (vue.openBlock(), vue.createBlock(_component_dt_button, vue.mergeProps({
-    key: 1,
-    ref: "closeButton",
-    "data-qa": "dt-notice-action-close-button",
-    size: "sm",
-    importance: "clear",
-    circle: "",
-    "aria-label": $props.closeButtonProps.ariaLabel ? $props.closeButtonProps.ariaLabel : "Close"
-  }, $props.closeButtonProps, {
-    onClick: $options.close
-  }), {
-    icon: vue.withCtx(() => [vue.createVNode(_component_dt_icon, {
-      name: "close",
-      size: "200"
-    })]),
-    _: 1
-  }, 16, ["aria-label", "onClick"])) : vue.createCommentVNode("", true), _ctx.showVisuallyHiddenClose ? (vue.openBlock(), vue.createBlock(_component_sr_only_close_button, {
-    key: 2,
-    "visually-hidden-close-label": _ctx.visuallyHiddenCloseLabel,
-    onClose: $options.close
-  }, null, 8, ["visually-hidden-close-label", "onClose"])) : vue.createCommentVNode("", true)]);
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+    !$props.hideAction ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : vue.createCommentVNode("", true),
+    !$props.hideClose ? (vue.openBlock(), vue.createBlock(_component_dt_button, vue.mergeProps({
+      key: 1,
+      ref: "closeButton",
+      "data-qa": "dt-notice-action-close-button",
+      size: "sm",
+      importance: "clear",
+      circle: "",
+      "aria-label": $props.closeButtonProps.ariaLabel ? $props.closeButtonProps.ariaLabel : "Close"
+    }, $props.closeButtonProps, { onClick: $options.close }), {
+      icon: vue.withCtx(() => [
+        vue.createVNode(_component_dt_icon, {
+          name: "close",
+          size: "200"
+        })
+      ]),
+      _: 1
+    }, 16, ["aria-label", "onClick"])) : vue.createCommentVNode("", true),
+    _ctx.showVisuallyHiddenClose ? (vue.openBlock(), vue.createBlock(_component_sr_only_close_button, {
+      key: 2,
+      "visually-hidden-close-label": _ctx.visuallyHiddenCloseLabel,
+      onClose: $options.close
+    }, null, 8, ["visually-hidden-close-label", "onClose"])) : vue.createCommentVNode("", true)
+  ]);
 }
 const DtNoticeAction = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render]]);
 exports.DtNoticeAction = DtNoticeAction;
 exports.DtNoticeContent = DtNoticeContent;
 exports.DtNoticeIcon = DtNoticeIcon;
-//# sourceMappingURL=notice_action-3ed0uIMN.js.map
+//# sourceMappingURL=notice_action-WTucGhvr.js.map

package/dist/chunks/{notice_action-e08Lw5W6.js.map → notice_action-WTucGhvr.js.map}

@@ -1 +1 @@
-{"version":3,"file":"notice_action-e08Lw5W6.js","sources":["../../components/notice/notice_icon.vue","../../components/notice/notice_content.vue","../../components/notice/notice_action.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      <dt-icon\n        :name=\"defaultIcon\"\n        size=\"400\"\n      />\n    </slot>\n  </div>\n</template>\n\n<script>\nimport { DtIcon } from '@/components/icon';\nimport { NOTICE_KINDS } from './notice_constants.js';\nimport { hasSlotContent } from '@/common/utils';\n\nconst kindToIcon = new Map([\n  ['info', 'info'],\n  ['success', 'check-circle'],\n  ['warning', 'alert-triangle'],\n  ['error', 'alert-circle'],\n  ['base', 'bell'],\n]);\n\nexport default {\n  name: 'DtNoticeIcon',\n\n  components: {\n    DtIcon,\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","<template>\n  <div\n    class=\"d-notice__content\"\n    data-qa=\"notice-content\"\n  >\n    <p\n      v-if=\"title || hasSlotContent($slots.titleOverride)\"\n      :id=\"titleId\"\n      class=\"d-notice__title\"\n      data-qa=\"notice-content-title\"\n    >\n      <!-- @slot Slot for the title  -->\n      <slot name=\"titleOverride\">\n        {{ title }}\n      </slot>\n    </p>\n    <p\n      :id=\"contentId\"\n      class=\"d-notice__message\"\n      data-qa=\"notice-content-message\"\n    >\n      <!-- @slot Slot for main content -->\n      <slot />\n    </p>\n  </div>\n</template>\n\n<script>\nimport { hasSlotContent } from '@/common/utils';\n\nexport default {\n  name: 'DtNoticeContent',\n\n  props: {\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     * ID for 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     * ID for 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  data () {\n    return {\n      hasSlotContent,\n    };\n  },\n};\n</script>\n","<template>\n  <div\n    class=\"d-notice__actions\"\n    data-qa=\"notice-content-actions\"\n  >\n    <!-- @slot Slot for main content -->\n    <slot v-if=\"!hideAction\" />\n    <dt-button\n      v-if=\"!hideClose\"\n      ref=\"closeButton\"\n      data-qa=\"dt-notice-action-close-button\"\n      size=\"sm\"\n      importance=\"clear\"\n      circle\n      :aria-label=\"closeButtonProps.ariaLabel ? closeButtonProps.ariaLabel : 'Close'\"\n      v-bind=\"closeButtonProps\"\n      @click=\"close\"\n    >\n      <template #icon>\n        <dt-icon\n          name=\"close\"\n          size=\"200\"\n        />\n      </template>\n    </dt-button>\n    <sr-only-close-button\n      v-if=\"showVisuallyHiddenClose\"\n      :visually-hidden-close-label=\"visuallyHiddenCloseLabel\"\n      @close=\"close\"\n    />\n  </div>\n</template>\n\n<script>\nimport { DtIcon } from '@/components/icon';\nimport { DtButton } from '@/components/button';\nimport SrOnlyCloseButtonMixin from '@/common/mixins/sr_only_close_button';\nimport SrOnlyCloseButton from '@/common/sr_only_close_button.vue';\n\nexport default {\n  name: 'DtNoticeAction',\n\n  components: {\n    DtIcon,\n    DtButton,\n    SrOnlyCloseButton,\n  },\n\n  mixins: [SrOnlyCloseButtonMixin],\n\n  props: {\n    /**\n     * Props for the notice close button.\n     */\n    closeButtonProps: {\n      type: Object,\n      default: () => ({}),\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 action from the notice\n     * @values true, false\n     */\n    hideAction: {\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  created () {\n    if (!this.hideClose && !this.closeButtonProps.ariaLabel) {\n      console.error('Invalid props: you must pass in closeButtonProps.ariaLabel if the close button is displayed.');\n    }\n  },\n\n  mounted () {\n    if (!this.hideClose) {\n      this.lastFocusedElement = document.activeElement;\n    }\n  },\n\n  beforeUnmount () {\n    this.lastFocusedElement?.focus();\n  },\n\n  methods: {\n    close () {\n      this.$emit('close');\n    },\n  },\n};\n</script>\n"],"names":["kindToIcon","Map","_sfc_main","name","components","DtIcon","props","kind","type","String","default","validate","NOTICE_KINDS","includes","data","hasSlotContent","computed","defaultIcon","get","class","$options","$data","_ctx","$slots","_openBlock","_createElementBlock","_hoisted_1","_renderSlot","_createVNode","_component_dt_icon","size","title","titleId","undefined","contentId","$props","titleOverride","id","_createElementVNode","DtButton","SrOnlyCloseButton","mixins","SrOnlyCloseButtonMixin","closeButtonProps","Object","hideClose","Boolean","hideAction","emits","created","ariaLabel","console","error","mounted","lastFocusedElement","document","activeElement","beforeUnmount","focus","methods","close","$emit","key","_createBlock","_component_dt_button","_mergeProps","ref","importance","circle","onClick","icon","showVisuallyHiddenClose","_component_sr_only_close_button","visuallyHiddenCloseLabel","onClose"],"mappings":"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"}
+{"version":3,"file":"notice_action-WTucGhvr.js","sources":["../../components/notice/notice_icon.vue","../../components/notice/notice_content.vue","../../components/notice/notice_action.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      <dt-icon\n        :name=\"defaultIcon\"\n        size=\"400\"\n      />\n    </slot>\n  </div>\n</template>\n\n<script>\nimport { DtIcon } from '@/components/icon';\nimport { NOTICE_KINDS } from './notice_constants.js';\nimport { hasSlotContent } from '@/common/utils';\n\nconst kindToIcon = new Map([\n  ['info', 'info'],\n  ['success', 'check-circle'],\n  ['warning', 'alert-triangle'],\n  ['error', 'alert-circle'],\n  ['base', 'bell'],\n]);\n\nexport default {\n  name: 'DtNoticeIcon',\n\n  components: {\n    DtIcon,\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","<template>\n  <div\n    class=\"d-notice__content\"\n    data-qa=\"notice-content\"\n  >\n    <p\n      v-if=\"title || hasSlotContent($slots.titleOverride)\"\n      :id=\"titleId\"\n      class=\"d-notice__title\"\n      data-qa=\"notice-content-title\"\n    >\n      <!-- @slot Slot for the title  -->\n      <slot name=\"titleOverride\">\n        {{ title }}\n      </slot>\n    </p>\n    <p\n      :id=\"contentId\"\n      class=\"d-notice__message\"\n      data-qa=\"notice-content-message\"\n    >\n      <!-- @slot Slot for main content -->\n      <slot />\n    </p>\n  </div>\n</template>\n\n<script>\nimport { hasSlotContent } from '@/common/utils';\n\nexport default {\n  name: 'DtNoticeContent',\n\n  props: {\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     * ID for 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     * ID for 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  data () {\n    return {\n      hasSlotContent,\n    };\n  },\n};\n</script>\n","<template>\n  <div\n    class=\"d-notice__actions\"\n    data-qa=\"notice-content-actions\"\n  >\n    <!-- @slot Slot for main content -->\n    <slot v-if=\"!hideAction\" />\n    <dt-button\n      v-if=\"!hideClose\"\n      ref=\"closeButton\"\n      data-qa=\"dt-notice-action-close-button\"\n      size=\"sm\"\n      importance=\"clear\"\n      circle\n      :aria-label=\"closeButtonProps.ariaLabel ? closeButtonProps.ariaLabel : 'Close'\"\n      v-bind=\"closeButtonProps\"\n      @click=\"close\"\n    >\n      <template #icon>\n        <dt-icon\n          name=\"close\"\n          size=\"200\"\n        />\n      </template>\n    </dt-button>\n    <sr-only-close-button\n      v-if=\"showVisuallyHiddenClose\"\n      :visually-hidden-close-label=\"visuallyHiddenCloseLabel\"\n      @close=\"close\"\n    />\n  </div>\n</template>\n\n<script>\nimport { DtIcon } from '@/components/icon';\nimport { DtButton } from '@/components/button';\nimport SrOnlyCloseButtonMixin from '@/common/mixins/sr_only_close_button';\nimport SrOnlyCloseButton from '@/common/sr_only_close_button.vue';\n\nexport default {\n  name: 'DtNoticeAction',\n\n  components: {\n    DtIcon,\n    DtButton,\n    SrOnlyCloseButton,\n  },\n\n  mixins: [SrOnlyCloseButtonMixin],\n\n  props: {\n    /**\n     * Props for the notice close button.\n     */\n    closeButtonProps: {\n      type: Object,\n      default: () => ({}),\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 action from the notice\n     * @values true, false\n     */\n    hideAction: {\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  created () {\n    if (!this.hideClose && !this.closeButtonProps.ariaLabel) {\n      console.error('Invalid props: you must pass in closeButtonProps.ariaLabel if the close button is displayed.');\n    }\n  },\n\n  mounted () {\n    if (!this.hideClose) {\n      this.lastFocusedElement = document.activeElement;\n    }\n  },\n\n  beforeUnmount () {\n    this.lastFocusedElement?.focus();\n  },\n\n  methods: {\n    close () {\n      this.$emit('close');\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtIcon","NOTICE_KINDS","hasSlotContent","_openBlock","_createElementBlock","_hoisted_1","_renderSlot","_createVNode","_createElementVNode","DtButton","SrOnlyCloseButton","SrOnlyCloseButtonMixin","_createBlock","_mergeProps"],"mappings":"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"}

package/dist/chunks/{notice_action-e08Lw5W6.js → notice_action-p-ePanW_.js}

@@ -3,9 +3,15 @@ import { hasSlotContent } from "../common/utils.js";
 import { resolveComponent, openBlock, createElementBlock, renderSlot, createVNode, createCommentVNode, createTextVNode, toDisplayString, createElementVNode, createBlock, mergeProps, withCtx } from "vue";
 import { _export_sfc } from "./_plugin-vue_export-helper-caHeSgYY.js";
 import { DtIcon } from "../lib/icon.js";
-import { SrOnlyCloseButton, SrOnlyCloseButtonMixin } from "./sr_only_close_button-Ji3Zlts6.js";
+import { SrOnlyCloseButton, SrOnlyCloseButtonMixin } from "./sr_only_close_button-3EdsV-dH.js";
 import { DtButton } from "../lib/button.js";
-const kindToIcon = /* @__PURE__ */ new Map([["info", "info"], ["success", "check-circle"], ["warning", "alert-triangle"], ["error", "alert-circle"], ["base", "bell"]]);
+const kindToIcon = /* @__PURE__ */ new Map([
+  ["info", "info"],
+  ["success", "check-circle"],
+  ["warning", "alert-triangle"],
+  ["error", "alert-circle"],
+  ["base", "bell"]
+]);
 const _sfc_main$2 = {
   name: "DtNoticeIcon",
   components: {
@@ -42,10 +48,14 @@ const _hoisted_1$2 = {
 };
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_icon = resolveComponent("dt-icon");
-  return $options.defaultIcon || $data.hasSlotContent(_ctx.$slots.default) ? (openBlock(), createElementBlock("div", _hoisted_1$2, [renderSlot(_ctx.$slots, "default", {}, () => [createVNode(_component_dt_icon, {
-    name: $options.defaultIcon,
-    size: "400"
-  }, null, 8, ["name"])])])) : createCommentVNode("", true);
+  return $options.defaultIcon || $data.hasSlotContent(_ctx.$slots.default) ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
+    renderSlot(_ctx.$slots, "default", {}, () => [
+      createVNode(_component_dt_icon, {
+        name: $options.defaultIcon,
+        size: "400"
+      }, null, 8, ["name"])
+    ])
+  ])) : createCommentVNode("", true);
 }
 const DtNoticeIcon = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2]]);
 const _sfc_main$1 = {
@@ -88,16 +98,25 @@ const _hoisted_1$1 = {
 const _hoisted_2 = ["id"];
 const _hoisted_3 = ["id"];
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$1, [$props.title || $data.hasSlotContent(_ctx.$slots.titleOverride) ? (openBlock(), createElementBlock("p", {
-    key: 0,
-    id: $props.titleId,
-    class: "d-notice__title",
-    "data-qa": "notice-content-title"
-  }, [renderSlot(_ctx.$slots, "titleOverride", {}, () => [createTextVNode(toDisplayString($props.title), 1)])], 8, _hoisted_2)) : createCommentVNode("", true), createElementVNode("p", {
-    id: $props.contentId,
-    class: "d-notice__message",
-    "data-qa": "notice-content-message"
-  }, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_3)]);
+  return openBlock(), createElementBlock("div", _hoisted_1$1, [
+    $props.title || $data.hasSlotContent(_ctx.$slots.titleOverride) ? (openBlock(), createElementBlock("p", {
+      key: 0,
+      id: $props.titleId,
+      class: "d-notice__title",
+      "data-qa": "notice-content-title"
+    }, [
+      renderSlot(_ctx.$slots, "titleOverride", {}, () => [
+        createTextVNode(toDisplayString($props.title), 1)
+      ])
+    ], 8, _hoisted_2)) : createCommentVNode("", true),
+    createElementVNode("p", {
+      id: $props.contentId,
+      class: "d-notice__message",
+      "data-qa": "notice-content-message"
+    }, [
+      renderSlot(_ctx.$slots, "default")
+    ], 8, _hoisted_3)
+  ]);
 }
 const DtNoticeContent = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
 const _sfc_main = {
@@ -169,29 +188,31 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_icon = resolveComponent("dt-icon");
   const _component_dt_button = resolveComponent("dt-button");
   const _component_sr_only_close_button = resolveComponent("sr-only-close-button");
-  return openBlock(), createElementBlock("div", _hoisted_1, [!$props.hideAction ? renderSlot(_ctx.$slots, "default", {
-    key: 0
-  }) : createCommentVNode("", true), !$props.hideClose ? (openBlock(), createBlock(_component_dt_button, mergeProps({
-    key: 1,
-    ref: "closeButton",
-    "data-qa": "dt-notice-action-close-button",
-    size: "sm",
-    importance: "clear",
-    circle: "",
-    "aria-label": $props.closeButtonProps.ariaLabel ? $props.closeButtonProps.ariaLabel : "Close"
-  }, $props.closeButtonProps, {
-    onClick: $options.close
-  }), {
-    icon: withCtx(() => [createVNode(_component_dt_icon, {
-      name: "close",
-      size: "200"
-    })]),
-    _: 1
-  }, 16, ["aria-label", "onClick"])) : createCommentVNode("", true), _ctx.showVisuallyHiddenClose ? (openBlock(), createBlock(_component_sr_only_close_button, {
-    key: 2,
-    "visually-hidden-close-label": _ctx.visuallyHiddenCloseLabel,
-    onClose: $options.close
-  }, null, 8, ["visually-hidden-close-label", "onClose"])) : createCommentVNode("", true)]);
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    !$props.hideAction ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true),
+    !$props.hideClose ? (openBlock(), createBlock(_component_dt_button, mergeProps({
+      key: 1,
+      ref: "closeButton",
+      "data-qa": "dt-notice-action-close-button",
+      size: "sm",
+      importance: "clear",
+      circle: "",
+      "aria-label": $props.closeButtonProps.ariaLabel ? $props.closeButtonProps.ariaLabel : "Close"
+    }, $props.closeButtonProps, { onClick: $options.close }), {
+      icon: withCtx(() => [
+        createVNode(_component_dt_icon, {
+          name: "close",
+          size: "200"
+        })
+      ]),
+      _: 1
+    }, 16, ["aria-label", "onClick"])) : createCommentVNode("", true),
+    _ctx.showVisuallyHiddenClose ? (openBlock(), createBlock(_component_sr_only_close_button, {
+      key: 2,
+      "visually-hidden-close-label": _ctx.visuallyHiddenCloseLabel,
+      onClose: $options.close
+    }, null, 8, ["visually-hidden-close-label", "onClose"])) : createCommentVNode("", true)
+  ]);
 }
 const DtNoticeAction = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
@@ -199,4 +220,4 @@ export {
   DtNoticeContent,
   DtNoticeIcon
 };
-//# sourceMappingURL=notice_action-e08Lw5W6.js.map
+//# sourceMappingURL=notice_action-p-ePanW_.js.map

package/dist/chunks/{notice_action-3ed0uIMN.js.map → notice_action-p-ePanW_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"notice_action-3ed0uIMN.js","sources":["../../components/notice/notice_icon.vue","../../components/notice/notice_content.vue","../../components/notice/notice_action.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      <dt-icon\n        :name=\"defaultIcon\"\n        size=\"400\"\n      />\n    </slot>\n  </div>\n</template>\n\n<script>\nimport { DtIcon } from '@/components/icon';\nimport { NOTICE_KINDS } from './notice_constants.js';\nimport { hasSlotContent } from '@/common/utils';\n\nconst kindToIcon = new Map([\n  ['info', 'info'],\n  ['success', 'check-circle'],\n  ['warning', 'alert-triangle'],\n  ['error', 'alert-circle'],\n  ['base', 'bell'],\n]);\n\nexport default {\n  name: 'DtNoticeIcon',\n\n  components: {\n    DtIcon,\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","<template>\n  <div\n    class=\"d-notice__content\"\n    data-qa=\"notice-content\"\n  >\n    <p\n      v-if=\"title || hasSlotContent($slots.titleOverride)\"\n      :id=\"titleId\"\n      class=\"d-notice__title\"\n      data-qa=\"notice-content-title\"\n    >\n      <!-- @slot Slot for the title  -->\n      <slot name=\"titleOverride\">\n        {{ title }}\n      </slot>\n    </p>\n    <p\n      :id=\"contentId\"\n      class=\"d-notice__message\"\n      data-qa=\"notice-content-message\"\n    >\n      <!-- @slot Slot for main content -->\n      <slot />\n    </p>\n  </div>\n</template>\n\n<script>\nimport { hasSlotContent } from '@/common/utils';\n\nexport default {\n  name: 'DtNoticeContent',\n\n  props: {\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     * ID for 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     * ID for 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  data () {\n    return {\n      hasSlotContent,\n    };\n  },\n};\n</script>\n","<template>\n  <div\n    class=\"d-notice__actions\"\n    data-qa=\"notice-content-actions\"\n  >\n    <!-- @slot Slot for main content -->\n    <slot v-if=\"!hideAction\" />\n    <dt-button\n      v-if=\"!hideClose\"\n      ref=\"closeButton\"\n      data-qa=\"dt-notice-action-close-button\"\n      size=\"sm\"\n      importance=\"clear\"\n      circle\n      :aria-label=\"closeButtonProps.ariaLabel ? closeButtonProps.ariaLabel : 'Close'\"\n      v-bind=\"closeButtonProps\"\n      @click=\"close\"\n    >\n      <template #icon>\n        <dt-icon\n          name=\"close\"\n          size=\"200\"\n        />\n      </template>\n    </dt-button>\n    <sr-only-close-button\n      v-if=\"showVisuallyHiddenClose\"\n      :visually-hidden-close-label=\"visuallyHiddenCloseLabel\"\n      @close=\"close\"\n    />\n  </div>\n</template>\n\n<script>\nimport { DtIcon } from '@/components/icon';\nimport { DtButton } from '@/components/button';\nimport SrOnlyCloseButtonMixin from '@/common/mixins/sr_only_close_button';\nimport SrOnlyCloseButton from '@/common/sr_only_close_button.vue';\n\nexport default {\n  name: 'DtNoticeAction',\n\n  components: {\n    DtIcon,\n    DtButton,\n    SrOnlyCloseButton,\n  },\n\n  mixins: [SrOnlyCloseButtonMixin],\n\n  props: {\n    /**\n     * Props for the notice close button.\n     */\n    closeButtonProps: {\n      type: Object,\n      default: () => ({}),\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 action from the notice\n     * @values true, false\n     */\n    hideAction: {\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  created () {\n    if (!this.hideClose && !this.closeButtonProps.ariaLabel) {\n      console.error('Invalid props: you must pass in closeButtonProps.ariaLabel if the close button is displayed.');\n    }\n  },\n\n  mounted () {\n    if (!this.hideClose) {\n      this.lastFocusedElement = document.activeElement;\n    }\n  },\n\n  beforeUnmount () {\n    this.lastFocusedElement?.focus();\n  },\n\n  methods: {\n    close () {\n      this.$emit('close');\n    },\n  },\n};\n</script>\n"],"names":["kindToIcon","Map","_sfc_main","name","components","DtIcon","props","kind","type","String","default","validate","NOTICE_KINDS","includes","data","hasSlotContent","computed","defaultIcon","get","class","$options","$data","_ctx","$slots","_openBlock","_createElementBlock","_hoisted_1","_renderSlot","_createVNode","_component_dt_icon","size","title","titleId","undefined","contentId","$props","titleOverride","id","_createElementVNode","DtButton","SrOnlyCloseButton","mixins","SrOnlyCloseButtonMixin","closeButtonProps","Object","hideClose","Boolean","hideAction","emits","created","ariaLabel","console","error","mounted","lastFocusedElement","document","activeElement","beforeUnmount","focus","methods","close","$emit","key","_createBlock","_component_dt_button","_mergeProps","ref","importance","circle","onClick","icon","showVisuallyHiddenClose","_component_sr_only_close_button","visuallyHiddenCloseLabel","onClose"],"mappings":"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"}
+{"version":3,"file":"notice_action-p-ePanW_.js","sources":["../../components/notice/notice_icon.vue","../../components/notice/notice_content.vue","../../components/notice/notice_action.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      <dt-icon\n        :name=\"defaultIcon\"\n        size=\"400\"\n      />\n    </slot>\n  </div>\n</template>\n\n<script>\nimport { DtIcon } from '@/components/icon';\nimport { NOTICE_KINDS } from './notice_constants.js';\nimport { hasSlotContent } from '@/common/utils';\n\nconst kindToIcon = new Map([\n  ['info', 'info'],\n  ['success', 'check-circle'],\n  ['warning', 'alert-triangle'],\n  ['error', 'alert-circle'],\n  ['base', 'bell'],\n]);\n\nexport default {\n  name: 'DtNoticeIcon',\n\n  components: {\n    DtIcon,\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","<template>\n  <div\n    class=\"d-notice__content\"\n    data-qa=\"notice-content\"\n  >\n    <p\n      v-if=\"title || hasSlotContent($slots.titleOverride)\"\n      :id=\"titleId\"\n      class=\"d-notice__title\"\n      data-qa=\"notice-content-title\"\n    >\n      <!-- @slot Slot for the title  -->\n      <slot name=\"titleOverride\">\n        {{ title }}\n      </slot>\n    </p>\n    <p\n      :id=\"contentId\"\n      class=\"d-notice__message\"\n      data-qa=\"notice-content-message\"\n    >\n      <!-- @slot Slot for main content -->\n      <slot />\n    </p>\n  </div>\n</template>\n\n<script>\nimport { hasSlotContent } from '@/common/utils';\n\nexport default {\n  name: 'DtNoticeContent',\n\n  props: {\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     * ID for 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     * ID for 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  data () {\n    return {\n      hasSlotContent,\n    };\n  },\n};\n</script>\n","<template>\n  <div\n    class=\"d-notice__actions\"\n    data-qa=\"notice-content-actions\"\n  >\n    <!-- @slot Slot for main content -->\n    <slot v-if=\"!hideAction\" />\n    <dt-button\n      v-if=\"!hideClose\"\n      ref=\"closeButton\"\n      data-qa=\"dt-notice-action-close-button\"\n      size=\"sm\"\n      importance=\"clear\"\n      circle\n      :aria-label=\"closeButtonProps.ariaLabel ? closeButtonProps.ariaLabel : 'Close'\"\n      v-bind=\"closeButtonProps\"\n      @click=\"close\"\n    >\n      <template #icon>\n        <dt-icon\n          name=\"close\"\n          size=\"200\"\n        />\n      </template>\n    </dt-button>\n    <sr-only-close-button\n      v-if=\"showVisuallyHiddenClose\"\n      :visually-hidden-close-label=\"visuallyHiddenCloseLabel\"\n      @close=\"close\"\n    />\n  </div>\n</template>\n\n<script>\nimport { DtIcon } from '@/components/icon';\nimport { DtButton } from '@/components/button';\nimport SrOnlyCloseButtonMixin from '@/common/mixins/sr_only_close_button';\nimport SrOnlyCloseButton from '@/common/sr_only_close_button.vue';\n\nexport default {\n  name: 'DtNoticeAction',\n\n  components: {\n    DtIcon,\n    DtButton,\n    SrOnlyCloseButton,\n  },\n\n  mixins: [SrOnlyCloseButtonMixin],\n\n  props: {\n    /**\n     * Props for the notice close button.\n     */\n    closeButtonProps: {\n      type: Object,\n      default: () => ({}),\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 action from the notice\n     * @values true, false\n     */\n    hideAction: {\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  created () {\n    if (!this.hideClose && !this.closeButtonProps.ariaLabel) {\n      console.error('Invalid props: you must pass in closeButtonProps.ariaLabel if the close button is displayed.');\n    }\n  },\n\n  mounted () {\n    if (!this.hideClose) {\n      this.lastFocusedElement = document.activeElement;\n    }\n  },\n\n  beforeUnmount () {\n    this.lastFocusedElement?.focus();\n  },\n\n  methods: {\n    close () {\n      this.$emit('close');\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","_openBlock","_createElementBlock","_hoisted_1","_renderSlot","_createVNode","_createElementVNode","_createBlock","_mergeProps"],"mappings":"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"}

package/dist/chunks/notice_constants-7Qt2CQEY.js.map

@@ -1 +1 @@
-{"version":3,"file":"notice_constants-7Qt2CQEY.js","sources":["../../components/notice/notice_constants.js"],"sourcesContent":["export const NOTICE_KINDS = ['base', 'error', 'info', 'success', 'warning'];\nexport const NOTICE_ROLES = ['alert', 'alertdialog', 'status'];\n\nexport default {\n  NOTICE_KINDS,\n  NOTICE_ROLES,\n};\n"],"names":["NOTICE_KINDS","NOTICE_ROLES"],"mappings":"AAAaA,MAAAA,eAAe,CAAC,QAAQ,SAAS,QAAQ,WAAW,SAAS;AACnE,MAAMC,eAAe,CAAC,SAAS,eAAe,QAAQ;"}
+{"version":3,"file":"notice_constants-7Qt2CQEY.js","sources":["../../components/notice/notice_constants.js"],"sourcesContent":["export const NOTICE_KINDS = ['base', 'error', 'info', 'success', 'warning'];\nexport const NOTICE_ROLES = ['alert', 'alertdialog', 'status'];\n\nexport default {\n  NOTICE_KINDS,\n  NOTICE_ROLES,\n};\n"],"names":[],"mappings":"AAAY,MAAC,eAAe,CAAC,QAAQ,SAAS,QAAQ,WAAW,SAAS;AAC9D,MAAC,eAAe,CAAC,SAAS,eAAe,QAAQ;"}

package/dist/chunks/notice_constants-UXo9e3bS.js.map

@@ -1 +1 @@
-{"version":3,"file":"notice_constants-UXo9e3bS.js","sources":["../../components/notice/notice_constants.js"],"sourcesContent":["export const NOTICE_KINDS = ['base', 'error', 'info', 'success', 'warning'];\nexport const NOTICE_ROLES = ['alert', 'alertdialog', 'status'];\n\nexport default {\n  NOTICE_KINDS,\n  NOTICE_ROLES,\n};\n"],"names":["NOTICE_KINDS","NOTICE_ROLES"],"mappings":";AAAaA,MAAAA,eAAe,CAAC,QAAQ,SAAS,QAAQ,WAAW,SAAS;AACnE,MAAMC,eAAe,CAAC,SAAS,eAAe,QAAQ;;;"}
+{"version":3,"file":"notice_constants-UXo9e3bS.js","sources":["../../components/notice/notice_constants.js"],"sourcesContent":["export const NOTICE_KINDS = ['base', 'error', 'info', 'success', 'warning'];\nexport const NOTICE_ROLES = ['alert', 'alertdialog', 'status'];\n\nexport default {\n  NOTICE_KINDS,\n  NOTICE_ROLES,\n};\n"],"names":[],"mappings":";AAAY,MAAC,eAAe,CAAC,QAAQ,SAAS,QAAQ,WAAW,SAAS;AAC9D,MAAC,eAAe,CAAC,SAAS,eAAe,QAAQ;;;"}