@dialpad/dialtone-vue 3.156.2 → 3.156.3

package/dist/components/radio/radio.vue.cjs

@@ -0,0 +1,156 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const input = require("../../common/mixins/input.cjs");
+const radio_constants = require("./radio_constants.cjs");
+const common_utils = require("../../common/utils.cjs");
+const vue = require("vue");
+const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.cjs");
+const validation_messages = require("../validation_messages/validation_messages.vue.cjs");
+const _sfc_main = {
+  name: "DtRadio",
+  components: { DtValidationMessages: validation_messages.default },
+  mixins: [input.InputMixin, input.CheckableMixin, input.GroupableMixin, input.MessagesMixin],
+  inheritAttrs: false,
+  props: {
+    /**
+     * A provided value for the radio
+     */
+    value: {
+      type: [String, Number],
+      default: ""
+    }
+  },
+  emits: [
+    /**
+     * Native input event
+     *
+     * @event input
+     * @type {String | Number}
+     */
+    "input",
+    /**
+     * Native input focus event
+     *
+     * @event focus
+     * @type {FocusEvent}
+     */
+    "focus",
+    /**
+     * Native input focusin event
+     *
+     * @event focusin
+     * @property {FocusEvent}
+     */
+    "focusin",
+    /**
+     * Native input focusout event
+     *
+     * @event focusout
+     * @property {FocusEvent}
+     */
+    "focusout",
+    /**
+     * Native click event
+     *
+     * @event click
+     * @type {PointerEvent | KeyboardEvent}
+     */
+    "click"
+  ],
+  data() {
+    return {
+      hasSlotContent: common_utils.hasSlotContent
+    };
+  },
+  computed: {
+    inputValidationClass() {
+      return radio_constants.RADIO_INPUT_VALIDATION_CLASSES[this.internalValidationState];
+    },
+    radioGroupValue() {
+      var _a;
+      return (_a = this.groupContext) == null ? void 0 : _a.selectedValue;
+    },
+    inputListeners() {
+      return {
+        /*
+         * Override input listener to as no-op. Prevents parent input listeners from being passed through onto the input
+         * element which will result in the handler being called twice
+         * (once on the input element and once by the emitted input event by the change listener).
+        */
+        input: () => {
+        },
+        focusin: (event) => this.$emit("focusin", event),
+        focusout: (event) => this.$emit("focusout", event),
+        change: (event) => this.emitValue(event.target.value)
+      };
+    }
+  },
+  watch: {
+    radioGroupValue: {
+      immediate: true,
+      handler(newRadioGroupValue) {
+        if (this.hasGroup) {
+          this.internalChecked = newRadioGroupValue === this.value;
+        }
+      }
+    }
+  },
+  methods: {
+    emitValue(value) {
+      if (value !== this.radioGroupValue) {
+        this.setGroupValue(value);
+        this.$emit("input", value);
+      }
+    }
+  }
+};
+const _hoisted_1 = { class: "d-radio__input" };
+const _hoisted_2 = ["checked", "name", "value", "disabled"];
+const _hoisted_3 = {
+  class: "d-radio__copy d-radio__label",
+  "data-qa": "radio-label-description-container"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_validation_messages = vue.resolveComponent("dt-validation-messages");
+  return vue.openBlock(), vue.createElementBlock("div", null, [
+    vue.createElementVNode("label", null, [
+      vue.createElementVNode("div", {
+        class: vue.normalizeClass(["d-radio-group", { "d-radio-group--disabled": _ctx.internalDisabled }])
+      }, [
+        vue.createElementVNode("div", _hoisted_1, [
+          vue.createElementVNode("input", vue.mergeProps({
+            checked: _ctx.internalChecked,
+            name: _ctx.internalName,
+            value: $props.value,
+            disabled: _ctx.internalDisabled,
+            type: "radio",
+            class: ["d-radio", $options.inputValidationClass, _ctx.inputClass]
+          }, _ctx.$attrs, vue.toHandlers($options.inputListeners, true)), null, 16, _hoisted_2)
+        ]),
+        vue.createElementVNode("div", _hoisted_3, [
+          vue.createElementVNode("div", vue.mergeProps({ class: _ctx.labelClass }, _ctx.labelChildProps, { "data-qa": "radio-label" }), [
+            vue.renderSlot(_ctx.$slots, "default", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
+            ])
+          ], 16),
+          _ctx.$slots.description || _ctx.description ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+            key: 0,
+            class: ["d-description", _ctx.descriptionClass]
+          }, _ctx.descriptionChildProps, { "data-qa": "radio-description" }), [
+            vue.renderSlot(_ctx.$slots, "description", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(_ctx.description), 1)
+            ])
+          ], 16)) : vue.createCommentVNode("", true),
+          vue.createVNode(_component_dt_validation_messages, vue.mergeProps({
+            "validation-messages": _ctx.formattedMessages,
+            "show-messages": _ctx.showMessages,
+            class: _ctx.messagesClass
+          }, _ctx.messagesChildProps, { "data-qa": "dt-radio-validation-messages" }), null, 16, ["validation-messages", "show-messages", "class"])
+        ])
+      ], 2)
+    ])
+  ]);
+}
+const radio = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = radio;
+//# sourceMappingURL=radio.vue.cjs.map

package/dist/components/radio/radio.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.vue.cjs","sources":["../../../components/radio/radio.vue"],"sourcesContent":["<template>\n  <div>\n    <label>\n      <div :class=\"['d-radio-group', { 'd-radio-group--disabled': internalDisabled }]\">\n        <div class=\"d-radio__input\">\n          <input\n            :checked=\"internalChecked\"\n            :name=\"internalName\"\n            :value=\"value\"\n            :disabled=\"internalDisabled\"\n            type=\"radio\"\n            :class=\"['d-radio', inputValidationClass, inputClass]\"\n            v-bind=\"$attrs\"\n            v-on=\"inputListeners\"\n          >\n        </div>\n        <div\n          class=\"d-radio__copy d-radio__label\"\n          data-qa=\"radio-label-description-container\"\n        >\n          <div\n            :class=\"labelClass\"\n            v-bind=\"labelChildProps\"\n            data-qa=\"radio-label\"\n          >\n            <!-- @slot slot for Radio Label -->\n            <slot>{{ label }}</slot>\n          </div>\n          <div\n            v-if=\"$slots.description || description\"\n            :class=\"['d-description', descriptionClass]\"\n            v-bind=\"descriptionChildProps\"\n            data-qa=\"radio-description\"\n          >\n            <!-- @slot slot for Radio Description -->\n            <slot name=\"description\">{{ description }}</slot>\n          </div>\n          <dt-validation-messages\n            :validation-messages=\"formattedMessages\"\n            :show-messages=\"showMessages\"\n            :class=\"messagesClass\"\n            v-bind=\"messagesChildProps\"\n            data-qa=\"dt-radio-validation-messages\"\n          />\n        </div>\n      </div>\n    </label>\n  </div>\n</template>\n\n<script>\nimport {\n  InputMixin,\n  CheckableMixin,\n  GroupableMixin,\n  MessagesMixin,\n} from '@/common/mixins/input';\nimport { RADIO_INPUT_VALIDATION_CLASSES } from './radio_constants';\nimport { DtValidationMessages } from '../validation_messages';\nimport { hasSlotContent } from '@/common/utils';\n\n/**\n * Radios are control elements that allow the user to make a single selection.\n * They are typically used in a Radio Group which allows the user to make a selection from a list of options.\n * @see https://dialtone.dialpad.com/components/radio.html\n */\nexport default {\n  name: 'DtRadio',\n\n  components: { DtValidationMessages },\n\n  mixins: [InputMixin, CheckableMixin, GroupableMixin, MessagesMixin],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * A provided value for the radio\n     */\n    value: {\n      type: [String, Number],\n      default: '',\n    },\n  },\n\n  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {String | Number}\n     */\n    'input',\n\n    /**\n     * Native input focus event\n     *\n     * @event focus\n     * @type {FocusEvent}\n     */\n    'focus',\n\n    /**\n     * Native input focusin event\n     *\n     * @event focusin\n     * @property {FocusEvent}\n     */\n    'focusin',\n\n    /**\n     * Native input focusout event\n     *\n     * @event focusout\n     * @property {FocusEvent}\n     */\n    'focusout',\n\n    /**\n     * Native click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n  data () {\n    return {\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n    inputValidationClass () {\n      return RADIO_INPUT_VALIDATION_CLASSES[this.internalValidationState];\n    },\n\n    radioGroupValue () {\n      return this.groupContext?.selectedValue;\n    },\n\n    inputListeners () {\n      return {\n        /*\n         * Override input listener to as no-op. Prevents parent input listeners from being passed through onto the input\n         * element which will result in the handler being called twice\n         * (once on the input element and once by the emitted input event by the change listener).\n        */\n        input: () => {},\n        focusin: event => this.$emit('focusin', event),\n        focusout: event => this.$emit('focusout', event),\n        change: event => this.emitValue(event.target.value),\n      };\n    },\n  },\n\n  watch: {\n    radioGroupValue: {\n      immediate: true,\n      handler (newRadioGroupValue) {\n        if (this.hasGroup) {\n          // update internal value when the radio group value changes\n          this.internalChecked = newRadioGroupValue === this.value;\n        }\n      },\n    },\n  },\n\n  methods: {\n    emitValue (value) {\n      if (value !== this.radioGroupValue) {\n        // update provided value if injected\n        this.setGroupValue(value);\n\n        this.$emit('input', value);\n      }\n    },\n  },\n};\n</script>\n"],"names":["DtValidationMessages","InputMixin","CheckableMixin","GroupableMixin","MessagesMixin","hasSlotContent","RADIO_INPUT_VALIDATION_CLASSES","_createElementBlock","_createElementVNode","_normalizeClass","_mergeProps","_toHandlers","_renderSlot","_createTextVNode","_toDisplayString","_openBlock","_createCommentVNode","_createVNode"],"mappings":"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"}

package/dist/components/radio/radio.vue.js

@@ -0,0 +1,156 @@
+import { InputMixin, CheckableMixin, GroupableMixin, MessagesMixin } from "../../common/mixins/input.js";
+import { RADIO_INPUT_VALIDATION_CLASSES } from "./radio_constants.js";
+import { hasSlotContent } from "../../common/utils.js";
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, mergeProps, toHandlers, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode } from "vue";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+import DtValidationMessages from "../validation_messages/validation_messages.vue.js";
+const _sfc_main = {
+  name: "DtRadio",
+  components: { DtValidationMessages },
+  mixins: [InputMixin, CheckableMixin, GroupableMixin, MessagesMixin],
+  inheritAttrs: false,
+  props: {
+    /**
+     * A provided value for the radio
+     */
+    value: {
+      type: [String, Number],
+      default: ""
+    }
+  },
+  emits: [
+    /**
+     * Native input event
+     *
+     * @event input
+     * @type {String | Number}
+     */
+    "input",
+    /**
+     * Native input focus event
+     *
+     * @event focus
+     * @type {FocusEvent}
+     */
+    "focus",
+    /**
+     * Native input focusin event
+     *
+     * @event focusin
+     * @property {FocusEvent}
+     */
+    "focusin",
+    /**
+     * Native input focusout event
+     *
+     * @event focusout
+     * @property {FocusEvent}
+     */
+    "focusout",
+    /**
+     * Native click event
+     *
+     * @event click
+     * @type {PointerEvent | KeyboardEvent}
+     */
+    "click"
+  ],
+  data() {
+    return {
+      hasSlotContent
+    };
+  },
+  computed: {
+    inputValidationClass() {
+      return RADIO_INPUT_VALIDATION_CLASSES[this.internalValidationState];
+    },
+    radioGroupValue() {
+      var _a;
+      return (_a = this.groupContext) == null ? void 0 : _a.selectedValue;
+    },
+    inputListeners() {
+      return {
+        /*
+         * Override input listener to as no-op. Prevents parent input listeners from being passed through onto the input
+         * element which will result in the handler being called twice
+         * (once on the input element and once by the emitted input event by the change listener).
+        */
+        input: () => {
+        },
+        focusin: (event) => this.$emit("focusin", event),
+        focusout: (event) => this.$emit("focusout", event),
+        change: (event) => this.emitValue(event.target.value)
+      };
+    }
+  },
+  watch: {
+    radioGroupValue: {
+      immediate: true,
+      handler(newRadioGroupValue) {
+        if (this.hasGroup) {
+          this.internalChecked = newRadioGroupValue === this.value;
+        }
+      }
+    }
+  },
+  methods: {
+    emitValue(value) {
+      if (value !== this.radioGroupValue) {
+        this.setGroupValue(value);
+        this.$emit("input", value);
+      }
+    }
+  }
+};
+const _hoisted_1 = { class: "d-radio__input" };
+const _hoisted_2 = ["checked", "name", "value", "disabled"];
+const _hoisted_3 = {
+  class: "d-radio__copy d-radio__label",
+  "data-qa": "radio-label-description-container"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_validation_messages = resolveComponent("dt-validation-messages");
+  return openBlock(), createElementBlock("div", null, [
+    createElementVNode("label", null, [
+      createElementVNode("div", {
+        class: normalizeClass(["d-radio-group", { "d-radio-group--disabled": _ctx.internalDisabled }])
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          createElementVNode("input", mergeProps({
+            checked: _ctx.internalChecked,
+            name: _ctx.internalName,
+            value: $props.value,
+            disabled: _ctx.internalDisabled,
+            type: "radio",
+            class: ["d-radio", $options.inputValidationClass, _ctx.inputClass]
+          }, _ctx.$attrs, toHandlers($options.inputListeners, true)), null, 16, _hoisted_2)
+        ]),
+        createElementVNode("div", _hoisted_3, [
+          createElementVNode("div", mergeProps({ class: _ctx.labelClass }, _ctx.labelChildProps, { "data-qa": "radio-label" }), [
+            renderSlot(_ctx.$slots, "default", {}, () => [
+              createTextVNode(toDisplayString(_ctx.label), 1)
+            ])
+          ], 16),
+          _ctx.$slots.description || _ctx.description ? (openBlock(), createElementBlock("div", mergeProps({
+            key: 0,
+            class: ["d-description", _ctx.descriptionClass]
+          }, _ctx.descriptionChildProps, { "data-qa": "radio-description" }), [
+            renderSlot(_ctx.$slots, "description", {}, () => [
+              createTextVNode(toDisplayString(_ctx.description), 1)
+            ])
+          ], 16)) : createCommentVNode("", true),
+          createVNode(_component_dt_validation_messages, mergeProps({
+            "validation-messages": _ctx.formattedMessages,
+            "show-messages": _ctx.showMessages,
+            class: _ctx.messagesClass
+          }, _ctx.messagesChildProps, { "data-qa": "dt-radio-validation-messages" }), null, 16, ["validation-messages", "show-messages", "class"])
+        ])
+      ], 2)
+    ])
+  ]);
+}
+const radio = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  radio as default
+};
+//# sourceMappingURL=radio.vue.js.map

package/dist/components/radio/radio.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.vue.js","sources":["../../../components/radio/radio.vue"],"sourcesContent":["<template>\n  <div>\n    <label>\n      <div :class=\"['d-radio-group', { 'd-radio-group--disabled': internalDisabled }]\">\n        <div class=\"d-radio__input\">\n          <input\n            :checked=\"internalChecked\"\n            :name=\"internalName\"\n            :value=\"value\"\n            :disabled=\"internalDisabled\"\n            type=\"radio\"\n            :class=\"['d-radio', inputValidationClass, inputClass]\"\n            v-bind=\"$attrs\"\n            v-on=\"inputListeners\"\n          >\n        </div>\n        <div\n          class=\"d-radio__copy d-radio__label\"\n          data-qa=\"radio-label-description-container\"\n        >\n          <div\n            :class=\"labelClass\"\n            v-bind=\"labelChildProps\"\n            data-qa=\"radio-label\"\n          >\n            <!-- @slot slot for Radio Label -->\n            <slot>{{ label }}</slot>\n          </div>\n          <div\n            v-if=\"$slots.description || description\"\n            :class=\"['d-description', descriptionClass]\"\n            v-bind=\"descriptionChildProps\"\n            data-qa=\"radio-description\"\n          >\n            <!-- @slot slot for Radio Description -->\n            <slot name=\"description\">{{ description }}</slot>\n          </div>\n          <dt-validation-messages\n            :validation-messages=\"formattedMessages\"\n            :show-messages=\"showMessages\"\n            :class=\"messagesClass\"\n            v-bind=\"messagesChildProps\"\n            data-qa=\"dt-radio-validation-messages\"\n          />\n        </div>\n      </div>\n    </label>\n  </div>\n</template>\n\n<script>\nimport {\n  InputMixin,\n  CheckableMixin,\n  GroupableMixin,\n  MessagesMixin,\n} from '@/common/mixins/input';\nimport { RADIO_INPUT_VALIDATION_CLASSES } from './radio_constants';\nimport { DtValidationMessages } from '../validation_messages';\nimport { hasSlotContent } from '@/common/utils';\n\n/**\n * Radios are control elements that allow the user to make a single selection.\n * They are typically used in a Radio Group which allows the user to make a selection from a list of options.\n * @see https://dialtone.dialpad.com/components/radio.html\n */\nexport default {\n  name: 'DtRadio',\n\n  components: { DtValidationMessages },\n\n  mixins: [InputMixin, CheckableMixin, GroupableMixin, MessagesMixin],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * A provided value for the radio\n     */\n    value: {\n      type: [String, Number],\n      default: '',\n    },\n  },\n\n  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {String | Number}\n     */\n    'input',\n\n    /**\n     * Native input focus event\n     *\n     * @event focus\n     * @type {FocusEvent}\n     */\n    'focus',\n\n    /**\n     * Native input focusin event\n     *\n     * @event focusin\n     * @property {FocusEvent}\n     */\n    'focusin',\n\n    /**\n     * Native input focusout event\n     *\n     * @event focusout\n     * @property {FocusEvent}\n     */\n    'focusout',\n\n    /**\n     * Native click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n  data () {\n    return {\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n    inputValidationClass () {\n      return RADIO_INPUT_VALIDATION_CLASSES[this.internalValidationState];\n    },\n\n    radioGroupValue () {\n      return this.groupContext?.selectedValue;\n    },\n\n    inputListeners () {\n      return {\n        /*\n         * Override input listener to as no-op. Prevents parent input listeners from being passed through onto the input\n         * element which will result in the handler being called twice\n         * (once on the input element and once by the emitted input event by the change listener).\n        */\n        input: () => {},\n        focusin: event => this.$emit('focusin', event),\n        focusout: event => this.$emit('focusout', event),\n        change: event => this.emitValue(event.target.value),\n      };\n    },\n  },\n\n  watch: {\n    radioGroupValue: {\n      immediate: true,\n      handler (newRadioGroupValue) {\n        if (this.hasGroup) {\n          // update internal value when the radio group value changes\n          this.internalChecked = newRadioGroupValue === this.value;\n        }\n      },\n    },\n  },\n\n  methods: {\n    emitValue (value) {\n      if (value !== this.radioGroupValue) {\n        // update provided value if injected\n        this.setGroupValue(value);\n\n        this.$emit('input', value);\n      }\n    },\n  },\n};\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_normalizeClass","_mergeProps","_toHandlers","_renderSlot","_createTextVNode","_toDisplayString","_openBlock","_createCommentVNode","_createVNode"],"mappings":"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"}

package/dist/components/radio/radio_constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio_constants.cjs","sources":["../../../components/radio/radio_constants.js"],"sourcesContent":["export const RADIO_INPUT_VALIDATION_CLASSES = {\n  warning: 'd-radio--warning',\n  error: 'd-radio--error',\n  success: 'd-radio--success',\n};\n\nexport default {\n  RADIO_INPUT_VALIDATION_CLASSES,\n};\n"],"names":[],"mappings":";;AAAY,MAAC,iCAAiC;AAAA,EAC5C,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AACX;;"}

package/dist/components/radio/radio_constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio_constants.js","sources":["../../../components/radio/radio_constants.js"],"sourcesContent":["export const RADIO_INPUT_VALIDATION_CLASSES = {\n  warning: 'd-radio--warning',\n  error: 'd-radio--error',\n  success: 'd-radio--success',\n};\n\nexport default {\n  RADIO_INPUT_VALIDATION_CLASSES,\n};\n"],"names":[],"mappings":"AAAY,MAAC,iCAAiC;AAAA,EAC5C,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AACX;"}

package/dist/components/radio_group/radio_group.vue.cjs

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const input_group = require("../input_group/input_group.vue.cjs");
+const _sfc_main = {
+  name: "DtRadioGroup",
+  extends: input_group.default,
+  props: {
+    /**
+     * A provided value for the radio group
+     * @model value
+     */
+    value: {
+      type: [String, Number],
+      default: ""
+    },
+    /**
+     * A data qa tag for the radio group
+     */
+    dataQaGroup: {
+      type: String,
+      default: "radio-group"
+    },
+    /**
+     * A data qa tag for the radio group legend
+     */
+    dataQaGroupLegend: {
+      type: String,
+      default: "radio-group-legend"
+    },
+    /**
+     * A data qa tag for the radio group messages
+     */
+    dataQaGroupMessages: {
+      type: String,
+      default: "radio-group-messages"
+    }
+  },
+  emits: [
+    /**
+     * Native input event
+     *
+     * @event input
+     * @type {String | Number}
+     */
+    "input"
+  ],
+  data() {
+    return {
+      internalValue: this.value
+    };
+  },
+  watch: {
+    value(newValue) {
+      this.internalValue = newValue;
+    },
+    /*
+    * watching value to support 2 way binding for slotted radios.
+    * need this to pass value to slotted checkboxes if modified outside
+    * radio group.
+    */
+    internalValue: {
+      immediate: true,
+      handler(newInternalValue) {
+        this.provideObj.selectedValue = newInternalValue;
+      }
+    }
+  },
+  methods: {
+    /*
+     * provided value to support 2 way binding for slotted radios.
+     * slotted radios will change this value and need to emit new value up.
+     */
+    setGroupValue(newValue) {
+      this.$emit("input", newValue);
+    },
+    getMessageKey(type, index) {
+      return `radio-group-message-${type}-${index}-${this.id}`;
+    }
+  }
+};
+const _sfc_main$1 = _sfc_main;
+exports.default = _sfc_main$1;
+//# sourceMappingURL=radio_group.vue.cjs.map

package/dist/components/radio_group/radio_group.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio_group.vue.cjs","sources":["../../../components/radio_group/radio_group.vue"],"sourcesContent":["<script>\nimport { DtInputGroup } from '../input_group';\n\n/**\n * Radio Groups are control elements that allow the user to make a single selection from a list of options.\n * @see https://dialtone.dialpad.com/components/radio_group.html\n */\nexport default {\n  name: 'DtRadioGroup',\n\n  extends: DtInputGroup,\n\n  props: {\n    /**\n     * A provided value for the radio group\n     * @model value\n     */\n    value: {\n      type: [String, Number],\n      default: '',\n    },\n\n    /**\n     * A data qa tag for the radio group\n     */\n    dataQaGroup: {\n      type: String,\n      default: 'radio-group',\n    },\n\n    /**\n     * A data qa tag for the radio group legend\n     */\n    dataQaGroupLegend: {\n      type: String,\n      default: 'radio-group-legend',\n    },\n\n    /**\n     * A data qa tag for the radio group messages\n     */\n    dataQaGroupMessages: {\n      type: String,\n      default: 'radio-group-messages',\n    },\n  },\n\n  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {String | Number}\n     */\n    'input',\n  ],\n\n  data () {\n    return {\n      internalValue: this.value,\n    };\n  },\n\n  watch: {\n    value (newValue) {\n      this.internalValue = newValue;\n    },\n\n    /*\n    * watching value to support 2 way binding for slotted radios.\n    * need this to pass value to slotted checkboxes if modified outside\n    * radio group.\n    */\n    internalValue: {\n      immediate: true,\n      handler (newInternalValue) {\n        this.provideObj.selectedValue = newInternalValue;\n      },\n    },\n  },\n\n  methods: {\n    /*\n     * provided value to support 2 way binding for slotted radios.\n     * slotted radios will change this value and need to emit new value up.\n     */\n    setGroupValue (newValue) {\n      this.$emit('input', newValue);\n    },\n\n    getMessageKey (type, index) {\n      return `radio-group-message-${type}-${index}-${this.id}`;\n    },\n  },\n};\n</script>\n"],"names":["DtInputGroup"],"mappings":";;;AAOA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,SAASA,YAAY;AAAA,EAErB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,qBAAqB;AAAA,MACnB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOL;AAAA,EACD;AAAA,EAED,OAAQ;AACN,WAAO;AAAA,MACL,eAAe,KAAK;AAAA;EAEvB;AAAA,EAED,OAAO;AAAA,IACL,MAAO,UAAU;AACf,WAAK,gBAAgB;AAAA,IACtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOD,eAAe;AAAA,MACb,WAAW;AAAA,MACX,QAAS,kBAAkB;AACzB,aAAK,WAAW,gBAAgB;AAAA,MACjC;AAAA,IACF;AAAA,EACF;AAAA,EAED,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,cAAe,UAAU;AACvB,WAAK,MAAM,SAAS,QAAQ;AAAA,IAC7B;AAAA,IAED,cAAe,MAAM,OAAO;AAC1B,aAAO,uBAAuB,IAAI,IAAI,KAAK,IAAI,KAAK,EAAE;AAAA,IACvD;AAAA,EACF;AACH;;;"}

package/dist/components/radio_group/radio_group.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio_group.vue.js","sources":["../../../components/radio_group/radio_group.vue"],"sourcesContent":["<script>\nimport { DtInputGroup } from '../input_group';\n\n/**\n * Radio Groups are control elements that allow the user to make a single selection from a list of options.\n * @see https://dialtone.dialpad.com/components/radio_group.html\n */\nexport default {\n  name: 'DtRadioGroup',\n\n  extends: DtInputGroup,\n\n  props: {\n    /**\n     * A provided value for the radio group\n     * @model value\n     */\n    value: {\n      type: [String, Number],\n      default: '',\n    },\n\n    /**\n     * A data qa tag for the radio group\n     */\n    dataQaGroup: {\n      type: String,\n      default: 'radio-group',\n    },\n\n    /**\n     * A data qa tag for the radio group legend\n     */\n    dataQaGroupLegend: {\n      type: String,\n      default: 'radio-group-legend',\n    },\n\n    /**\n     * A data qa tag for the radio group messages\n     */\n    dataQaGroupMessages: {\n      type: String,\n      default: 'radio-group-messages',\n    },\n  },\n\n  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {String | Number}\n     */\n    'input',\n  ],\n\n  data () {\n    return {\n      internalValue: this.value,\n    };\n  },\n\n  watch: {\n    value (newValue) {\n      this.internalValue = newValue;\n    },\n\n    /*\n    * watching value to support 2 way binding for slotted radios.\n    * need this to pass value to slotted checkboxes if modified outside\n    * radio group.\n    */\n    internalValue: {\n      immediate: true,\n      handler (newInternalValue) {\n        this.provideObj.selectedValue = newInternalValue;\n      },\n    },\n  },\n\n  methods: {\n    /*\n     * provided value to support 2 way binding for slotted radios.\n     * slotted radios will change this value and need to emit new value up.\n     */\n    setGroupValue (newValue) {\n      this.$emit('input', newValue);\n    },\n\n    getMessageKey (type, index) {\n      return `radio-group-message-${type}-${index}-${this.id}`;\n    },\n  },\n};\n</script>\n"],"names":[],"mappings":";AAOA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,SAAS;AAAA,EAET,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,qBAAqB;AAAA,MACnB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOL;AAAA,EACD;AAAA,EAED,OAAQ;AACN,WAAO;AAAA,MACL,eAAe,KAAK;AAAA;EAEvB;AAAA,EAED,OAAO;AAAA,IACL,MAAO,UAAU;AACf,WAAK,gBAAgB;AAAA,IACtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOD,eAAe;AAAA,MACb,WAAW;AAAA,MACX,QAAS,kBAAkB;AACzB,aAAK,WAAW,gBAAgB;AAAA,MACjC;AAAA,IACF;AAAA,EACF;AAAA,EAED,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,cAAe,UAAU;AACvB,WAAK,MAAM,SAAS,QAAQ;AAAA,IAC7B;AAAA,IAED,cAAe,MAAM,OAAO;AAC1B,aAAO,uBAAuB,IAAI,IAAI,KAAK,IAAI,KAAK,EAAE;AAAA,IACvD;AAAA,EACF;AACH;;"}

package/dist/components/rich_text_editor/extensions/channels/ChannelComponent.vue.cjs

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue3 = require("@tiptap/vue-3");
+const vue = require("vue");
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
+const link = require("../../../link/link.vue.cjs");
+const _sfc_main = {
+  name: "ChannelComponent",
+  components: {
+    NodeViewWrapper: vue3.NodeViewWrapper,
+    DtLink: link.default
+  },
+  props: vue3.nodeViewProps,
+  computed: {
+    text() {
+      return "#" + this.$props.node.attrs.name;
+    }
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_link = vue.resolveComponent("dt-link");
+  const _component_node_view_wrapper = vue.resolveComponent("node-view-wrapper");
+  return vue.openBlock(), vue.createBlock(_component_node_view_wrapper, { class: "d-d-inline-block" }, {
+    default: vue.withCtx(() => [
+      vue.createVNode(_component_dt_link, { kind: "mention" }, {
+        default: vue.withCtx(() => [
+          vue.createTextVNode(vue.toDisplayString($options.text), 1)
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const ChannelComponent = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = ChannelComponent;
+//# sourceMappingURL=ChannelComponent.vue.cjs.map

package/dist/components/rich_text_editor/extensions/channels/ChannelComponent.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelComponent.vue.cjs","sources":["../../../../../components/rich_text_editor/extensions/channels/ChannelComponent.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <node-view-wrapper\n    class=\"d-d-inline-block\"\n  >\n    <dt-link\n      kind=\"mention\"\n    >\n      {{ text }}\n    </dt-link>\n  </node-view-wrapper>\n</template>\n\n<script>\nimport { nodeViewProps, NodeViewWrapper } from '@tiptap/vue-3';\n\nimport { DtLink } from '@/components/link';\n\nexport default {\n  name: 'ChannelComponent',\n  components: {\n    NodeViewWrapper,\n    DtLink,\n  },\n\n  props: nodeViewProps,\n\n  computed: {\n    text () {\n      return '#' + this.$props.node.attrs.name;\n    },\n  },\n};\n</script>\n"],"names":["NodeViewWrapper","DtLink","nodeViewProps","_createBlock","_withCtx","_createVNode","_createTextVNode","_toDisplayString"],"mappings":";;;;;;AAkBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV,iBAAAA,KAAe;AAAA,IACf,QAAAC,KAAM;AAAA,EACP;AAAA,EAED,OAAOC,KAAa;AAAA,EAEpB,UAAU;AAAA,IACR,OAAQ;AACN,aAAO,MAAM,KAAK,OAAO,KAAK,MAAM;AAAA,IACrC;AAAA,EACF;AACH;;;;0BA9BEC,IAQoB,YAAA,8BAAA,EAPlB,OAAM,sBAAkB;AAAA,IAH5B,SAAAC,IAAA,QAKI,MAIU;AAAA,MAJVC,IAAAA,YAIU,oBAAA,EAHR,MAAK,UAAS,GAAA;AAAA,QANpB,SAAAD,IAAA,QAQM,MAAU;AAAA,UARhBE,IAAAA,gBAAAC,IAAAA,gBAQS,SAAI,IAAA,GAAA,CAAA;AAAA;QARb,GAAA;AAAA;;IAAA,GAAA;AAAA;;;;"}

package/dist/components/rich_text_editor/extensions/channels/ChannelComponent.vue.js

@@ -0,0 +1,37 @@
+import { NodeViewWrapper, nodeViewProps } from "@tiptap/vue-3";
+import { resolveComponent, openBlock, createBlock, withCtx, createVNode, createTextVNode, toDisplayString } from "vue";
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+import DtLink from "../../../link/link.vue.js";
+const _sfc_main = {
+  name: "ChannelComponent",
+  components: {
+    NodeViewWrapper,
+    DtLink
+  },
+  props: nodeViewProps,
+  computed: {
+    text() {
+      return "#" + this.$props.node.attrs.name;
+    }
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_link = resolveComponent("dt-link");
+  const _component_node_view_wrapper = resolveComponent("node-view-wrapper");
+  return openBlock(), createBlock(_component_node_view_wrapper, { class: "d-d-inline-block" }, {
+    default: withCtx(() => [
+      createVNode(_component_dt_link, { kind: "mention" }, {
+        default: withCtx(() => [
+          createTextVNode(toDisplayString($options.text), 1)
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const ChannelComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  ChannelComponent as default
+};
+//# sourceMappingURL=ChannelComponent.vue.js.map

package/dist/components/rich_text_editor/extensions/channels/ChannelComponent.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelComponent.vue.js","sources":["../../../../../components/rich_text_editor/extensions/channels/ChannelComponent.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <node-view-wrapper\n    class=\"d-d-inline-block\"\n  >\n    <dt-link\n      kind=\"mention\"\n    >\n      {{ text }}\n    </dt-link>\n  </node-view-wrapper>\n</template>\n\n<script>\nimport { nodeViewProps, NodeViewWrapper } from '@tiptap/vue-3';\n\nimport { DtLink } from '@/components/link';\n\nexport default {\n  name: 'ChannelComponent',\n  components: {\n    NodeViewWrapper,\n    DtLink,\n  },\n\n  props: nodeViewProps,\n\n  computed: {\n    text () {\n      return '#' + this.$props.node.attrs.name;\n    },\n  },\n};\n</script>\n"],"names":["_createBlock","_withCtx","_createVNode","_createTextVNode","_toDisplayString"],"mappings":";;;;AAkBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,EACD;AAAA,EAED,OAAO;AAAA,EAEP,UAAU;AAAA,IACR,OAAQ;AACN,aAAO,MAAM,KAAK,OAAO,KAAK,MAAM;AAAA,IACrC;AAAA,EACF;AACH;;;;sBA9BEA,YAQoB,8BAAA,EAPlB,OAAM,sBAAkB;AAAA,IAH5B,SAAAC,QAKI,MAIU;AAAA,MAJVC,YAIU,oBAAA,EAHR,MAAK,UAAS,GAAA;AAAA,QANpB,SAAAD,QAQM,MAAU;AAAA,UARhBE,gBAAAC,gBAQS,SAAI,IAAA,GAAA,CAAA;AAAA;QARb,GAAA;AAAA;;IAAA,GAAA;AAAA;;;"}

package/dist/components/rich_text_editor/extensions/channels/ChannelSuggestion.vue.cjs

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const DtIconHash = require("@dialpad/dialtone-icons/vue3/hash");
+const DtIconLock = require("@dialpad/dialtone-icons/vue3/lock");
+const vue = require("vue");
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
+const stack = require("../../../stack/stack.vue.cjs");
+const _sfc_main = {
+  name: "ChannelSuggestion",
+  components: {
+    DtStack: stack.default,
+    DtIconHash,
+    DtIconLock
+  },
+  props: {
+    item: {
+      type: Object,
+      required: true
+    }
+  },
+  computed: {
+    name() {
+      return this.item.name;
+    }
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_icon_hash = vue.resolveComponent("dt-icon-hash");
+  const _component_dt_icon_lock = vue.resolveComponent("dt-icon-lock");
+  const _component_dt_stack = vue.resolveComponent("dt-stack");
+  return vue.openBlock(), vue.createBlock(_component_dt_stack, {
+    direction: "row",
+    gap: "400"
+  }, {
+    default: vue.withCtx(() => [
+      !$props.item.locked ? (vue.openBlock(), vue.createBlock(_component_dt_icon_hash, {
+        key: 0,
+        size: "300"
+      })) : (vue.openBlock(), vue.createBlock(_component_dt_icon_lock, {
+        key: 1,
+        size: "300"
+      })),
+      vue.createElementVNode("span", null, vue.toDisplayString($options.name), 1)
+    ]),
+    _: 1
+  });
+}
+const ChannelSuggestion = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = ChannelSuggestion;
+//# sourceMappingURL=ChannelSuggestion.vue.cjs.map

package/dist/components/rich_text_editor/extensions/channels/ChannelSuggestion.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelSuggestion.vue.cjs","sources":["../../../../../components/rich_text_editor/extensions/channels/ChannelSuggestion.vue"],"sourcesContent":["<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"400\"\n  >\n    <dt-icon-hash\n      v-if=\"!item.locked\"\n      size=\"300\"\n    />\n    <dt-icon-lock\n      v-else\n      size=\"300\"\n    />\n    <span>{{ name }}</span>\n  </dt-stack>\n</template>\n\n<script>\nimport { DtStack } from '@/components/stack';\nimport DtIconHash from '@dialpad/dialtone-icons/vue3/hash';\nimport DtIconLock from '@dialpad/dialtone-icons/vue3/lock';\n\nexport default {\n  name: 'ChannelSuggestion',\n  components: {\n    DtStack,\n    DtIconHash,\n    DtIconLock,\n  },\n\n  props: {\n    item: {\n      type: Object,\n      required: true,\n    },\n  },\n\n  computed: {\n    name () {\n      return this.item.name;\n    },\n  },\n};\n</script>\n"],"names":["DtStack","_createBlock","_withCtx","_createElementVNode"],"mappings":";;;;;;;AAsBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV,SAAAA,MAAO;AAAA,IACP;AAAA,IACA;AAAA,EACD;AAAA,EAED,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,EACF;AAAA,EAED,UAAU;AAAA,IACR,OAAQ;AACN,aAAO,KAAK,KAAK;AAAA,IAClB;AAAA,EACF;AACH;;;;;0BAzCEC,IAaW,YAAA,qBAAA;AAAA,IAZT,WAAU;AAAA,IACV,KAAI;AAAA;IAHR,SAAAC,IAAA,QAKI,MAGE;AAAA,MAFO,CAAA,OAAA,KAAK,2BADdD,IAGE,YAAA,yBAAA;AAAA,QARN,KAAA;AAAA,QAOM,MAAK;AAAA,8BAEPA,IAGE,YAAA,yBAAA;AAAA,QAZN,KAAA;AAAA,QAWM,MAAK;AAAA;MAEPE,IAAA,mBAAuB,kCAAd,SAAI,IAAA,GAAA,CAAA;AAAA;IAbjB,GAAA;AAAA;;;;"}

package/dist/components/rich_text_editor/extensions/channels/ChannelSuggestion.vue.js

@@ -0,0 +1,50 @@
+import DtIconHash from "@dialpad/dialtone-icons/vue3/hash";
+import DtIconLock from "@dialpad/dialtone-icons/vue3/lock";
+import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, toDisplayString } from "vue";
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+import DtStack from "../../../stack/stack.vue.js";
+const _sfc_main = {
+  name: "ChannelSuggestion",
+  components: {
+    DtStack,
+    DtIconHash,
+    DtIconLock
+  },
+  props: {
+    item: {
+      type: Object,
+      required: true
+    }
+  },
+  computed: {
+    name() {
+      return this.item.name;
+    }
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_icon_hash = resolveComponent("dt-icon-hash");
+  const _component_dt_icon_lock = resolveComponent("dt-icon-lock");
+  const _component_dt_stack = resolveComponent("dt-stack");
+  return openBlock(), createBlock(_component_dt_stack, {
+    direction: "row",
+    gap: "400"
+  }, {
+    default: withCtx(() => [
+      !$props.item.locked ? (openBlock(), createBlock(_component_dt_icon_hash, {
+        key: 0,
+        size: "300"
+      })) : (openBlock(), createBlock(_component_dt_icon_lock, {
+        key: 1,
+        size: "300"
+      })),
+      createElementVNode("span", null, toDisplayString($options.name), 1)
+    ]),
+    _: 1
+  });
+}
+const ChannelSuggestion = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  ChannelSuggestion as default
+};
+//# sourceMappingURL=ChannelSuggestion.vue.js.map

package/dist/components/rich_text_editor/extensions/channels/ChannelSuggestion.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelSuggestion.vue.js","sources":["../../../../../components/rich_text_editor/extensions/channels/ChannelSuggestion.vue"],"sourcesContent":["<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"400\"\n  >\n    <dt-icon-hash\n      v-if=\"!item.locked\"\n      size=\"300\"\n    />\n    <dt-icon-lock\n      v-else\n      size=\"300\"\n    />\n    <span>{{ name }}</span>\n  </dt-stack>\n</template>\n\n<script>\nimport { DtStack } from '@/components/stack';\nimport DtIconHash from '@dialpad/dialtone-icons/vue3/hash';\nimport DtIconLock from '@dialpad/dialtone-icons/vue3/lock';\n\nexport default {\n  name: 'ChannelSuggestion',\n  components: {\n    DtStack,\n    DtIconHash,\n    DtIconLock,\n  },\n\n  props: {\n    item: {\n      type: Object,\n      required: true,\n    },\n  },\n\n  computed: {\n    name () {\n      return this.item.name;\n    },\n  },\n};\n</script>\n"],"names":["_createBlock","_withCtx","_createElementVNode"],"mappings":";;;;;AAsBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAAA,EAED,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,EACF;AAAA,EAED,UAAU;AAAA,IACR,OAAQ;AACN,aAAO,KAAK,KAAK;AAAA,IAClB;AAAA,EACF;AACH;;;;;sBAzCEA,YAaW,qBAAA;AAAA,IAZT,WAAU;AAAA,IACV,KAAI;AAAA;IAHR,SAAAC,QAKI,MAGE;AAAA,MAFO,CAAA,OAAA,KAAK,uBADdD,YAGE,yBAAA;AAAA,QARN,KAAA;AAAA,QAOM,MAAK;AAAA,0BAEPA,YAGE,yBAAA;AAAA,QAZN,KAAA;AAAA,QAWM,MAAK;AAAA;MAEPE,mBAAuB,8BAAd,SAAI,IAAA,GAAA,CAAA;AAAA;IAbjB,GAAA;AAAA;;;"}