@dialpad/dialtone-vue 3.219.0-next.2 → 3.219.0

package/dist/lib/motion-text/motion-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"motion-text.js","sources":["../../../components/motion_text/motion_text.vue"],"sourcesContent":["<template>\n  <span\n    ref=\"contentRef\"\n    :class=\"motionTextClasses\"\n    :style=\"componentStyles\"\n    :data-text-content=\"isStaticAnimationMode ? text : undefined\"\n    :aria-live=\"isAnimating ? 'polite' : 'off'\"\n    :aria-label=\"screenReaderText || undefined\"\n  >\n    <!-- Screen reader content -->\n    <span\n      v-if=\"screenReaderText\"\n      class=\"d-motion-text__sr-only\"\n    >\n      {{ screenReaderText }}\n    </span>\n\n    <!-- Gradient-sweep and shimmer modes: Simple static text with gradient animation -->\n    <template v-if=\"isStaticAnimationMode\">\n      {{ text }}\n      <slot v-if=\"!text\" />\n    </template>\n\n    <!-- Character-by-character animated content for other modes -->\n    <span\n      v-else\n      :key=\"animationKey\"\n      class=\"d-motion-text__content\"\n      :aria-hidden=\"isAnimating\"\n    >\n      <template\n        v-for=\"(word, wordIdx) in words\"\n        :key=\"`${animationKey}-${wordIdx}`\"\n      >\n        <Transition\n          :name=\"`d-motion-text-word-${animationMode}`\"\n        >\n          <span\n            v-if=\"wordIdx < visibleWordCount\"\n            class=\"d-motion-text__word\"\n            :data-text-content=\"word.text\"\n            :style=\"{ '--word-index': wordIdx }\"\n          >\n            <template\n              v-for=\"(char, charIdx) in word.chars\"\n              :key=\"`${animationKey}-${wordIdx}-${charIdx}`\"\n            >\n              <Transition\n                :name=\"`d-motion-text-char-${animationMode}`\"\n              >\n                <span\n                  v-if=\"charIdx < visibleCharsPerWord[wordIdx]\"\n                  class=\"d-motion-text__char\"\n                  :style=\"{\n                    '--char-index': charIdx,\n                    '--char-delay': `${charIdx * timing.characterDelay}ms`,\n                  }\"\n                >{{ char }}</span>\n              </Transition>\n            </template>\n          </span>\n        </Transition>\n      </template>\n    </span>\n\n    <!-- Fallback slot content -->\n    <span\n      v-if=\"!words.length && !text && !isStaticAnimationMode\"\n      class=\"d-motion-text__fallback\"\n    >\n      <slot />\n    </span>\n  </span>\n</template>\n\n<script>\nimport { MOTION_TEXT_ANIMATION_MODES, MOTION_TEXT_SPEEDS, MOTION_TEXT_TIMING_PRESETS } from './motion_text_constants';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtMotionText',\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * The text content to animate.\n     * @type {string}\n     */\n    text: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The animation mode to use for the text reveal.\n     * @values gradient-in, fade-in, slide-in, gradient-sweep, shimmer, none\n     */\n    animationMode: {\n      type: String,\n      default: 'gradient-in',\n      validator: (value) => MOTION_TEXT_ANIMATION_MODES.includes(value),\n    },\n\n    /**\n     * Animation speed.\n     * @values 100, 200, 300, 400, 500\n     */\n    speed: {\n      type: [String, Number],\n      default: 300,\n      validator: (value) => MOTION_TEXT_SPEEDS.includes(String(value)),\n    },\n\n    /**\n     * Whether to start animation automatically when component is mounted.\n     * @values true, false\n     */\n    autoStart: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Whether to loop the animation continuously.\n     * @values true, false\n     */\n    loop: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Whether to respect the user's prefers-reduced-motion system setting.\n     * @values true, false\n     */\n    respectsReducedMotion: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Alternative text for screen readers. If provided, this will be announced\n     * instead of the animated text.\n     * @type {string}\n     */\n    screenReaderText: {\n      type: String,\n      default: '',\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when the animation starts.\n     * @event start\n     */\n    'start',\n\n    /**\n     * Emitted when the animation completes.\n     * @event complete\n     */\n    'complete',\n\n    /**\n     * Emitted during animation progress.\n     * @event progress\n     * @type {{ wordsComplete: number, totalWords: number, progress: number }}\n     */\n    'progress',\n\n    /**\n     * Emitted when the animation is paused.\n     * @event pause\n     */\n    'pause',\n\n    /**\n     * Emitted when the animation resumes.\n     * @event resume\n     */\n    'resume',\n  ],\n\n  data () {\n    return {\n      words: [],\n      visibleWordCount: 0,\n      visibleCharsPerWord: [],\n      isAnimating: false,\n      isPaused: false,\n      isLooped: false,\n      animationTimeouts: [],\n      prefersReducedMotion: false,\n      animationKey: 0,\n    };\n  },\n\n  computed: {\n    /**\n     * Get timing preset based on speed prop\n     */\n    timing () {\n      return MOTION_TEXT_TIMING_PRESETS[String(this.speed)];\n    },\n\n    /**\n     * Computed styles with timing CSS variables\n     */\n    componentStyles () {\n      return {\n        '--d-motion-text-duration': `${this.timing.duration}ms`,\n        '--d-motion-text-char-duration': `${this.timing.duration}ms`,\n        '--d-motion-text-word-duration': `${this.timing.duration * 2}ms`,\n      };\n    },\n\n    /**\n     * Check if current animation mode is static (gradient-sweep or shimmer)\n     */\n    isStaticAnimationMode () {\n      return this.animationMode === 'gradient-sweep' || this.animationMode === 'shimmer';\n    },\n\n    /**\n     * Computed classes for the motion text element\n     */\n    motionTextClasses () {\n      return [\n        'd-motion-text',\n        `d-motion-text--${this.animationMode}`,\n        {\n          'd-motion-text--animating': this.isAnimating,\n          'd-motion-text--paused': this.isPaused,\n          'd-motion-text--looped': this.isLooped,\n        },\n        this.$attrs.class,\n      ];\n    },\n  },\n\n  watch: {\n    text () {\n      this.reset();\n      this.initializeContent();\n    },\n\n    loop: {\n      handler (newVal) {\n        this.isLooped = newVal;\n      },\n\n      immediate: true,\n    },\n  },\n\n  mounted () {\n    this.checkReducedMotion();\n    this.initializeContent();\n  },\n\n  beforeUnmount () {\n    this.clearTimeouts();\n  },\n\n  methods: {\n    /**\n     * Self-contained text processing from DOM nodes\n     */\n    processTextToChars (node) {\n      const words = [];\n\n      const processNode = (node, index = 0) => {\n        if (node.nodeType === Node.TEXT_NODE) {\n          const matches = node.textContent?.match(/\\S+\\s*/g) || [];\n          words.push(...matches.map((text, i) => ({\n            text,\n            chars: text.split(''),\n            index: index + i,\n          })));\n          return index + matches.length;\n        } else if (node.nodeType === Node.ELEMENT_NODE) {\n          let currentIdx = index;\n          Array.from(node.childNodes).forEach(child => {\n            currentIdx = processNode(child, currentIdx);\n          });\n          return currentIdx;\n        }\n        return index;\n      };\n\n      processNode(node);\n      return words;\n    },\n\n    /**\n     * Process direct text prop into word/character data\n     */\n    processDirectText (text) {\n      if (!text) return [];\n\n      const matches = text.match(/\\S+\\s*/g) || [];\n      return matches.map((wordText, i) => ({\n        text: wordText,\n        chars: wordText.split(''),\n        index: i,\n      }));\n    },\n\n    /**\n     * Check for reduced motion preference\n     */\n    checkReducedMotion () {\n      if (typeof window !== 'undefined' && window.matchMedia) {\n        this.prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n      }\n    },\n\n    /**\n     * Clear all animation timeouts\n     */\n    clearTimeouts () {\n      this.animationTimeouts.forEach(timeout => clearTimeout(timeout));\n      this.animationTimeouts = [];\n    },\n\n    /**\n     * Start the animation\n     * @public\n     */\n    start () {\n      if (this.isAnimating) return;\n\n      this.isAnimating = true;\n      this.isPaused = false;\n      this.$emit('start');\n\n      // Skip animation if reduced motion is preferred and enabled\n      if (this.respectsReducedMotion && this.prefersReducedMotion) {\n        this.showAllContent();\n        return;\n      }\n\n      if (this.animationMode === 'none') {\n        this.showAllContent();\n        return;\n      }\n\n      // For gradient-sweep and shimmer modes, just mark as animating (CSS handles the animation)\n      if (this.isStaticAnimationMode) {\n        return;\n      }\n\n      // Start the word-by-word animation for \"-in\" modes\n      this.showNextWord();\n    },\n\n    /**\n     * Pause the animation\n     * @public\n     */\n    pause () {\n      if (!this.isAnimating || this.isPaused) return;\n\n      this.isPaused = true;\n      this.clearTimeouts();\n      this.$emit('pause');\n    },\n\n    /**\n     * Resume the animation\n     * @public\n     */\n    resume () {\n      if (!this.isPaused) return;\n\n      this.isPaused = false;\n      this.$emit('resume');\n      this.showNextWord();\n    },\n\n    /**\n     * Reset the animation to initial state\n     * @public\n     */\n    reset () {\n      this.clearTimeouts();\n      this.isAnimating = false;\n      this.isPaused = false;\n      this.visibleWordCount = 0;\n      this.visibleCharsPerWord = Array(this.words.length).fill(0);\n      this.animationKey++;\n    },\n\n    /**\n     * Skip to the end of the animation\n     * @public\n     */\n    skipToEnd () {\n      this.showAllContent();\n    },\n\n    /**\n     * Show all content immediately\n     */\n    showAllContent () {\n      this.visibleWordCount = this.words.length;\n      this.visibleCharsPerWord = this.words.map(word => word.chars.length);\n      setTimeout(() => {\n        this.isAnimating = false;\n        this.$emit('complete');\n      }, 0);\n    },\n\n    /**\n     * Show next word in sequence\n     */\n    showNextWord () {\n      if (this.isPaused || this.visibleWordCount >= this.words.length) {\n        if (this.visibleWordCount >= this.words.length) {\n          this.completeAnimation();\n        }\n        return;\n      }\n\n      const timeout = setTimeout(() => {\n        this.visibleWordCount++;\n        this.$emit('progress', {\n          wordsComplete: this.visibleWordCount,\n          totalWords: this.words.length,\n          progress: this.visibleWordCount / this.words.length,\n        });\n\n        this.animateCharsForWord(this.visibleWordCount - 1);\n      }, this.timing.wordDelay);\n\n      this.animationTimeouts.push(timeout);\n    },\n\n    /**\n     * Animate characters for a specific word\n     */\n    animateCharsForWord (wordIdx) {\n      if (this.isPaused || wordIdx >= this.words.length) return;\n\n      this.visibleCharsPerWord[wordIdx] = 0;\n      const chars = this.words[wordIdx].chars.length;\n\n      const revealChar = () => {\n        if (this.isPaused || this.visibleCharsPerWord[wordIdx] >= chars) {\n          if (this.visibleCharsPerWord[wordIdx] >= chars) {\n            this.showNextWord();\n          }\n          return;\n        }\n\n        this.visibleCharsPerWord[wordIdx]++;\n        const timeout = setTimeout(revealChar, this.timing.characterDelay);\n        this.animationTimeouts.push(timeout);\n      };\n\n      revealChar();\n    },\n\n    /**\n     * Complete the animation\n     */\n    completeAnimation () {\n      this.isAnimating = false;\n      this.clearTimeouts();\n\n      this.$emit('complete');\n\n      if (this.loop) {\n        const timeout = setTimeout(() => {\n          this.reset();\n          this.$nextTick(() => {\n            this.start();\n          });\n        }, 500);\n\n        this.animationTimeouts.push(timeout);\n      }\n    },\n\n    /**\n     * Initialize content based on text prop or slot content\n     */\n    initializeContent () {\n      // For gradient-sweep and shimmer modes, skip word/character processing\n      if (this.isStaticAnimationMode) {\n        if (this.autoStart) {\n          this.$nextTick(() => this.start());\n        }\n        return;\n      }\n\n      if (this.text) {\n        this.words = this.processDirectText(this.text);\n      } else if (this.$refs.contentRef) {\n        this.words = this.processTextToChars(this.$refs.contentRef);\n      }\n\n      this.visibleCharsPerWord = Array(this.words.length).fill(0);\n      this.visibleWordCount = 0;\n\n      if (this.autoStart && this.words.length > 0) {\n        this.$nextTick(() => this.start());\n      }\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","value","MOTION_TEXT_ANIMATION_MODES","MOTION_TEXT_SPEEDS","MOTION_TEXT_TIMING_PRESETS","newVal","node","words","processNode","index","matches","_a","text","i","currentIdx","child","wordText","timeout","word","wordIdx","chars","revealChar","_createElementBlock","$options","$props","$data","_hoisted_2","_toDisplayString","_Fragment","_createTextVNode","_renderSlot","_ctx","_openBlock","_renderList","_createBlock","_Transition","char","charIdx","_normalizeStyle","_hoisted_5"],"mappings":"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"}
+{"version":3,"file":"motion-text.js","names":[],"sources":["../../../components/motion_text/motion_text.vue"],"sourcesContent":["<template>\n  <span\n    ref=\"contentRef\"\n    :class=\"motionTextClasses\"\n    :style=\"componentStyles\"\n    :data-text-content=\"isStaticAnimationMode ? text : undefined\"\n    :aria-live=\"isAnimating ? 'polite' : 'off'\"\n    :aria-label=\"screenReaderText || undefined\"\n  >\n    <!-- Screen reader content -->\n    <span\n      v-if=\"screenReaderText\"\n      class=\"d-motion-text__sr-only\"\n    >\n      {{ screenReaderText }}\n    </span>\n\n    <!-- Gradient-sweep and shimmer modes: Simple static text with gradient animation -->\n    <template v-if=\"isStaticAnimationMode\">\n      {{ text }}\n      <slot v-if=\"!text\" />\n    </template>\n\n    <!-- Character-by-character animated content for other modes -->\n    <span\n      v-else\n      :key=\"animationKey\"\n      class=\"d-motion-text__content\"\n      :aria-hidden=\"isAnimating\"\n    >\n      <template\n        v-for=\"(word, wordIdx) in words\"\n        :key=\"`${animationKey}-${wordIdx}`\"\n      >\n        <Transition\n          :name=\"`d-motion-text-word-${animationMode}`\"\n        >\n          <span\n            v-if=\"wordIdx < visibleWordCount\"\n            class=\"d-motion-text__word\"\n            :data-text-content=\"word.text\"\n            :style=\"{ '--word-index': wordIdx }\"\n          >\n            <template\n              v-for=\"(char, charIdx) in word.chars\"\n              :key=\"`${animationKey}-${wordIdx}-${charIdx}`\"\n            >\n              <Transition\n                :name=\"`d-motion-text-char-${animationMode}`\"\n              >\n                <span\n                  v-if=\"charIdx < visibleCharsPerWord[wordIdx]\"\n                  class=\"d-motion-text__char\"\n                  :style=\"{\n                    '--char-index': charIdx,\n                    '--char-delay': `${charIdx * timing.characterDelay}ms`,\n                  }\"\n                >{{ char }}</span>\n              </Transition>\n            </template>\n          </span>\n        </Transition>\n      </template>\n    </span>\n\n    <!-- Fallback slot content -->\n    <span\n      v-if=\"!words.length && !text && !isStaticAnimationMode\"\n      class=\"d-motion-text__fallback\"\n    >\n      <slot />\n    </span>\n  </span>\n</template>\n\n<script>\nimport { MOTION_TEXT_ANIMATION_MODES, MOTION_TEXT_SPEEDS, MOTION_TEXT_TIMING_PRESETS } from './motion_text_constants';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtMotionText',\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * The text content to animate.\n     * @type {string}\n     */\n    text: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The animation mode to use for the text reveal.\n     * @values gradient-in, fade-in, slide-in, gradient-sweep, shimmer, none\n     */\n    animationMode: {\n      type: String,\n      default: 'gradient-in',\n      validator: (value) => MOTION_TEXT_ANIMATION_MODES.includes(value),\n    },\n\n    /**\n     * Animation speed using t-shirt sizing.\n     * @values sm, md, lg\n     */\n    speed: {\n      type: String,\n      default: 'md',\n      validator: (value) => MOTION_TEXT_SPEEDS.includes(value),\n    },\n\n    /**\n     * Whether to start animation automatically when component is mounted.\n     * @values true, false\n     */\n    autoStart: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Whether to loop the animation continuously.\n     * @values true, false\n     */\n    loop: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Whether to respect the user's prefers-reduced-motion system setting.\n     * @values true, false\n     */\n    respectsReducedMotion: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Alternative text for screen readers. If provided, this will be announced\n     * instead of the animated text.\n     * @type {string}\n     */\n    screenReaderText: {\n      type: String,\n      default: '',\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when the animation starts.\n     * @event start\n     */\n    'start',\n\n    /**\n     * Emitted when the animation completes.\n     * @event complete\n     */\n    'complete',\n\n    /**\n     * Emitted during animation progress.\n     * @event progress\n     * @type {{ wordsComplete: number, totalWords: number, progress: number }}\n     */\n    'progress',\n\n    /**\n     * Emitted when the animation is paused.\n     * @event pause\n     */\n    'pause',\n\n    /**\n     * Emitted when the animation resumes.\n     * @event resume\n     */\n    'resume',\n  ],\n\n  data () {\n    return {\n      words: [],\n      visibleWordCount: 0,\n      visibleCharsPerWord: [],\n      isAnimating: false,\n      isPaused: false,\n      isLooped: false,\n      animationTimeouts: [],\n      prefersReducedMotion: false,\n      animationKey: 0,\n    };\n  },\n\n  computed: {\n    /**\n     * Get timing preset based on speed prop\n     */\n    timing () {\n      return MOTION_TEXT_TIMING_PRESETS[this.speed];\n    },\n\n    /**\n     * Computed styles with timing CSS variables\n     */\n    componentStyles () {\n      return {\n        '--d-motion-text-duration': `${this.timing.duration}ms`,\n        '--d-motion-text-char-duration': `${this.timing.duration}ms`,\n        '--d-motion-text-word-duration': `${this.timing.duration * 2}ms`,\n      };\n    },\n\n    /**\n     * Check if current animation mode is static (gradient-sweep or shimmer)\n     */\n    isStaticAnimationMode () {\n      return this.animationMode === 'gradient-sweep' || this.animationMode === 'shimmer';\n    },\n\n    /**\n     * Computed classes for the motion text element\n     */\n    motionTextClasses () {\n      return [\n        'd-motion-text',\n        `d-motion-text--${this.animationMode}`,\n        {\n          'd-motion-text--animating': this.isAnimating,\n          'd-motion-text--paused': this.isPaused,\n          'd-motion-text--looped': this.isLooped,\n        },\n        this.$attrs.class,\n      ];\n    },\n  },\n\n  watch: {\n    text () {\n      this.reset();\n      this.initializeContent();\n    },\n\n    loop: {\n      handler (newVal) {\n        this.isLooped = newVal;\n      },\n\n      immediate: true,\n    },\n  },\n\n  mounted () {\n    this.checkReducedMotion();\n    this.initializeContent();\n  },\n\n  beforeUnmount () {\n    this.clearTimeouts();\n  },\n\n  methods: {\n    /**\n     * Self-contained text processing from DOM nodes\n     */\n    processTextToChars (node) {\n      const words = [];\n\n      const processNode = (node, index = 0) => {\n        if (node.nodeType === Node.TEXT_NODE) {\n          const matches = node.textContent?.match(/\\S+\\s*/g) || [];\n          words.push(...matches.map((text, i) => ({\n            text,\n            chars: text.split(''),\n            index: index + i,\n          })));\n          return index + matches.length;\n        } else if (node.nodeType === Node.ELEMENT_NODE) {\n          let currentIdx = index;\n          Array.from(node.childNodes).forEach(child => {\n            currentIdx = processNode(child, currentIdx);\n          });\n          return currentIdx;\n        }\n        return index;\n      };\n\n      processNode(node);\n      return words;\n    },\n\n    /**\n     * Process direct text prop into word/character data\n     */\n    processDirectText (text) {\n      if (!text) return [];\n\n      const matches = text.match(/\\S+\\s*/g) || [];\n      return matches.map((wordText, i) => ({\n        text: wordText,\n        chars: wordText.split(''),\n        index: i,\n      }));\n    },\n\n    /**\n     * Check for reduced motion preference\n     */\n    checkReducedMotion () {\n      if (typeof window !== 'undefined' && window.matchMedia) {\n        this.prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n      }\n    },\n\n    /**\n     * Clear all animation timeouts\n     */\n    clearTimeouts () {\n      this.animationTimeouts.forEach(timeout => clearTimeout(timeout));\n      this.animationTimeouts = [];\n    },\n\n    /**\n     * Start the animation\n     * @public\n     */\n    start () {\n      if (this.isAnimating) return;\n\n      this.isAnimating = true;\n      this.isPaused = false;\n      this.$emit('start');\n\n      // Skip animation if reduced motion is preferred and enabled\n      if (this.respectsReducedMotion && this.prefersReducedMotion) {\n        this.showAllContent();\n        return;\n      }\n\n      if (this.animationMode === 'none') {\n        this.showAllContent();\n        return;\n      }\n\n      // For gradient-sweep and shimmer modes, just mark as animating (CSS handles the animation)\n      if (this.isStaticAnimationMode) {\n        return;\n      }\n\n      // Start the word-by-word animation for \"-in\" modes\n      this.showNextWord();\n    },\n\n    /**\n     * Pause the animation\n     * @public\n     */\n    pause () {\n      if (!this.isAnimating || this.isPaused) return;\n\n      this.isPaused = true;\n      this.clearTimeouts();\n      this.$emit('pause');\n    },\n\n    /**\n     * Resume the animation\n     * @public\n     */\n    resume () {\n      if (!this.isPaused) return;\n\n      this.isPaused = false;\n      this.$emit('resume');\n      this.showNextWord();\n    },\n\n    /**\n     * Reset the animation to initial state\n     * @public\n     */\n    reset () {\n      this.clearTimeouts();\n      this.isAnimating = false;\n      this.isPaused = false;\n      this.visibleWordCount = 0;\n      this.visibleCharsPerWord = Array(this.words.length).fill(0);\n      this.animationKey++;\n    },\n\n    /**\n     * Skip to the end of the animation\n     * @public\n     */\n    skipToEnd () {\n      this.showAllContent();\n    },\n\n    /**\n     * Show all content immediately\n     */\n    showAllContent () {\n      this.visibleWordCount = this.words.length;\n      this.visibleCharsPerWord = this.words.map(word => word.chars.length);\n      setTimeout(() => {\n        this.isAnimating = false;\n        this.$emit('complete');\n      }, 0);\n    },\n\n    /**\n     * Show next word in sequence\n     */\n    showNextWord () {\n      if (this.isPaused || this.visibleWordCount >= this.words.length) {\n        if (this.visibleWordCount >= this.words.length) {\n          this.completeAnimation();\n        }\n        return;\n      }\n\n      const timeout = setTimeout(() => {\n        this.visibleWordCount++;\n        this.$emit('progress', {\n          wordsComplete: this.visibleWordCount,\n          totalWords: this.words.length,\n          progress: this.visibleWordCount / this.words.length,\n        });\n\n        this.animateCharsForWord(this.visibleWordCount - 1);\n      }, this.timing.wordDelay);\n\n      this.animationTimeouts.push(timeout);\n    },\n\n    /**\n     * Animate characters for a specific word\n     */\n    animateCharsForWord (wordIdx) {\n      if (this.isPaused || wordIdx >= this.words.length) return;\n\n      this.visibleCharsPerWord[wordIdx] = 0;\n      const chars = this.words[wordIdx].chars.length;\n\n      const revealChar = () => {\n        if (this.isPaused || this.visibleCharsPerWord[wordIdx] >= chars) {\n          if (this.visibleCharsPerWord[wordIdx] >= chars) {\n            this.showNextWord();\n          }\n          return;\n        }\n\n        this.visibleCharsPerWord[wordIdx]++;\n        const timeout = setTimeout(revealChar, this.timing.characterDelay);\n        this.animationTimeouts.push(timeout);\n      };\n\n      revealChar();\n    },\n\n    /**\n     * Complete the animation\n     */\n    completeAnimation () {\n      this.isAnimating = false;\n      this.clearTimeouts();\n\n      this.$emit('complete');\n\n      if (this.loop) {\n        const timeout = setTimeout(() => {\n          this.reset();\n          this.$nextTick(() => {\n            this.start();\n          });\n        }, 500);\n\n        this.animationTimeouts.push(timeout);\n      }\n    },\n\n    /**\n     * Initialize content based on text prop or slot content\n     */\n    initializeContent () {\n      // For gradient-sweep and shimmer modes, skip word/character processing\n      if (this.isStaticAnimationMode) {\n        if (this.autoStart) {\n          this.$nextTick(() => this.start());\n        }\n        return;\n      }\n\n      if (this.text) {\n        this.words = this.processDirectText(this.text);\n      } else if (this.$refs.contentRef) {\n        this.words = this.processTextToChars(this.$refs.contentRef);\n      }\n\n      this.visibleCharsPerWord = Array(this.words.length).fill(0);\n      this.visibleWordCount = 0;\n\n      if (this.autoStart && this.words.length > 0) {\n        this.$nextTick(() => this.start());\n      }\n    },\n  },\n};\n</script>\n"],"mappings":"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"}

package/dist/lib/notice/index.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./notice.cjs"),o=require("./notice-action.cjs"),i=require("./notice-icon.cjs"),n=require("./notice-content.cjs"),t=require("./notice-constants.cjs");exports.DtNotice=e.default;exports.DtNoticeAction=o.default;exports.DtNoticeIcon=i.default;exports.DtNoticeContent=n.default;exports.NOTICE_KINDS=t.NOTICE_KINDS;exports.NOTICE_ROLES=t.NOTICE_ROLES;
-//# sourceMappingURL=index.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./notice-constants.cjs`),t=require(`./notice-icon.cjs`),n=require(`./notice-content.cjs`),r=require(`./notice-action.cjs`),i=require(`./notice.cjs`);exports.DtNotice=i.default,exports.DtNoticeAction=r.default,exports.DtNoticeContent=n.default,exports.DtNoticeIcon=t.default,exports.NOTICE_KINDS=e.NOTICE_KINDS,exports.NOTICE_ROLES=e.NOTICE_ROLES;

package/dist/lib/notice/index.js

@@ -1,14 +1,6 @@
-import { default as e } from "./notice.js";
-import { default as f } from "./notice-action.js";
-import { default as N } from "./notice-icon.js";
-import { default as i } from "./notice-content.js";
-import { NOTICE_KINDS as p, NOTICE_ROLES as x } from "./notice-constants.js";
-export {
-  e as DtNotice,
-  f as DtNoticeAction,
-  i as DtNoticeContent,
-  N as DtNoticeIcon,
-  p as NOTICE_KINDS,
-  x as NOTICE_ROLES
-};
-//# sourceMappingURL=index.js.map
+import { NOTICE_KINDS as e, NOTICE_ROLES as t } from "./notice-constants.js";
+import n from "./notice-icon.js";
+import r from "./notice-content.js";
+import i from "./notice-action.js";
+import a from "./notice.js";
+export { a as DtNotice, i as DtNoticeAction, r as DtNoticeContent, n as DtNoticeIcon, e as NOTICE_KINDS, t as NOTICE_ROLES };

package/dist/lib/notice/notice-action.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("@dialpad/dialtone-icons/vue"),a=require("../../shared/sr_only_close_button.cjs"),r=require("../../localization/index.cjs"),e=require("vue"),u=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),d=require("../button/button.cjs"),_={compatConfig:{MODE:3},name:"DtNoticeAction",components:{DtIconClose:i.DtIconClose,DtButton:d.default,SrOnlyCloseButton:a.default},props:{hideClose:{type:Boolean,default:!1},hideAction:{type:Boolean,default:!1}},emits:["close"],data(){return{i18n:new r.DialtoneLocalization}},computed:{closeButtonTitle(){return this.i18n.$t("DIALTONE_CLOSE_BUTTON")}},mounted(){this.hideClose||(this.lastFocusedElement=document.activeElement)},beforeUnmount(){var t;(t=this.lastFocusedElement)==null||t.focus()},methods:{close(){this.$emit("close")}}},m={class:"d-notice__actions","data-qa":"notice-content-actions"};function f(t,C,n,h,B,o){const c=e.resolveComponent("dt-icon-close"),l=e.resolveComponent("dt-button"),s=e.resolveComponent("sr-only-close-button");return e.openBlock(),e.createElementBlock("div",m,[n.hideAction?e.createCommentVNode("",!0):e.renderSlot(t.$slots,"default",{key:0}),n.hideClose?(e.openBlock(),e.createBlock(s,{key:2,onClose:o.close},null,8,["onClose"])):(e.openBlock(),e.createBlock(l,{key:1,ref:"closeButton","data-qa":"dt-notice-action-close-button",importance:"clear",kind:"muted",size:200,"aria-label":o.closeButtonTitle,title:o.closeButtonTitle,onClick:o.close},{startIcon:e.withCtx(()=>[e.createVNode(c,{size:"200"})]),_:1},8,["aria-label","title","onClick"]))])}const p=u._(_,[["render",f]]);exports.default=p;
-//# sourceMappingURL=notice-action.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`),r=require(`../../shared/sr_only_close_button.cjs`);let i=require(`vue`);var a={compatConfig:{MODE:3},name:`DtNoticeAction`,components:{DtIconClose:require(`@dialpad/dialtone-icons/vue3`).DtIconClose,DtButton:n.default,SrOnlyCloseButton:r.default},props:{hideClose:{type:Boolean,default:!1},hideAction:{type:Boolean,default:!1}},emits:[`close`],data(){return{i18n:new t.DialtoneLocalization}},computed:{closeButtonTitle(){return this.i18n.$t(`DIALTONE_CLOSE_BUTTON`)}},mounted(){this.hideClose||(this.lastFocusedElement=document.activeElement)},beforeUnmount(){this.lastFocusedElement?.focus()},methods:{close(){this.$emit(`close`)}}},o={class:`d-notice__actions`,"data-qa":`notice-content-actions`};function s(e,t,n,r,a,s){let c=(0,i.resolveComponent)(`dt-icon-close`),l=(0,i.resolveComponent)(`dt-button`),u=(0,i.resolveComponent)(`sr-only-close-button`);return(0,i.openBlock)(),(0,i.createElementBlock)(`div`,o,[n.hideAction?(0,i.createCommentVNode)(``,!0):(0,i.renderSlot)(e.$slots,`default`,{key:0}),n.hideClose?((0,i.openBlock)(),(0,i.createBlock)(u,{key:2,onClose:s.close},null,8,[`onClose`])):((0,i.openBlock)(),(0,i.createBlock)(l,{key:1,ref:`closeButton`,circle:!0,"data-qa":`dt-notice-action-close-button`,importance:`clear`,size:`sm`,"aria-label":s.closeButtonTitle,title:s.closeButtonTitle,onClick:s.close},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(c,{size:`200`})]),_:1},8,[`aria-label`,`title`,`onClick`]))])}var c=e.t(a,[[`render`,s]]);exports.default=c;
+//# sourceMappingURL=notice-action.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"notice-action.cjs","sources":["../../../components/notice/notice_action.vue"],"sourcesContent":["<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      importance=\"clear\"\n      kind=\"muted\"\n      :size=\"200\"\n      :aria-label=\"closeButtonTitle\"\n      :title=\"closeButtonTitle\"\n      @click=\"close\"\n    >\n      <template #startIcon>\n        <dt-icon-close\n          size=\"200\"\n        />\n      </template>\n    </dt-button>\n    <sr-only-close-button\n      v-else\n      @close=\"close\"\n    />\n  </div>\n</template>\n\n<script>\nimport { DtIconClose } from '@dialpad/dialtone-icons/vue';\nimport { DtButton } from '@/components/button';\nimport SrOnlyCloseButton from '@/common/sr_only_close_button.vue';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtNoticeAction',\n\n  components: {\n    DtIconClose,\n    DtButton,\n    SrOnlyCloseButton,\n  },\n\n  props: {\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  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    closeButtonTitle () {\n      return this.i18n.$t('DIALTONE_CLOSE_BUTTON');\n    },\n  },\n\n  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","DtIconClose","DtButton","SrOnlyCloseButton","DialtoneLocalization","_a","_openBlock","_createElementBlock","_hoisted_1","$props","_renderSlot","_ctx","_createBlock","_component_sr_only_close_button","$options","_component_dt_button","_createVNode","_component_dt_icon_close"],"mappings":"qWAqCKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,iBAEN,WAAY,aACVC,EAAAA,YACA,SAAAC,EAAAA,QACA,kBAAAC,EAAAA,SAGF,MAAO,CAKL,UAAW,CACT,KAAM,QACN,QAAS,IAOX,WAAY,CACV,KAAM,QACN,QAAS,KAIb,MAAO,CAML,SAGF,MAAQ,CACN,MAAO,CACL,KAAM,IAAIC,EAAAA,qBAEd,EAEA,SAAU,CACR,kBAAoB,CAClB,OAAO,KAAK,KAAK,GAAG,uBAAuB,CAC7C,GAGF,SAAW,CACJ,KAAK,YACR,KAAK,mBAAqB,SAAS,cAEvC,EAEA,eAAiB,QACfC,EAAA,KAAK,qBAAL,MAAAA,EAAyB,OAC3B,EAEA,QAAS,CACP,OAAS,CACP,KAAK,MAAM,OAAO,CACpB,EAEJ,KArGI,MAAM,oBACN,UAAQ,6KAFV,OAAAC,YAAA,EAAAC,qBA2BM,MA3BNC,EA2BM,CAtBSC,EAAA,uCAAbC,EAAAA,WAA2BC,EAAA,OAAA,UAAA,CAAA,IAAA,CAAA,CAAA,EAElBF,EAAA,yBAgBTG,EAAAA,YAGEC,EAAA,OADC,QAAOC,EAAA,2CAnBVF,EAAAA,YAgBYG,EAAA,OAdV,IAAI,cACJ,UAAQ,gCACR,WAAW,QACX,KAAK,QACJ,KAAM,IACN,aAAYD,EAAA,iBACZ,MAAOA,EAAA,iBACP,QAAOA,EAAA,QAEG,oBACT,IAEE,CAFFE,EAAAA,YAEEC,EAAA,CADA,KAAK,KAAK,CAAA"}
+{"version":3,"file":"notice-action.cjs","names":[],"sources":["../../../components/notice/notice_action.vue"],"sourcesContent":["<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      :circle=\"true\"\n      data-qa=\"dt-notice-action-close-button\"\n      importance=\"clear\"\n      size=\"sm\"\n      :aria-label=\"closeButtonTitle\"\n      :title=\"closeButtonTitle\"\n      @click=\"close\"\n    >\n      <template #icon>\n        <dt-icon-close\n          size=\"200\"\n        />\n      </template>\n    </dt-button>\n    <sr-only-close-button\n      v-else\n      @close=\"close\"\n    />\n  </div>\n</template>\n\n<script>\nimport { DtIconClose } from '@dialpad/dialtone-icons/vue3';\nimport { DtButton } from '@/components/button';\nimport SrOnlyCloseButton from '@/common/sr_only_close_button.vue';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtNoticeAction',\n\n  components: {\n    DtIconClose,\n    DtButton,\n    SrOnlyCloseButton,\n  },\n\n  props: {\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  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    closeButtonTitle () {\n      return this.i18n.$t('DIALTONE_CLOSE_BUTTON');\n    },\n  },\n\n  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"],"mappings":"uVAqCA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,iBAEN,WAAY,CACV,oDAAA,YACA,SAAA,EAAA,QACA,kBAAA,EAAA,QACD,CAED,MAAO,CAKL,UAAW,CACT,KAAM,QACN,QAAS,GACV,CAMD,WAAY,CACV,KAAM,QACN,QAAS,GACV,CACF,CAED,MAAO,CAML,QACD,CAED,MAAQ,CACN,MAAO,CACL,KAAM,IAAI,EAAA,qBACX,EAGH,SAAU,CACR,kBAAoB,CAClB,OAAO,KAAK,KAAK,GAAG,wBAAwB,EAE/C,CAED,SAAW,CACJ,KAAK,YACR,KAAK,mBAAqB,SAAS,gBAIvC,eAAiB,CACf,KAAK,oBAAoB,OAAO,EAGlC,QAAS,CACP,OAAS,CACP,KAAK,MAAM,QAAQ,EAEtB,CACF,IArGG,MAAM,oBACN,UAAQ,wOAyBJ,MA3BN,EA2BM,CAtBS,EAAA,YAAc,EAAA,EAAA,oBAAA,GAAA,GAAA,EAAd,EAAA,EAAA,YAAc,EAAA,OAAA,UAAA,CAAA,IAAA,EAAA,CAAA,CAElB,EAAA,+CAmBP,EAAA,OADC,QAAO,EAAA,8BAlBD,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,aAeG,EAAA,OAdV,IAAI,cACH,OAAQ,GACT,UAAQ,gCACR,WAAW,QACX,KAAK,KACJ,aAAY,EAAA,iBACZ,MAAO,EAAA,iBACP,QAAO,EAAA,QAEG,MAAA,EAAA,EAAA,aAGP,EAAA,EAAA,EAAA,aAAA,EAAA,CADA,KAAK,MAAK,CAAA,CAAA,CAAA"}

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

@@ -1,96 +1,74 @@
-import { DtIconClose as r } from "@dialpad/dialtone-icons/vue";
-import m from "../../shared/sr_only_close_button.js";
-import { DialtoneLocalization as d } from "../../localization/index.js";
-import { resolveComponent as o, openBlock as n, createElementBlock as u, renderSlot as _, createCommentVNode as f, createBlock as l, withCtx as p, createVNode as h } from "vue";
-import { _ as C } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import B from "../button/button.js";
-const k = {
-  compatConfig: { MODE: 3 },
-  name: "DtNoticeAction",
-  components: {
-    DtIconClose: r,
-    DtButton: B,
-    SrOnlyCloseButton: m
-  },
-  props: {
-    /**
-     * Hides the close button from the notice
-     * @values true, false
-     */
-    hideClose: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Hides the action from the notice
-     * @values true, false
-     */
-    hideAction: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: [
-    /**
-     * Close button click event
-     *
-     * @event close
-     */
-    "close"
-  ],
-  data() {
-    return {
-      i18n: new d()
-    };
-  },
-  computed: {
-    closeButtonTitle() {
-      return this.i18n.$t("DIALTONE_CLOSE_BUTTON");
-    }
-  },
-  mounted() {
-    this.hideClose || (this.lastFocusedElement = document.activeElement);
-  },
-  beforeUnmount() {
-    var t;
-    (t = this.lastFocusedElement) == null || t.focus();
-  },
-  methods: {
-    close() {
-      this.$emit("close");
-    }
-  }
-}, b = {
-  class: "d-notice__actions",
-  "data-qa": "notice-content-actions"
+import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import { DialtoneLocalization as t } from "../../localization/index.js";
+import n from "../button/button.js";
+import r from "../../shared/sr_only_close_button.js";
+import { createBlock as i, createCommentVNode as a, createElementBlock as o, createVNode as s, openBlock as c, renderSlot as l, resolveComponent as u, withCtx as d } from "vue";
+import { DtIconClose as f } from "@dialpad/dialtone-icons/vue3";
+//#region components/notice/notice_action.vue
+var p = {
+	compatConfig: { MODE: 3 },
+	name: "DtNoticeAction",
+	components: {
+		DtIconClose: f,
+		DtButton: n,
+		SrOnlyCloseButton: r
+	},
+	props: {
+		hideClose: {
+			type: Boolean,
+			default: !1
+		},
+		hideAction: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["close"],
+	data() {
+		return { i18n: new t() };
+	},
+	computed: { closeButtonTitle() {
+		return this.i18n.$t("DIALTONE_CLOSE_BUTTON");
+	} },
+	mounted() {
+		this.hideClose || (this.lastFocusedElement = document.activeElement);
+	},
+	beforeUnmount() {
+		this.lastFocusedElement?.focus();
+	},
+	methods: { close() {
+		this.$emit("close");
+	} }
+}, m = {
+	class: "d-notice__actions",
+	"data-qa": "notice-content-actions"
 };
-function y(t, D, c, E, N, e) {
-  const s = o("dt-icon-close"), i = o("dt-button"), a = o("sr-only-close-button");
-  return n(), u("div", b, [
-    c.hideAction ? f("", !0) : _(t.$slots, "default", { key: 0 }),
-    c.hideClose ? (n(), l(a, {
-      key: 2,
-      onClose: e.close
-    }, null, 8, ["onClose"])) : (n(), l(i, {
-      key: 1,
-      ref: "closeButton",
-      "data-qa": "dt-notice-action-close-button",
-      importance: "clear",
-      kind: "muted",
-      size: 200,
-      "aria-label": e.closeButtonTitle,
-      title: e.closeButtonTitle,
-      onClick: e.close
-    }, {
-      startIcon: p(() => [
-        h(s, { size: "200" })
-      ]),
-      _: 1
-    }, 8, ["aria-label", "title", "onClick"]))
-  ]);
+function h(e, t, n, r, f, p) {
+	let h = u("dt-icon-close"), g = u("dt-button"), _ = u("sr-only-close-button");
+	return c(), o("div", m, [n.hideAction ? a("", !0) : l(e.$slots, "default", { key: 0 }), n.hideClose ? (c(), i(_, {
+		key: 2,
+		onClose: p.close
+	}, null, 8, ["onClose"])) : (c(), i(g, {
+		key: 1,
+		ref: "closeButton",
+		circle: !0,
+		"data-qa": "dt-notice-action-close-button",
+		importance: "clear",
+		size: "sm",
+		"aria-label": p.closeButtonTitle,
+		title: p.closeButtonTitle,
+		onClick: p.close
+	}, {
+		icon: d(() => [s(h, { size: "200" })]),
+		_: 1
+	}, 8, [
+		"aria-label",
+		"title",
+		"onClick"
+	]))]);
 }
-const I = /* @__PURE__ */ C(k, [["render", y]]);
-export {
-  I as default
-};
-//# sourceMappingURL=notice-action.js.map
+var g = /* @__PURE__ */ e(p, [["render", h]]);
+//#endregion
+export { g as default };
+
+//# sourceMappingURL=notice-action.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"notice-action.js","sources":["../../../components/notice/notice_action.vue"],"sourcesContent":["<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      importance=\"clear\"\n      kind=\"muted\"\n      :size=\"200\"\n      :aria-label=\"closeButtonTitle\"\n      :title=\"closeButtonTitle\"\n      @click=\"close\"\n    >\n      <template #startIcon>\n        <dt-icon-close\n          size=\"200\"\n        />\n      </template>\n    </dt-button>\n    <sr-only-close-button\n      v-else\n      @close=\"close\"\n    />\n  </div>\n</template>\n\n<script>\nimport { DtIconClose } from '@dialpad/dialtone-icons/vue';\nimport { DtButton } from '@/components/button';\nimport SrOnlyCloseButton from '@/common/sr_only_close_button.vue';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtNoticeAction',\n\n  components: {\n    DtIconClose,\n    DtButton,\n    SrOnlyCloseButton,\n  },\n\n  props: {\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  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    closeButtonTitle () {\n      return this.i18n.$t('DIALTONE_CLOSE_BUTTON');\n    },\n  },\n\n  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","DtIconClose","DtButton","SrOnlyCloseButton","DialtoneLocalization","_a","_openBlock","_createElementBlock","_hoisted_1","$props","_renderSlot","_ctx","_createBlock","_component_sr_only_close_button","$options","_component_dt_button","_createVNode","_component_dt_icon_close"],"mappings":";;;;;;AAqCA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,mBAAAC;AAAA;EAGF,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;;EAIb,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAML;AAAA;EAGF,OAAQ;AACN,WAAO;AAAA,MACL,MAAM,IAAIC,EAAoB;AAAA;EAElC;AAAA,EAEA,UAAU;AAAA,IACR,mBAAoB;AAClB,aAAO,KAAK,KAAK,GAAG,uBAAuB;AAAA,IAC7C;AAAA;EAGF,UAAW;AACT,IAAK,KAAK,cACR,KAAK,qBAAqB,SAAS;AAAA,EAEvC;AAAA,EAEA,gBAAiB;;AACf,KAAAC,IAAA,KAAK,uBAAL,QAAAA,EAAyB;AAAA,EAC3B;AAAA,EAEA,SAAS;AAAA,IACP,QAAS;AACP,WAAK,MAAM,OAAO;AAAA,IACpB;AAAA;AAEJ;EArGI,OAAM;AAAA,EACN,WAAQ;;;;AAFV,SAAAC,EAAA,GAAAC,EA2BM,OA3BNC,GA2BM;AAAA,IAtBSC,EAAA,yBAAbC,EAA2BC,EAAA,QAAA,WAAA,EAAA,KAAA,EAAA,CAAA;AAAA,IAElBF,EAAA,kBAgBTG,EAGEC,GAAA;AAAA;MADC,SAAOC,EAAA;AAAA,sCAnBVF,EAgBYG,GAAA;AAAA;MAdV,KAAI;AAAA,MACJ,WAAQ;AAAA,MACR,YAAW;AAAA,MACX,MAAK;AAAA,MACJ,MAAM;AAAA,MACN,cAAYD,EAAA;AAAA,MACZ,OAAOA,EAAA;AAAA,MACP,SAAOA,EAAA;AAAA;MAEG,aACT,MAEE;AAAA,QAFFE,EAEEC,GAAA,EADA,MAAK,MAAK,CAAA;AAAA;;;;;;"}
+{"version":3,"file":"notice-action.js","names":[],"sources":["../../../components/notice/notice_action.vue"],"sourcesContent":["<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      :circle=\"true\"\n      data-qa=\"dt-notice-action-close-button\"\n      importance=\"clear\"\n      size=\"sm\"\n      :aria-label=\"closeButtonTitle\"\n      :title=\"closeButtonTitle\"\n      @click=\"close\"\n    >\n      <template #icon>\n        <dt-icon-close\n          size=\"200\"\n        />\n      </template>\n    </dt-button>\n    <sr-only-close-button\n      v-else\n      @close=\"close\"\n    />\n  </div>\n</template>\n\n<script>\nimport { DtIconClose } from '@dialpad/dialtone-icons/vue3';\nimport { DtButton } from '@/components/button';\nimport SrOnlyCloseButton from '@/common/sr_only_close_button.vue';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtNoticeAction',\n\n  components: {\n    DtIconClose,\n    DtButton,\n    SrOnlyCloseButton,\n  },\n\n  props: {\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  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    closeButtonTitle () {\n      return this.i18n.$t('DIALTONE_CLOSE_BUTTON');\n    },\n  },\n\n  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"],"mappings":";;;;;;;AAqCA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,YAAY;EACV;EACA,UAAA;EACA,mBAAA;EACD;CAED,OAAO;EAKL,WAAW;GACT,MAAM;GACN,SAAS;GACV;EAMD,YAAY;GACV,MAAM;GACN,SAAS;GACV;EACF;CAED,OAAO,CAML,QACD;CAED,OAAQ;AACN,SAAO,EACL,MAAM,IAAI,GAAsB,EACjC;;CAGH,UAAU,EACR,mBAAoB;AAClB,SAAO,KAAK,KAAK,GAAG,wBAAwB;IAE/C;CAED,UAAW;AACT,EAAK,KAAK,cACR,KAAK,qBAAqB,SAAS;;CAIvC,gBAAiB;AACf,OAAK,oBAAoB,OAAO;;CAGlC,SAAS,EACP,QAAS;AACP,OAAK,MAAM,QAAQ;IAEtB;CACF;CArGG,OAAM;CACN,WAAQ;;;;aAFV,EA2BM,OA3BN,GA2BM,CAtBS,EAAA,aAAc,EAAA,IAAA,GAAA,GAA3B,EAA2B,EAAA,QAAA,WAAA,EAAA,KAAA,GAAA,CAAA,EAElB,EAAA,kBAgBT,EAGE,GAAA;;EADC,SAAO,EAAA;8BAlBD,GAAA,EADT,EAgBY,GAAA;;EAdV,KAAI;EACH,QAAQ;EACT,WAAQ;EACR,YAAW;EACX,MAAK;EACJ,cAAY,EAAA;EACZ,OAAO,EAAA;EACP,SAAO,EAAA;;EAEG,MAAI,QAGX,CAFF,EAEE,GAAA,EADA,MAAK,OAAK,CAAA,CAAA,CAAA"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=["base","error","info","success","warning"],t=["alert","alertdialog","status"],s={NOTICE_KINDS:e,NOTICE_ROLES:t};exports.NOTICE_KINDS=e;exports.NOTICE_ROLES=t;exports.default=s;
-//# sourceMappingURL=notice-constants.cjs.map
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e=[`base`,`error`,`info`,`success`,`warning`],t=[`alert`,`alertdialog`,`status`],n={NOTICE_KINDS:e,NOTICE_ROLES:t};exports.NOTICE_KINDS=e,exports.NOTICE_ROLES=t,exports.default=n;
+//# sourceMappingURL=notice-constants.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"notice-constants.cjs","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","notice_constants"],"mappings":"4GAAY,MAACA,EAAe,CAAC,OAAQ,QAAS,OAAQ,UAAW,SAAS,EAC7DC,EAAe,CAAC,QAAS,cAAe,QAAQ,EAE7DC,EAAe,CACb,aAAAF,EACA,aAAAC,CACF"}
+{"version":3,"file":"notice-constants.cjs","names":[],"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"],"mappings":"+FAAA,IAAa,EAAe,CAAC,OAAQ,QAAS,OAAQ,UAAW,UAAU,CAC9D,EAAe,CAAC,QAAS,cAAe,SAAS,CAE9D,EAAe,CACb,eACA,eACD"}

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

@@ -1,10 +1,19 @@
-const s = ["base", "error", "info", "success", "warning"], t = ["alert", "alertdialog", "status"], a = {
-  NOTICE_KINDS: s,
-  NOTICE_ROLES: t
+//#region components/notice/notice_constants.js
+var e = [
+	"base",
+	"error",
+	"info",
+	"success",
+	"warning"
+], t = [
+	"alert",
+	"alertdialog",
+	"status"
+], n = {
+	NOTICE_KINDS: e,
+	NOTICE_ROLES: t
 };
-export {
-  s as NOTICE_KINDS,
-  t as NOTICE_ROLES,
-  a as default
-};
-//# sourceMappingURL=notice-constants.js.map
+//#endregion
+export { e as NOTICE_KINDS, t as NOTICE_ROLES, n as default };
+
+//# sourceMappingURL=notice-constants.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"notice-constants.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","notice_constants"],"mappings":"AAAY,MAACA,IAAe,CAAC,QAAQ,SAAS,QAAQ,WAAW,SAAS,GAC7DC,IAAe,CAAC,SAAS,eAAe,QAAQ,GAE7DC,IAAe;AAAA,EACb,cAAAF;AAAA,EACA,cAAAC;AACF;"}
+{"version":3,"file":"notice-constants.js","names":[],"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"],"mappings":";AAAA,IAAa,IAAe;CAAC;CAAQ;CAAS;CAAQ;CAAW;CAAU,EAC9D,IAAe;CAAC;CAAS;CAAe;CAAS,EAE9D,IAAe;CACb;CACA;CACD"}

package/dist/lib/notice/notice-content.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("../../common/utils/index.cjs"),t=require("vue"),l=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),a=require("../text/text.cjs"),c={compatConfig:{MODE:3},name:"DtNoticeContent",components:{DtText:a.default},props:{title:{type:String,default:""},titleId:{type:String,default:void 0},contentId:{type:String,default:void 0}},data(){return{hasSlotContent:d.hasSlotContent}}},s={class:"d-notice__content","data-qa":"notice-content"};function r(n,_,e,p,i,f){const o=t.resolveComponent("dt-text");return t.openBlock(),t.createElementBlock("div",s,[e.title||i.hasSlotContent(n.$slots.titleOverride)?(t.openBlock(),t.createBlock(o,{key:0,id:e.titleId,kind:"headline",size:300,density:"200",as:"p",class:"d-notice__title","data-qa":"notice-content-title"},{default:t.withCtx(()=>[t.renderSlot(n.$slots,"titleOverride",{},()=>[t.createTextVNode(t.toDisplayString(e.title),1)])]),_:3},8,["id"])):t.createCommentVNode("",!0),t.createVNode(o,{id:e.contentId,kind:"body",size:200,wrap:"pretty",as:"p",class:"d-notice__message","data-qa":"notice-content-message"},{default:t.withCtx(()=>[t.renderSlot(n.$slots,"default")]),_:3},8,["id"])])}const u=l._(c,[["render",r]]);exports.default=u;
-//# sourceMappingURL=notice-content.cjs.map
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/utils/index.cjs`),t=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`);let n=require(`vue`);var r={compatConfig:{MODE:3},name:`DtNoticeContent`,props:{title:{type:String,default:``},titleId:{type:String,default:void 0},contentId:{type:String,default:void 0}},data(){return{hasSlotContent:e.hasSlotContent}}},i={class:`d-notice__content`,"data-qa":`notice-content`},a=[`id`],o=[`id`];function s(e,t,r,s,c,l){return(0,n.openBlock)(),(0,n.createElementBlock)(`div`,i,[r.title||c.hasSlotContent(e.$slots.titleOverride)?((0,n.openBlock)(),(0,n.createElementBlock)(`p`,{key:0,id:r.titleId,class:`d-notice__title`,"data-qa":`notice-content-title`},[(0,n.renderSlot)(e.$slots,`titleOverride`,{},()=>[(0,n.createTextVNode)((0,n.toDisplayString)(r.title),1)])],8,a)):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`p`,{id:r.contentId,class:`d-notice__message`,"data-qa":`notice-content-message`},[(0,n.renderSlot)(e.$slots,`default`)],8,o)])}var c=t.t(r,[[`render`,s]]);exports.default=c;
+//# sourceMappingURL=notice-content.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"notice-content.cjs","sources":["../../../components/notice/notice_content.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-notice__content\"\n    data-qa=\"notice-content\"\n  >\n    <dt-text\n      v-if=\"title || hasSlotContent($slots.titleOverride)\"\n      :id=\"titleId\"\n      kind=\"headline\"\n      :size=\"300\"\n      density=\"200\"\n      as=\"p\"\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    </dt-text>\n    <dt-text\n      :id=\"contentId\"\n      kind=\"body\"\n      :size=\"200\"\n      wrap=\"pretty\"\n      as=\"p\"\n      class=\"d-notice__message\"\n      data-qa=\"notice-content-message\"\n    >\n      <!-- @slot Slot for main content -->\n      <slot />\n    </dt-text>\n  </div>\n</template>\n\n<script>\nimport { hasSlotContent } from '@/common/utils';\nimport { DtText } from '@/components/text';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtNoticeContent',\n\n  components: { DtText },\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"],"names":["_sfc_main","DtText","hasSlotContent","_openBlock","_createElementBlock","_hoisted_1","$props","$data","_ctx","_createBlock","_component_dt_text","_renderSlot","_createVNode"],"mappings":"qQAuCKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,kBAEN,WAAY,CAAA,OAAEC,EAAAA,SAEd,MAAO,CAIL,MAAO,CACL,KAAM,OACN,QAAS,IAOX,QAAS,CACP,KAAM,OACN,QAAS,QAOX,UAAW,CACT,KAAM,OACN,QAAS,SAIb,MAAQ,CACN,MAAO,CACL,eAAAC,EAAAA,eAEJ,CACF,KA5EI,MAAM,oBACN,UAAQ,gFAFV,OAAAC,YAAA,EAAAC,qBA+BM,MA/BNC,EA+BM,CA1BIC,EAAA,OAASC,EAAA,eAAeC,EAAA,OAAO,aAAa,iBADpDC,EAAAA,YAcUC,EAAA,OAZP,GAAIJ,EAAA,QACL,KAAK,WACJ,KAAM,IACP,QAAQ,MACR,GAAG,IACH,MAAM,kBACN,UAAQ,2CAGR,IAEO,CAFPK,EAAAA,WAEOH,4BAFP,IAEO,qCADFF,EAAA,KAAK,EAAA,CAAA,kDAGZM,EAAAA,YAWUF,EAAA,CAVP,GAAIJ,EAAA,UACL,KAAK,OACJ,KAAM,IACP,KAAK,SACL,GAAG,IACH,MAAM,oBACN,UAAQ,6CAGR,IAAQ,CAARK,aAAQH,EAAA,OAAA,SAAA"}
+{"version":3,"file":"notice-content.cjs","names":[],"sources":["../../../components/notice/notice_content.vue"],"sourcesContent":["<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  compatConfig: { MODE: 3 },\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"],"mappings":"kQA8BA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,kBAEN,MAAO,CAIL,MAAO,CACL,KAAM,OACN,QAAS,GACV,CAMD,QAAS,CACP,KAAM,OACN,QAAS,IAAA,GACV,CAMD,UAAW,CACT,KAAM,OACN,QAAS,IAAA,GACV,CACF,CAED,MAAQ,CACN,MAAO,CACL,eAAA,EAAA,eACD,EAEJ,IAjEG,MAAM,oBACN,UAAQ,6GAqBJ,MAvBN,EAuBM,CAlBI,EAAA,OAAS,EAAA,eAAe,EAAA,OAAO,cAAa,GAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAShD,IAAA,OARD,GAAI,EAAA,QACL,MAAM,kBACN,UAAQ,0CAKD,EAAA,OAAA,gBAAA,EAAA,KAAA,EAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBADF,EAAA,MAAK,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,EAAA,EAAA,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,EAAA,EAAA,EAAA,oBAUR,IAAA,CAND,GAAI,EAAA,UACL,MAAM,oBACN,UAAQ,4CAGA,EAAA,OAAA,UAAA,CAAA,CAAA,EAAA,EAAA,CAAA,CAAA"}

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

@@ -1,83 +1,45 @@
-import { hasSlotContent as c } from "../../common/utils/index.js";
-import { resolveComponent as s, openBlock as o, createElementBlock as r, createBlock as l, withCtx as i, renderSlot as d, createTextVNode as m, toDisplayString as _, createCommentVNode as f, createVNode as p } from "vue";
-import { _ as u } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import y from "../text/text.js";
-const C = {
-  compatConfig: { MODE: 3 },
-  name: "DtNoticeContent",
-  components: { DtText: y },
-  props: {
-    /**
-     * Title header of the notice. This can be left blank to remove the title from the notice entirely.
-     */
-    title: {
-      type: String,
-      default: ""
-    },
-    /**
-     * ID for 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
-    },
-    /**
-     * ID for 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
-    }
-  },
-  data() {
-    return {
-      hasSlotContent: c
-    };
-  }
-}, g = {
-  class: "d-notice__content",
-  "data-qa": "notice-content"
-};
-function S(e, h, t, k, a, x) {
-  const n = s("dt-text");
-  return o(), r("div", g, [
-    t.title || a.hasSlotContent(e.$slots.titleOverride) ? (o(), l(n, {
-      key: 0,
-      id: t.titleId,
-      kind: "headline",
-      size: 300,
-      density: "200",
-      as: "p",
-      class: "d-notice__title",
-      "data-qa": "notice-content-title"
-    }, {
-      default: i(() => [
-        d(e.$slots, "titleOverride", {}, () => [
-          m(_(t.title), 1)
-        ])
-      ]),
-      _: 3
-    }, 8, ["id"])) : f("", !0),
-    p(n, {
-      id: t.contentId,
-      kind: "body",
-      size: 200,
-      wrap: "pretty",
-      as: "p",
-      class: "d-notice__message",
-      "data-qa": "notice-content-message"
-    }, {
-      default: i(() => [
-        d(e.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["id"])
-  ]);
+import { hasSlotContent as e } from "../../common/utils/index.js";
+import { t } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import { createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, openBlock as o, renderSlot as s, toDisplayString as c } from "vue";
+//#region components/notice/notice_content.vue
+var l = {
+	compatConfig: { MODE: 3 },
+	name: "DtNoticeContent",
+	props: {
+		title: {
+			type: String,
+			default: ""
+		},
+		titleId: {
+			type: String,
+			default: void 0
+		},
+		contentId: {
+			type: String,
+			default: void 0
+		}
+	},
+	data() {
+		return { hasSlotContent: e };
+	}
+}, u = {
+	class: "d-notice__content",
+	"data-qa": "notice-content"
+}, d = ["id"], f = ["id"];
+function p(e, t, l, p, m, h) {
+	return o(), r("div", u, [l.title || m.hasSlotContent(e.$slots.titleOverride) ? (o(), r("p", {
+		key: 0,
+		id: l.titleId,
+		class: "d-notice__title",
+		"data-qa": "notice-content-title"
+	}, [s(e.$slots, "titleOverride", {}, () => [a(c(l.title), 1)])], 8, d)) : n("", !0), i("p", {
+		id: l.contentId,
+		class: "d-notice__message",
+		"data-qa": "notice-content-message"
+	}, [s(e.$slots, "default")], 8, f)]);
 }
-const q = /* @__PURE__ */ u(C, [["render", S]]);
-export {
-  q as default
-};
-//# sourceMappingURL=notice-content.js.map
+var m = /* @__PURE__ */ t(l, [["render", p]]);
+//#endregion
+export { m as default };
+
+//# sourceMappingURL=notice-content.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"notice-content.js","sources":["../../../components/notice/notice_content.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-notice__content\"\n    data-qa=\"notice-content\"\n  >\n    <dt-text\n      v-if=\"title || hasSlotContent($slots.titleOverride)\"\n      :id=\"titleId\"\n      kind=\"headline\"\n      :size=\"300\"\n      density=\"200\"\n      as=\"p\"\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    </dt-text>\n    <dt-text\n      :id=\"contentId\"\n      kind=\"body\"\n      :size=\"200\"\n      wrap=\"pretty\"\n      as=\"p\"\n      class=\"d-notice__message\"\n      data-qa=\"notice-content-message\"\n    >\n      <!-- @slot Slot for main content -->\n      <slot />\n    </dt-text>\n  </div>\n</template>\n\n<script>\nimport { hasSlotContent } from '@/common/utils';\nimport { DtText } from '@/components/text';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtNoticeContent',\n\n  components: { DtText },\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"],"names":["_sfc_main","DtText","hasSlotContent","_openBlock","_createElementBlock","_hoisted_1","$props","$data","_ctx","_createBlock","_component_dt_text","_renderSlot","_createVNode"],"mappings":";;;;AAuCA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,YAAY,EAAE,QAAAC;EAEd,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;;EAIb,OAAQ;AACN,WAAO;AAAA,MACL,gBAAAC;AAAA;EAEJ;AACF;EA5EI,OAAM;AAAA,EACN,WAAQ;;;;AAFV,SAAAC,EAAA,GAAAC,EA+BM,OA/BNC,GA+BM;AAAA,IA1BIC,EAAA,SAASC,EAAA,eAAeC,EAAA,OAAO,aAAa,UADpDC,EAcUC,GAAA;AAAA;MAZP,IAAIJ,EAAA;AAAA,MACL,MAAK;AAAA,MACJ,MAAM;AAAA,MACP,SAAQ;AAAA,MACR,IAAG;AAAA,MACH,OAAM;AAAA,MACN,WAAQ;AAAA;iBAGR,MAEO;AAAA,QAFPK,EAEOH,+BAFP,MAEO;AAAA,cADFF,EAAA,KAAK,GAAA,CAAA;AAAA;;;;IAGZM,EAWUF,GAAA;AAAA,MAVP,IAAIJ,EAAA;AAAA,MACL,MAAK;AAAA,MACJ,MAAM;AAAA,MACP,MAAK;AAAA,MACL,IAAG;AAAA,MACH,OAAM;AAAA,MACN,WAAQ;AAAA;iBAGR,MAAQ;AAAA,QAARK,EAAQH,EAAA,QAAA,SAAA;AAAA;;;;;;"}
+{"version":3,"file":"notice-content.js","names":[],"sources":["../../../components/notice/notice_content.vue"],"sourcesContent":["<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  compatConfig: { MODE: 3 },\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"],"mappings":";;;;AA8BA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,OAAO;EAIL,OAAO;GACL,MAAM;GACN,SAAS;GACV;EAMD,SAAS;GACP,MAAM;GACN,SAAS,KAAA;GACV;EAMD,WAAW;GACT,MAAM;GACN,SAAS,KAAA;GACV;EACF;CAED,OAAQ;AACN,SAAO,EACL,mBACD;;CAEJ;CAjEG,OAAM;CACN,WAAQ;;;aAFV,EAuBM,OAvBN,GAuBM,CAlBI,EAAA,SAAS,EAAA,eAAe,EAAA,OAAO,cAAa,IAAA,GAAA,EADpD,EAUI,KAAA;;EARD,IAAI,EAAA;EACL,OAAM;EACN,WAAQ;KAGR,EAEO,EAAA,QAAA,iBAAA,EAAA,QAAA,CAAA,EAAA,EADF,EAAA,MAAK,EAAA,EAAA,CAAA,CAAA,CAAA,EAAA,GAAA,EAAA,IAAA,EAAA,IAAA,GAAA,EAGZ,EAOI,KAAA;EAND,IAAI,EAAA;EACL,OAAM;EACN,WAAQ;KAGR,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,GAAA,EAAA,CAAA,CAAA"}