@dialpad/dialtone 9.66.0 → 9.67.0

package/dist/vue3/chunks/{input-HIysg24t.js → input-NmYDD5bn.js}

@@ -111,7 +111,10 @@ const InputMixin = {
      */
     validateInputLabels(hasLabelOrLabel, ariaLabel) {
       if (!hasLabelOrLabel && !ariaLabel) {
-        warn("You must provide an aria-label when there is no label passed", this);
+        warn(
+          "You must provide an aria-label when there is no label passed",
+          this
+        );
       }
     }
   }
@@ -236,7 +239,10 @@ const GroupableMixin = {
     const hasGroupName = Object.prototype.hasOwnProperty.call(this.groupContext, "name");
     const reactiveGroupName = (_a = this.groupContext) == null ? void 0 : _a.name;
     if (!!this.name && hasGroupName && reactiveGroupName !== this.name) {
-      warn(`Component is being used inside a Group. Did you mean to override the name prop value (${reactiveGroupName}) with (${this.name})? It is recommended to only set name at the Group level.`, this);
+      warn(
+        `Component is being used inside a Group. Did you mean to override the name prop value (${reactiveGroupName}) with (${this.name})? It is recommended to only set name at the Group level.`,
+        this
+      );
     }
   }
 };
@@ -287,4 +293,4 @@ export {
   InputMixin,
   MessagesMixin
 };
-//# sourceMappingURL=input-HIysg24t.js.map
+//# sourceMappingURL=input-NmYDD5bn.js.map

package/dist/vue3/chunks/{input-HIysg24t.js.map → input-NmYDD5bn.js.map}

@@ -1 +1 @@
-{"version":3,"file":"input-HIysg24t.js","sources":["../../common/mixins/input.js"],"sourcesContent":["import { warn } from 'vue';\nimport { VALIDATION_MESSAGE_TYPES } from '@/common/constants';\nimport { validationMessageValidator } from '@/common/validators';\nimport { formatMessages } from '@/common/utils';\n\n/**\n * This mixin provides a base set of props, watchers and data attributes that are commonly used in our input components.\n * @displayName Input Mixin\n */\nexport const InputMixin = {\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * A provided label for the input\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The name of the input\n     */\n    name: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The value of the input\n     * @model value\n     */\n    value: {\n      type: [String, Number, Boolean, Object],\n      default: null,\n    },\n\n    /**\n     * Describes the input\n     */\n    description: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Disables the input\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The validation state of the input\n     */\n    validationState: {\n      type: String,\n      default: '',\n      validator: validationState => {\n        if (!validationState) {\n          return true;\n        }\n\n        return Object.values(VALIDATION_MESSAGE_TYPES).includes(validationState);\n      },\n    },\n\n    /**\n     * Used to customize the input element\n     */\n    inputClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the description container\n     */\n    descriptionClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the label container\n     */\n    labelChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * A set of props that are passed into the description container\n     */\n    descriptionChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n\n  data () {\n    return {\n      internalDisabled: this.disabled,\n      internalValidationState: this.validationState,\n    };\n  },\n\n  watch: {\n    disabled (newDisabled) {\n      // update internal disabled when the prop changes\n      this.internalDisabled = newDisabled;\n    },\n\n    validationState (newValidationState) {\n      // update internal validation state when the prop changes\n      this.internalValidationState = newValidationState;\n    },\n  },\n\n  methods: {\n    /**\n     * @param {Boolean | String} hasLabelOrLabel either a boolean indicating the label exists or the label itself\n     * @param {String} ariaLabel the aria-label passed (null/undefined if it's not passed)\n     */\n    validateInputLabels (hasLabelOrLabel, ariaLabel) {\n      if (!hasLabelOrLabel && !ariaLabel) {\n        warn(\n          'You must provide an aria-label when there is no label passed',\n          this,\n        );\n      }\n    },\n  },\n};\n\n/**\n * This mixin provides common logic shared amongst our checkable inputs.\n *\n * This includes the group context, checked model & prop, internal data attributes as well as a set common computed\n * properties and watchers. It also includes the group name warning logic.\n * @displayName Checkable Mixin\n */\nexport const CheckableMixin = {\n  model: {\n    prop: 'checked',\n  },\n\n  props: {\n    /**\n     * Used to set the state of the checkable input\n     * @model checked\n     */\n    checked: {\n      type: Boolean,\n      default: false,\n    },\n    /**\n     * Indeterminate State, toggling indeterminate checkbox will uncheck\n     */\n    indeterminate: {\n      type: Boolean,\n      default: false,\n    },\n    /**\n     * The value of the input\n     */\n    value: {\n      type: [String, Number, Boolean],\n      default: null,\n    },\n  },\n\n  data () {\n    return {\n      internalChecked: this.checked,\n      internalIndeterminate: this.indeterminate,\n    };\n  },\n\n  watch: {\n    checked (newChecked) {\n      // update internal checked when the prop changes\n      this.internalChecked = newChecked;\n    },\n\n    indeterminate (newValue) {\n      this.internalIndeterminate = newValue;\n    },\n  },\n};\n\n/**\n * This mixin provides common logic shared amongst our groupable inputs.\n *\n * This includes the group context and internal data attributes as well as a set common computed\n * properties and watchers. It also includes the group name warning logic.\n * @displayName Groupable Mixin\n */\nexport const GroupableMixin = {\n  inject: {\n    // Object used to pass data from the group\n    groupContext: {\n      default: {},\n    },\n\n    // Method used to update the group value\n    setGroupValue: {\n      default: () => { return () => {}; },\n    },\n  },\n\n  data () {\n    return {\n      internalValue: this.value,\n    };\n  },\n\n  computed: {\n    hasGroup () {\n      return Object.prototype.hasOwnProperty.call(this.groupContext, 'name');\n    },\n\n    groupName () {\n      return this.groupContext?.name ?? '';\n    },\n\n    groupValue () {\n      return this.groupContext?.value;\n    },\n\n    groupDisabled () {\n      return this.groupContext?.disabled ?? false;\n    },\n\n    groupValidationState () {\n      return this.groupContext?.validationState ?? null;\n    },\n\n    internalName () {\n      return this.name || this.groupName;\n    },\n  },\n\n  watch: {\n    value (newValue) {\n      // update internal value when the prop changes\n      this.internalValue = newValue;\n    },\n\n    groupValue: {\n      immediate: true,\n      handler (newGroupValue) {\n        if (this.hasGroup) {\n          // update internal value when the group disabled changes\n          this.internalValue = newGroupValue;\n        }\n      },\n    },\n\n    groupDisabled: {\n      immediate: true,\n      handler (newGroupDisabled) {\n        if (this.hasGroup) {\n          // update internal disabled when the group disabled changes\n          this.internalDisabled = this.disabled || newGroupDisabled;\n        }\n      },\n    },\n\n    groupValidationState: {\n      immediate: true,\n      handler (newGroupValidationState) {\n        if (this.hasGroup) {\n          // update internal validation state when the group validation state changes\n          this.internalValidationState = newGroupValidationState || this.validationState;\n        }\n      },\n    },\n  },\n\n  created () {\n    const hasGroupName = Object.prototype.hasOwnProperty.call(this.groupContext, 'name');\n    const reactiveGroupName = this.groupContext?.name;\n\n    if (!!this.name && hasGroupName && reactiveGroupName !== this.name) {\n      warn(\n        'Component is being used inside a Group. Did you mean to override the name prop value ' +\n        `(${reactiveGroupName}) with (${this.name})? It is recommended to only set name at the Group level.`,\n        this,\n      );\n    }\n  },\n};\n\n/**\n * This mixin provides common logic shared amongst our validation messages inputs.\n * @displayName Messages Mixin\n */\nexport const MessagesMixin = {\n  props: {\n    /**\n     * Used to customize the validation messages component\n     */\n    messagesClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the validation messages component\n     */\n    messagesChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * Used to hide / show the validation messages\n     * @values true, false\n     */\n    showMessages: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Validation messages\n     */\n    messages: {\n      type: Array,\n      default: () => [],\n      validator: messages => {\n        return validationMessageValidator(messages);\n      },\n    },\n  },\n\n  computed: {\n    formattedMessages () {\n      return formatMessages(this.messages);\n    },\n  },\n};\n\nexport default {\n  InputMixin,\n  CheckableMixin,\n  GroupableMixin,\n  MessagesMixin,\n};\n"],"names":["InputMixin","inheritAttrs","props","label","type","String","default","name","value","Number","Boolean","Object","description","disabled","validationState","validator","values","VALIDATION_MESSAGE_TYPES","includes","inputClass","Array","labelClass","descriptionClass","labelChildProps","descriptionChildProps","data","internalDisabled","internalValidationState","watch","newDisabled","newValidationState","methods","validateInputLabels","hasLabelOrLabel","ariaLabel","warn","CheckableMixin","model","prop","checked","indeterminate","internalChecked","internalIndeterminate","newChecked","newValue","GroupableMixin","inject","groupContext","setGroupValue","internalValue","computed","hasGroup","prototype","hasOwnProperty","call","groupName","groupValue","groupDisabled","groupValidationState","internalName","immediate","handler","newGroupValue","newGroupDisabled","newGroupValidationState","created","hasGroupName","reactiveGroupName","MessagesMixin","messagesClass","messagesChildProps","showMessages","messages","validationMessageValidator","formattedMessages","formatMessages"],"mappings":"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"}
+{"version":3,"file":"input-NmYDD5bn.js","sources":["../../common/mixins/input.js"],"sourcesContent":["import { warn } from 'vue';\nimport { VALIDATION_MESSAGE_TYPES } from '@/common/constants';\nimport { validationMessageValidator } from '@/common/validators';\nimport { formatMessages } from '@/common/utils';\n\n/**\n * This mixin provides a base set of props, watchers and data attributes that are commonly used in our input components.\n * @displayName Input Mixin\n */\nexport const InputMixin = {\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * A provided label for the input\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The name of the input\n     */\n    name: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The value of the input\n     * @model value\n     */\n    value: {\n      type: [String, Number, Boolean, Object],\n      default: null,\n    },\n\n    /**\n     * Describes the input\n     */\n    description: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Disables the input\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The validation state of the input\n     */\n    validationState: {\n      type: String,\n      default: '',\n      validator: validationState => {\n        if (!validationState) {\n          return true;\n        }\n\n        return Object.values(VALIDATION_MESSAGE_TYPES).includes(validationState);\n      },\n    },\n\n    /**\n     * Used to customize the input element\n     */\n    inputClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the description container\n     */\n    descriptionClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the label container\n     */\n    labelChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * A set of props that are passed into the description container\n     */\n    descriptionChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n\n  data () {\n    return {\n      internalDisabled: this.disabled,\n      internalValidationState: this.validationState,\n    };\n  },\n\n  watch: {\n    disabled (newDisabled) {\n      // update internal disabled when the prop changes\n      this.internalDisabled = newDisabled;\n    },\n\n    validationState (newValidationState) {\n      // update internal validation state when the prop changes\n      this.internalValidationState = newValidationState;\n    },\n  },\n\n  methods: {\n    /**\n     * @param {Boolean | String} hasLabelOrLabel either a boolean indicating the label exists or the label itself\n     * @param {String} ariaLabel the aria-label passed (null/undefined if it's not passed)\n     */\n    validateInputLabels (hasLabelOrLabel, ariaLabel) {\n      if (!hasLabelOrLabel && !ariaLabel) {\n        warn(\n          'You must provide an aria-label when there is no label passed',\n          this,\n        );\n      }\n    },\n  },\n};\n\n/**\n * This mixin provides common logic shared amongst our checkable inputs.\n *\n * This includes the group context, checked model & prop, internal data attributes as well as a set common computed\n * properties and watchers. It also includes the group name warning logic.\n * @displayName Checkable Mixin\n */\nexport const CheckableMixin = {\n  model: {\n    prop: 'checked',\n  },\n\n  props: {\n    /**\n     * Used to set the state of the checkable input\n     * @model checked\n     */\n    checked: {\n      type: Boolean,\n      default: false,\n    },\n    /**\n     * Indeterminate State, toggling indeterminate checkbox will uncheck\n     */\n    indeterminate: {\n      type: Boolean,\n      default: false,\n    },\n    /**\n     * The value of the input\n     */\n    value: {\n      type: [String, Number, Boolean],\n      default: null,\n    },\n  },\n\n  data () {\n    return {\n      internalChecked: this.checked,\n      internalIndeterminate: this.indeterminate,\n    };\n  },\n\n  watch: {\n    checked (newChecked) {\n      // update internal checked when the prop changes\n      this.internalChecked = newChecked;\n    },\n\n    indeterminate (newValue) {\n      this.internalIndeterminate = newValue;\n    },\n  },\n};\n\n/**\n * This mixin provides common logic shared amongst our groupable inputs.\n *\n * This includes the group context and internal data attributes as well as a set common computed\n * properties and watchers. It also includes the group name warning logic.\n * @displayName Groupable Mixin\n */\nexport const GroupableMixin = {\n  inject: {\n    // Object used to pass data from the group\n    groupContext: {\n      default: {},\n    },\n\n    // Method used to update the group value\n    setGroupValue: {\n      default: () => { return () => {}; },\n    },\n  },\n\n  data () {\n    return {\n      internalValue: this.value,\n    };\n  },\n\n  computed: {\n    hasGroup () {\n      return Object.prototype.hasOwnProperty.call(this.groupContext, 'name');\n    },\n\n    groupName () {\n      return this.groupContext?.name ?? '';\n    },\n\n    groupValue () {\n      return this.groupContext?.value;\n    },\n\n    groupDisabled () {\n      return this.groupContext?.disabled ?? false;\n    },\n\n    groupValidationState () {\n      return this.groupContext?.validationState ?? null;\n    },\n\n    internalName () {\n      return this.name || this.groupName;\n    },\n  },\n\n  watch: {\n    value (newValue) {\n      // update internal value when the prop changes\n      this.internalValue = newValue;\n    },\n\n    groupValue: {\n      immediate: true,\n      handler (newGroupValue) {\n        if (this.hasGroup) {\n          // update internal value when the group disabled changes\n          this.internalValue = newGroupValue;\n        }\n      },\n    },\n\n    groupDisabled: {\n      immediate: true,\n      handler (newGroupDisabled) {\n        if (this.hasGroup) {\n          // update internal disabled when the group disabled changes\n          this.internalDisabled = this.disabled || newGroupDisabled;\n        }\n      },\n    },\n\n    groupValidationState: {\n      immediate: true,\n      handler (newGroupValidationState) {\n        if (this.hasGroup) {\n          // update internal validation state when the group validation state changes\n          this.internalValidationState = newGroupValidationState || this.validationState;\n        }\n      },\n    },\n  },\n\n  created () {\n    const hasGroupName = Object.prototype.hasOwnProperty.call(this.groupContext, 'name');\n    const reactiveGroupName = this.groupContext?.name;\n\n    if (!!this.name && hasGroupName && reactiveGroupName !== this.name) {\n      warn(\n        'Component is being used inside a Group. Did you mean to override the name prop value ' +\n        `(${reactiveGroupName}) with (${this.name})? It is recommended to only set name at the Group level.`,\n        this,\n      );\n    }\n  },\n};\n\n/**\n * This mixin provides common logic shared amongst our validation messages inputs.\n * @displayName Messages Mixin\n */\nexport const MessagesMixin = {\n  props: {\n    /**\n     * Used to customize the validation messages component\n     */\n    messagesClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the validation messages component\n     */\n    messagesChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * Used to hide / show the validation messages\n     * @values true, false\n     */\n    showMessages: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Validation messages\n     */\n    messages: {\n      type: Array,\n      default: () => [],\n      validator: messages => {\n        return validationMessageValidator(messages);\n      },\n    },\n  },\n\n  computed: {\n    formattedMessages () {\n      return formatMessages(this.messages);\n    },\n  },\n};\n\nexport default {\n  InputMixin,\n  CheckableMixin,\n  GroupableMixin,\n  MessagesMixin,\n};\n"],"names":[],"mappings":"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"}

package/dist/vue3/chunks/{input-dLLo3Wtg.js → input-ttnte8zB.js}

@@ -112,7 +112,10 @@ const InputMixin = {
      */
     validateInputLabels(hasLabelOrLabel, ariaLabel) {
       if (!hasLabelOrLabel && !ariaLabel) {
-        vue.warn("You must provide an aria-label when there is no label passed", this);
+        vue.warn(
+          "You must provide an aria-label when there is no label passed",
+          this
+        );
       }
     }
   }
@@ -237,7 +240,10 @@ const GroupableMixin = {
     const hasGroupName = Object.prototype.hasOwnProperty.call(this.groupContext, "name");
     const reactiveGroupName = (_a = this.groupContext) == null ? void 0 : _a.name;
     if (!!this.name && hasGroupName && reactiveGroupName !== this.name) {
-      vue.warn(`Component is being used inside a Group. Did you mean to override the name prop value (${reactiveGroupName}) with (${this.name})? It is recommended to only set name at the Group level.`, this);
+      vue.warn(
+        `Component is being used inside a Group. Did you mean to override the name prop value (${reactiveGroupName}) with (${this.name})? It is recommended to only set name at the Group level.`,
+        this
+      );
     }
   }
 };
@@ -286,4 +292,4 @@ exports.CheckableMixin = CheckableMixin;
 exports.GroupableMixin = GroupableMixin;
 exports.InputMixin = InputMixin;
 exports.MessagesMixin = MessagesMixin;
-//# sourceMappingURL=input-dLLo3Wtg.js.map
+//# sourceMappingURL=input-ttnte8zB.js.map

package/dist/vue3/chunks/{input-dLLo3Wtg.js.map → input-ttnte8zB.js.map}

@@ -1 +1 @@
-{"version":3,"file":"input-dLLo3Wtg.js","sources":["../../common/mixins/input.js"],"sourcesContent":["import { warn } from 'vue';\nimport { VALIDATION_MESSAGE_TYPES } from '@/common/constants';\nimport { validationMessageValidator } from '@/common/validators';\nimport { formatMessages } from '@/common/utils';\n\n/**\n * This mixin provides a base set of props, watchers and data attributes that are commonly used in our input components.\n * @displayName Input Mixin\n */\nexport const InputMixin = {\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * A provided label for the input\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The name of the input\n     */\n    name: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The value of the input\n     * @model value\n     */\n    value: {\n      type: [String, Number, Boolean, Object],\n      default: null,\n    },\n\n    /**\n     * Describes the input\n     */\n    description: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Disables the input\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The validation state of the input\n     */\n    validationState: {\n      type: String,\n      default: '',\n      validator: validationState => {\n        if (!validationState) {\n          return true;\n        }\n\n        return Object.values(VALIDATION_MESSAGE_TYPES).includes(validationState);\n      },\n    },\n\n    /**\n     * Used to customize the input element\n     */\n    inputClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the description container\n     */\n    descriptionClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the label container\n     */\n    labelChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * A set of props that are passed into the description container\n     */\n    descriptionChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n\n  data () {\n    return {\n      internalDisabled: this.disabled,\n      internalValidationState: this.validationState,\n    };\n  },\n\n  watch: {\n    disabled (newDisabled) {\n      // update internal disabled when the prop changes\n      this.internalDisabled = newDisabled;\n    },\n\n    validationState (newValidationState) {\n      // update internal validation state when the prop changes\n      this.internalValidationState = newValidationState;\n    },\n  },\n\n  methods: {\n    /**\n     * @param {Boolean | String} hasLabelOrLabel either a boolean indicating the label exists or the label itself\n     * @param {String} ariaLabel the aria-label passed (null/undefined if it's not passed)\n     */\n    validateInputLabels (hasLabelOrLabel, ariaLabel) {\n      if (!hasLabelOrLabel && !ariaLabel) {\n        warn(\n          'You must provide an aria-label when there is no label passed',\n          this,\n        );\n      }\n    },\n  },\n};\n\n/**\n * This mixin provides common logic shared amongst our checkable inputs.\n *\n * This includes the group context, checked model & prop, internal data attributes as well as a set common computed\n * properties and watchers. It also includes the group name warning logic.\n * @displayName Checkable Mixin\n */\nexport const CheckableMixin = {\n  model: {\n    prop: 'checked',\n  },\n\n  props: {\n    /**\n     * Used to set the state of the checkable input\n     * @model checked\n     */\n    checked: {\n      type: Boolean,\n      default: false,\n    },\n    /**\n     * Indeterminate State, toggling indeterminate checkbox will uncheck\n     */\n    indeterminate: {\n      type: Boolean,\n      default: false,\n    },\n    /**\n     * The value of the input\n     */\n    value: {\n      type: [String, Number, Boolean],\n      default: null,\n    },\n  },\n\n  data () {\n    return {\n      internalChecked: this.checked,\n      internalIndeterminate: this.indeterminate,\n    };\n  },\n\n  watch: {\n    checked (newChecked) {\n      // update internal checked when the prop changes\n      this.internalChecked = newChecked;\n    },\n\n    indeterminate (newValue) {\n      this.internalIndeterminate = newValue;\n    },\n  },\n};\n\n/**\n * This mixin provides common logic shared amongst our groupable inputs.\n *\n * This includes the group context and internal data attributes as well as a set common computed\n * properties and watchers. It also includes the group name warning logic.\n * @displayName Groupable Mixin\n */\nexport const GroupableMixin = {\n  inject: {\n    // Object used to pass data from the group\n    groupContext: {\n      default: {},\n    },\n\n    // Method used to update the group value\n    setGroupValue: {\n      default: () => { return () => {}; },\n    },\n  },\n\n  data () {\n    return {\n      internalValue: this.value,\n    };\n  },\n\n  computed: {\n    hasGroup () {\n      return Object.prototype.hasOwnProperty.call(this.groupContext, 'name');\n    },\n\n    groupName () {\n      return this.groupContext?.name ?? '';\n    },\n\n    groupValue () {\n      return this.groupContext?.value;\n    },\n\n    groupDisabled () {\n      return this.groupContext?.disabled ?? false;\n    },\n\n    groupValidationState () {\n      return this.groupContext?.validationState ?? null;\n    },\n\n    internalName () {\n      return this.name || this.groupName;\n    },\n  },\n\n  watch: {\n    value (newValue) {\n      // update internal value when the prop changes\n      this.internalValue = newValue;\n    },\n\n    groupValue: {\n      immediate: true,\n      handler (newGroupValue) {\n        if (this.hasGroup) {\n          // update internal value when the group disabled changes\n          this.internalValue = newGroupValue;\n        }\n      },\n    },\n\n    groupDisabled: {\n      immediate: true,\n      handler (newGroupDisabled) {\n        if (this.hasGroup) {\n          // update internal disabled when the group disabled changes\n          this.internalDisabled = this.disabled || newGroupDisabled;\n        }\n      },\n    },\n\n    groupValidationState: {\n      immediate: true,\n      handler (newGroupValidationState) {\n        if (this.hasGroup) {\n          // update internal validation state when the group validation state changes\n          this.internalValidationState = newGroupValidationState || this.validationState;\n        }\n      },\n    },\n  },\n\n  created () {\n    const hasGroupName = Object.prototype.hasOwnProperty.call(this.groupContext, 'name');\n    const reactiveGroupName = this.groupContext?.name;\n\n    if (!!this.name && hasGroupName && reactiveGroupName !== this.name) {\n      warn(\n        'Component is being used inside a Group. Did you mean to override the name prop value ' +\n        `(${reactiveGroupName}) with (${this.name})? It is recommended to only set name at the Group level.`,\n        this,\n      );\n    }\n  },\n};\n\n/**\n * This mixin provides common logic shared amongst our validation messages inputs.\n * @displayName Messages Mixin\n */\nexport const MessagesMixin = {\n  props: {\n    /**\n     * Used to customize the validation messages component\n     */\n    messagesClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the validation messages component\n     */\n    messagesChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * Used to hide / show the validation messages\n     * @values true, false\n     */\n    showMessages: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Validation messages\n     */\n    messages: {\n      type: Array,\n      default: () => [],\n      validator: messages => {\n        return validationMessageValidator(messages);\n      },\n    },\n  },\n\n  computed: {\n    formattedMessages () {\n      return formatMessages(this.messages);\n    },\n  },\n};\n\nexport default {\n  InputMixin,\n  CheckableMixin,\n  GroupableMixin,\n  MessagesMixin,\n};\n"],"names":["InputMixin","inheritAttrs","props","label","type","String","default","name","value","Number","Boolean","Object","description","disabled","validationState","validator","values","VALIDATION_MESSAGE_TYPES","includes","inputClass","Array","labelClass","descriptionClass","labelChildProps","descriptionChildProps","data","internalDisabled","internalValidationState","watch","newDisabled","newValidationState","methods","validateInputLabels","hasLabelOrLabel","ariaLabel","warn","CheckableMixin","model","prop","checked","indeterminate","internalChecked","internalIndeterminate","newChecked","newValue","GroupableMixin","inject","groupContext","setGroupValue","internalValue","computed","hasGroup","prototype","hasOwnProperty","call","groupName","groupValue","groupDisabled","groupValidationState","internalName","immediate","handler","newGroupValue","newGroupDisabled","newGroupValidationState","created","hasGroupName","reactiveGroupName","MessagesMixin","messagesClass","messagesChildProps","showMessages","messages","validationMessageValidator","formattedMessages","formatMessages"],"mappings":"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"}
+{"version":3,"file":"input-ttnte8zB.js","sources":["../../common/mixins/input.js"],"sourcesContent":["import { warn } from 'vue';\nimport { VALIDATION_MESSAGE_TYPES } from '@/common/constants';\nimport { validationMessageValidator } from '@/common/validators';\nimport { formatMessages } from '@/common/utils';\n\n/**\n * This mixin provides a base set of props, watchers and data attributes that are commonly used in our input components.\n * @displayName Input Mixin\n */\nexport const InputMixin = {\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * A provided label for the input\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The name of the input\n     */\n    name: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The value of the input\n     * @model value\n     */\n    value: {\n      type: [String, Number, Boolean, Object],\n      default: null,\n    },\n\n    /**\n     * Describes the input\n     */\n    description: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Disables the input\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The validation state of the input\n     */\n    validationState: {\n      type: String,\n      default: '',\n      validator: validationState => {\n        if (!validationState) {\n          return true;\n        }\n\n        return Object.values(VALIDATION_MESSAGE_TYPES).includes(validationState);\n      },\n    },\n\n    /**\n     * Used to customize the input element\n     */\n    inputClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the description container\n     */\n    descriptionClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the label container\n     */\n    labelChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * A set of props that are passed into the description container\n     */\n    descriptionChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n\n  data () {\n    return {\n      internalDisabled: this.disabled,\n      internalValidationState: this.validationState,\n    };\n  },\n\n  watch: {\n    disabled (newDisabled) {\n      // update internal disabled when the prop changes\n      this.internalDisabled = newDisabled;\n    },\n\n    validationState (newValidationState) {\n      // update internal validation state when the prop changes\n      this.internalValidationState = newValidationState;\n    },\n  },\n\n  methods: {\n    /**\n     * @param {Boolean | String} hasLabelOrLabel either a boolean indicating the label exists or the label itself\n     * @param {String} ariaLabel the aria-label passed (null/undefined if it's not passed)\n     */\n    validateInputLabels (hasLabelOrLabel, ariaLabel) {\n      if (!hasLabelOrLabel && !ariaLabel) {\n        warn(\n          'You must provide an aria-label when there is no label passed',\n          this,\n        );\n      }\n    },\n  },\n};\n\n/**\n * This mixin provides common logic shared amongst our checkable inputs.\n *\n * This includes the group context, checked model & prop, internal data attributes as well as a set common computed\n * properties and watchers. It also includes the group name warning logic.\n * @displayName Checkable Mixin\n */\nexport const CheckableMixin = {\n  model: {\n    prop: 'checked',\n  },\n\n  props: {\n    /**\n     * Used to set the state of the checkable input\n     * @model checked\n     */\n    checked: {\n      type: Boolean,\n      default: false,\n    },\n    /**\n     * Indeterminate State, toggling indeterminate checkbox will uncheck\n     */\n    indeterminate: {\n      type: Boolean,\n      default: false,\n    },\n    /**\n     * The value of the input\n     */\n    value: {\n      type: [String, Number, Boolean],\n      default: null,\n    },\n  },\n\n  data () {\n    return {\n      internalChecked: this.checked,\n      internalIndeterminate: this.indeterminate,\n    };\n  },\n\n  watch: {\n    checked (newChecked) {\n      // update internal checked when the prop changes\n      this.internalChecked = newChecked;\n    },\n\n    indeterminate (newValue) {\n      this.internalIndeterminate = newValue;\n    },\n  },\n};\n\n/**\n * This mixin provides common logic shared amongst our groupable inputs.\n *\n * This includes the group context and internal data attributes as well as a set common computed\n * properties and watchers. It also includes the group name warning logic.\n * @displayName Groupable Mixin\n */\nexport const GroupableMixin = {\n  inject: {\n    // Object used to pass data from the group\n    groupContext: {\n      default: {},\n    },\n\n    // Method used to update the group value\n    setGroupValue: {\n      default: () => { return () => {}; },\n    },\n  },\n\n  data () {\n    return {\n      internalValue: this.value,\n    };\n  },\n\n  computed: {\n    hasGroup () {\n      return Object.prototype.hasOwnProperty.call(this.groupContext, 'name');\n    },\n\n    groupName () {\n      return this.groupContext?.name ?? '';\n    },\n\n    groupValue () {\n      return this.groupContext?.value;\n    },\n\n    groupDisabled () {\n      return this.groupContext?.disabled ?? false;\n    },\n\n    groupValidationState () {\n      return this.groupContext?.validationState ?? null;\n    },\n\n    internalName () {\n      return this.name || this.groupName;\n    },\n  },\n\n  watch: {\n    value (newValue) {\n      // update internal value when the prop changes\n      this.internalValue = newValue;\n    },\n\n    groupValue: {\n      immediate: true,\n      handler (newGroupValue) {\n        if (this.hasGroup) {\n          // update internal value when the group disabled changes\n          this.internalValue = newGroupValue;\n        }\n      },\n    },\n\n    groupDisabled: {\n      immediate: true,\n      handler (newGroupDisabled) {\n        if (this.hasGroup) {\n          // update internal disabled when the group disabled changes\n          this.internalDisabled = this.disabled || newGroupDisabled;\n        }\n      },\n    },\n\n    groupValidationState: {\n      immediate: true,\n      handler (newGroupValidationState) {\n        if (this.hasGroup) {\n          // update internal validation state when the group validation state changes\n          this.internalValidationState = newGroupValidationState || this.validationState;\n        }\n      },\n    },\n  },\n\n  created () {\n    const hasGroupName = Object.prototype.hasOwnProperty.call(this.groupContext, 'name');\n    const reactiveGroupName = this.groupContext?.name;\n\n    if (!!this.name && hasGroupName && reactiveGroupName !== this.name) {\n      warn(\n        'Component is being used inside a Group. Did you mean to override the name prop value ' +\n        `(${reactiveGroupName}) with (${this.name})? It is recommended to only set name at the Group level.`,\n        this,\n      );\n    }\n  },\n};\n\n/**\n * This mixin provides common logic shared amongst our validation messages inputs.\n * @displayName Messages Mixin\n */\nexport const MessagesMixin = {\n  props: {\n    /**\n     * Used to customize the validation messages component\n     */\n    messagesClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the validation messages component\n     */\n    messagesChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * Used to hide / show the validation messages\n     * @values true, false\n     */\n    showMessages: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Validation messages\n     */\n    messages: {\n      type: Array,\n      default: () => [],\n      validator: messages => {\n        return validationMessageValidator(messages);\n      },\n    },\n  },\n\n  computed: {\n    formattedMessages () {\n      return formatMessages(this.messages);\n    },\n  },\n};\n\nexport default {\n  InputMixin,\n  CheckableMixin,\n  GroupableMixin,\n  MessagesMixin,\n};\n"],"names":["VALIDATION_MESSAGE_TYPES","warn","validationMessageValidator","formatMessages"],"mappings":"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"}

package/dist/vue3/chunks/{input_group-rE6nhye8.js → input_group-M-D25pOJ.js}

@@ -4,9 +4,7 @@ const common_validators = require("../common/validators.cjs");
 const common_utils = require("../common/utils.cjs");
 const lib_validationMessages = require("../lib/validation-messages.cjs");
 const InputGroupMixin = {
-  components: {
-    DtValidationMessages: lib_validationMessages.DtValidationMessages
-  },
+  components: { DtValidationMessages: lib_validationMessages.DtValidationMessages },
   // provide data to slotted components
   provide() {
     return {
@@ -151,4 +149,4 @@ const InputGroupMixin = {
   }
 };
 exports.InputGroupMixin = InputGroupMixin;
-//# sourceMappingURL=input_group-rE6nhye8.js.map
+//# sourceMappingURL=input_group-M-D25pOJ.js.map

package/dist/vue3/chunks/{input_group-hV1WT2it.js.map → input_group-M-D25pOJ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"input_group-hV1WT2it.js","sources":["../../common/mixins/input_group.js"],"sourcesContent":["import { warn } from 'vue';\nimport { DtValidationMessages } from '@/components/validation_messages';\nimport { validationMessageValidator } from '../validators';\nimport {\n  getUniqueString,\n  formatMessages,\n  getValidationState,\n} from '@/common/utils';\n\n/**\n * This mixin provides a base provide obj and set of components, props, computed, watchers and data attributes that are\n * commonly used in our input group components.\n * @displayName Input Group Mixin\n */\nexport const InputGroupMixin = {\n  components: { DtValidationMessages },\n\n  // provide data to slotted components\n  provide () {\n    return {\n      groupContext: this.provideObj,\n      setGroupValue: this.setGroupValue,\n    };\n  },\n\n  props: {\n    /**\n     * The id of the input group\n     */\n    id: {\n      type: String,\n      default () {\n        return getUniqueString();\n      },\n    },\n\n    /**\n     * The value of the input group\n     */\n    value: {\n      type: [String, Number, Boolean, Object],\n      default: null,\n    },\n\n    /**\n     * The name of the input group\n     */\n    name: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * The legend of the input group\n     */\n    legend: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Disables the input group\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Validation messages\n     */\n    messages: {\n      type: Array,\n      default: () => [],\n      validator: messages => validationMessageValidator(messages),\n    },\n\n    /**\n     * Show validation messages\n     * @values true, false\n     */\n    showMessages: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Used to customize the legend element\n     */\n    legendClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the messages container\n     */\n    messagesClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the legend element\n     */\n    legendChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * A set of props that are passed into the messages container\n     */\n    messagesChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n\n  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {KeyboardEvent}\n     */\n    'input',\n  ],\n\n  data () {\n    const formattedMessages = formatMessages(this.messages);\n\n    return {\n      // wrap values in object to make reactive\n      provideObj: {\n        name: this.name,\n        disabled: this.disabled,\n        validationState: getValidationState(formattedMessages),\n      },\n    };\n  },\n\n  computed: {\n    formattedMessages () {\n      return formatMessages(this.messages);\n    },\n\n    validationState () {\n      return getValidationState(this.formattedMessages);\n    },\n  },\n\n  watch: {\n    disabled (newDisabled) {\n      this.provideObj.disabled = newDisabled;\n    },\n\n    validationState (newValidationState) {\n      this.provideObj.validationState = newValidationState;\n    },\n  },\n\n  methods: {\n    /*\n     * provided value to support 2 way binding for slotted input components.\n     * slotted input components will change this value and need to emit new value up.\n     */\n    setGroupValue (newValue) {\n      this.internalValue = newValue;\n      this.$emit('input', newValue);\n    },\n  },\n\n  mounted () {\n    if (!this.legend && !this.$slots.legend && !this.$attrs['aria-label']) {\n      warn('It is expected that an aria-label is provided when there is no legend.', this);\n    }\n  },\n};\n\nexport default {\n  InputGroupMixin,\n};\n"],"names":["InputGroupMixin","components","DtValidationMessages","provide","groupContext","provideObj","setGroupValue","props","id","type","String","default","getUniqueString","value","Number","Boolean","Object","name","required","legend","disabled","messages","Array","validator","validationMessageValidator","showMessages","legendClass","messagesClass","legendChildProps","messagesChildProps","emits","data","formattedMessages","formatMessages","validationState","getValidationState","computed","watch","newDisabled","newValidationState","methods","newValue","internalValue","$emit","mounted","$slots","$attrs","warn"],"mappings":";;;;AAcO,MAAMA,kBAAkB;AAAA,EAC7BC,YAAY;AAAA,IAAEC;AAAAA,EAAsB;AAAA;AAAA,EAGpCC,UAAW;AACT,WAAO;AAAA,MACLC,cAAc,KAAKC;AAAAA,MACnBC,eAAe,KAAKA;AAAAA;EAEvB;AAAA,EAEDC,OAAO;AAAA;AAAA;AAAA;AAAA,IAILC,IAAI;AAAA,MACFC,MAAMC;AAAAA,MACNC,UAAW;AACT,eAAOC,gBAAe;AAAA,MACxB;AAAA,IACD;AAAA;AAAA;AAAA;AAAA,IAKDC,OAAO;AAAA,MACLJ,MAAM,CAACC,QAAQI,QAAQC,SAASC,MAAM;AAAA,MACtCL,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKDM,MAAM;AAAA,MACJR,MAAMC;AAAAA,MACNQ,UAAU;AAAA,IACX;AAAA;AAAA;AAAA;AAAA,IAKDC,QAAQ;AAAA,MACNV,MAAMC;AAAAA,MACNC,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMDS,UAAU;AAAA,MACRX,MAAMM;AAAAA,MACNJ,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKDU,UAAU;AAAA,MACRZ,MAAMa;AAAAA,MACNX,SAASA,MAAM,CAAE;AAAA,MACjBY,WAAWF,cAAYG,2BAA2BH,QAAQ;AAAA,IAC3D;AAAA;AAAA;AAAA;AAAA;AAAA,IAMDI,cAAc;AAAA,MACZhB,MAAMM;AAAAA,MACNJ,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKDe,aAAa;AAAA,MACXjB,MAAM,CAACC,QAAQY,OAAON,MAAM;AAAA,MAC5BL,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKDgB,eAAe;AAAA,MACblB,MAAM,CAACC,QAAQY,OAAON,MAAM;AAAA,MAC5BL,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKDiB,kBAAkB;AAAA,MAChBnB,MAAMO;AAAAA,MACNL,SAASA,OAAO,CAAA;AAAA,IACjB;AAAA;AAAA;AAAA;AAAA,IAKDkB,oBAAoB;AAAA,MAClBpB,MAAMO;AAAAA,MACNL,SAASA,OAAO,CAAA;AAAA,IAClB;AAAA,EACD;AAAA,EAEDmB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOL;AAAA,EAAO;AAAA,EAGTC,OAAQ;AACN,UAAMC,oBAAoBC,eAAe,KAAKZ,QAAQ;AAEtD,WAAO;AAAA;AAAA,MAELhB,YAAY;AAAA,QACVY,MAAM,KAAKA;AAAAA,QACXG,UAAU,KAAKA;AAAAA,QACfc,iBAAiBC,mBAAmBH,iBAAiB;AAAA,MACvD;AAAA;EAEH;AAAA,EAEDI,UAAU;AAAA,IACRJ,oBAAqB;AACnB,aAAOC,eAAe,KAAKZ,QAAQ;AAAA,IACpC;AAAA,IAEDa,kBAAmB;AACjB,aAAOC,mBAAmB,KAAKH,iBAAiB;AAAA,IAClD;AAAA,EACD;AAAA,EAEDK,OAAO;AAAA,IACLjB,SAAUkB,aAAa;AACrB,WAAKjC,WAAWe,WAAWkB;AAAAA,IAC5B;AAAA,IAEDJ,gBAAiBK,oBAAoB;AACnC,WAAKlC,WAAW6B,kBAAkBK;AAAAA,IACpC;AAAA,EACD;AAAA,EAEDC,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAKPlC,cAAemC,UAAU;AACvB,WAAKC,gBAAgBD;AACrB,WAAKE,MAAM,SAASF,QAAQ;AAAA,IAC9B;AAAA,EACD;AAAA,EAEDG,UAAW;AACT,QAAI,CAAC,KAAKzB,UAAU,CAAC,KAAK0B,OAAO1B,UAAU,CAAC,KAAK2B,OAAO,YAAY,GAAG;AACrEC,WAAK,0EAA0E,IAAI;AAAA,IACrF;AAAA,EACF;AACF;"}
+{"version":3,"file":"input_group-M-D25pOJ.js","sources":["../../common/mixins/input_group.js"],"sourcesContent":["import { warn } from 'vue';\nimport { DtValidationMessages } from '@/components/validation_messages';\nimport { validationMessageValidator } from '../validators';\nimport {\n  getUniqueString,\n  formatMessages,\n  getValidationState,\n} from '@/common/utils';\n\n/**\n * This mixin provides a base provide obj and set of components, props, computed, watchers and data attributes that are\n * commonly used in our input group components.\n * @displayName Input Group Mixin\n */\nexport const InputGroupMixin = {\n  components: { DtValidationMessages },\n\n  // provide data to slotted components\n  provide () {\n    return {\n      groupContext: this.provideObj,\n      setGroupValue: this.setGroupValue,\n    };\n  },\n\n  props: {\n    /**\n     * The id of the input group\n     */\n    id: {\n      type: String,\n      default () {\n        return getUniqueString();\n      },\n    },\n\n    /**\n     * The value of the input group\n     */\n    value: {\n      type: [String, Number, Boolean, Object],\n      default: null,\n    },\n\n    /**\n     * The name of the input group\n     */\n    name: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * The legend of the input group\n     */\n    legend: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Disables the input group\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Validation messages\n     */\n    messages: {\n      type: Array,\n      default: () => [],\n      validator: messages => validationMessageValidator(messages),\n    },\n\n    /**\n     * Show validation messages\n     * @values true, false\n     */\n    showMessages: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Used to customize the legend element\n     */\n    legendClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the messages container\n     */\n    messagesClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the legend element\n     */\n    legendChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * A set of props that are passed into the messages container\n     */\n    messagesChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n\n  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {KeyboardEvent}\n     */\n    'input',\n  ],\n\n  data () {\n    const formattedMessages = formatMessages(this.messages);\n\n    return {\n      // wrap values in object to make reactive\n      provideObj: {\n        name: this.name,\n        disabled: this.disabled,\n        validationState: getValidationState(formattedMessages),\n      },\n    };\n  },\n\n  computed: {\n    formattedMessages () {\n      return formatMessages(this.messages);\n    },\n\n    validationState () {\n      return getValidationState(this.formattedMessages);\n    },\n  },\n\n  watch: {\n    disabled (newDisabled) {\n      this.provideObj.disabled = newDisabled;\n    },\n\n    validationState (newValidationState) {\n      this.provideObj.validationState = newValidationState;\n    },\n  },\n\n  methods: {\n    /*\n     * provided value to support 2 way binding for slotted input components.\n     * slotted input components will change this value and need to emit new value up.\n     */\n    setGroupValue (newValue) {\n      this.internalValue = newValue;\n      this.$emit('input', newValue);\n    },\n  },\n\n  mounted () {\n    if (!this.legend && !this.$slots.legend && !this.$attrs['aria-label']) {\n      warn('It is expected that an aria-label is provided when there is no legend.', this);\n    }\n  },\n};\n\nexport default {\n  InputGroupMixin,\n};\n"],"names":["DtValidationMessages","getUniqueString","validationMessageValidator","formatMessages","getValidationState","warn"],"mappings":";;;;;AAcY,MAAC,kBAAkB;AAAA,EAC7B,YAAY,EAAEA,sBAAAA,uBAAAA,qBAAsB;AAAA;AAAA,EAGpC,UAAW;AACT,WAAO;AAAA,MACL,cAAc,KAAK;AAAA,MACnB,eAAe,KAAK;AAAA,IAC1B;AAAA,EACG;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,IAAI;AAAA,MACF,MAAM;AAAA,MACN,UAAW;AACT,eAAOC,aAAe,gBAAA;AAAA,MACvB;AAAA,IACF;AAAA;AAAA;AAAA;AAAA,IAKD,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ,QAAQ,SAAS,MAAM;AAAA,MACtC,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA;AAAA;AAAA;AAAA,IAKD,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS,MAAM,CAAE;AAAA,MACjB,WAAW,cAAYC,kBAA0B,2BAAC,QAAQ;AAAA,IAC3D;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,aAAa;AAAA,MACX,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,eAAe;AAAA,MACb,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,kBAAkB;AAAA,MAChB,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IACjB;AAAA;AAAA;AAAA;AAAA,IAKD,oBAAoB;AAAA,MAClB,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IACjB;AAAA,EACF;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOL;AAAA,EACD;AAAA,EAED,OAAQ;AACN,UAAM,oBAAoBC,aAAAA,eAAe,KAAK,QAAQ;AAEtD,WAAO;AAAA;AAAA,MAEL,YAAY;AAAA,QACV,MAAM,KAAK;AAAA,QACX,UAAU,KAAK;AAAA,QACf,iBAAiBC,aAAkB,mBAAC,iBAAiB;AAAA,MACtD;AAAA,IACP;AAAA,EACG;AAAA,EAED,UAAU;AAAA,IACR,oBAAqB;AACnB,aAAOD,aAAc,eAAC,KAAK,QAAQ;AAAA,IACpC;AAAA,IAED,kBAAmB;AACjB,aAAOC,aAAkB,mBAAC,KAAK,iBAAiB;AAAA,IACjD;AAAA,EACF;AAAA,EAED,OAAO;AAAA,IACL,SAAU,aAAa;AACrB,WAAK,WAAW,WAAW;AAAA,IAC5B;AAAA,IAED,gBAAiB,oBAAoB;AACnC,WAAK,WAAW,kBAAkB;AAAA,IACnC;AAAA,EACF;AAAA,EAED,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,cAAe,UAAU;AACvB,WAAK,gBAAgB;AACrB,WAAK,MAAM,SAAS,QAAQ;AAAA,IAC7B;AAAA,EACF;AAAA,EAED,UAAW;AACT,QAAI,CAAC,KAAK,UAAU,CAAC,KAAK,OAAO,UAAU,CAAC,KAAK,OAAO,YAAY,GAAG;AACrEC,eAAK,0EAA0E,IAAI;AAAA,IACpF;AAAA,EACF;AACH;;"}

package/dist/vue3/chunks/{input_group-hV1WT2it.js → input_group-jWnq2DJT.js}

@@ -3,9 +3,7 @@ import { validationMessageValidator } from "../common/validators.js";
 import { getUniqueString, formatMessages, getValidationState } from "../common/utils.js";
 import { DtValidationMessages } from "../lib/validation-messages.js";
 const InputGroupMixin = {
-  components: {
-    DtValidationMessages
-  },
+  components: { DtValidationMessages },
   // provide data to slotted components
   provide() {
     return {
@@ -152,4 +150,4 @@ const InputGroupMixin = {
 export {
   InputGroupMixin
 };
-//# sourceMappingURL=input_group-hV1WT2it.js.map
+//# sourceMappingURL=input_group-jWnq2DJT.js.map

package/dist/vue3/chunks/{input_group-rE6nhye8.js.map → input_group-jWnq2DJT.js.map}

@@ -1 +1 @@
-{"version":3,"file":"input_group-rE6nhye8.js","sources":["../../common/mixins/input_group.js"],"sourcesContent":["import { warn } from 'vue';\nimport { DtValidationMessages } from '@/components/validation_messages';\nimport { validationMessageValidator } from '../validators';\nimport {\n  getUniqueString,\n  formatMessages,\n  getValidationState,\n} from '@/common/utils';\n\n/**\n * This mixin provides a base provide obj and set of components, props, computed, watchers and data attributes that are\n * commonly used in our input group components.\n * @displayName Input Group Mixin\n */\nexport const InputGroupMixin = {\n  components: { DtValidationMessages },\n\n  // provide data to slotted components\n  provide () {\n    return {\n      groupContext: this.provideObj,\n      setGroupValue: this.setGroupValue,\n    };\n  },\n\n  props: {\n    /**\n     * The id of the input group\n     */\n    id: {\n      type: String,\n      default () {\n        return getUniqueString();\n      },\n    },\n\n    /**\n     * The value of the input group\n     */\n    value: {\n      type: [String, Number, Boolean, Object],\n      default: null,\n    },\n\n    /**\n     * The name of the input group\n     */\n    name: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * The legend of the input group\n     */\n    legend: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Disables the input group\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Validation messages\n     */\n    messages: {\n      type: Array,\n      default: () => [],\n      validator: messages => validationMessageValidator(messages),\n    },\n\n    /**\n     * Show validation messages\n     * @values true, false\n     */\n    showMessages: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Used to customize the legend element\n     */\n    legendClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the messages container\n     */\n    messagesClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the legend element\n     */\n    legendChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * A set of props that are passed into the messages container\n     */\n    messagesChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n\n  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {KeyboardEvent}\n     */\n    'input',\n  ],\n\n  data () {\n    const formattedMessages = formatMessages(this.messages);\n\n    return {\n      // wrap values in object to make reactive\n      provideObj: {\n        name: this.name,\n        disabled: this.disabled,\n        validationState: getValidationState(formattedMessages),\n      },\n    };\n  },\n\n  computed: {\n    formattedMessages () {\n      return formatMessages(this.messages);\n    },\n\n    validationState () {\n      return getValidationState(this.formattedMessages);\n    },\n  },\n\n  watch: {\n    disabled (newDisabled) {\n      this.provideObj.disabled = newDisabled;\n    },\n\n    validationState (newValidationState) {\n      this.provideObj.validationState = newValidationState;\n    },\n  },\n\n  methods: {\n    /*\n     * provided value to support 2 way binding for slotted input components.\n     * slotted input components will change this value and need to emit new value up.\n     */\n    setGroupValue (newValue) {\n      this.internalValue = newValue;\n      this.$emit('input', newValue);\n    },\n  },\n\n  mounted () {\n    if (!this.legend && !this.$slots.legend && !this.$attrs['aria-label']) {\n      warn('It is expected that an aria-label is provided when there is no legend.', this);\n    }\n  },\n};\n\nexport default {\n  InputGroupMixin,\n};\n"],"names":["InputGroupMixin","components","DtValidationMessages","provide","groupContext","provideObj","setGroupValue","props","id","type","String","default","getUniqueString","value","Number","Boolean","Object","name","required","legend","disabled","messages","Array","validator","validationMessageValidator","showMessages","legendClass","messagesClass","legendChildProps","messagesChildProps","emits","data","formattedMessages","formatMessages","validationState","getValidationState","computed","watch","newDisabled","newValidationState","methods","newValue","internalValue","$emit","mounted","$slots","$attrs","warn"],"mappings":"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"}
+{"version":3,"file":"input_group-jWnq2DJT.js","sources":["../../common/mixins/input_group.js"],"sourcesContent":["import { warn } from 'vue';\nimport { DtValidationMessages } from '@/components/validation_messages';\nimport { validationMessageValidator } from '../validators';\nimport {\n  getUniqueString,\n  formatMessages,\n  getValidationState,\n} from '@/common/utils';\n\n/**\n * This mixin provides a base provide obj and set of components, props, computed, watchers and data attributes that are\n * commonly used in our input group components.\n * @displayName Input Group Mixin\n */\nexport const InputGroupMixin = {\n  components: { DtValidationMessages },\n\n  // provide data to slotted components\n  provide () {\n    return {\n      groupContext: this.provideObj,\n      setGroupValue: this.setGroupValue,\n    };\n  },\n\n  props: {\n    /**\n     * The id of the input group\n     */\n    id: {\n      type: String,\n      default () {\n        return getUniqueString();\n      },\n    },\n\n    /**\n     * The value of the input group\n     */\n    value: {\n      type: [String, Number, Boolean, Object],\n      default: null,\n    },\n\n    /**\n     * The name of the input group\n     */\n    name: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * The legend of the input group\n     */\n    legend: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Disables the input group\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Validation messages\n     */\n    messages: {\n      type: Array,\n      default: () => [],\n      validator: messages => validationMessageValidator(messages),\n    },\n\n    /**\n     * Show validation messages\n     * @values true, false\n     */\n    showMessages: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Used to customize the legend element\n     */\n    legendClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the messages container\n     */\n    messagesClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the legend element\n     */\n    legendChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * A set of props that are passed into the messages container\n     */\n    messagesChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n\n  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {KeyboardEvent}\n     */\n    'input',\n  ],\n\n  data () {\n    const formattedMessages = formatMessages(this.messages);\n\n    return {\n      // wrap values in object to make reactive\n      provideObj: {\n        name: this.name,\n        disabled: this.disabled,\n        validationState: getValidationState(formattedMessages),\n      },\n    };\n  },\n\n  computed: {\n    formattedMessages () {\n      return formatMessages(this.messages);\n    },\n\n    validationState () {\n      return getValidationState(this.formattedMessages);\n    },\n  },\n\n  watch: {\n    disabled (newDisabled) {\n      this.provideObj.disabled = newDisabled;\n    },\n\n    validationState (newValidationState) {\n      this.provideObj.validationState = newValidationState;\n    },\n  },\n\n  methods: {\n    /*\n     * provided value to support 2 way binding for slotted input components.\n     * slotted input components will change this value and need to emit new value up.\n     */\n    setGroupValue (newValue) {\n      this.internalValue = newValue;\n      this.$emit('input', newValue);\n    },\n  },\n\n  mounted () {\n    if (!this.legend && !this.$slots.legend && !this.$attrs['aria-label']) {\n      warn('It is expected that an aria-label is provided when there is no legend.', this);\n    }\n  },\n};\n\nexport default {\n  InputGroupMixin,\n};\n"],"names":[],"mappings":";;;;AAcY,MAAC,kBAAkB;AAAA,EAC7B,YAAY,EAAE,qBAAsB;AAAA;AAAA,EAGpC,UAAW;AACT,WAAO;AAAA,MACL,cAAc,KAAK;AAAA,MACnB,eAAe,KAAK;AAAA,IAC1B;AAAA,EACG;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,IAAI;AAAA,MACF,MAAM;AAAA,MACN,UAAW;AACT,eAAO,gBAAe;AAAA,MACvB;AAAA,IACF;AAAA;AAAA;AAAA;AAAA,IAKD,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ,QAAQ,SAAS,MAAM;AAAA,MACtC,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA;AAAA;AAAA;AAAA,IAKD,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS,MAAM,CAAE;AAAA,MACjB,WAAW,cAAY,2BAA2B,QAAQ;AAAA,IAC3D;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,aAAa;AAAA,MACX,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,eAAe;AAAA,MACb,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,kBAAkB;AAAA,MAChB,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IACjB;AAAA;AAAA;AAAA;AAAA,IAKD,oBAAoB;AAAA,MAClB,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IACjB;AAAA,EACF;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOL;AAAA,EACD;AAAA,EAED,OAAQ;AACN,UAAM,oBAAoB,eAAe,KAAK,QAAQ;AAEtD,WAAO;AAAA;AAAA,MAEL,YAAY;AAAA,QACV,MAAM,KAAK;AAAA,QACX,UAAU,KAAK;AAAA,QACf,iBAAiB,mBAAmB,iBAAiB;AAAA,MACtD;AAAA,IACP;AAAA,EACG;AAAA,EAED,UAAU;AAAA,IACR,oBAAqB;AACnB,aAAO,eAAe,KAAK,QAAQ;AAAA,IACpC;AAAA,IAED,kBAAmB;AACjB,aAAO,mBAAmB,KAAK,iBAAiB;AAAA,IACjD;AAAA,EACF;AAAA,EAED,OAAO;AAAA,IACL,SAAU,aAAa;AACrB,WAAK,WAAW,WAAW;AAAA,IAC5B;AAAA,IAED,gBAAiB,oBAAoB;AACnC,WAAK,WAAW,kBAAkB;AAAA,IACnC;AAAA,EACF;AAAA,EAED,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,cAAe,UAAU;AACvB,WAAK,gBAAgB;AACrB,WAAK,MAAM,SAAS,QAAQ;AAAA,IAC7B;AAAA,EACF;AAAA,EAED,UAAW;AACT,QAAI,CAAC,KAAK,UAAU,CAAC,KAAK,OAAO,UAAU,CAAC,KAAK,OAAO,YAAY,GAAG;AACrE,WAAK,0EAA0E,IAAI;AAAA,IACpF;AAAA,EACF;AACH;"}

package/dist/vue3/chunks/{keyboard_list_navigation-YIqTuw1W.js → keyboard_list_navigation-ScXhrxya.js}

@@ -74,10 +74,7 @@ const Dom = {
         }
       }
       if (opt_behavior) {
-        el.scrollTo({
-          top: scrollTop,
-          behavior: opt_behavior
-        });
+        el.scrollTo({ top: scrollTop, behavior: opt_behavior });
       } else {
         el.scrollTop = scrollTop;
       }
@@ -211,7 +208,9 @@ const KeyboardNavigation = ({
       const highlightedMatchingItemIndex = matchingItems.findIndex((item) => {
         return this[indexKey] === listItems.indexOf(item);
       });
-      const nextHighlightedItemIndex = listItems.indexOf(highlightedMatchingItemIndex < matchingItems.length - 1 ? matchingItems[highlightedMatchingItemIndex + 1] : matchingItems[0]);
+      const nextHighlightedItemIndex = listItems.indexOf(
+        highlightedMatchingItemIndex < matchingItems.length - 1 ? matchingItems[highlightedMatchingItemIndex + 1] : matchingItems[0]
+      );
       this.setHighlightIndex(nextHighlightedItemIndex);
       this.scrollActiveItemIntoViewIfNeeded();
       this.focusActiveItemIfNeeded();
@@ -282,4 +281,4 @@ const KeyboardNavigation = ({
 export {
   KeyboardNavigation
 };
-//# sourceMappingURL=keyboard_list_navigation-YIqTuw1W.js.map
+//# sourceMappingURL=keyboard_list_navigation-ScXhrxya.js.map

package/dist/{vue2/chunks/keyboard_list_navigation-x3D6RcC7.js.map → vue3/chunks/keyboard_list_navigation-ScXhrxya.js.map}

@@ -1 +1 @@
-{"version":3,"file":"keyboard_list_navigation-x3D6RcC7.js","sources":["../../common/mixins/dom.js","../../common/mixins/keyboard_list_navigation.js"],"sourcesContent":["export default {\n  methods: {\n    /**\n     * Scroll an element into view if it is not fully visible in its nearest scrollable ancestor.\n     * @param {Element} ref\n     */\n    scrollElementIntoViewIfNeeded (ref, opt_center, opt_behavior, opt_parent) {\n      if (ref.scrollIntoViewIfNeeded) {\n        this.scrollIntoViewIfNeeded(ref, opt_center, opt_behavior, opt_parent);\n      } else {\n        this.scrollIntoView(ref, 'bottom', false, opt_behavior, opt_parent);\n      }\n    },\n\n    /**\n     * Scroll an element to the top or bottom of its scroll ancestor.\n     * @param {Element} ref\n     */\n    scrollElementIntoView (ref, opt_scrollToTop, opt_behavior, opt_parent) {\n      if (opt_scrollToTop === 'center') {\n        this.scrollIntoView(ref, 'center', false, opt_behavior, opt_parent);\n        return;\n      }\n\n      if (opt_scrollToTop === false) {\n        this.scrollIntoView(ref, 'bottom', false, opt_behavior, opt_parent);\n      } else {\n        this.scrollIntoView(ref, 'top', false, opt_behavior, opt_parent);\n      }\n    },\n\n    scrollIntoViewIfNeeded (ref, opt_center, opt_behavior, opt_parent) {\n      const dir = opt_center ? 'center' : undefined;\n      this.scrollIntoView(ref, dir, true, opt_behavior, opt_parent);\n    },\n\n    scrollIntoView (ref, opt_dir, opt_ifNeeded, opt_behavior, opt_parent) {\n      if (!ref || !ref.parentElement) {\n        return;\n      }\n      const offsetTop = ref.offsetTop;\n      const refParent = opt_parent || ref.parentElement;\n      const scrollBounds = this._getScrollBounds(refParent);\n      const parentHeight = scrollBounds.bottom - scrollBounds.top;\n      const elHeight = this._getElementHeight(ref);\n      const offsetBottom = offsetTop + elHeight;\n      let scrollTop = -1;\n      switch (opt_dir) {\n        case 'top':\n          scrollTop = offsetTop;\n          break;\n        case 'center':\n          scrollTop = offsetTop + (elHeight - parentHeight) / 2;\n          break;\n        case 'bottom':\n          scrollTop = scrollTop = offsetBottom - parentHeight;\n          break;\n        default:\n          // Go to the closest edge if needed and no direction is provided.\n          if (offsetTop - scrollBounds.top <= (parentHeight / 2)) {\n            // Lock it to the top edge.\n            scrollTop = offsetTop;\n          } else {\n            scrollTop = offsetBottom - parentHeight;\n          }\n          break;\n      }\n      this._setScrollTop(refParent, scrollTop, scrollBounds, offsetTop, offsetBottom, opt_ifNeeded, opt_behavior);\n    },\n\n    _setScrollTop (el, scrollTop, bounds, offsetTop, offsetBottom, opt_isNeeded, opt_behavior) {\n      bounds = bounds || this._getScrollBounds(el);\n      const parentHeight = bounds.bottom - bounds.top;\n      if (opt_isNeeded && this._inScrollBounds(offsetTop, offsetBottom, bounds)) {\n        // Then lock to the top or bottom if it's hanging off the edge.\n        if (offsetTop < bounds.top) {\n          // Snap it to the top.\n          scrollTop = offsetTop;\n        } else if (offsetBottom > bounds.bottom) {\n          scrollTop = offsetBottom - parentHeight;\n        } else {\n          return;\n        }\n      }\n\n      if (opt_behavior) {\n        el.scrollTo({ top: scrollTop, behavior: opt_behavior });\n      } else {\n        el.scrollTop = scrollTop;\n      }\n    },\n\n    _getElementHeight (el) {\n      return el.getBoundingClientRect().height;\n    },\n\n    _getScrollBounds (el) {\n      const height = this._getElementHeight(el);\n      const scrollTop = el.scrollTop;\n      return {\n        top: scrollTop,\n        bottom: scrollTop + height,\n      };\n    },\n\n    _inScrollBounds (top, bottom, bounds) {\n      // Since we read from top to bottom, we want more than 3/4 to be visible at the top\n      // (bc you're looking at the bottom half) or a quarter visible at the bottom (bc you\n      // can read the beginning of it)\n\n      const height = bottom - top;\n      return (bottom <= bounds.bottom + (3 * height / 4)) && (top >= bounds.top - (height / 4));\n    },\n  },\n};\n","import Dom from './dom';\n\nconst ERROR_INVALID_LIST_ELEMENT = (\n  'listElementKey is required or the referenced ' +\n  'element doesn\\'t exist. Received listElement: '\n);\n\n/**\n * Usage: `mixins: [keyboardNavigationMixin(options)]`\n *\n * This mixin provides some common data and methods to navigate a list of items\n * (such as a dropdown or select menu) by keyboard.\n *\n * To be effective, you must bind the onUpKey and onDownKey events, usually to\n * the root element of the component.\n *\n * @param listItemRole\n * @param indexKey\n * @param idKey\n * @param listElementKey\n * @param activeItemKey\n * @param openMethod\n * @param afterHighlightMethod\n * @param beginningOfListMethod\n * @param endOfListMethod\n * @param scrollToOnHighlight\n * @param focusOnKeyboardNavigation\n * @displayName Keyboard Navigation Mixin\n */\nexport default ({\n  // Role of the list items in the component. This is used to identify the list items\n  // so you must update this if the role of your list items is anything other than 'option'\n  listItemRole = 'option',\n  // Key of the data prop that will be added to the component.\n  indexKey = 'highlightIndex',\n  idKey = 'highlightId',\n  // Key of the method that references the list element.\n  listElementKey = 'listRef',\n  // Optional, Key of the computed prop that references the currently active item element.\n  activeItemKey = '',\n  // Optional, name of the method that toggles the list visibility. Used for\n  // opening the list when up or down is pressed.\n  openMethod = null,\n  // Optional, method to call when the highlightIndex is changed.\n  afterHighlightMethod = null,\n  // Optional, method to call when the highlightIndex goes past the beginning of the list.\n  beginningOfListMethod = null,\n  // Optional, method to call when the highlightIndex goes past the end of the list.\n  endOfListMethod = null,\n  // Scroll the active element into view when highlighted by a keyboard event.\n  scrollToOnHighlight = true,\n  // Focus the active element on keyboard navigation.\n  focusOnKeyboardNavigation = false,\n} = {}) => ({\n  mixins: [Dom],\n\n  data () {\n    return {\n      [indexKey]: -1,\n      [idKey]: '',\n      scrollToOnHighlight,\n      focusOnKeyboardNavigation,\n    };\n  },\n\n  provide () {\n    return {\n      highlightId: () => this[idKey],\n    };\n  },\n\n  methods: {\n    // Returns the list element\n    // this[listElement]() can return a Vue component, in which case we need to target\n    // the $el property, or it can simply be an html element.\n    _getListElement () {\n      return this[listElementKey]()?.$el || this[listElementKey]();\n    },\n\n    // Gets the length of all the items in the list, uses the listItemRole param to determine\n    // whether an element is a list item.\n    _itemsLength () {\n      const listItems = this._getListItemNodes();\n\n      if (listItems === null) {\n        return 0;\n      }\n\n      return listItems.length;\n    },\n\n    // Gets all the list item nodes within the list element\n    _getListItemNodes () {\n      const listElement = this._getListElement();\n\n      if (!listElement) {\n        console.error(ERROR_INVALID_LIST_ELEMENT, listElement);\n        return null;\n      }\n\n      return Array.from(listElement.querySelectorAll(`[role=\"${listItemRole}\"], #sr-only-close-button`));\n    },\n\n    onUpKey () {\n      if (openMethod) {\n        this[openMethod](true);\n      }\n      if (this[indexKey] > 0) {\n        this.setHighlightIndex(this[indexKey] - 1);\n      } else if (beginningOfListMethod) {\n        this[beginningOfListMethod]();\n      }\n      this.scrollActiveItemIntoViewIfNeeded();\n      this.focusActiveItemIfNeeded();\n    },\n\n    onDownKey () {\n      if (openMethod) {\n        this[openMethod](true);\n      }\n      if (this[indexKey] < this._itemsLength() - 1) {\n        this.setHighlightIndex(this[indexKey] + 1);\n      } else if (endOfListMethod) {\n        this[endOfListMethod]();\n      }\n      this.scrollActiveItemIntoViewIfNeeded();\n      this.focusActiveItemIfNeeded();\n    },\n\n    onHomeKey () {\n      this.jumpToBeginning();\n      this.scrollActiveItemIntoViewIfNeeded();\n      this.focusActiveItemIfNeeded();\n    },\n\n    onEndKey () {\n      this.jumpToEnd();\n      this.scrollActiveItemIntoViewIfNeeded();\n      this.focusActiveItemIfNeeded();\n    },\n\n    onNavigationKey (key) {\n      const listItems = this._getListItemNodes();\n\n      const matchingItems = listItems.filter(item => {\n        const content = item.textContent.trim().toLowerCase();\n        return content.startsWith(key.toLowerCase());\n      });\n\n      if (matchingItems.length <= 0) {\n        return;\n      }\n\n      const highlightedMatchingItemIndex = matchingItems.findIndex(item => {\n        return this[indexKey] === listItems.indexOf(item);\n      });\n\n      const nextHighlightedItemIndex = listItems.indexOf(\n        highlightedMatchingItemIndex < matchingItems.length - 1\n          ? matchingItems[highlightedMatchingItemIndex + 1]\n          : matchingItems[0],\n      );\n\n      this.setHighlightIndex(nextHighlightedItemIndex);\n      this.scrollActiveItemIntoViewIfNeeded();\n      this.focusActiveItemIfNeeded();\n    },\n\n    isValidLetter (key) {\n      if (key.length > 1) {\n        return false;\n      }\n\n      return (key >= 'a' && key <= 'z') || (key >= 'A' && key <= 'Z');\n    },\n\n    jumpToBeginning () {\n      this.setHighlightIndex(0);\n    },\n\n    jumpToEnd () {\n      this.setHighlightIndex(this._itemsLength() - 1);\n    },\n\n    setHighlightIndex (num) {\n      this[indexKey] = num;\n      this[idKey] = this._getItemId(num);\n\n      if (this._itemsLength() && afterHighlightMethod) {\n        this[afterHighlightMethod](num);\n      }\n    },\n\n    setHighlightId (id) {\n      this[idKey] = id;\n      this[indexKey] = this._getItemIndex(id);\n\n      if (this._itemsLength() && afterHighlightMethod) {\n        this[afterHighlightMethod](this._getItemIndex(id));\n      }\n    },\n\n    _getItemIndex (id) {\n      const listElement = this._getListElement();\n      if (!listElement) {\n        return;\n      }\n\n      const listItems = Array.from(listElement.querySelectorAll(`[role=\"${listItemRole}\"], #sr-only-close-button`));\n      return listItems.indexOf(listElement.querySelector(`#${id}`));\n    },\n\n    _getItemId (index) {\n      const listElement = this._getListElement();\n      if (!listElement) {\n        return;\n      }\n\n      return listElement.querySelectorAll(`[role=\"${listItemRole}\"], #sr-only-close-button`)[index]?.id;\n    },\n\n    scrollActiveItemIntoViewIfNeeded () {\n      if (!this.scrollToOnHighlight) {\n        return;\n      }\n      const activeItemEl = this[activeItemKey];\n      if (activeItemEl) {\n        // When listElementKey is not passed,\n        // scrollElementIntoViewIfNeeded will default to the immediate wrapper of the item.\n        const listElement = this._getListElement();\n        this.scrollElementIntoViewIfNeeded(activeItemEl, null, null, listElement);\n      }\n    },\n\n    focusActiveItemIfNeeded () {\n      if (!this.focusOnKeyboardNavigation) {\n        return;\n      }\n      const activeItemEl = this[activeItemKey];\n      if (activeItemEl) {\n        activeItemEl.focus();\n      }\n    },\n  },\n});\n"],"names":["methods","scrollElementIntoViewIfNeeded","ref","opt_center","opt_behavior","opt_parent","scrollIntoViewIfNeeded","scrollIntoView","scrollElementIntoView","opt_scrollToTop","dir","undefined","opt_dir","opt_ifNeeded","parentElement","offsetTop","refParent","scrollBounds","_getScrollBounds","parentHeight","bottom","top","elHeight","_getElementHeight","offsetBottom","scrollTop","_setScrollTop","el","bounds","opt_isNeeded","_inScrollBounds","scrollTo","behavior","getBoundingClientRect","height","ERROR_INVALID_LIST_ELEMENT","listItemRole","indexKey","idKey","listElementKey","activeItemKey","openMethod","afterHighlightMethod","beginningOfListMethod","endOfListMethod","scrollToOnHighlight","focusOnKeyboardNavigation","mixins","Dom","data","provide","highlightId","_getListElement","$el","_itemsLength","listItems","_getListItemNodes","length","listElement","console","error","Array","from","querySelectorAll","onUpKey","setHighlightIndex","scrollActiveItemIntoViewIfNeeded","focusActiveItemIfNeeded","onDownKey","onHomeKey","jumpToBeginning","onEndKey","jumpToEnd","onNavigationKey","key","matchingItems","filter","item","content","textContent","trim","toLowerCase","startsWith","highlightedMatchingItemIndex","findIndex","indexOf","nextHighlightedItemIndex","isValidLetter","num","_getItemId","setHighlightId","id","_getItemIndex","querySelector","index","activeItemEl","focus"],"mappings":"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"}
+{"version":3,"file":"keyboard_list_navigation-ScXhrxya.js","sources":["../../common/mixins/dom.js","../../common/mixins/keyboard_list_navigation.js"],"sourcesContent":["export default {\n  methods: {\n    /**\n     * Scroll an element into view if it is not fully visible in its nearest scrollable ancestor.\n     * @param {Element} ref\n     */\n    scrollElementIntoViewIfNeeded (ref, opt_center, opt_behavior, opt_parent) {\n      if (ref.scrollIntoViewIfNeeded) {\n        this.scrollIntoViewIfNeeded(ref, opt_center, opt_behavior, opt_parent);\n      } else {\n        this.scrollIntoView(ref, 'bottom', false, opt_behavior, opt_parent);\n      }\n    },\n\n    /**\n     * Scroll an element to the top or bottom of its scroll ancestor.\n     * @param {Element} ref\n     */\n    scrollElementIntoView (ref, opt_scrollToTop, opt_behavior, opt_parent) {\n      if (opt_scrollToTop === 'center') {\n        this.scrollIntoView(ref, 'center', false, opt_behavior, opt_parent);\n        return;\n      }\n\n      if (opt_scrollToTop === false) {\n        this.scrollIntoView(ref, 'bottom', false, opt_behavior, opt_parent);\n      } else {\n        this.scrollIntoView(ref, 'top', false, opt_behavior, opt_parent);\n      }\n    },\n\n    scrollIntoViewIfNeeded (ref, opt_center, opt_behavior, opt_parent) {\n      const dir = opt_center ? 'center' : undefined;\n      this.scrollIntoView(ref, dir, true, opt_behavior, opt_parent);\n    },\n\n    scrollIntoView (ref, opt_dir, opt_ifNeeded, opt_behavior, opt_parent) {\n      if (!ref || !ref.parentElement) {\n        return;\n      }\n      const offsetTop = ref.offsetTop;\n      const refParent = opt_parent || ref.parentElement;\n      const scrollBounds = this._getScrollBounds(refParent);\n      const parentHeight = scrollBounds.bottom - scrollBounds.top;\n      const elHeight = this._getElementHeight(ref);\n      const offsetBottom = offsetTop + elHeight;\n      let scrollTop = -1;\n      switch (opt_dir) {\n        case 'top':\n          scrollTop = offsetTop;\n          break;\n        case 'center':\n          scrollTop = offsetTop + (elHeight - parentHeight) / 2;\n          break;\n        case 'bottom':\n          scrollTop = scrollTop = offsetBottom - parentHeight;\n          break;\n        default:\n          // Go to the closest edge if needed and no direction is provided.\n          if (offsetTop - scrollBounds.top <= (parentHeight / 2)) {\n            // Lock it to the top edge.\n            scrollTop = offsetTop;\n          } else {\n            scrollTop = offsetBottom - parentHeight;\n          }\n          break;\n      }\n      this._setScrollTop(refParent, scrollTop, scrollBounds, offsetTop, offsetBottom, opt_ifNeeded, opt_behavior);\n    },\n\n    _setScrollTop (el, scrollTop, bounds, offsetTop, offsetBottom, opt_isNeeded, opt_behavior) {\n      bounds = bounds || this._getScrollBounds(el);\n      const parentHeight = bounds.bottom - bounds.top;\n      if (opt_isNeeded && this._inScrollBounds(offsetTop, offsetBottom, bounds)) {\n        // Then lock to the top or bottom if it's hanging off the edge.\n        if (offsetTop < bounds.top) {\n          // Snap it to the top.\n          scrollTop = offsetTop;\n        } else if (offsetBottom > bounds.bottom) {\n          scrollTop = offsetBottom - parentHeight;\n        } else {\n          return;\n        }\n      }\n\n      if (opt_behavior) {\n        el.scrollTo({ top: scrollTop, behavior: opt_behavior });\n      } else {\n        el.scrollTop = scrollTop;\n      }\n    },\n\n    _getElementHeight (el) {\n      return el.getBoundingClientRect().height;\n    },\n\n    _getScrollBounds (el) {\n      const height = this._getElementHeight(el);\n      const scrollTop = el.scrollTop;\n      return {\n        top: scrollTop,\n        bottom: scrollTop + height,\n      };\n    },\n\n    _inScrollBounds (top, bottom, bounds) {\n      // Since we read from top to bottom, we want more than 3/4 to be visible at the top\n      // (bc you're looking at the bottom half) or a quarter visible at the bottom (bc you\n      // can read the beginning of it)\n\n      const height = bottom - top;\n      return (bottom <= bounds.bottom + (3 * height / 4)) && (top >= bounds.top - (height / 4));\n    },\n  },\n};\n","import Dom from './dom';\n\nconst ERROR_INVALID_LIST_ELEMENT = (\n  'listElementKey is required or the referenced ' +\n  'element doesn\\'t exist. Received listElement: '\n);\n\n/**\n * Usage: `mixins: [keyboardNavigationMixin(options)]`\n *\n * This mixin provides some common data and methods to navigate a list of items\n * (such as a dropdown or select menu) by keyboard.\n *\n * To be effective, you must bind the onUpKey and onDownKey events, usually to\n * the root element of the component.\n *\n * @param listItemRole\n * @param indexKey\n * @param idKey\n * @param listElementKey\n * @param activeItemKey\n * @param openMethod\n * @param afterHighlightMethod\n * @param beginningOfListMethod\n * @param endOfListMethod\n * @param scrollToOnHighlight\n * @param focusOnKeyboardNavigation\n * @displayName Keyboard Navigation Mixin\n */\nexport default ({\n  // Role of the list items in the component. This is used to identify the list items\n  // so you must update this if the role of your list items is anything other than 'option'\n  listItemRole = 'option',\n  // Key of the data prop that will be added to the component.\n  indexKey = 'highlightIndex',\n  idKey = 'highlightId',\n  // Key of the method that references the list element.\n  listElementKey = 'listRef',\n  // Optional, Key of the computed prop that references the currently active item element.\n  activeItemKey = '',\n  // Optional, name of the method that toggles the list visibility. Used for\n  // opening the list when up or down is pressed.\n  openMethod = null,\n  // Optional, method to call when the highlightIndex is changed.\n  afterHighlightMethod = null,\n  // Optional, method to call when the highlightIndex goes past the beginning of the list.\n  beginningOfListMethod = null,\n  // Optional, method to call when the highlightIndex goes past the end of the list.\n  endOfListMethod = null,\n  // Scroll the active element into view when highlighted by a keyboard event.\n  scrollToOnHighlight = true,\n  // Focus the active element on keyboard navigation.\n  focusOnKeyboardNavigation = false,\n} = {}) => ({\n  mixins: [Dom],\n\n  data () {\n    return {\n      [indexKey]: -1,\n      [idKey]: '',\n      scrollToOnHighlight,\n      focusOnKeyboardNavigation,\n    };\n  },\n\n  provide () {\n    return {\n      highlightId: () => this[idKey],\n    };\n  },\n\n  methods: {\n    // Returns the list element\n    // this[listElement]() can return a Vue component, in which case we need to target\n    // the $el property, or it can simply be an html element.\n    _getListElement () {\n      return this[listElementKey]()?.$el || this[listElementKey]();\n    },\n\n    // Gets the length of all the items in the list, uses the listItemRole param to determine\n    // whether an element is a list item.\n    _itemsLength () {\n      const listItems = this._getListItemNodes();\n\n      if (listItems === null) {\n        return 0;\n      }\n\n      return listItems.length;\n    },\n\n    // Gets all the list item nodes within the list element\n    _getListItemNodes () {\n      const listElement = this._getListElement();\n\n      if (!listElement) {\n        console.error(ERROR_INVALID_LIST_ELEMENT, listElement);\n        return null;\n      }\n\n      return Array.from(listElement.querySelectorAll(`[role=\"${listItemRole}\"], #sr-only-close-button`));\n    },\n\n    onUpKey () {\n      if (openMethod) {\n        this[openMethod](true);\n      }\n      if (this[indexKey] > 0) {\n        this.setHighlightIndex(this[indexKey] - 1);\n      } else if (beginningOfListMethod) {\n        this[beginningOfListMethod]();\n      }\n      this.scrollActiveItemIntoViewIfNeeded();\n      this.focusActiveItemIfNeeded();\n    },\n\n    onDownKey () {\n      if (openMethod) {\n        this[openMethod](true);\n      }\n      if (this[indexKey] < this._itemsLength() - 1) {\n        this.setHighlightIndex(this[indexKey] + 1);\n      } else if (endOfListMethod) {\n        this[endOfListMethod]();\n      }\n      this.scrollActiveItemIntoViewIfNeeded();\n      this.focusActiveItemIfNeeded();\n    },\n\n    onHomeKey () {\n      this.jumpToBeginning();\n      this.scrollActiveItemIntoViewIfNeeded();\n      this.focusActiveItemIfNeeded();\n    },\n\n    onEndKey () {\n      this.jumpToEnd();\n      this.scrollActiveItemIntoViewIfNeeded();\n      this.focusActiveItemIfNeeded();\n    },\n\n    onNavigationKey (key) {\n      const listItems = this._getListItemNodes();\n\n      const matchingItems = listItems.filter(item => {\n        const content = item.textContent.trim().toLowerCase();\n        return content.startsWith(key.toLowerCase());\n      });\n\n      if (matchingItems.length <= 0) {\n        return;\n      }\n\n      const highlightedMatchingItemIndex = matchingItems.findIndex(item => {\n        return this[indexKey] === listItems.indexOf(item);\n      });\n\n      const nextHighlightedItemIndex = listItems.indexOf(\n        highlightedMatchingItemIndex < matchingItems.length - 1\n          ? matchingItems[highlightedMatchingItemIndex + 1]\n          : matchingItems[0],\n      );\n\n      this.setHighlightIndex(nextHighlightedItemIndex);\n      this.scrollActiveItemIntoViewIfNeeded();\n      this.focusActiveItemIfNeeded();\n    },\n\n    isValidLetter (key) {\n      if (key.length > 1) {\n        return false;\n      }\n\n      return (key >= 'a' && key <= 'z') || (key >= 'A' && key <= 'Z');\n    },\n\n    jumpToBeginning () {\n      this.setHighlightIndex(0);\n    },\n\n    jumpToEnd () {\n      this.setHighlightIndex(this._itemsLength() - 1);\n    },\n\n    setHighlightIndex (num) {\n      this[indexKey] = num;\n      this[idKey] = this._getItemId(num);\n\n      if (this._itemsLength() && afterHighlightMethod) {\n        this[afterHighlightMethod](num);\n      }\n    },\n\n    setHighlightId (id) {\n      this[idKey] = id;\n      this[indexKey] = this._getItemIndex(id);\n\n      if (this._itemsLength() && afterHighlightMethod) {\n        this[afterHighlightMethod](this._getItemIndex(id));\n      }\n    },\n\n    _getItemIndex (id) {\n      const listElement = this._getListElement();\n      if (!listElement) {\n        return;\n      }\n\n      const listItems = Array.from(listElement.querySelectorAll(`[role=\"${listItemRole}\"], #sr-only-close-button`));\n      return listItems.indexOf(listElement.querySelector(`#${id}`));\n    },\n\n    _getItemId (index) {\n      const listElement = this._getListElement();\n      if (!listElement) {\n        return;\n      }\n\n      return listElement.querySelectorAll(`[role=\"${listItemRole}\"], #sr-only-close-button`)[index]?.id;\n    },\n\n    scrollActiveItemIntoViewIfNeeded () {\n      if (!this.scrollToOnHighlight) {\n        return;\n      }\n      const activeItemEl = this[activeItemKey];\n      if (activeItemEl) {\n        // When listElementKey is not passed,\n        // scrollElementIntoViewIfNeeded will default to the immediate wrapper of the item.\n        const listElement = this._getListElement();\n        this.scrollElementIntoViewIfNeeded(activeItemEl, null, null, listElement);\n      }\n    },\n\n    focusActiveItemIfNeeded () {\n      if (!this.focusOnKeyboardNavigation) {\n        return;\n      }\n      const activeItemEl = this[activeItemKey];\n      if (activeItemEl) {\n        activeItemEl.focus();\n      }\n    },\n  },\n});\n"],"names":[],"mappings":"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"}

package/dist/vue3/chunks/{keyboard_list_navigation-x3D6RcC7.js → keyboard_list_navigation-fJnl_Iox.js}

@@ -75,10 +75,7 @@ const Dom = {
         }
       }
       if (opt_behavior) {
-        el.scrollTo({
-          top: scrollTop,
-          behavior: opt_behavior
-        });
+        el.scrollTo({ top: scrollTop, behavior: opt_behavior });
       } else {
         el.scrollTop = scrollTop;
       }
@@ -212,7 +209,9 @@ const KeyboardNavigation = ({
       const highlightedMatchingItemIndex = matchingItems.findIndex((item) => {
         return this[indexKey] === listItems.indexOf(item);
       });
-      const nextHighlightedItemIndex = listItems.indexOf(highlightedMatchingItemIndex < matchingItems.length - 1 ? matchingItems[highlightedMatchingItemIndex + 1] : matchingItems[0]);
+      const nextHighlightedItemIndex = listItems.indexOf(
+        highlightedMatchingItemIndex < matchingItems.length - 1 ? matchingItems[highlightedMatchingItemIndex + 1] : matchingItems[0]
+      );
       this.setHighlightIndex(nextHighlightedItemIndex);
       this.scrollActiveItemIntoViewIfNeeded();
       this.focusActiveItemIfNeeded();
@@ -281,4 +280,4 @@ const KeyboardNavigation = ({
   }
 });
 exports.KeyboardNavigation = KeyboardNavigation;
-//# sourceMappingURL=keyboard_list_navigation-x3D6RcC7.js.map
+//# sourceMappingURL=keyboard_list_navigation-fJnl_Iox.js.map

package/dist/{vue2/chunks/keyboard_list_navigation-YIqTuw1W.js.map → vue3/chunks/keyboard_list_navigation-fJnl_Iox.js.map}

@@ -1 +1 @@
-{"version":3,"file":"keyboard_list_navigation-YIqTuw1W.js","sources":["../../common/mixins/dom.js","../../common/mixins/keyboard_list_navigation.js"],"sourcesContent":["export default {\n  methods: {\n    /**\n     * Scroll an element into view if it is not fully visible in its nearest scrollable ancestor.\n     * @param {Element} ref\n     */\n    scrollElementIntoViewIfNeeded (ref, opt_center, opt_behavior, opt_parent) {\n      if (ref.scrollIntoViewIfNeeded) {\n        this.scrollIntoViewIfNeeded(ref, opt_center, opt_behavior, opt_parent);\n      } else {\n        this.scrollIntoView(ref, 'bottom', false, opt_behavior, opt_parent);\n      }\n    },\n\n    /**\n     * Scroll an element to the top or bottom of its scroll ancestor.\n     * @param {Element} ref\n     */\n    scrollElementIntoView (ref, opt_scrollToTop, opt_behavior, opt_parent) {\n      if (opt_scrollToTop === 'center') {\n        this.scrollIntoView(ref, 'center', false, opt_behavior, opt_parent);\n        return;\n      }\n\n      if (opt_scrollToTop === false) {\n        this.scrollIntoView(ref, 'bottom', false, opt_behavior, opt_parent);\n      } else {\n        this.scrollIntoView(ref, 'top', false, opt_behavior, opt_parent);\n      }\n    },\n\n    scrollIntoViewIfNeeded (ref, opt_center, opt_behavior, opt_parent) {\n      const dir = opt_center ? 'center' : undefined;\n      this.scrollIntoView(ref, dir, true, opt_behavior, opt_parent);\n    },\n\n    scrollIntoView (ref, opt_dir, opt_ifNeeded, opt_behavior, opt_parent) {\n      if (!ref || !ref.parentElement) {\n        return;\n      }\n      const offsetTop = ref.offsetTop;\n      const refParent = opt_parent || ref.parentElement;\n      const scrollBounds = this._getScrollBounds(refParent);\n      const parentHeight = scrollBounds.bottom - scrollBounds.top;\n      const elHeight = this._getElementHeight(ref);\n      const offsetBottom = offsetTop + elHeight;\n      let scrollTop = -1;\n      switch (opt_dir) {\n        case 'top':\n          scrollTop = offsetTop;\n          break;\n        case 'center':\n          scrollTop = offsetTop + (elHeight - parentHeight) / 2;\n          break;\n        case 'bottom':\n          scrollTop = scrollTop = offsetBottom - parentHeight;\n          break;\n        default:\n          // Go to the closest edge if needed and no direction is provided.\n          if (offsetTop - scrollBounds.top <= (parentHeight / 2)) {\n            // Lock it to the top edge.\n            scrollTop = offsetTop;\n          } else {\n            scrollTop = offsetBottom - parentHeight;\n          }\n          break;\n      }\n      this._setScrollTop(refParent, scrollTop, scrollBounds, offsetTop, offsetBottom, opt_ifNeeded, opt_behavior);\n    },\n\n    _setScrollTop (el, scrollTop, bounds, offsetTop, offsetBottom, opt_isNeeded, opt_behavior) {\n      bounds = bounds || this._getScrollBounds(el);\n      const parentHeight = bounds.bottom - bounds.top;\n      if (opt_isNeeded && this._inScrollBounds(offsetTop, offsetBottom, bounds)) {\n        // Then lock to the top or bottom if it's hanging off the edge.\n        if (offsetTop < bounds.top) {\n          // Snap it to the top.\n          scrollTop = offsetTop;\n        } else if (offsetBottom > bounds.bottom) {\n          scrollTop = offsetBottom - parentHeight;\n        } else {\n          return;\n        }\n      }\n\n      if (opt_behavior) {\n        el.scrollTo({ top: scrollTop, behavior: opt_behavior });\n      } else {\n        el.scrollTop = scrollTop;\n      }\n    },\n\n    _getElementHeight (el) {\n      return el.getBoundingClientRect().height;\n    },\n\n    _getScrollBounds (el) {\n      const height = this._getElementHeight(el);\n      const scrollTop = el.scrollTop;\n      return {\n        top: scrollTop,\n        bottom: scrollTop + height,\n      };\n    },\n\n    _inScrollBounds (top, bottom, bounds) {\n      // Since we read from top to bottom, we want more than 3/4 to be visible at the top\n      // (bc you're looking at the bottom half) or a quarter visible at the bottom (bc you\n      // can read the beginning of it)\n\n      const height = bottom - top;\n      return (bottom <= bounds.bottom + (3 * height / 4)) && (top >= bounds.top - (height / 4));\n    },\n  },\n};\n","import Dom from './dom';\n\nconst ERROR_INVALID_LIST_ELEMENT = (\n  'listElementKey is required or the referenced ' +\n  'element doesn\\'t exist. Received listElement: '\n);\n\n/**\n * Usage: `mixins: [keyboardNavigationMixin(options)]`\n *\n * This mixin provides some common data and methods to navigate a list of items\n * (such as a dropdown or select menu) by keyboard.\n *\n * To be effective, you must bind the onUpKey and onDownKey events, usually to\n * the root element of the component.\n *\n * @param listItemRole\n * @param indexKey\n * @param idKey\n * @param listElementKey\n * @param activeItemKey\n * @param openMethod\n * @param afterHighlightMethod\n * @param beginningOfListMethod\n * @param endOfListMethod\n * @param scrollToOnHighlight\n * @param focusOnKeyboardNavigation\n * @displayName Keyboard Navigation Mixin\n */\nexport default ({\n  // Role of the list items in the component. This is used to identify the list items\n  // so you must update this if the role of your list items is anything other than 'option'\n  listItemRole = 'option',\n  // Key of the data prop that will be added to the component.\n  indexKey = 'highlightIndex',\n  idKey = 'highlightId',\n  // Key of the method that references the list element.\n  listElementKey = 'listRef',\n  // Optional, Key of the computed prop that references the currently active item element.\n  activeItemKey = '',\n  // Optional, name of the method that toggles the list visibility. Used for\n  // opening the list when up or down is pressed.\n  openMethod = null,\n  // Optional, method to call when the highlightIndex is changed.\n  afterHighlightMethod = null,\n  // Optional, method to call when the highlightIndex goes past the beginning of the list.\n  beginningOfListMethod = null,\n  // Optional, method to call when the highlightIndex goes past the end of the list.\n  endOfListMethod = null,\n  // Scroll the active element into view when highlighted by a keyboard event.\n  scrollToOnHighlight = true,\n  // Focus the active element on keyboard navigation.\n  focusOnKeyboardNavigation = false,\n} = {}) => ({\n  mixins: [Dom],\n\n  data () {\n    return {\n      [indexKey]: -1,\n      [idKey]: '',\n      scrollToOnHighlight,\n      focusOnKeyboardNavigation,\n    };\n  },\n\n  provide () {\n    return {\n      highlightId: () => this[idKey],\n    };\n  },\n\n  methods: {\n    // Returns the list element\n    // this[listElement]() can return a Vue component, in which case we need to target\n    // the $el property, or it can simply be an html element.\n    _getListElement () {\n      return this[listElementKey]()?.$el || this[listElementKey]();\n    },\n\n    // Gets the length of all the items in the list, uses the listItemRole param to determine\n    // whether an element is a list item.\n    _itemsLength () {\n      const listItems = this._getListItemNodes();\n\n      if (listItems === null) {\n        return 0;\n      }\n\n      return listItems.length;\n    },\n\n    // Gets all the list item nodes within the list element\n    _getListItemNodes () {\n      const listElement = this._getListElement();\n\n      if (!listElement) {\n        console.error(ERROR_INVALID_LIST_ELEMENT, listElement);\n        return null;\n      }\n\n      return Array.from(listElement.querySelectorAll(`[role=\"${listItemRole}\"], #sr-only-close-button`));\n    },\n\n    onUpKey () {\n      if (openMethod) {\n        this[openMethod](true);\n      }\n      if (this[indexKey] > 0) {\n        this.setHighlightIndex(this[indexKey] - 1);\n      } else if (beginningOfListMethod) {\n        this[beginningOfListMethod]();\n      }\n      this.scrollActiveItemIntoViewIfNeeded();\n      this.focusActiveItemIfNeeded();\n    },\n\n    onDownKey () {\n      if (openMethod) {\n        this[openMethod](true);\n      }\n      if (this[indexKey] < this._itemsLength() - 1) {\n        this.setHighlightIndex(this[indexKey] + 1);\n      } else if (endOfListMethod) {\n        this[endOfListMethod]();\n      }\n      this.scrollActiveItemIntoViewIfNeeded();\n      this.focusActiveItemIfNeeded();\n    },\n\n    onHomeKey () {\n      this.jumpToBeginning();\n      this.scrollActiveItemIntoViewIfNeeded();\n      this.focusActiveItemIfNeeded();\n    },\n\n    onEndKey () {\n      this.jumpToEnd();\n      this.scrollActiveItemIntoViewIfNeeded();\n      this.focusActiveItemIfNeeded();\n    },\n\n    onNavigationKey (key) {\n      const listItems = this._getListItemNodes();\n\n      const matchingItems = listItems.filter(item => {\n        const content = item.textContent.trim().toLowerCase();\n        return content.startsWith(key.toLowerCase());\n      });\n\n      if (matchingItems.length <= 0) {\n        return;\n      }\n\n      const highlightedMatchingItemIndex = matchingItems.findIndex(item => {\n        return this[indexKey] === listItems.indexOf(item);\n      });\n\n      const nextHighlightedItemIndex = listItems.indexOf(\n        highlightedMatchingItemIndex < matchingItems.length - 1\n          ? matchingItems[highlightedMatchingItemIndex + 1]\n          : matchingItems[0],\n      );\n\n      this.setHighlightIndex(nextHighlightedItemIndex);\n      this.scrollActiveItemIntoViewIfNeeded();\n      this.focusActiveItemIfNeeded();\n    },\n\n    isValidLetter (key) {\n      if (key.length > 1) {\n        return false;\n      }\n\n      return (key >= 'a' && key <= 'z') || (key >= 'A' && key <= 'Z');\n    },\n\n    jumpToBeginning () {\n      this.setHighlightIndex(0);\n    },\n\n    jumpToEnd () {\n      this.setHighlightIndex(this._itemsLength() - 1);\n    },\n\n    setHighlightIndex (num) {\n      this[indexKey] = num;\n      this[idKey] = this._getItemId(num);\n\n      if (this._itemsLength() && afterHighlightMethod) {\n        this[afterHighlightMethod](num);\n      }\n    },\n\n    setHighlightId (id) {\n      this[idKey] = id;\n      this[indexKey] = this._getItemIndex(id);\n\n      if (this._itemsLength() && afterHighlightMethod) {\n        this[afterHighlightMethod](this._getItemIndex(id));\n      }\n    },\n\n    _getItemIndex (id) {\n      const listElement = this._getListElement();\n      if (!listElement) {\n        return;\n      }\n\n      const listItems = Array.from(listElement.querySelectorAll(`[role=\"${listItemRole}\"], #sr-only-close-button`));\n      return listItems.indexOf(listElement.querySelector(`#${id}`));\n    },\n\n    _getItemId (index) {\n      const listElement = this._getListElement();\n      if (!listElement) {\n        return;\n      }\n\n      return listElement.querySelectorAll(`[role=\"${listItemRole}\"], #sr-only-close-button`)[index]?.id;\n    },\n\n    scrollActiveItemIntoViewIfNeeded () {\n      if (!this.scrollToOnHighlight) {\n        return;\n      }\n      const activeItemEl = this[activeItemKey];\n      if (activeItemEl) {\n        // When listElementKey is not passed,\n        // scrollElementIntoViewIfNeeded will default to the immediate wrapper of the item.\n        const listElement = this._getListElement();\n        this.scrollElementIntoViewIfNeeded(activeItemEl, null, null, listElement);\n      }\n    },\n\n    focusActiveItemIfNeeded () {\n      if (!this.focusOnKeyboardNavigation) {\n        return;\n      }\n      const activeItemEl = this[activeItemKey];\n      if (activeItemEl) {\n        activeItemEl.focus();\n      }\n    },\n  },\n});\n"],"names":["methods","scrollElementIntoViewIfNeeded","ref","opt_center","opt_behavior","opt_parent","scrollIntoViewIfNeeded","scrollIntoView","scrollElementIntoView","opt_scrollToTop","dir","undefined","opt_dir","opt_ifNeeded","parentElement","offsetTop","refParent","scrollBounds","_getScrollBounds","parentHeight","bottom","top","elHeight","_getElementHeight","offsetBottom","scrollTop","_setScrollTop","el","bounds","opt_isNeeded","_inScrollBounds","scrollTo","behavior","getBoundingClientRect","height","ERROR_INVALID_LIST_ELEMENT","listItemRole","indexKey","idKey","listElementKey","activeItemKey","openMethod","afterHighlightMethod","beginningOfListMethod","endOfListMethod","scrollToOnHighlight","focusOnKeyboardNavigation","mixins","Dom","data","provide","highlightId","_getListElement","$el","_itemsLength","listItems","_getListItemNodes","length","listElement","console","error","Array","from","querySelectorAll","onUpKey","setHighlightIndex","scrollActiveItemIntoViewIfNeeded","focusActiveItemIfNeeded","onDownKey","onHomeKey","jumpToBeginning","onEndKey","jumpToEnd","onNavigationKey","key","matchingItems","filter","item","content","textContent","trim","toLowerCase","startsWith","highlightedMatchingItemIndex","findIndex","indexOf","nextHighlightedItemIndex","isValidLetter","num","_getItemId","setHighlightId","id","_getItemIndex","querySelector","index","activeItemEl","focus"],"mappings":"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"}
+{"version":3,"file":"keyboard_list_navigation-fJnl_Iox.js","sources":["../../common/mixins/dom.js","../../common/mixins/keyboard_list_navigation.js"],"sourcesContent":["export default {\n  methods: {\n    /**\n     * Scroll an element into view if it is not fully visible in its nearest scrollable ancestor.\n     * @param {Element} ref\n     */\n    scrollElementIntoViewIfNeeded (ref, opt_center, opt_behavior, opt_parent) {\n      if (ref.scrollIntoViewIfNeeded) {\n        this.scrollIntoViewIfNeeded(ref, opt_center, opt_behavior, opt_parent);\n      } else {\n        this.scrollIntoView(ref, 'bottom', false, opt_behavior, opt_parent);\n      }\n    },\n\n    /**\n     * Scroll an element to the top or bottom of its scroll ancestor.\n     * @param {Element} ref\n     */\n    scrollElementIntoView (ref, opt_scrollToTop, opt_behavior, opt_parent) {\n      if (opt_scrollToTop === 'center') {\n        this.scrollIntoView(ref, 'center', false, opt_behavior, opt_parent);\n        return;\n      }\n\n      if (opt_scrollToTop === false) {\n        this.scrollIntoView(ref, 'bottom', false, opt_behavior, opt_parent);\n      } else {\n        this.scrollIntoView(ref, 'top', false, opt_behavior, opt_parent);\n      }\n    },\n\n    scrollIntoViewIfNeeded (ref, opt_center, opt_behavior, opt_parent) {\n      const dir = opt_center ? 'center' : undefined;\n      this.scrollIntoView(ref, dir, true, opt_behavior, opt_parent);\n    },\n\n    scrollIntoView (ref, opt_dir, opt_ifNeeded, opt_behavior, opt_parent) {\n      if (!ref || !ref.parentElement) {\n        return;\n      }\n      const offsetTop = ref.offsetTop;\n      const refParent = opt_parent || ref.parentElement;\n      const scrollBounds = this._getScrollBounds(refParent);\n      const parentHeight = scrollBounds.bottom - scrollBounds.top;\n      const elHeight = this._getElementHeight(ref);\n      const offsetBottom = offsetTop + elHeight;\n      let scrollTop = -1;\n      switch (opt_dir) {\n        case 'top':\n          scrollTop = offsetTop;\n          break;\n        case 'center':\n          scrollTop = offsetTop + (elHeight - parentHeight) / 2;\n          break;\n        case 'bottom':\n          scrollTop = scrollTop = offsetBottom - parentHeight;\n          break;\n        default:\n          // Go to the closest edge if needed and no direction is provided.\n          if (offsetTop - scrollBounds.top <= (parentHeight / 2)) {\n            // Lock it to the top edge.\n            scrollTop = offsetTop;\n          } else {\n            scrollTop = offsetBottom - parentHeight;\n          }\n          break;\n      }\n      this._setScrollTop(refParent, scrollTop, scrollBounds, offsetTop, offsetBottom, opt_ifNeeded, opt_behavior);\n    },\n\n    _setScrollTop (el, scrollTop, bounds, offsetTop, offsetBottom, opt_isNeeded, opt_behavior) {\n      bounds = bounds || this._getScrollBounds(el);\n      const parentHeight = bounds.bottom - bounds.top;\n      if (opt_isNeeded && this._inScrollBounds(offsetTop, offsetBottom, bounds)) {\n        // Then lock to the top or bottom if it's hanging off the edge.\n        if (offsetTop < bounds.top) {\n          // Snap it to the top.\n          scrollTop = offsetTop;\n        } else if (offsetBottom > bounds.bottom) {\n          scrollTop = offsetBottom - parentHeight;\n        } else {\n          return;\n        }\n      }\n\n      if (opt_behavior) {\n        el.scrollTo({ top: scrollTop, behavior: opt_behavior });\n      } else {\n        el.scrollTop = scrollTop;\n      }\n    },\n\n    _getElementHeight (el) {\n      return el.getBoundingClientRect().height;\n    },\n\n    _getScrollBounds (el) {\n      const height = this._getElementHeight(el);\n      const scrollTop = el.scrollTop;\n      return {\n        top: scrollTop,\n        bottom: scrollTop + height,\n      };\n    },\n\n    _inScrollBounds (top, bottom, bounds) {\n      // Since we read from top to bottom, we want more than 3/4 to be visible at the top\n      // (bc you're looking at the bottom half) or a quarter visible at the bottom (bc you\n      // can read the beginning of it)\n\n      const height = bottom - top;\n      return (bottom <= bounds.bottom + (3 * height / 4)) && (top >= bounds.top - (height / 4));\n    },\n  },\n};\n","import Dom from './dom';\n\nconst ERROR_INVALID_LIST_ELEMENT = (\n  'listElementKey is required or the referenced ' +\n  'element doesn\\'t exist. Received listElement: '\n);\n\n/**\n * Usage: `mixins: [keyboardNavigationMixin(options)]`\n *\n * This mixin provides some common data and methods to navigate a list of items\n * (such as a dropdown or select menu) by keyboard.\n *\n * To be effective, you must bind the onUpKey and onDownKey events, usually to\n * the root element of the component.\n *\n * @param listItemRole\n * @param indexKey\n * @param idKey\n * @param listElementKey\n * @param activeItemKey\n * @param openMethod\n * @param afterHighlightMethod\n * @param beginningOfListMethod\n * @param endOfListMethod\n * @param scrollToOnHighlight\n * @param focusOnKeyboardNavigation\n * @displayName Keyboard Navigation Mixin\n */\nexport default ({\n  // Role of the list items in the component. This is used to identify the list items\n  // so you must update this if the role of your list items is anything other than 'option'\n  listItemRole = 'option',\n  // Key of the data prop that will be added to the component.\n  indexKey = 'highlightIndex',\n  idKey = 'highlightId',\n  // Key of the method that references the list element.\n  listElementKey = 'listRef',\n  // Optional, Key of the computed prop that references the currently active item element.\n  activeItemKey = '',\n  // Optional, name of the method that toggles the list visibility. Used for\n  // opening the list when up or down is pressed.\n  openMethod = null,\n  // Optional, method to call when the highlightIndex is changed.\n  afterHighlightMethod = null,\n  // Optional, method to call when the highlightIndex goes past the beginning of the list.\n  beginningOfListMethod = null,\n  // Optional, method to call when the highlightIndex goes past the end of the list.\n  endOfListMethod = null,\n  // Scroll the active element into view when highlighted by a keyboard event.\n  scrollToOnHighlight = true,\n  // Focus the active element on keyboard navigation.\n  focusOnKeyboardNavigation = false,\n} = {}) => ({\n  mixins: [Dom],\n\n  data () {\n    return {\n      [indexKey]: -1,\n      [idKey]: '',\n      scrollToOnHighlight,\n      focusOnKeyboardNavigation,\n    };\n  },\n\n  provide () {\n    return {\n      highlightId: () => this[idKey],\n    };\n  },\n\n  methods: {\n    // Returns the list element\n    // this[listElement]() can return a Vue component, in which case we need to target\n    // the $el property, or it can simply be an html element.\n    _getListElement () {\n      return this[listElementKey]()?.$el || this[listElementKey]();\n    },\n\n    // Gets the length of all the items in the list, uses the listItemRole param to determine\n    // whether an element is a list item.\n    _itemsLength () {\n      const listItems = this._getListItemNodes();\n\n      if (listItems === null) {\n        return 0;\n      }\n\n      return listItems.length;\n    },\n\n    // Gets all the list item nodes within the list element\n    _getListItemNodes () {\n      const listElement = this._getListElement();\n\n      if (!listElement) {\n        console.error(ERROR_INVALID_LIST_ELEMENT, listElement);\n        return null;\n      }\n\n      return Array.from(listElement.querySelectorAll(`[role=\"${listItemRole}\"], #sr-only-close-button`));\n    },\n\n    onUpKey () {\n      if (openMethod) {\n        this[openMethod](true);\n      }\n      if (this[indexKey] > 0) {\n        this.setHighlightIndex(this[indexKey] - 1);\n      } else if (beginningOfListMethod) {\n        this[beginningOfListMethod]();\n      }\n      this.scrollActiveItemIntoViewIfNeeded();\n      this.focusActiveItemIfNeeded();\n    },\n\n    onDownKey () {\n      if (openMethod) {\n        this[openMethod](true);\n      }\n      if (this[indexKey] < this._itemsLength() - 1) {\n        this.setHighlightIndex(this[indexKey] + 1);\n      } else if (endOfListMethod) {\n        this[endOfListMethod]();\n      }\n      this.scrollActiveItemIntoViewIfNeeded();\n      this.focusActiveItemIfNeeded();\n    },\n\n    onHomeKey () {\n      this.jumpToBeginning();\n      this.scrollActiveItemIntoViewIfNeeded();\n      this.focusActiveItemIfNeeded();\n    },\n\n    onEndKey () {\n      this.jumpToEnd();\n      this.scrollActiveItemIntoViewIfNeeded();\n      this.focusActiveItemIfNeeded();\n    },\n\n    onNavigationKey (key) {\n      const listItems = this._getListItemNodes();\n\n      const matchingItems = listItems.filter(item => {\n        const content = item.textContent.trim().toLowerCase();\n        return content.startsWith(key.toLowerCase());\n      });\n\n      if (matchingItems.length <= 0) {\n        return;\n      }\n\n      const highlightedMatchingItemIndex = matchingItems.findIndex(item => {\n        return this[indexKey] === listItems.indexOf(item);\n      });\n\n      const nextHighlightedItemIndex = listItems.indexOf(\n        highlightedMatchingItemIndex < matchingItems.length - 1\n          ? matchingItems[highlightedMatchingItemIndex + 1]\n          : matchingItems[0],\n      );\n\n      this.setHighlightIndex(nextHighlightedItemIndex);\n      this.scrollActiveItemIntoViewIfNeeded();\n      this.focusActiveItemIfNeeded();\n    },\n\n    isValidLetter (key) {\n      if (key.length > 1) {\n        return false;\n      }\n\n      return (key >= 'a' && key <= 'z') || (key >= 'A' && key <= 'Z');\n    },\n\n    jumpToBeginning () {\n      this.setHighlightIndex(0);\n    },\n\n    jumpToEnd () {\n      this.setHighlightIndex(this._itemsLength() - 1);\n    },\n\n    setHighlightIndex (num) {\n      this[indexKey] = num;\n      this[idKey] = this._getItemId(num);\n\n      if (this._itemsLength() && afterHighlightMethod) {\n        this[afterHighlightMethod](num);\n      }\n    },\n\n    setHighlightId (id) {\n      this[idKey] = id;\n      this[indexKey] = this._getItemIndex(id);\n\n      if (this._itemsLength() && afterHighlightMethod) {\n        this[afterHighlightMethod](this._getItemIndex(id));\n      }\n    },\n\n    _getItemIndex (id) {\n      const listElement = this._getListElement();\n      if (!listElement) {\n        return;\n      }\n\n      const listItems = Array.from(listElement.querySelectorAll(`[role=\"${listItemRole}\"], #sr-only-close-button`));\n      return listItems.indexOf(listElement.querySelector(`#${id}`));\n    },\n\n    _getItemId (index) {\n      const listElement = this._getListElement();\n      if (!listElement) {\n        return;\n      }\n\n      return listElement.querySelectorAll(`[role=\"${listItemRole}\"], #sr-only-close-button`)[index]?.id;\n    },\n\n    scrollActiveItemIntoViewIfNeeded () {\n      if (!this.scrollToOnHighlight) {\n        return;\n      }\n      const activeItemEl = this[activeItemKey];\n      if (activeItemEl) {\n        // When listElementKey is not passed,\n        // scrollElementIntoViewIfNeeded will default to the immediate wrapper of the item.\n        const listElement = this._getListElement();\n        this.scrollElementIntoViewIfNeeded(activeItemEl, null, null, listElement);\n      }\n    },\n\n    focusActiveItemIfNeeded () {\n      if (!this.focusOnKeyboardNavigation) {\n        return;\n      }\n      const activeItemEl = this[activeItemKey];\n      if (activeItemEl) {\n        activeItemEl.focus();\n      }\n    },\n  },\n});\n"],"names":[],"mappings":"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"}

package/dist/vue3/chunks/link_constants-AfTWrr-n.js.map

@@ -1 +1 @@
-{"version":3,"file":"link_constants-AfTWrr-n.js","sources":["../../components/link/link_constants.js"],"sourcesContent":["export const DANGER = 'danger';\nexport const WARNING = 'warning';\nexport const SUCCESS = 'success';\nexport const MUTED = 'muted';\nexport const MENTION = 'mention';\nexport const LINK_VARIANTS = ['', DANGER, WARNING, SUCCESS, MUTED, MENTION];\n\nexport const LINK_KIND_MODIFIERS = {\n  default: '',\n  warning: 'd-link--warning',\n  danger: 'd-link--danger',\n  success: 'd-link--success',\n  muted: 'd-link--muted',\n  mention: 'd-link--mention',\n};\n\nconst LINK_KIND_MODIFIERS_INVERTED = {\n  default: 'd-link--inverted',\n  warning: 'd-link--inverted-warning',\n  danger: 'd-link--inverted-danger',\n  success: 'd-link--inverted-success',\n  muted: 'd-link--inverted-muted',\n  mention: 'd-link--inverted-mention',\n};\n\nexport const getLinkKindModifier = (kind, inverted) => {\n  if (inverted) {\n    return LINK_KIND_MODIFIERS_INVERTED[kind || 'default'];\n  }\n  return LINK_KIND_MODIFIERS[kind];\n};\n\nexport default {\n  LINK_VARIANTS,\n  LINK_KIND_MODIFIERS,\n  getLinkKindModifier,\n};\n"],"names":["DANGER","WARNING","SUCCESS","MUTED","MENTION","LINK_VARIANTS","LINK_KIND_MODIFIERS","default","warning","danger","success","muted","mention","LINK_KIND_MODIFIERS_INVERTED","getLinkKindModifier","kind","inverted"],"mappings":"AAAO,MAAMA,SAAS;AACf,MAAMC,UAAU;AAChB,MAAMC,UAAU;AAChB,MAAMC,QAAQ;AACd,MAAMC,UAAU;AACVC,MAAAA,gBAAgB,CAAC,IAAIL,QAAQC,SAASC,SAASC,OAAOC,OAAO;AAEnE,MAAME,sBAAsB;AAAA,EACjCC,SAAS;AAAA,EACTC,SAAS;AAAA,EACTC,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTC,OAAO;AAAA,EACPC,SAAS;AACX;AAEA,MAAMC,+BAA+B;AAAA,EACnCN,SAAS;AAAA,EACTC,SAAS;AAAA,EACTC,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTC,OAAO;AAAA,EACPC,SAAS;AACX;MAEaE,sBAAsBA,CAACC,MAAMC,aAAa;AACrD,MAAIA,UAAU;AACZ,WAAOH,6BAA6BE,QAAQ,SAAS;AAAA,EACvD;AACA,SAAOT,oBAAoBS,IAAI;AACjC;"}
+{"version":3,"file":"link_constants-AfTWrr-n.js","sources":["../../components/link/link_constants.js"],"sourcesContent":["export const DANGER = 'danger';\nexport const WARNING = 'warning';\nexport const SUCCESS = 'success';\nexport const MUTED = 'muted';\nexport const MENTION = 'mention';\nexport const LINK_VARIANTS = ['', DANGER, WARNING, SUCCESS, MUTED, MENTION];\n\nexport const LINK_KIND_MODIFIERS = {\n  default: '',\n  warning: 'd-link--warning',\n  danger: 'd-link--danger',\n  success: 'd-link--success',\n  muted: 'd-link--muted',\n  mention: 'd-link--mention',\n};\n\nconst LINK_KIND_MODIFIERS_INVERTED = {\n  default: 'd-link--inverted',\n  warning: 'd-link--inverted-warning',\n  danger: 'd-link--inverted-danger',\n  success: 'd-link--inverted-success',\n  muted: 'd-link--inverted-muted',\n  mention: 'd-link--inverted-mention',\n};\n\nexport const getLinkKindModifier = (kind, inverted) => {\n  if (inverted) {\n    return LINK_KIND_MODIFIERS_INVERTED[kind || 'default'];\n  }\n  return LINK_KIND_MODIFIERS[kind];\n};\n\nexport default {\n  LINK_VARIANTS,\n  LINK_KIND_MODIFIERS,\n  getLinkKindModifier,\n};\n"],"names":[],"mappings":"AAAO,MAAM,SAAS;AACf,MAAM,UAAU;AAChB,MAAM,UAAU;AACX,MAAC,QAAQ;AACd,MAAM,UAAU;AACX,MAAC,gBAAgB,CAAC,IAAI,QAAQ,SAAS,SAAS,OAAO,OAAO;AAE9D,MAAC,sBAAsB;AAAA,EACjC,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AACX;AAEA,MAAM,+BAA+B;AAAA,EACnC,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AACX;AAEY,MAAC,sBAAsB,CAAC,MAAM,aAAa;AACrD,MAAI,UAAU;AACZ,WAAO,6BAA6B,QAAQ,SAAS;AAAA,EACtD;AACD,SAAO,oBAAoB,IAAI;AACjC;"}

package/dist/vue3/chunks/link_constants-x8NwdqmA.js.map

@@ -1 +1 @@
-{"version":3,"file":"link_constants-x8NwdqmA.js","sources":["../../components/link/link_constants.js"],"sourcesContent":["export const DANGER = 'danger';\nexport const WARNING = 'warning';\nexport const SUCCESS = 'success';\nexport const MUTED = 'muted';\nexport const MENTION = 'mention';\nexport const LINK_VARIANTS = ['', DANGER, WARNING, SUCCESS, MUTED, MENTION];\n\nexport const LINK_KIND_MODIFIERS = {\n  default: '',\n  warning: 'd-link--warning',\n  danger: 'd-link--danger',\n  success: 'd-link--success',\n  muted: 'd-link--muted',\n  mention: 'd-link--mention',\n};\n\nconst LINK_KIND_MODIFIERS_INVERTED = {\n  default: 'd-link--inverted',\n  warning: 'd-link--inverted-warning',\n  danger: 'd-link--inverted-danger',\n  success: 'd-link--inverted-success',\n  muted: 'd-link--inverted-muted',\n  mention: 'd-link--inverted-mention',\n};\n\nexport const getLinkKindModifier = (kind, inverted) => {\n  if (inverted) {\n    return LINK_KIND_MODIFIERS_INVERTED[kind || 'default'];\n  }\n  return LINK_KIND_MODIFIERS[kind];\n};\n\nexport default {\n  LINK_VARIANTS,\n  LINK_KIND_MODIFIERS,\n  getLinkKindModifier,\n};\n"],"names":["DANGER","WARNING","SUCCESS","MUTED","MENTION","LINK_VARIANTS","LINK_KIND_MODIFIERS","default","warning","danger","success","muted","mention","LINK_KIND_MODIFIERS_INVERTED","getLinkKindModifier","kind","inverted"],"mappings":";AAAO,MAAMA,SAAS;AACf,MAAMC,UAAU;AAChB,MAAMC,UAAU;AAChB,MAAMC,QAAQ;AACd,MAAMC,UAAU;AACVC,MAAAA,gBAAgB,CAAC,IAAIL,QAAQC,SAASC,SAASC,OAAOC,OAAO;AAEnE,MAAME,sBAAsB;AAAA,EACjCC,SAAS;AAAA,EACTC,SAAS;AAAA,EACTC,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTC,OAAO;AAAA,EACPC,SAAS;AACX;AAEA,MAAMC,+BAA+B;AAAA,EACnCN,SAAS;AAAA,EACTC,SAAS;AAAA,EACTC,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTC,OAAO;AAAA,EACPC,SAAS;AACX;MAEaE,sBAAsBA,CAACC,MAAMC,aAAa;AACrD,MAAIA,UAAU;AACZ,WAAOH,6BAA6BE,QAAQ,SAAS;AAAA,EACvD;AACA,SAAOT,oBAAoBS,IAAI;AACjC;;;;;"}
+{"version":3,"file":"link_constants-x8NwdqmA.js","sources":["../../components/link/link_constants.js"],"sourcesContent":["export const DANGER = 'danger';\nexport const WARNING = 'warning';\nexport const SUCCESS = 'success';\nexport const MUTED = 'muted';\nexport const MENTION = 'mention';\nexport const LINK_VARIANTS = ['', DANGER, WARNING, SUCCESS, MUTED, MENTION];\n\nexport const LINK_KIND_MODIFIERS = {\n  default: '',\n  warning: 'd-link--warning',\n  danger: 'd-link--danger',\n  success: 'd-link--success',\n  muted: 'd-link--muted',\n  mention: 'd-link--mention',\n};\n\nconst LINK_KIND_MODIFIERS_INVERTED = {\n  default: 'd-link--inverted',\n  warning: 'd-link--inverted-warning',\n  danger: 'd-link--inverted-danger',\n  success: 'd-link--inverted-success',\n  muted: 'd-link--inverted-muted',\n  mention: 'd-link--inverted-mention',\n};\n\nexport const getLinkKindModifier = (kind, inverted) => {\n  if (inverted) {\n    return LINK_KIND_MODIFIERS_INVERTED[kind || 'default'];\n  }\n  return LINK_KIND_MODIFIERS[kind];\n};\n\nexport default {\n  LINK_VARIANTS,\n  LINK_KIND_MODIFIERS,\n  getLinkKindModifier,\n};\n"],"names":[],"mappings":";AAAO,MAAM,SAAS;AACf,MAAM,UAAU;AAChB,MAAM,UAAU;AACX,MAAC,QAAQ;AACd,MAAM,UAAU;AACX,MAAC,gBAAgB,CAAC,IAAI,QAAQ,SAAS,SAAS,OAAO,OAAO;AAE9D,MAAC,sBAAsB;AAAA,EACjC,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AACX;AAEA,MAAM,+BAA+B;AAAA,EACnC,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AACX;AAEY,MAAC,sBAAsB,CAAC,MAAM,aAAa;AACrD,MAAI,UAAU;AACZ,WAAO,6BAA6B,QAAQ,SAAS;AAAA,EACtD;AACD,SAAO,oBAAoB,IAAI;AACjC;;;;;"}

package/dist/vue3/chunks/list_item_constants-EiqkqZvP.js.map

@@ -1 +1 @@
-{"version":3,"file":"list_item_constants-EiqkqZvP.js","sources":["../../components/list_item/list_item_constants.js"],"sourcesContent":["export const LIST_ITEM_TYPES = {\n  DEFAULT: 'default',\n  CUSTOM: 'custom',\n};\n\nexport const LIST_ITEM_NAVIGATION_TYPES = {\n  ARROW_KEYS: 'arrow-keys',\n  TAB: 'tab',\n  NONE: 'none',\n};\n\nexport default {\n  LIST_ITEM_TYPES,\n  LIST_ITEM_NAVIGATION_TYPES,\n};\n"],"names":["LIST_ITEM_TYPES","DEFAULT","CUSTOM","LIST_ITEM_NAVIGATION_TYPES","ARROW_KEYS","TAB","NONE"],"mappings":";AAAO,MAAMA,kBAAkB;AAAA,EAC7BC,SAAS;AAAA,EACTC,QAAQ;AACV;AAEO,MAAMC,6BAA6B;AAAA,EACxCC,YAAY;AAAA,EACZC,KAAK;AAAA,EACLC,MAAM;AACR;;;"}
+{"version":3,"file":"list_item_constants-EiqkqZvP.js","sources":["../../components/list_item/list_item_constants.js"],"sourcesContent":["export const LIST_ITEM_TYPES = {\n  DEFAULT: 'default',\n  CUSTOM: 'custom',\n};\n\nexport const LIST_ITEM_NAVIGATION_TYPES = {\n  ARROW_KEYS: 'arrow-keys',\n  TAB: 'tab',\n  NONE: 'none',\n};\n\nexport default {\n  LIST_ITEM_TYPES,\n  LIST_ITEM_NAVIGATION_TYPES,\n};\n"],"names":[],"mappings":";AAAY,MAAC,kBAAkB;AAAA,EAC7B,SAAS;AAAA,EACT,QAAQ;AACV;AAEY,MAAC,6BAA6B;AAAA,EACxC,YAAY;AAAA,EACZ,KAAK;AAAA,EACL,MAAM;AACR;;;"}

package/dist/vue3/chunks/list_item_constants-u1xcN9Dd.js.map

@@ -1 +1 @@
-{"version":3,"file":"list_item_constants-u1xcN9Dd.js","sources":["../../components/list_item/list_item_constants.js"],"sourcesContent":["export const LIST_ITEM_TYPES = {\n  DEFAULT: 'default',\n  CUSTOM: 'custom',\n};\n\nexport const LIST_ITEM_NAVIGATION_TYPES = {\n  ARROW_KEYS: 'arrow-keys',\n  TAB: 'tab',\n  NONE: 'none',\n};\n\nexport default {\n  LIST_ITEM_TYPES,\n  LIST_ITEM_NAVIGATION_TYPES,\n};\n"],"names":["LIST_ITEM_TYPES","DEFAULT","CUSTOM","LIST_ITEM_NAVIGATION_TYPES","ARROW_KEYS","TAB","NONE"],"mappings":"AAAO,MAAMA,kBAAkB;AAAA,EAC7BC,SAAS;AAAA,EACTC,QAAQ;AACV;AAEO,MAAMC,6BAA6B;AAAA,EACxCC,YAAY;AAAA,EACZC,KAAK;AAAA,EACLC,MAAM;AACR;"}
+{"version":3,"file":"list_item_constants-u1xcN9Dd.js","sources":["../../components/list_item/list_item_constants.js"],"sourcesContent":["export const LIST_ITEM_TYPES = {\n  DEFAULT: 'default',\n  CUSTOM: 'custom',\n};\n\nexport const LIST_ITEM_NAVIGATION_TYPES = {\n  ARROW_KEYS: 'arrow-keys',\n  TAB: 'tab',\n  NONE: 'none',\n};\n\nexport default {\n  LIST_ITEM_TYPES,\n  LIST_ITEM_NAVIGATION_TYPES,\n};\n"],"names":[],"mappings":"AAAY,MAAC,kBAAkB;AAAA,EAC7B,SAAS;AAAA,EACT,QAAQ;AACV;AAEY,MAAC,6BAA6B;AAAA,EACxC,YAAY;AAAA,EACZ,KAAK;AAAA,EACL,MAAM;AACR;"}