@milaboratories/uikit 2.15.36 → 2.15.38

package/dist/components/PlCheckbox/PlCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlCheckbox.js","names":[],"sources":["../../../src/components/PlCheckbox/PlCheckbox.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Component for boolean model manipulation */\nexport default {\n  name: \"PlCheckbox\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { useSlots } from \"vue\";\nimport \"./pl-checkbox.scss\";\nimport PlCheckboxBase from \"./PlCheckboxBase.vue\";\n\ndefineEmits<{\n  /**\n   * Emitted when the model value is updated.\n   */\n  (e: \"update:modelValue\", value: boolean): void;\n}>();\n\nconst props = defineProps<{\n  /**\n   * The current boolean value of the checkbox.\n   */\n  modelValue: boolean;\n  /**\n   * If `true`, the checkbox is disabled and cannot be interacted with.\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the checkbox is indeterminate (doesn't affect the model value).\n   */\n  indeterminate?: boolean;\n}>();\n\nconst slots = useSlots();\n</script>\n\n<template>\n  <div v-if=\"slots['default']\" class=\"pl-checkbox\" :class=\"{ disabled }\">\n    <PlCheckboxBase v-bind=\"props\" @update:model-value=\"$emit('update:modelValue', $event)\" />\n    <label @click=\"$emit('update:modelValue', !$props.modelValue)\"><slot /></label>\n  </div>\n  <PlCheckboxBase v-else v-bind=\"props\" @update:model-value=\"$emit('update:modelValue', $event)\" />\n</template>\n"],"mappings":""}
+{"version":3,"file":"PlCheckbox.js","names":[],"sources":["../../../src/components/PlCheckbox/PlCheckbox.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Component for boolean model manipulation */\nexport default {\n  name: \"PlCheckbox\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { useSlots } from \"vue\";\nimport \"./pl-checkbox.scss\";\nimport PlCheckboxBase from \"./PlCheckboxBase.vue\";\n\ndefineEmits<{\n  /**\n   * Emitted when the model value is updated.\n   */\n  (e: \"update:modelValue\", value: boolean): void;\n}>();\n\nconst props = defineProps<{\n  /**\n   * The current boolean value of the checkbox.\n   */\n  modelValue: boolean;\n  /**\n   * If `true`, the checkbox is disabled and cannot be interacted with.\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the checkbox is indeterminate (doesn't affect the model value).\n   */\n  indeterminate?: boolean;\n}>();\n\nconst slots = useSlots();\n</script>\n\n<template>\n  <div v-if=\"slots['default']\" class=\"pl-checkbox\" :class=\"{ disabled }\" data-testid=\"pl-checkbox\">\n    <PlCheckboxBase\n      data-testid=\"pl-checkbox-input\"\n      v-bind=\"props\"\n      @update:model-value=\"$emit('update:modelValue', $event)\"\n    />\n    <label data-testid=\"pl-checkbox-label\" @click=\"$emit('update:modelValue', !$props.modelValue)\"\n      ><slot\n    /></label>\n  </div>\n  <PlCheckboxBase\n    v-else\n    data-testid=\"pl-checkbox\"\n    v-bind=\"props\"\n    @update:model-value=\"$emit('update:modelValue', $event)\"\n  />\n</template>\n"],"mappings":""}

package/dist/components/PlCheckbox/PlCheckbox.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlCheckbox/PlCheckbox.vue"],"names":[],"mappings":"AAgDA,OAAO,oBAAoB,CAAC;AAI5B,+CAA+C;wBAC1B,OAAO,YAAY;AAAxC,wBAAyC;AAKzC,QAAA,MAAM,YAAY;IAUhB;;OAEG;gBACS,OAAO;IACnB;;OAEG;eACQ,OAAO;IAClB;;OAEG;oBACa,OAAO;;;;IAXvB;;OAEG;gBACS,OAAO;IACnB;;OAEG;eACQ,OAAO;IAClB;;OAEG;oBACa,OAAO;;;;cA6FX,CAAC,KAAK,IAAgB,KAAK,GAAG;EAWxC,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"PlCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlCheckbox/PlCheckbox.vue"],"names":[],"mappings":"AA2DA,OAAO,oBAAoB,CAAC;AAI5B,+CAA+C;wBAC1B,OAAO,YAAY;AAAxC,wBAAyC;AAKzC,QAAA,MAAM,YAAY;IAUhB;;OAEG;gBACS,OAAO;IACnB;;OAEG;eACQ,OAAO;IAClB;;OAEG;oBACa,OAAO;;;;IAXvB;;OAEG;gBACS,OAAO;IACnB;;OAEG;eACQ,OAAO;IAClB;;OAEG;oBACa,OAAO;;;;cAmGX,CAAC,KAAK,IAAgB,KAAK,GAAG;EAWxC,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/PlCheckbox/PlCheckbox.vue2.js

@@ -13,8 +13,15 @@ var f = /* @__PURE__ */ a({
 		let f = a, p = d();
 		return (d, m) => u(p).default ? (c(), n("div", {
 			key: 0,
-			class: s(["pl-checkbox", { disabled: a.disabled }])
-		}, [i(e, o(f, { "onUpdate:modelValue": m[0] ||= (e) => d.$emit("update:modelValue", e) }), null, 16), r("label", { onClick: m[1] ||= (e) => d.$emit("update:modelValue", !d.$props.modelValue) }, [l(d.$slots, "default")])], 2)) : (c(), t(e, o({ key: 1 }, f, { "onUpdate:modelValue": m[2] ||= (e) => d.$emit("update:modelValue", e) }), null, 16));
+			class: s(["pl-checkbox", { disabled: a.disabled }]),
+			"data-testid": "pl-checkbox"
+		}, [i(e, o({ "data-testid": "pl-checkbox-input" }, f, { "onUpdate:modelValue": m[0] ||= (e) => d.$emit("update:modelValue", e) }), null, 16), r("label", {
+			"data-testid": "pl-checkbox-label",
+			onClick: m[1] ||= (e) => d.$emit("update:modelValue", !d.$props.modelValue)
+		}, [l(d.$slots, "default")])], 2)) : (c(), t(e, o({
+			key: 1,
+			"data-testid": "pl-checkbox"
+		}, f, { "onUpdate:modelValue": m[2] ||= (e) => d.$emit("update:modelValue", e) }), null, 16));
 	}
 });
 //#endregion

package/dist/components/PlCheckbox/PlCheckbox.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlCheckbox.vue_vue_type_script_setup_true_lang.js","names":["$emit","$props"],"sources":["../../../src/components/PlCheckbox/PlCheckbox.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Component for boolean model manipulation */\nexport default {\n  name: \"PlCheckbox\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { useSlots } from \"vue\";\nimport \"./pl-checkbox.scss\";\nimport PlCheckboxBase from \"./PlCheckboxBase.vue\";\n\ndefineEmits<{\n  /**\n   * Emitted when the model value is updated.\n   */\n  (e: \"update:modelValue\", value: boolean): void;\n}>();\n\nconst props = defineProps<{\n  /**\n   * The current boolean value of the checkbox.\n   */\n  modelValue: boolean;\n  /**\n   * If `true`, the checkbox is disabled and cannot be interacted with.\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the checkbox is indeterminate (doesn't affect the model value).\n   */\n  indeterminate?: boolean;\n}>();\n\nconst slots = useSlots();\n</script>\n\n<template>\n  <div v-if=\"slots['default']\" class=\"pl-checkbox\" :class=\"{ disabled }\">\n    <PlCheckboxBase v-bind=\"props\" @update:model-value=\"$emit('update:modelValue', $event)\" />\n    <label @click=\"$emit('update:modelValue', !$props.modelValue)\"><slot /></label>\n  </div>\n  <PlCheckboxBase v-else v-bind=\"props\" @update:model-value=\"$emit('update:modelValue', $event)\" />\n</template>\n"],"mappings":";;;;CAGE,MAAM;;;;;;;;EAgBR,IAAM,IAAQ,GAeR,IAAQ,GAAU;mBAIX,EAAA,EAAK,CAAA,WAAA,GAAA,EAAhB,EAGM,OAAA;;GAHuB,OAAK,EAAA,CAAC,eAAa,EAAA,UAAW,EAAA,UAAQ,CAAA,CAAA;MACjE,EAA0F,GAA1F,EAAwB,GAAK,EAAG,uBAAkB,AAAA,EAAA,QAAA,MAAEA,EAAAA,MAAK,qBAAsB,EAAM,EAAA,CAAA,EAAA,MAAA,GAAA,EACrF,EAA+E,SAAA,EAAvE,SAAK,AAAA,EAAA,QAAA,MAAEA,EAAAA,MAAK,qBAAA,CAAuBC,EAAAA,OAAO,WAAU,EAAA,EAAA,CAAG,EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA,CAAA,EAAA,EAAA,KAAA,GAAA,EAEzE,EAAiG,GAAjG,EAAiG,EAAA,KAAA,GAAA,EAAlE,GAAK,EAAG,uBAAkB,AAAA,EAAA,QAAA,MAAED,EAAAA,MAAK,qBAAsB,EAAM,EAAA,CAAA,EAAA,MAAA,GAAA"}
+{"version":3,"file":"PlCheckbox.vue_vue_type_script_setup_true_lang.js","names":["$emit","$props"],"sources":["../../../src/components/PlCheckbox/PlCheckbox.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Component for boolean model manipulation */\nexport default {\n  name: \"PlCheckbox\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { useSlots } from \"vue\";\nimport \"./pl-checkbox.scss\";\nimport PlCheckboxBase from \"./PlCheckboxBase.vue\";\n\ndefineEmits<{\n  /**\n   * Emitted when the model value is updated.\n   */\n  (e: \"update:modelValue\", value: boolean): void;\n}>();\n\nconst props = defineProps<{\n  /**\n   * The current boolean value of the checkbox.\n   */\n  modelValue: boolean;\n  /**\n   * If `true`, the checkbox is disabled and cannot be interacted with.\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the checkbox is indeterminate (doesn't affect the model value).\n   */\n  indeterminate?: boolean;\n}>();\n\nconst slots = useSlots();\n</script>\n\n<template>\n  <div v-if=\"slots['default']\" class=\"pl-checkbox\" :class=\"{ disabled }\" data-testid=\"pl-checkbox\">\n    <PlCheckboxBase\n      data-testid=\"pl-checkbox-input\"\n      v-bind=\"props\"\n      @update:model-value=\"$emit('update:modelValue', $event)\"\n    />\n    <label data-testid=\"pl-checkbox-label\" @click=\"$emit('update:modelValue', !$props.modelValue)\"\n      ><slot\n    /></label>\n  </div>\n  <PlCheckboxBase\n    v-else\n    data-testid=\"pl-checkbox\"\n    v-bind=\"props\"\n    @update:model-value=\"$emit('update:modelValue', $event)\"\n  />\n</template>\n"],"mappings":";;;;CAGE,MAAM;;;;;;;;EAgBR,IAAM,IAAQ,GAeR,IAAQ,GAAU;mBAIX,EAAA,EAAK,CAAA,WAAA,GAAA,EAAhB,EASM,OAAA;;GATuB,OAAK,EAAA,CAAC,eAAa,EAAA,UAAW,EAAA,UAAQ,CAAA,CAAA;GAAI,eAAY;MACjF,EAIE,GAJF,EAIE,EAHA,eAAY,qBAAmB,EACvB,GAAK,EACZ,uBAAkB,AAAA,EAAA,QAAA,MAAEA,EAAAA,MAAK,qBAAsB,EAAM,EAAA,CAAA,EAAA,MAAA,GAAA,EAExD,EAEU,SAAA;GAFH,eAAY;GAAqB,SAAK,AAAA,EAAA,QAAA,MAAEA,EAAAA,MAAK,qBAAA,CAAuBC,EAAAA,OAAO,WAAU;MACzF,EACD,EAAA,QAAA,UAAA,CAAA,CAAA,CAAA,EAAA,EAAA,KAAA,GAAA,EAEJ,EAKE,GALF,EAKE;;GAHA,eAAY;KACJ,GAAK,EACZ,uBAAkB,AAAA,EAAA,QAAA,MAAED,EAAAA,MAAK,qBAAsB,EAAM,EAAA,CAAA,EAAA,MAAA,GAAA"}

package/dist/components/PlCheckbox/PlCheckboxBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlCheckboxBase.js","names":[],"sources":["../../../src/components/PlCheckbox/PlCheckboxBase.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport \"./pl-checkbox-base.scss\";\n\ndefineEmits([\"update:modelValue\"]);\n\nconst props = defineProps<{\n  modelValue: boolean;\n  disabled?: boolean;\n  indeterminate?: boolean;\n}>();\n</script>\n\n<template>\n  <div\n    tabindex=\"0\"\n    class=\"pl-checkbox-base\"\n    :class=\"{\n      ...(props.indeterminate ? { indeterminate: true } : { checked: props.modelValue }),\n      disabled,\n    }\"\n    @click=\"$emit('update:modelValue', !modelValue)\"\n    @keydown.space.prevent=\"$emit('update:modelValue', !modelValue)\"\n  />\n</template>\n"],"mappings":""}
+{"version":3,"file":"PlCheckboxBase.js","names":[],"sources":["../../../src/components/PlCheckbox/PlCheckboxBase.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport \"./pl-checkbox-base.scss\";\n\ndefineEmits([\"update:modelValue\"]);\n\nconst props = defineProps<{\n  modelValue: boolean;\n  disabled?: boolean;\n  indeterminate?: boolean;\n}>();\n</script>\n\n<template>\n  <div\n    tabindex=\"0\"\n    class=\"pl-checkbox-base\"\n    data-testid=\"pl-checkbox-base\"\n    :class=\"{\n      ...(props.indeterminate ? { indeterminate: true } : { checked: props.modelValue }),\n      disabled,\n    }\"\n    @click=\"$emit('update:modelValue', !modelValue)\"\n    @keydown.space.prevent=\"$emit('update:modelValue', !modelValue)\"\n  />\n</template>\n"],"mappings":""}

package/dist/components/PlCheckbox/PlCheckboxBase.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlCheckboxBase.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlCheckbox/PlCheckboxBase.vue"],"names":[],"mappings":"AAAA,OA2BO,yBAAyB,CAAC;AAIjC,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AA0CF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"PlCheckboxBase.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlCheckbox/PlCheckboxBase.vue"],"names":[],"mappings":"AAAA,OA4BO,yBAAyB,CAAC;AAIjC,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AA2CF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/PlCheckbox/PlCheckboxBase.vue2.js

@@ -17,6 +17,7 @@ var o = /* @__PURE__ */ t({
 				...o.indeterminate ? { indeterminate: !0 } : { checked: o.modelValue },
 				disabled: t.disabled
 			}]),
+			"data-testid": "pl-checkbox-base",
 			onClick: c[0] ||= (e) => s.$emit("update:modelValue", !t.modelValue),
 			onKeydown: c[1] ||= i(a((e) => s.$emit("update:modelValue", !t.modelValue), ["prevent"]), ["space"])
 		}, null, 34));

package/dist/components/PlCheckbox/PlCheckboxBase.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlCheckboxBase.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../src/components/PlCheckbox/PlCheckboxBase.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport \"./pl-checkbox-base.scss\";\n\ndefineEmits([\"update:modelValue\"]);\n\nconst props = defineProps<{\n  modelValue: boolean;\n  disabled?: boolean;\n  indeterminate?: boolean;\n}>();\n</script>\n\n<template>\n  <div\n    tabindex=\"0\"\n    class=\"pl-checkbox-base\"\n    :class=\"{\n      ...(props.indeterminate ? { indeterminate: true } : { checked: props.modelValue }),\n      disabled,\n    }\"\n    @click=\"$emit('update:modelValue', !modelValue)\"\n    @keydown.space.prevent=\"$emit('update:modelValue', !modelValue)\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;EAKA,IAAM,IAAQ;yBAQZ,EASE,OAAA;GARA,UAAS;GACT,OAAK,EAAA,CAAC,oBAAkB;OACJ,EAAM,gBAAa,EAAA,eAAA,IAAA,GAAA,EAAA,SAAwC,EAAM,YAAU;cAAW,EAAA;;GAIzG,SAAK,AAAA,EAAA,QAAA,MAAEA,EAAAA,MAAK,qBAAA,CAAuB,EAAA,WAAU;GAC7C,WAAO,AAAA,EAAA,OAAA,EAAA,GAAA,MAAgBA,EAAAA,MAAK,qBAAA,CAAuB,EAAA,WAAU,EAAA,CAAA,UAAA,CAAA,EAAA,CAAA,QAAA,CAAA"}
+{"version":3,"file":"PlCheckboxBase.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../src/components/PlCheckbox/PlCheckboxBase.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport \"./pl-checkbox-base.scss\";\n\ndefineEmits([\"update:modelValue\"]);\n\nconst props = defineProps<{\n  modelValue: boolean;\n  disabled?: boolean;\n  indeterminate?: boolean;\n}>();\n</script>\n\n<template>\n  <div\n    tabindex=\"0\"\n    class=\"pl-checkbox-base\"\n    data-testid=\"pl-checkbox-base\"\n    :class=\"{\n      ...(props.indeterminate ? { indeterminate: true } : { checked: props.modelValue }),\n      disabled,\n    }\"\n    @click=\"$emit('update:modelValue', !modelValue)\"\n    @keydown.space.prevent=\"$emit('update:modelValue', !modelValue)\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;EAKA,IAAM,IAAQ;yBAQZ,EAUE,OAAA;GATA,UAAS;GACT,OAAK,EAAA,CAAC,oBAAkB;OAEJ,EAAM,gBAAa,EAAA,eAAA,IAAA,GAAA,EAAA,SAAwC,EAAM,YAAU;cAAW,EAAA;;GAD1G,eAAY;GAKX,SAAK,AAAA,EAAA,QAAA,MAAEA,EAAAA,MAAK,qBAAA,CAAuB,EAAA,WAAU;GAC7C,WAAO,AAAA,EAAA,OAAA,EAAA,GAAA,MAAgBA,EAAAA,MAAK,qBAAA,CAAuB,EAAA,WAAU,EAAA,CAAA,UAAA,CAAA,EAAA,CAAA,QAAA,CAAA"}

package/dist/components/PlCheckboxGroup/PlCheckboxGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlCheckboxGroup.js","names":[],"sources":["../../../src/components/PlCheckboxGroup/PlCheckboxGroup.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Component for selecting multiple values from a list of options\n */\nexport default {\n  name: \"PlCheckboxGroup\",\n};\n</script>\n\n<script lang=\"ts\" setup generic=\"M = unknown\">\nimport \"./pl-checkbox-group.scss\";\nimport type { SimpleOption } from \"../../types\";\nimport PlCheckboxBase from \"../PlCheckbox/PlCheckboxBase.vue\";\nimport { PlTooltip } from \"../PlTooltip\";\nimport { useSlots } from \"vue\";\n\nconst slots = useSlots();\n\nconst emit = defineEmits<{\n  (e: \"update:modelValue\", v: M[]): void;\n}>();\n\nconst props = defineProps<{\n  /**\n   * The current selected values.\n   */\n  modelValue: M[];\n  /**\n   * The label text for the component (optional)\n   */\n  label?: string;\n  /**\n   * List of available options for the component\n   */\n  options: Readonly<SimpleOption<M>[]>;\n  /**\n   * If `true`, the component is disabled and cannot be interacted with.\n   */\n  disabled?: boolean;\n}>();\n\nconst hasValue = (value: M) => {\n  return props.modelValue.includes(value);\n};\n\nconst updateModel = (value: M) => {\n  const values = props.modelValue ?? [];\n  emit(\n    \"update:modelValue\",\n    hasValue(value) ? values.filter((v) => v !== value) : [...values, value],\n  );\n};\n</script>\n\n<template>\n  <div class=\"pl-checkbox-group\" :class=\"{ disabled }\">\n    <label v-if=\"label\">\n      <span>{{ label }}</span>\n      <PlTooltip v-if=\"slots.tooltip\" class=\"info\" position=\"top\">\n        <template #tooltip>\n          <slot name=\"tooltip\" />\n        </template>\n      </PlTooltip>\n    </label>\n    <div\n      v-for=\"(opt, i) in options.map((it) => ({\n        label: 'label' in it ? it.label : it.text,\n        value: it.value,\n      }))\"\n      :key=\"i\"\n    >\n      <PlCheckboxBase\n        :disabled=\"disabled\"\n        :label=\"opt.label\"\n        :model-value=\"hasValue(opt.value)\"\n        @update:model-value=\"() => updateModel(opt.value)\"\n      />\n      <label @click.stop=\"() => updateModel(opt.value)\">{{ opt.label }}</label>\n    </div>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"PlCheckboxGroup.js","names":[],"sources":["../../../src/components/PlCheckboxGroup/PlCheckboxGroup.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Component for selecting multiple values from a list of options\n */\nexport default {\n  name: \"PlCheckboxGroup\",\n};\n</script>\n\n<script lang=\"ts\" setup generic=\"M = unknown\">\nimport \"./pl-checkbox-group.scss\";\nimport type { SimpleOption } from \"../../types\";\nimport PlCheckboxBase from \"../PlCheckbox/PlCheckboxBase.vue\";\nimport { PlTooltip } from \"../PlTooltip\";\nimport { useSlots } from \"vue\";\n\nconst slots = useSlots();\n\nconst emit = defineEmits<{\n  (e: \"update:modelValue\", v: M[]): void;\n}>();\n\nconst props = defineProps<{\n  /**\n   * The current selected values.\n   */\n  modelValue: M[];\n  /**\n   * The label text for the component (optional)\n   */\n  label?: string;\n  /**\n   * List of available options for the component\n   */\n  options: Readonly<SimpleOption<M>[]>;\n  /**\n   * If `true`, the component is disabled and cannot be interacted with.\n   */\n  disabled?: boolean;\n}>();\n\nconst hasValue = (value: M) => {\n  return props.modelValue.includes(value);\n};\n\nconst updateModel = (value: M) => {\n  const values = props.modelValue ?? [];\n  emit(\n    \"update:modelValue\",\n    hasValue(value) ? values.filter((v) => v !== value) : [...values, value],\n  );\n};\n</script>\n\n<template>\n  <div class=\"pl-checkbox-group\" :class=\"{ disabled }\" data-testid=\"pl-checkbox-group\">\n    <label v-if=\"label\" data-testid=\"pl-checkbox-group-label\">\n      <span>{{ label }}</span>\n      <PlTooltip\n        v-if=\"slots.tooltip\"\n        class=\"info\"\n        position=\"top\"\n        data-testid=\"pl-checkbox-group-tooltip\"\n      >\n        <template #tooltip>\n          <slot name=\"tooltip\" />\n        </template>\n      </PlTooltip>\n    </label>\n    <div\n      v-for=\"(opt, i) in options.map((it) => ({\n        label: 'label' in it ? it.label : it.text,\n        value: it.value,\n      }))\"\n      :key=\"i\"\n      data-testid=\"pl-checkbox-group-option\"\n    >\n      <PlCheckboxBase\n        :disabled=\"disabled\"\n        data-testid=\"pl-checkbox-group-option-input\"\n        :label=\"opt.label\"\n        :model-value=\"hasValue(opt.value)\"\n        @update:model-value=\"() => updateModel(opt.value)\"\n      />\n      <label\n        data-testid=\"pl-checkbox-group-option-label\"\n        @click.stop=\"() => updateModel(opt.value)\"\n        >{{ opt.label }}</label\n      >\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/PlCheckboxGroup/PlCheckboxGroup.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlCheckboxGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlCheckboxGroup/PlCheckboxGroup.vue"],"names":[],"mappings":"AAoFA,OAAO,0BAA0B,CAAC;AAClC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAMhD;;GAEG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAKzC,QAAA,MAAM,YAAY,GAAK,CAAC,GAAG,OAAO,EACjC,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WAiJO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB,CAAC;QAxItD;;WAEG;oBACS,CAAC,EAAE;QACf;;WAEG;gBACK,MAAM;QACd;;WAEG;iBACM,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;QACpC;;WAEG;mBACQ,OAAO;;;KAyHuE,CAAC,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC5J,CAAC,OAAO,EAAE,EAAE,KAAK,IAAI;WACtB,GAAG;;kBARG,CAAC,KAAK,IAAgB,KAAK,GAAG;;cAvItC,mBAAmB,KAAK,CAAC,EAAE,KAAG,IAAI;EAmJpC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAA;CAAI,CAAC;AACzF,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}
+{"version":3,"file":"PlCheckboxGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlCheckboxGroup/PlCheckboxGroup.vue"],"names":[],"mappings":"AA+FA,OAAO,0BAA0B,CAAC;AAClC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAMhD;;GAEG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAKzC,QAAA,MAAM,YAAY,GAAK,CAAC,GAAG,OAAO,EACjC,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WAyJO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB,CAAC;QAhJtD;;WAEG;oBACS,CAAC,EAAE;QACf;;WAEG;gBACK,MAAM;QACd;;WAEG;iBACM,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;QACpC;;WAEG;mBACQ,OAAO;;;KAiIuE,CAAC,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC5J,CAAC,OAAO,EAAE,EAAE,KAAK,IAAI;WACtB,GAAG;;kBARG,CAAC,KAAK,IAAgB,KAAK,GAAG;;cA/ItC,mBAAmB,KAAK,CAAC,EAAE,KAAG,IAAI;EA2JpC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAA;CAAI,CAAC;AACzF,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}

package/dist/components/PlCheckboxGroup/PlCheckboxGroup.vue2.js

@@ -4,7 +4,10 @@ import t from "../PlCheckbox/PlCheckboxBase.js";
 import './pl-checkbox-group.css';/* empty css                  */
 import { Fragment as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, openBlock as u, renderList as d, renderSlot as f, toDisplayString as p, unref as m, useSlots as h, withCtx as g, withModifiers as _ } from "vue";
 //#region src/components/PlCheckboxGroup/PlCheckboxGroup.vue?vue&type=script&setup=true&lang.ts
-var v = { key: 0 }, y = ["onClick"], b = /* @__PURE__ */ c({
+var v = {
+	key: 0,
+	"data-testid": "pl-checkbox-group-label"
+}, y = ["onClick"], b = /* @__PURE__ */ c({
 	name: "PlCheckboxGroup",
 	props: {
 		modelValue: {},
@@ -18,18 +21,26 @@ var v = { key: 0 }, y = ["onClick"], b = /* @__PURE__ */ c({
 			let t = C.modelValue ?? [];
 			S("update:modelValue", w(e) ? t.filter((t) => t !== e) : [...t, e]);
 		};
-		return (h, b) => (u(), a("div", { class: l(["pl-checkbox-group", { disabled: c.disabled }]) }, [c.label ? (u(), a("label", v, [o("span", null, p(c.label), 1), m(x).tooltip ? (u(), r(m(e), {
+		return (h, b) => (u(), a("div", {
+			class: l(["pl-checkbox-group", { disabled: c.disabled }]),
+			"data-testid": "pl-checkbox-group"
+		}, [c.label ? (u(), a("label", v, [o("span", null, p(c.label), 1), m(x).tooltip ? (u(), r(m(e), {
 			key: 0,
 			class: "info",
-			position: "top"
+			position: "top",
+			"data-testid": "pl-checkbox-group-tooltip"
 		}, {
 			tooltip: g(() => [f(h.$slots, "tooltip")]),
 			_: 3
 		})) : i("", !0)])) : i("", !0), (u(!0), a(n, null, d(c.options.map((e) => ({
 			label: "label" in e ? e.label : e.text,
 			value: e.value
-		})), (e, n) => (u(), a("div", { key: n }, [s(t, {
+		})), (e, n) => (u(), a("div", {
+			key: n,
+			"data-testid": "pl-checkbox-group-option"
+		}, [s(t, {
 			disabled: c.disabled,
+			"data-testid": "pl-checkbox-group-option-input",
 			label: e.label,
 			"model-value": w(e.value),
 			"onUpdate:modelValue": () => T(e.value)
@@ -38,7 +49,10 @@ var v = { key: 0 }, y = ["onClick"], b = /* @__PURE__ */ c({
 			"label",
 			"model-value",
 			"onUpdate:modelValue"
-		]), o("label", { onClick: _(() => T(e.value), ["stop"]) }, p(e.label), 9, y)]))), 128))], 2));
+		]), o("label", {
+			"data-testid": "pl-checkbox-group-option-label",
+			onClick: _(() => T(e.value), ["stop"])
+		}, p(e.label), 9, y)]))), 128))], 2));
 	}
 });
 //#endregion

package/dist/components/PlCheckboxGroup/PlCheckboxGroup.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlCheckboxGroup.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlCheckboxGroup/PlCheckboxGroup.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Component for selecting multiple values from a list of options\n */\nexport default {\n  name: \"PlCheckboxGroup\",\n};\n</script>\n\n<script lang=\"ts\" setup generic=\"M = unknown\">\nimport \"./pl-checkbox-group.scss\";\nimport type { SimpleOption } from \"../../types\";\nimport PlCheckboxBase from \"../PlCheckbox/PlCheckboxBase.vue\";\nimport { PlTooltip } from \"../PlTooltip\";\nimport { useSlots } from \"vue\";\n\nconst slots = useSlots();\n\nconst emit = defineEmits<{\n  (e: \"update:modelValue\", v: M[]): void;\n}>();\n\nconst props = defineProps<{\n  /**\n   * The current selected values.\n   */\n  modelValue: M[];\n  /**\n   * The label text for the component (optional)\n   */\n  label?: string;\n  /**\n   * List of available options for the component\n   */\n  options: Readonly<SimpleOption<M>[]>;\n  /**\n   * If `true`, the component is disabled and cannot be interacted with.\n   */\n  disabled?: boolean;\n}>();\n\nconst hasValue = (value: M) => {\n  return props.modelValue.includes(value);\n};\n\nconst updateModel = (value: M) => {\n  const values = props.modelValue ?? [];\n  emit(\n    \"update:modelValue\",\n    hasValue(value) ? values.filter((v) => v !== value) : [...values, value],\n  );\n};\n</script>\n\n<template>\n  <div class=\"pl-checkbox-group\" :class=\"{ disabled }\">\n    <label v-if=\"label\">\n      <span>{{ label }}</span>\n      <PlTooltip v-if=\"slots.tooltip\" class=\"info\" position=\"top\">\n        <template #tooltip>\n          <slot name=\"tooltip\" />\n        </template>\n      </PlTooltip>\n    </label>\n    <div\n      v-for=\"(opt, i) in options.map((it) => ({\n        label: 'label' in it ? it.label : it.text,\n        value: it.value,\n      }))\"\n      :key=\"i\"\n    >\n      <PlCheckboxBase\n        :disabled=\"disabled\"\n        :label=\"opt.label\"\n        :model-value=\"hasValue(opt.value)\"\n        @update:model-value=\"() => updateModel(opt.value)\"\n      />\n      <label @click.stop=\"() => updateModel(opt.value)\">{{ opt.label }}</label>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;CAKE,MAAM;;;;;;;;;EAWR,IAAM,IAAQ,GAAU,EAElB,IAAO,GAIP,IAAQ,GAmBR,KAAY,MACT,EAAM,WAAW,SAAS,EAAM,EAGnC,KAAe,MAAa;GAChC,IAAM,IAAS,EAAM,cAAc,EAAE;AACrC,KACE,qBACA,EAAS,EAAM,GAAG,EAAO,QAAQ,MAAM,MAAM,EAAM,GAAG,CAAC,GAAG,GAAQ,EAAM,CACzE;;yBAKD,EAwBM,OAAA,EAxBD,OAAK,EAAA,CAAC,qBAAmB,EAAA,UAAW,EAAA,UAAQ,CAAA,CAAA,EAAA,EAAA,CAClC,EAAA,SAAA,GAAA,EAAb,EAOQ,SAAA,GAAA,CANN,EAAwB,QAAA,MAAA,EAAf,EAAA,MAAK,EAAA,EAAA,EACG,EAAA,EAAK,CAAC,WAAA,GAAA,EAAvB,EAIY,EAAA,EAAA,EAAA;;GAJoB,OAAM;GAAO,UAAS;;GACzC,SAAO,QACO,CAAvB,EAAuB,EAAA,QAAA,UAAA,CAAA,CAAA;;0CAI7B,EAcM,GAAA,MAAA,EAbe,EAAA,QAAQ,KAAK,OAAE;qBAAkC,IAAK,EAAG,QAAQ,EAAG;UAAqB,EAAG;QAAvG,GAAK,YADf,EAcM,OAAA,EATH,KAAK,GAAC,EAAA,CAEP,EAKE,GAAA;GAJC,UAAU,EAAA;GACV,OAAO,EAAI;GACX,eAAa,EAAS,EAAI,MAAK;GAC/B,6BAA0B,EAAY,EAAI,MAAK;;;;;;MAElD,EAAyE,SAAA,EAAjE,SAAK,QAAa,EAAY,EAAI,MAAK,EAAA,CAAA,OAAA,CAAA,EAAA,EAAA,EAAM,EAAI,MAAK,EAAA,GAAA,EAAA,CAAA,CAAA"}
+{"version":3,"file":"PlCheckboxGroup.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlCheckboxGroup/PlCheckboxGroup.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Component for selecting multiple values from a list of options\n */\nexport default {\n  name: \"PlCheckboxGroup\",\n};\n</script>\n\n<script lang=\"ts\" setup generic=\"M = unknown\">\nimport \"./pl-checkbox-group.scss\";\nimport type { SimpleOption } from \"../../types\";\nimport PlCheckboxBase from \"../PlCheckbox/PlCheckboxBase.vue\";\nimport { PlTooltip } from \"../PlTooltip\";\nimport { useSlots } from \"vue\";\n\nconst slots = useSlots();\n\nconst emit = defineEmits<{\n  (e: \"update:modelValue\", v: M[]): void;\n}>();\n\nconst props = defineProps<{\n  /**\n   * The current selected values.\n   */\n  modelValue: M[];\n  /**\n   * The label text for the component (optional)\n   */\n  label?: string;\n  /**\n   * List of available options for the component\n   */\n  options: Readonly<SimpleOption<M>[]>;\n  /**\n   * If `true`, the component is disabled and cannot be interacted with.\n   */\n  disabled?: boolean;\n}>();\n\nconst hasValue = (value: M) => {\n  return props.modelValue.includes(value);\n};\n\nconst updateModel = (value: M) => {\n  const values = props.modelValue ?? [];\n  emit(\n    \"update:modelValue\",\n    hasValue(value) ? values.filter((v) => v !== value) : [...values, value],\n  );\n};\n</script>\n\n<template>\n  <div class=\"pl-checkbox-group\" :class=\"{ disabled }\" data-testid=\"pl-checkbox-group\">\n    <label v-if=\"label\" data-testid=\"pl-checkbox-group-label\">\n      <span>{{ label }}</span>\n      <PlTooltip\n        v-if=\"slots.tooltip\"\n        class=\"info\"\n        position=\"top\"\n        data-testid=\"pl-checkbox-group-tooltip\"\n      >\n        <template #tooltip>\n          <slot name=\"tooltip\" />\n        </template>\n      </PlTooltip>\n    </label>\n    <div\n      v-for=\"(opt, i) in options.map((it) => ({\n        label: 'label' in it ? it.label : it.text,\n        value: it.value,\n      }))\"\n      :key=\"i\"\n      data-testid=\"pl-checkbox-group-option\"\n    >\n      <PlCheckboxBase\n        :disabled=\"disabled\"\n        data-testid=\"pl-checkbox-group-option-input\"\n        :label=\"opt.label\"\n        :model-value=\"hasValue(opt.value)\"\n        @update:model-value=\"() => updateModel(opt.value)\"\n      />\n      <label\n        data-testid=\"pl-checkbox-group-option-label\"\n        @click.stop=\"() => updateModel(opt.value)\"\n        >{{ opt.label }}</label\n      >\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;CAKE,MAAM;;;;;;;;;EAWR,IAAM,IAAQ,GAAU,EAElB,IAAO,GAIP,IAAQ,GAmBR,KAAY,MACT,EAAM,WAAW,SAAS,EAAM,EAGnC,KAAe,MAAa;GAChC,IAAM,IAAS,EAAM,cAAc,EAAE;AACrC,KACE,qBACA,EAAS,EAAM,GAAG,EAAO,QAAQ,MAAM,MAAM,EAAM,GAAG,CAAC,GAAG,GAAQ,EAAM,CACzE;;yBAKD,EAmCM,OAAA;GAnCD,OAAK,EAAA,CAAC,qBAAmB,EAAA,UAAW,EAAA,UAAQ,CAAA,CAAA;GAAI,eAAY;MAClD,EAAA,SAAA,GAAA,EAAb,EAYQ,SAZR,GAYQ,CAXN,EAAwB,QAAA,MAAA,EAAf,EAAA,MAAK,EAAA,EAAA,EAEN,EAAA,EAAK,CAAC,WAAA,GAAA,EADd,EASY,EAAA,EAAA,EAAA;;GAPV,OAAM;GACN,UAAS;GACT,eAAY;;GAED,SAAO,QACO,CAAvB,EAAuB,EAAA,QAAA,UAAA,CAAA,CAAA;;0CAI7B,EAoBM,GAAA,MAAA,EAnBe,EAAA,QAAQ,KAAK,OAAE;qBAAkC,IAAK,EAAG,QAAQ,EAAG;UAAqB,EAAG;QAAvG,GAAK,YADf,EAoBM,OAAA;GAfH,KAAK;GACN,eAAY;MAEZ,EAME,GAAA;GALC,UAAU,EAAA;GACX,eAAY;GACX,OAAO,EAAI;GACX,eAAa,EAAS,EAAI,MAAK;GAC/B,6BAA0B,EAAY,EAAI,MAAK;;;;;;MAElD,EAIC,SAAA;GAHC,eAAY;GACX,SAAK,QAAa,EAAY,EAAI,MAAK,EAAA,CAAA,OAAA,CAAA;OACpC,EAAI,MAAK,EAAA,GAAA,EAAA,CAAA,CAAA"}

package/dist/components/PlChip/PlChip.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlChip.js","names":[],"sources":["../../../src/components/PlChip/PlChip.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport \"./pl-chip.scss\";\nimport { onMounted, ref } from \"vue\";\nimport { PlTooltip } from \"../PlTooltip\";\n\ndefineEmits([\"close\"]);\n\ndefineProps<{\n  closeable?: boolean;\n  small?: boolean;\n}>();\n\nconst chip = ref<HTMLElement>();\nconst canShowTooltip = ref(false);\n\nonMounted(() => {\n  if (chip.value) {\n    canShowTooltip.value = chip.value?.clientWidth >= 256;\n  }\n});\n</script>\n\n<template>\n  <PlTooltip position=\"top\" class=\"pl-chip-tooltip\" :delay=\"500\">\n    <template v-if=\"canShowTooltip\" #tooltip>\n      <slot />\n    </template>\n    <div ref=\"chip\" class=\"pl-chip\" :class=\"{ small }\">\n      <div class=\"pl-chip__text\">\n        <slot />\n      </div>\n      <div\n        v-if=\"closeable\"\n        tabindex=\"0\"\n        class=\"pl-chip__close\"\n        @keydown.enter=\"$emit('close')\"\n        @click.stop=\"$emit('close')\"\n      >\n        <div class=\"pl-chip__close--icon\" />\n      </div>\n    </div>\n  </PlTooltip>\n</template>\n"],"mappings":""}
+{"version":3,"file":"PlChip.js","names":[],"sources":["../../../src/components/PlChip/PlChip.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport \"./pl-chip.scss\";\nimport { onMounted, ref } from \"vue\";\nimport { PlTooltip } from \"../PlTooltip\";\n\ndefineEmits([\"close\"]);\n\ndefineProps<{\n  closeable?: boolean;\n  small?: boolean;\n}>();\n\nconst chip = ref<HTMLElement>();\nconst canShowTooltip = ref(false);\n\nonMounted(() => {\n  if (chip.value) {\n    canShowTooltip.value = chip.value?.clientWidth >= 256;\n  }\n});\n</script>\n\n<template>\n  <PlTooltip data-testid=\"pl-chip\" position=\"top\" class=\"pl-chip-tooltip\" :delay=\"500\">\n    <template v-if=\"canShowTooltip\" #tooltip>\n      <slot />\n    </template>\n    <div ref=\"chip\" data-testid=\"pl-chip-body\" class=\"pl-chip\" :class=\"{ small }\">\n      <div data-testid=\"pl-chip-text\" class=\"pl-chip__text\">\n        <slot />\n      </div>\n      <div\n        v-if=\"closeable\"\n        tabindex=\"0\"\n        data-testid=\"pl-chip-close\"\n        class=\"pl-chip__close\"\n        @keydown.enter=\"$emit('close')\"\n        @click.stop=\"$emit('close')\"\n      >\n        <div class=\"pl-chip__close--icon\" />\n      </div>\n    </div>\n  </PlTooltip>\n</template>\n"],"mappings":""}

package/dist/components/PlChip/PlChip.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlChip.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlChip/PlChip.vue"],"names":[],"mappings":"AA8CA,OAAO,gBAAgB,CAAC;AAMxB,KAAK,WAAW,GAAG;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAkGF,QAAA,IAAI,OAAO,IAAU,EAAE,QAAQ,IAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAOhD,QAAA,MAAM,UAAU;;;;kFAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"PlChip.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlChip/PlChip.vue"],"names":[],"mappings":"AA+CA,OAAO,gBAAgB,CAAC;AAMxB,KAAK,WAAW,GAAG;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAuGF,QAAA,IAAI,OAAO,IAAU,EAAE,QAAQ,IAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAOhD,QAAA,MAAM,UAAU;;;;kFAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/PlChip/PlChip.vue2.js

@@ -3,7 +3,10 @@ import "../PlTooltip/index.js";
 import './pl-chip.css';/* empty css        */
 import { createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createSlots as a, defineComponent as o, normalizeClass as s, onMounted as c, openBlock as l, ref as u, renderSlot as d, unref as f, withCtx as p, withKeys as m, withModifiers as h } from "vue";
 //#region src/components/PlChip/PlChip.vue?vue&type=script&setup=true&lang.ts
-var g = { class: "pl-chip__text" }, _ = /* @__PURE__ */ o({
+var g = {
+	"data-testid": "pl-chip-text",
+	class: "pl-chip__text"
+}, _ = /* @__PURE__ */ o({
 	__name: "PlChip",
 	props: {
 		closeable: { type: Boolean },
@@ -15,6 +18,7 @@ var g = { class: "pl-chip__text" }, _ = /* @__PURE__ */ o({
 		return c(() => {
 			_.value && (v.value = _.value?.clientWidth >= 256);
 		}), (c, u) => (l(), t(f(e), {
+			"data-testid": "pl-chip",
 			position: "top",
 			class: "pl-chip-tooltip",
 			delay: 500
@@ -22,10 +26,12 @@ var g = { class: "pl-chip__text" }, _ = /* @__PURE__ */ o({
 			default: p(() => [i("div", {
 				ref_key: "chip",
 				ref: _,
+				"data-testid": "pl-chip-body",
 				class: s(["pl-chip", { small: o.small }])
 			}, [i("div", g, [d(c.$slots, "default")]), o.closeable ? (l(), r("div", {
 				key: 0,
 				tabindex: "0",
+				"data-testid": "pl-chip-close",
 				class: "pl-chip__close",
 				onKeydown: u[0] ||= m((e) => c.$emit("close"), ["enter"]),
 				onClick: u[1] ||= h((e) => c.$emit("close"), ["stop"])

package/dist/components/PlChip/PlChip.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlChip.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../src/components/PlChip/PlChip.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport \"./pl-chip.scss\";\nimport { onMounted, ref } from \"vue\";\nimport { PlTooltip } from \"../PlTooltip\";\n\ndefineEmits([\"close\"]);\n\ndefineProps<{\n  closeable?: boolean;\n  small?: boolean;\n}>();\n\nconst chip = ref<HTMLElement>();\nconst canShowTooltip = ref(false);\n\nonMounted(() => {\n  if (chip.value) {\n    canShowTooltip.value = chip.value?.clientWidth >= 256;\n  }\n});\n</script>\n\n<template>\n  <PlTooltip position=\"top\" class=\"pl-chip-tooltip\" :delay=\"500\">\n    <template v-if=\"canShowTooltip\" #tooltip>\n      <slot />\n    </template>\n    <div ref=\"chip\" class=\"pl-chip\" :class=\"{ small }\">\n      <div class=\"pl-chip__text\">\n        <slot />\n      </div>\n      <div\n        v-if=\"closeable\"\n        tabindex=\"0\"\n        class=\"pl-chip__close\"\n        @keydown.enter=\"$emit('close')\"\n        @click.stop=\"$emit('close')\"\n      >\n        <div class=\"pl-chip__close--icon\" />\n      </div>\n    </div>\n  </PlTooltip>\n</template>\n"],"mappings":";;;;;;;;;;;;;EAYA,IAAM,IAAO,GAAkB,EACzB,IAAiB,EAAI,GAAM;SAEjC,QAAgB;AACd,GAAI,EAAK,UACP,EAAe,QAAQ,EAAK,OAAO,eAAe;IAEpD,kBAIA,EAkBY,EAAA,EAAA,EAAA;GAlBD,UAAS;GAAM,OAAM;GAAmB,OAAO;;oBAiBlD,CAbN,EAaM,OAAA;aAbG;IAAJ,KAAI;IAAO,OAAK,EAAA,CAAC,WAAS,EAAA,OAAW,EAAA,OAAK,CAAA,CAAA;OAC7C,EAEM,OAFN,GAEM,CADJ,EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA,EAGF,EAAA,aAAA,GAAA,EADR,EAQM,OAAA;;IANJ,UAAS;IACT,OAAM;IACL,WAAO,AAAA,EAAA,OAAA,GAAA,MAAQA,EAAAA,MAAK,QAAA,EAAA,CAAA,QAAA,CAAA;IACpB,SAAK,AAAA,EAAA,OAAA,GAAA,MAAOA,EAAAA,MAAK,QAAA,EAAA,CAAA,OAAA,CAAA;oBAElB,EAAoC,OAAA,EAA/B,OAAM,wBAAsB,EAAA,MAAA,GAAA,CAAA,CAAA,EAAA,GAAA,IAAA,EAAA,IAAA,GAAA,CAAA,EAAA,EAAA,CAAA,CAAA;;MAdrB,EAAA,QAAA;SAAiB;eACvB,CAAR,EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"PlChip.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../src/components/PlChip/PlChip.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport \"./pl-chip.scss\";\nimport { onMounted, ref } from \"vue\";\nimport { PlTooltip } from \"../PlTooltip\";\n\ndefineEmits([\"close\"]);\n\ndefineProps<{\n  closeable?: boolean;\n  small?: boolean;\n}>();\n\nconst chip = ref<HTMLElement>();\nconst canShowTooltip = ref(false);\n\nonMounted(() => {\n  if (chip.value) {\n    canShowTooltip.value = chip.value?.clientWidth >= 256;\n  }\n});\n</script>\n\n<template>\n  <PlTooltip data-testid=\"pl-chip\" position=\"top\" class=\"pl-chip-tooltip\" :delay=\"500\">\n    <template v-if=\"canShowTooltip\" #tooltip>\n      <slot />\n    </template>\n    <div ref=\"chip\" data-testid=\"pl-chip-body\" class=\"pl-chip\" :class=\"{ small }\">\n      <div data-testid=\"pl-chip-text\" class=\"pl-chip__text\">\n        <slot />\n      </div>\n      <div\n        v-if=\"closeable\"\n        tabindex=\"0\"\n        data-testid=\"pl-chip-close\"\n        class=\"pl-chip__close\"\n        @keydown.enter=\"$emit('close')\"\n        @click.stop=\"$emit('close')\"\n      >\n        <div class=\"pl-chip__close--icon\" />\n      </div>\n    </div>\n  </PlTooltip>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAYA,IAAM,IAAO,GAAkB,EACzB,IAAiB,EAAI,GAAM;SAEjC,QAAgB;AACd,GAAI,EAAK,UACP,EAAe,QAAQ,EAAK,OAAO,eAAe;IAEpD,kBAIA,EAmBY,EAAA,EAAA,EAAA;GAnBD,eAAY;GAAU,UAAS;GAAM,OAAM;GAAmB,OAAO;;oBAkBxE,CAdN,EAcM,OAAA;aAdG;IAAJ,KAAI;IAAO,eAAY;IAAe,OAAK,EAAA,CAAC,WAAS,EAAA,OAAW,EAAA,OAAK,CAAA,CAAA;OACxE,EAEM,OAFN,GAEM,CADJ,EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA,EAGF,EAAA,aAAA,GAAA,EADR,EASM,OAAA;;IAPJ,UAAS;IACT,eAAY;IACZ,OAAM;IACL,WAAO,AAAA,EAAA,OAAA,GAAA,MAAQA,EAAAA,MAAK,QAAA,EAAA,CAAA,QAAA,CAAA;IACpB,SAAK,AAAA,EAAA,OAAA,GAAA,MAAOA,EAAAA,MAAK,QAAA,EAAA,CAAA,OAAA,CAAA;oBAElB,EAAoC,OAAA,EAA/B,OAAM,wBAAsB,EAAA,MAAA,GAAA,CAAA,CAAA,EAAA,GAAA,IAAA,EAAA,IAAA,GAAA,CAAA,EAAA,EAAA,CAAA,CAAA;;MAfrB,EAAA,QAAA;SAAiB;eACvB,CAAR,EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/PlClipboard/PlClipboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlClipboard.js","names":[],"sources":["../../../src/components/PlClipboard/PlClipboard.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  name: \"PlClipboard\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { PlMaskIcon16 } from \"../PlMaskIcon16\";\nimport type { Size } from \"../../types.ts\";\nimport { computed, onUnmounted, ref } from \"vue\";\n\nconst props = defineProps<{\n  size?: Size;\n}>();\n\nconst emit = defineEmits([\"copy\"]);\n\nconst copyEffect = ref<boolean>(false);\n\nconst iconName = computed(() => (copyEffect.value ? \"clipboard-copied\" : \"clipboard\"));\n\nlet timeoutId: undefined | number;\n\nfunction onCopy() {\n  clearTimeout(timeoutId);\n  copyEffect.value = true;\n  emit(\"copy\");\n  timeoutId = window.setTimeout(() => {\n    copyEffect.value = false;\n  }, 1000);\n}\n\nonUnmounted(() => {\n  clearTimeout(timeoutId);\n});\n</script>\n\n<template>\n  <PlMaskIcon16 :name=\"iconName\" :size=\"props.size\" :class=\"$style.copy\" @click=\"onCopy\" />\n</template>\n\n<style module>\n.copy {\n  cursor: pointer;\n  display: block;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"PlClipboard.js","names":[],"sources":["../../../src/components/PlClipboard/PlClipboard.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  name: \"PlClipboard\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { PlMaskIcon16 } from \"../PlMaskIcon16\";\nimport type { Size } from \"../../types.ts\";\nimport { computed, onUnmounted, ref } from \"vue\";\n\nconst props = defineProps<{\n  size?: Size;\n}>();\n\nconst emit = defineEmits([\"copy\"]);\n\nconst copyEffect = ref<boolean>(false);\n\nconst iconName = computed(() => (copyEffect.value ? \"clipboard-copied\" : \"clipboard\"));\n\nlet timeoutId: undefined | number;\n\nfunction onCopy() {\n  clearTimeout(timeoutId);\n  copyEffect.value = true;\n  emit(\"copy\");\n  timeoutId = window.setTimeout(() => {\n    copyEffect.value = false;\n  }, 1000);\n}\n\nonUnmounted(() => {\n  clearTimeout(timeoutId);\n});\n</script>\n\n<template>\n  <PlMaskIcon16\n    data-testid=\"pl-clipboard\"\n    :name=\"iconName\"\n    :size=\"props.size\"\n    :class=\"$style.copy\"\n    @click=\"onCopy\"\n  />\n</template>\n\n<style module>\n.copy {\n  cursor: pointer;\n  display: block;\n}\n</style>\n"],"mappings":""}

package/dist/components/PlClipboard/PlClipboard.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlClipboard.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../src/components/PlClipboard/PlClipboard.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  name: \"PlClipboard\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { PlMaskIcon16 } from \"../PlMaskIcon16\";\nimport type { Size } from \"../../types.ts\";\nimport { computed, onUnmounted, ref } from \"vue\";\n\nconst props = defineProps<{\n  size?: Size;\n}>();\n\nconst emit = defineEmits([\"copy\"]);\n\nconst copyEffect = ref<boolean>(false);\n\nconst iconName = computed(() => (copyEffect.value ? \"clipboard-copied\" : \"clipboard\"));\n\nlet timeoutId: undefined | number;\n\nfunction onCopy() {\n  clearTimeout(timeoutId);\n  copyEffect.value = true;\n  emit(\"copy\");\n  timeoutId = window.setTimeout(() => {\n    copyEffect.value = false;\n  }, 1000);\n}\n\nonUnmounted(() => {\n  clearTimeout(timeoutId);\n});\n</script>\n\n<template>\n  <PlMaskIcon16 :name=\"iconName\" :size=\"props.size\" :class=\"$style.copy\" @click=\"onCopy\" />\n</template>\n\n<style module>\n.copy {\n  cursor: pointer;\n  display: block;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"PlClipboard.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../src/components/PlClipboard/PlClipboard.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  name: \"PlClipboard\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { PlMaskIcon16 } from \"../PlMaskIcon16\";\nimport type { Size } from \"../../types.ts\";\nimport { computed, onUnmounted, ref } from \"vue\";\n\nconst props = defineProps<{\n  size?: Size;\n}>();\n\nconst emit = defineEmits([\"copy\"]);\n\nconst copyEffect = ref<boolean>(false);\n\nconst iconName = computed(() => (copyEffect.value ? \"clipboard-copied\" : \"clipboard\"));\n\nlet timeoutId: undefined | number;\n\nfunction onCopy() {\n  clearTimeout(timeoutId);\n  copyEffect.value = true;\n  emit(\"copy\");\n  timeoutId = window.setTimeout(() => {\n    copyEffect.value = false;\n  }, 1000);\n}\n\nonUnmounted(() => {\n  clearTimeout(timeoutId);\n});\n</script>\n\n<template>\n  <PlMaskIcon16\n    data-testid=\"pl-clipboard\"\n    :name=\"iconName\"\n    :size=\"props.size\"\n    :class=\"$style.copy\"\n    @click=\"onCopy\"\n  />\n</template>\n\n<style module>\n.copy {\n  cursor: pointer;\n  display: block;\n}\n</style>\n"],"mappings":""}

package/dist/components/PlClipboard/PlClipboard.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlClipboard.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlClipboard/PlClipboard.vue"],"names":[],"mappings":"AAmDA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;wBAItB,OAAO,YAAY;AAAxC,wBAAyC;AAKzC,QAAA,MAAM,YAAY;WAET,IAAI;;;;WAAJ,IAAI;;;kFAmFT,CAAC"}
+{"version":3,"file":"PlClipboard.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlClipboard/PlClipboard.vue"],"names":[],"mappings":"AAyDA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;wBAItB,OAAO,YAAY;AAAxC,wBAAyC;AAKzC,QAAA,MAAM,YAAY;WAET,IAAI;;;;WAAJ,IAAI;;;kFAqFT,CAAC"}

package/dist/components/PlClipboard/PlClipboard.vue2.js

@@ -15,6 +15,7 @@ var l = /* @__PURE__ */ r({
 		return a(() => {
 			clearTimeout(m);
 		}), (t, r) => (o(), n(c(e), {
+			"data-testid": "pl-clipboard",
 			name: p.value,
 			size: u.size,
 			class: i(t.$style.copy),

package/dist/components/PlClipboard/PlClipboard.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlClipboard.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlClipboard/PlClipboard.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  name: \"PlClipboard\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { PlMaskIcon16 } from \"../PlMaskIcon16\";\nimport type { Size } from \"../../types.ts\";\nimport { computed, onUnmounted, ref } from \"vue\";\n\nconst props = defineProps<{\n  size?: Size;\n}>();\n\nconst emit = defineEmits([\"copy\"]);\n\nconst copyEffect = ref<boolean>(false);\n\nconst iconName = computed(() => (copyEffect.value ? \"clipboard-copied\" : \"clipboard\"));\n\nlet timeoutId: undefined | number;\n\nfunction onCopy() {\n  clearTimeout(timeoutId);\n  copyEffect.value = true;\n  emit(\"copy\");\n  timeoutId = window.setTimeout(() => {\n    copyEffect.value = false;\n  }, 1000);\n}\n\nonUnmounted(() => {\n  clearTimeout(timeoutId);\n});\n</script>\n\n<template>\n  <PlMaskIcon16 :name=\"iconName\" :size=\"props.size\" :class=\"$style.copy\" @click=\"onCopy\" />\n</template>\n\n<style module>\n.copy {\n  cursor: pointer;\n  display: block;\n}\n</style>\n"],"mappings":";;;;CAEE,MAAM;;;;EASR,IAAM,IAAQ,GAIR,IAAO,GAEP,IAAa,EAAa,GAAM,EAEhC,IAAW,QAAgB,EAAW,QAAQ,qBAAqB,YAAa,EAElF;EAEJ,SAAS,IAAS;AAIhB,GAHA,aAAa,EAAU,EACvB,EAAW,QAAQ,IACnB,EAAK,OAAO,EACZ,IAAY,OAAO,iBAAiB;AAClC,MAAW,QAAQ;MAClB,IAAK;;SAGV,QAAkB;AAChB,gBAAa,EAAU;IACvB,kBAIA,EAAyF,EAAA,EAAA,EAAA;GAA1E,MAAM,EAAA;GAAW,MAAM,EAAM;GAAO,OAAK,EAAEA,EAAAA,OAAO,KAAI;GAAG,SAAO"}
+{"version":3,"file":"PlClipboard.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlClipboard/PlClipboard.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  name: \"PlClipboard\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { PlMaskIcon16 } from \"../PlMaskIcon16\";\nimport type { Size } from \"../../types.ts\";\nimport { computed, onUnmounted, ref } from \"vue\";\n\nconst props = defineProps<{\n  size?: Size;\n}>();\n\nconst emit = defineEmits([\"copy\"]);\n\nconst copyEffect = ref<boolean>(false);\n\nconst iconName = computed(() => (copyEffect.value ? \"clipboard-copied\" : \"clipboard\"));\n\nlet timeoutId: undefined | number;\n\nfunction onCopy() {\n  clearTimeout(timeoutId);\n  copyEffect.value = true;\n  emit(\"copy\");\n  timeoutId = window.setTimeout(() => {\n    copyEffect.value = false;\n  }, 1000);\n}\n\nonUnmounted(() => {\n  clearTimeout(timeoutId);\n});\n</script>\n\n<template>\n  <PlMaskIcon16\n    data-testid=\"pl-clipboard\"\n    :name=\"iconName\"\n    :size=\"props.size\"\n    :class=\"$style.copy\"\n    @click=\"onCopy\"\n  />\n</template>\n\n<style module>\n.copy {\n  cursor: pointer;\n  display: block;\n}\n</style>\n"],"mappings":";;;;CAEE,MAAM;;;;EASR,IAAM,IAAQ,GAIR,IAAO,GAEP,IAAa,EAAa,GAAM,EAEhC,IAAW,QAAgB,EAAW,QAAQ,qBAAqB,YAAa,EAElF;EAEJ,SAAS,IAAS;AAIhB,GAHA,aAAa,EAAU,EACvB,EAAW,QAAQ,IACnB,EAAK,OAAO,EACZ,IAAY,OAAO,iBAAiB;AAClC,MAAW,QAAQ;MAClB,IAAK;;SAGV,QAAkB;AAChB,gBAAa,EAAU;IACvB,kBAIA,EAME,EAAA,EAAA,EAAA;GALA,eAAY;GACX,MAAM,EAAA;GACN,MAAM,EAAM;GACZ,OAAK,EAAEA,EAAAA,OAAO,KAAI;GAClB,SAAO"}

package/dist/components/PlConfirmDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlConfirmDialog.js","names":[],"sources":["../../src/components/PlConfirmDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlBtnPrimary } from \"./PlBtnPrimary\";\nimport { PlBtnSecondary } from \"./PlBtnSecondary\";\nimport { PlDialogModal } from \"./PlDialogModal\";\n\nconst props = withDefaults(\n  defineProps<{\n    opened?: boolean;\n    title: string;\n    message: string;\n    confirmLabel: string;\n    cancelLabel: string;\n    onConfirm?: () => void;\n    onCancel?: () => void;\n  }>(),\n  {\n    opened: true,\n    onCancel: undefined,\n    onConfirm: undefined,\n  },\n);\n\nconst emits = defineEmits<{\n  confirm: [];\n  cancel: [];\n}>();\n\nconst handleConfirm = () => {\n  emits(\"confirm\");\n  props.onConfirm?.();\n};\n\nconst handleCancel = () => {\n  emits(\"cancel\");\n  props.onCancel?.();\n};\n</script>\n\n<template>\n  <PlDialogModal v-model=\"props.opened\" :closable=\"false\" @click.stop>\n    <template #title>\n      {{ title }}\n    </template>\n    <template #default>\n      {{ message }}\n    </template>\n    <template #actions>\n      <PlBtnPrimary @click.stop=\"handleConfirm\">\n        {{ props.confirmLabel }}\n      </PlBtnPrimary>\n      <PlBtnSecondary @click.stop=\"handleCancel\">\n        {{ props.cancelLabel }}\n      </PlBtnSecondary>\n    </template>\n  </PlDialogModal>\n</template>\n"],"mappings":""}
+{"version":3,"file":"PlConfirmDialog.js","names":[],"sources":["../../src/components/PlConfirmDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlBtnPrimary } from \"./PlBtnPrimary\";\nimport { PlBtnSecondary } from \"./PlBtnSecondary\";\nimport { PlDialogModal } from \"./PlDialogModal\";\n\nconst props = withDefaults(\n  defineProps<{\n    opened?: boolean;\n    title: string;\n    message: string;\n    confirmLabel: string;\n    cancelLabel: string;\n    onConfirm?: () => void;\n    onCancel?: () => void;\n  }>(),\n  {\n    opened: true,\n    onCancel: undefined,\n    onConfirm: undefined,\n  },\n);\n\nconst emits = defineEmits<{\n  confirm: [];\n  cancel: [];\n}>();\n\nconst handleConfirm = () => {\n  emits(\"confirm\");\n  props.onConfirm?.();\n};\n\nconst handleCancel = () => {\n  emits(\"cancel\");\n  props.onCancel?.();\n};\n</script>\n\n<template>\n  <PlDialogModal\n    data-testid=\"pl-confirm-dialog\"\n    v-model=\"props.opened\"\n    :closable=\"false\"\n    @click.stop\n  >\n    <template #title>\n      {{ title }}\n    </template>\n    <template #default>\n      {{ message }}\n    </template>\n    <template #actions>\n      <PlBtnPrimary data-testid=\"pl-confirm-dialog-confirm\" @click.stop=\"handleConfirm\">\n        {{ props.confirmLabel }}\n      </PlBtnPrimary>\n      <PlBtnSecondary data-testid=\"pl-confirm-dialog-cancel\" @click.stop=\"handleCancel\">\n        {{ props.cancelLabel }}\n      </PlBtnSecondary>\n    </template>\n  </PlDialogModal>\n</template>\n"],"mappings":""}

package/dist/components/PlConfirmDialog.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlConfirmDialog.vue.d.ts","sourceRoot":"","sources":["../../src/components/PlConfirmDialog.vue"],"names":[],"mappings":"AA+DA,KAAK,WAAW,GAAG;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AA8IJ,QAAA,MAAM,YAAY;;;;;;;cA/IH,MAAM,IAAI;YANZ,OAAO;eAKJ,MAAM,IAAI;6EAoJxB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"PlConfirmDialog.vue.d.ts","sourceRoot":"","sources":["../../src/components/PlConfirmDialog.vue"],"names":[],"mappings":"AAoEA,KAAK,WAAW,GAAG;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAoJJ,QAAA,MAAM,YAAY;;;;;;;cArJH,MAAM,IAAI;YANZ,OAAO;eAKJ,MAAM,IAAI;6EA0JxB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/PlConfirmDialog.vue2.js

@@ -34,6 +34,7 @@ var f = /* @__PURE__ */ o({
 			m("cancel"), p.onCancel?.();
 		};
 		return (f, m) => (s(), r(l(n), {
+			"data-testid": "pl-confirm-dialog",
 			modelValue: p.opened,
 			"onUpdate:modelValue": m[0] ||= (e) => p.opened = e,
 			closable: !1,
@@ -41,10 +42,16 @@ var f = /* @__PURE__ */ o({
 		}, {
 			title: u(() => [i(c(o.title), 1)]),
 			default: u(() => [i(c(o.message), 1)]),
-			actions: u(() => [a(l(t), { onClick: d(h, ["stop"]) }, {
+			actions: u(() => [a(l(t), {
+				"data-testid": "pl-confirm-dialog-confirm",
+				onClick: d(h, ["stop"])
+			}, {
 				default: u(() => [i(c(p.confirmLabel), 1)]),
 				_: 1
-			}), a(l(e), { onClick: d(g, ["stop"]) }, {
+			}), a(l(e), {
+				"data-testid": "pl-confirm-dialog-cancel",
+				onClick: d(g, ["stop"])
+			}, {
 				default: u(() => [i(c(p.cancelLabel), 1)]),
 				_: 1
 			})]),

package/dist/components/PlConfirmDialog.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlConfirmDialog.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/PlConfirmDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlBtnPrimary } from \"./PlBtnPrimary\";\nimport { PlBtnSecondary } from \"./PlBtnSecondary\";\nimport { PlDialogModal } from \"./PlDialogModal\";\n\nconst props = withDefaults(\n  defineProps<{\n    opened?: boolean;\n    title: string;\n    message: string;\n    confirmLabel: string;\n    cancelLabel: string;\n    onConfirm?: () => void;\n    onCancel?: () => void;\n  }>(),\n  {\n    opened: true,\n    onCancel: undefined,\n    onConfirm: undefined,\n  },\n);\n\nconst emits = defineEmits<{\n  confirm: [];\n  cancel: [];\n}>();\n\nconst handleConfirm = () => {\n  emits(\"confirm\");\n  props.onConfirm?.();\n};\n\nconst handleCancel = () => {\n  emits(\"cancel\");\n  props.onCancel?.();\n};\n</script>\n\n<template>\n  <PlDialogModal v-model=\"props.opened\" :closable=\"false\" @click.stop>\n    <template #title>\n      {{ title }}\n    </template>\n    <template #default>\n      {{ message }}\n    </template>\n    <template #actions>\n      <PlBtnPrimary @click.stop=\"handleConfirm\">\n        {{ props.confirmLabel }}\n      </PlBtnPrimary>\n      <PlBtnSecondary @click.stop=\"handleCancel\">\n        {{ props.cancelLabel }}\n      </PlBtnSecondary>\n    </template>\n  </PlDialogModal>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKA,IAAM,IAAQ,GAiBR,IAAQ,GAKR,UAAsB;AAE1B,GADA,EAAM,UAAU,EAChB,EAAM,aAAa;KAGf,UAAqB;AAEzB,GADA,EAAM,SAAS,EACf,EAAM,YAAY;;yBAKlB,EAegB,EAAA,EAAA,EAAA;eAfQ,EAAM;4CAAA,SAAM;GAAG,UAAU;GAAQ,SAAK,AAAA,EAAA,OAAA,QAAN,IAAW,CAAA,OAAA,CAAA;;GACtD,OAAK,QACH,CAAA,EAAA,EAAR,EAAA,MAAK,EAAA,EAAA,CAAA,CAAA;GAEC,SAAO,QACH,CAAA,EAAA,EAAV,EAAA,QAAO,EAAA,EAAA,CAAA,CAAA;GAED,SAAO,QAGD,CAFf,EAEe,EAAA,EAAA,EAAA,EAFA,SAAK,EAAO,GAAa,CAAA,OAAA,CAAA,EAAA,EAAA;qBACd,CAAA,EAAA,EAArB,EAAM,aAAY,EAAA,EAAA,CAAA,CAAA;;OAEvB,EAEiB,EAAA,EAAA,EAAA,EAFA,SAAK,EAAO,GAAY,CAAA,OAAA,CAAA,EAAA,EAAA;qBAChB,CAAA,EAAA,EAApB,EAAM,YAAW,EAAA,EAAA,CAAA,CAAA"}
+{"version":3,"file":"PlConfirmDialog.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/PlConfirmDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlBtnPrimary } from \"./PlBtnPrimary\";\nimport { PlBtnSecondary } from \"./PlBtnSecondary\";\nimport { PlDialogModal } from \"./PlDialogModal\";\n\nconst props = withDefaults(\n  defineProps<{\n    opened?: boolean;\n    title: string;\n    message: string;\n    confirmLabel: string;\n    cancelLabel: string;\n    onConfirm?: () => void;\n    onCancel?: () => void;\n  }>(),\n  {\n    opened: true,\n    onCancel: undefined,\n    onConfirm: undefined,\n  },\n);\n\nconst emits = defineEmits<{\n  confirm: [];\n  cancel: [];\n}>();\n\nconst handleConfirm = () => {\n  emits(\"confirm\");\n  props.onConfirm?.();\n};\n\nconst handleCancel = () => {\n  emits(\"cancel\");\n  props.onCancel?.();\n};\n</script>\n\n<template>\n  <PlDialogModal\n    data-testid=\"pl-confirm-dialog\"\n    v-model=\"props.opened\"\n    :closable=\"false\"\n    @click.stop\n  >\n    <template #title>\n      {{ title }}\n    </template>\n    <template #default>\n      {{ message }}\n    </template>\n    <template #actions>\n      <PlBtnPrimary data-testid=\"pl-confirm-dialog-confirm\" @click.stop=\"handleConfirm\">\n        {{ props.confirmLabel }}\n      </PlBtnPrimary>\n      <PlBtnSecondary data-testid=\"pl-confirm-dialog-cancel\" @click.stop=\"handleCancel\">\n        {{ props.cancelLabel }}\n      </PlBtnSecondary>\n    </template>\n  </PlDialogModal>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKA,IAAM,IAAQ,GAiBR,IAAQ,GAKR,UAAsB;AAE1B,GADA,EAAM,UAAU,EAChB,EAAM,aAAa;KAGf,UAAqB;AAEzB,GADA,EAAM,SAAS,EACf,EAAM,YAAY;;yBAKlB,EAoBgB,EAAA,EAAA,EAAA;GAnBd,eAAY;eACH,EAAM;4CAAA,SAAM;GACpB,UAAU;GACV,SAAK,AAAA,EAAA,OAAA,QAAN,IAAW,CAAA,OAAA,CAAA;;GAEA,OAAK,QACH,CAAA,EAAA,EAAR,EAAA,MAAK,EAAA,EAAA,CAAA,CAAA;GAEC,SAAO,QACH,CAAA,EAAA,EAAV,EAAA,QAAO,EAAA,EAAA,CAAA,CAAA;GAED,SAAO,QAGD,CAFf,EAEe,EAAA,EAAA,EAAA;IAFD,eAAY;IAA6B,SAAK,EAAO,GAAa,CAAA,OAAA,CAAA;;qBACtD,CAAA,EAAA,EAArB,EAAM,aAAY,EAAA,EAAA,CAAA,CAAA;;OAEvB,EAEiB,EAAA,EAAA,EAAA;IAFD,eAAY;IAA4B,SAAK,EAAO,GAAY,CAAA,OAAA,CAAA;;qBACvD,CAAA,EAAA,EAApB,EAAM,YAAW,EAAA,EAAA,CAAA,CAAA"}

package/dist/components/PlDialogModal/PlDialogModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlDialogModal.js","names":[],"sources":["../../../src/components/PlDialogModal/PlDialogModal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  inheritAttrs: false,\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { useEventListener } from \"../../composition/useEventListener\";\nimport \"./pl-dialog-modal.scss\";\nimport { computed, ref } from \"vue\";\nimport PlCloseModalBtn from \"../../utils/PlCloseModalBtn.vue\";\nimport type { Size } from \"../../types\";\n\nconst slots = defineSlots<{\n  title?: () => unknown;\n  default?: () => unknown;\n  actions?: () => unknown;\n}>();\n\nconst emit = defineEmits([\"update:modelValue\"]);\n\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * Determines whether the modal is open\n     */\n    modelValue: boolean;\n    /**\n     * css width (default value is `448px`)\n     */\n    width?: string;\n    /**\n     * css height (default value is `auto`)\n     */\n    height?: string;\n    /**\n     * css min-height (default value is `auto`)\n     */\n    minHeight?: string;\n    /**\n     * css min-height (default value is `auto` but recommended is 440px)\n     */\n    maxHeight?: string;\n    /**\n     * Enables a button to close the modal (default: `true`)\n     */\n    closable?: boolean;\n    /**\n     * If `true` content gutters are removed\n     */\n    noContentGutters?: boolean;\n    /**\n     * If `true` top content gutter is removed\n     */\n    noTopContentGutter?: boolean;\n    /**\n     * Actions slot has a top border (default: `true`)\n     */\n    actionsHasTopBorder?: boolean;\n    /**\n     * If `true`, the modal window closes when clicking outside the modal area (default: `true`)\n     */\n    closeOnOutsideClick?: boolean;\n    /**\n     * Predefined size (standard small | medium | large). Takes precedence over (min|max)(width|height) properties. Not defined by default.\n     */\n    size?: Size | undefined;\n  }>(),\n  {\n    width: \"448px\",\n    minHeight: \"auto\",\n    maxHeight: \"auto\",\n    height: \"auto\",\n    closable: true,\n    noContentGutters: false,\n    actionsHasTopBorder: true,\n    closeOnOutsideClick: true,\n    size: undefined,\n  },\n);\n\nconst modal = ref<HTMLElement>();\n\nconst style = computed(() => {\n  const { width, height, minHeight, maxHeight, size } = props;\n\n  if (size === \"small\") {\n    return {\n      width: \"448px\",\n      height: \"440px\",\n      minHeight: \"auto\",\n      maxHeight: \"auto\",\n    };\n  }\n\n  if (size === \"medium\") {\n    return {\n      width: \"720px\",\n      height: \"720px\",\n      minHeight: \"auto\",\n      maxHeight: \"auto\",\n    };\n  }\n\n  if (size === \"large\") {\n    return {\n      width: \"1080px\",\n      height: \"880px\",\n      minHeight: \"auto\",\n      maxHeight: \"auto\",\n    };\n  }\n\n  return { width, height, minHeight, maxHeight };\n});\n\nfunction onClickShadow(ev: Event) {\n  if (\n    modal.value &&\n    props.closeOnOutsideClick &&\n    document.contains(ev.target as Node) &&\n    !modal.value.contains(ev.target as Node)\n  ) {\n    emit(\"update:modelValue\", false);\n  }\n}\n\nuseEventListener(document.body, \"keyup\", (ev) => {\n  if (props.modelValue && ev.code === \"Escape\") {\n    emit(\"update:modelValue\", false);\n  }\n});\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <Transition name=\"dialog\">\n      <div v-if=\"modelValue\" class=\"pl-dialog-modal__shadow\" @click=\"onClickShadow\">\n        <div\n          v-bind=\"$attrs\"\n          ref=\"modal\"\n          class=\"pl-dialog-modal\"\n          :class=\"{ 'has-title': slots.title, 'has-content': slots.default }\"\n          :style=\"style\"\n        >\n          <PlCloseModalBtn\n            v-if=\"closable\"\n            class=\"close-modal-btn\"\n            @click.stop=\"emit('update:modelValue', false)\"\n          />\n          <div v-if=\"slots.title\" class=\"pl-dialog-modal__title\">\n            <slot name=\"title\" />\n          </div>\n          <div\n            class=\"pl-dialog-modal__content\"\n            :class=\"{\n              'no-content-gutters': noContentGutters,\n              'no-top-content-gutter': noTopContentGutter,\n            }\"\n          >\n            <slot />\n          </div>\n          <div\n            v-if=\"slots.actions\"\n            class=\"pl-dialog-modal__actions\"\n            :class=\"{ 'has-top-border': actionsHasTopBorder }\"\n          >\n            <slot name=\"actions\" />\n          </div>\n        </div>\n      </div>\n    </Transition>\n  </Teleport>\n</template>\n"],"mappings":""}
+{"version":3,"file":"PlDialogModal.js","names":[],"sources":["../../../src/components/PlDialogModal/PlDialogModal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  inheritAttrs: false,\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { useEventListener } from \"../../composition/useEventListener\";\nimport \"./pl-dialog-modal.scss\";\nimport { computed, ref } from \"vue\";\nimport PlCloseModalBtn from \"../../utils/PlCloseModalBtn.vue\";\nimport type { Size } from \"../../types\";\n\nconst slots = defineSlots<{\n  title?: () => unknown;\n  default?: () => unknown;\n  actions?: () => unknown;\n}>();\n\nconst emit = defineEmits([\"update:modelValue\"]);\n\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * Determines whether the modal is open\n     */\n    modelValue: boolean;\n    /**\n     * css width (default value is `448px`)\n     */\n    width?: string;\n    /**\n     * css height (default value is `auto`)\n     */\n    height?: string;\n    /**\n     * css min-height (default value is `auto`)\n     */\n    minHeight?: string;\n    /**\n     * css min-height (default value is `auto` but recommended is 440px)\n     */\n    maxHeight?: string;\n    /**\n     * Enables a button to close the modal (default: `true`)\n     */\n    closable?: boolean;\n    /**\n     * If `true` content gutters are removed\n     */\n    noContentGutters?: boolean;\n    /**\n     * If `true` top content gutter is removed\n     */\n    noTopContentGutter?: boolean;\n    /**\n     * Actions slot has a top border (default: `true`)\n     */\n    actionsHasTopBorder?: boolean;\n    /**\n     * If `true`, the modal window closes when clicking outside the modal area (default: `true`)\n     */\n    closeOnOutsideClick?: boolean;\n    /**\n     * Predefined size (standard small | medium | large). Takes precedence over (min|max)(width|height) properties. Not defined by default.\n     */\n    size?: Size | undefined;\n  }>(),\n  {\n    width: \"448px\",\n    minHeight: \"auto\",\n    maxHeight: \"auto\",\n    height: \"auto\",\n    closable: true,\n    noContentGutters: false,\n    actionsHasTopBorder: true,\n    closeOnOutsideClick: true,\n    size: undefined,\n  },\n);\n\nconst modal = ref<HTMLElement>();\n\nconst style = computed(() => {\n  const { width, height, minHeight, maxHeight, size } = props;\n\n  if (size === \"small\") {\n    return {\n      width: \"448px\",\n      height: \"440px\",\n      minHeight: \"auto\",\n      maxHeight: \"auto\",\n    };\n  }\n\n  if (size === \"medium\") {\n    return {\n      width: \"720px\",\n      height: \"720px\",\n      minHeight: \"auto\",\n      maxHeight: \"auto\",\n    };\n  }\n\n  if (size === \"large\") {\n    return {\n      width: \"1080px\",\n      height: \"880px\",\n      minHeight: \"auto\",\n      maxHeight: \"auto\",\n    };\n  }\n\n  return { width, height, minHeight, maxHeight };\n});\n\nfunction onClickShadow(ev: Event) {\n  if (\n    modal.value &&\n    props.closeOnOutsideClick &&\n    document.contains(ev.target as Node) &&\n    !modal.value.contains(ev.target as Node)\n  ) {\n    emit(\"update:modelValue\", false);\n  }\n}\n\nuseEventListener(document.body, \"keyup\", (ev) => {\n  if (props.modelValue && ev.code === \"Escape\") {\n    emit(\"update:modelValue\", false);\n  }\n});\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <Transition name=\"dialog\">\n      <div\n        v-if=\"modelValue\"\n        data-testid=\"pl-dialog-modal-shadow\"\n        class=\"pl-dialog-modal__shadow\"\n        @click=\"onClickShadow\"\n      >\n        <div\n          data-testid=\"pl-dialog-modal\"\n          v-bind=\"$attrs\"\n          ref=\"modal\"\n          class=\"pl-dialog-modal\"\n          :class=\"{ 'has-title': slots.title, 'has-content': slots.default }\"\n          :style=\"style\"\n        >\n          <PlCloseModalBtn\n            v-if=\"closable\"\n            data-testid=\"pl-dialog-modal-close\"\n            class=\"close-modal-btn\"\n            @click.stop=\"emit('update:modelValue', false)\"\n          />\n          <div\n            v-if=\"slots.title\"\n            data-testid=\"pl-dialog-modal-title\"\n            class=\"pl-dialog-modal__title\"\n          >\n            <slot name=\"title\" />\n          </div>\n          <div\n            data-testid=\"pl-dialog-modal-content\"\n            class=\"pl-dialog-modal__content\"\n            :class=\"{\n              'no-content-gutters': noContentGutters,\n              'no-top-content-gutter': noTopContentGutter,\n            }\"\n          >\n            <slot />\n          </div>\n          <div\n            v-if=\"slots.actions\"\n            data-testid=\"pl-dialog-modal-actions\"\n            class=\"pl-dialog-modal__actions\"\n            :class=\"{ 'has-top-border': actionsHasTopBorder }\"\n          >\n            <slot name=\"actions\" />\n          </div>\n        </div>\n      </div>\n    </Transition>\n  </Teleport>\n</template>\n"],"mappings":""}

package/dist/components/PlDialogModal/PlDialogModal.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlDialogModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlDialogModal/PlDialogModal.vue"],"names":[],"mappings":"AAkLA,OAAO,wBAAwB,CAAC;AAGhC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;wBAGnB,OAAO,YAAY;AAAxC,wBAAyC;AAKzC,QAAA,MAAM,YAAY;IAWd;;OAEG;gBACS,OAAO;IACnB;;OAEG;YACK,MAAM;IACd;;OAEG;aACM,MAAM;IACf;;OAEG;gBACS,MAAM;IAClB;;OAEG;gBACS,MAAM;IAClB;;OAEG;eACQ,OAAO;IAClB;;OAEG;uBACgB,OAAO;IAC1B;;OAEG;yBACkB,OAAO;IAC5B;;OAEG;0BACmB,OAAO;IAC7B;;OAEG;0BACmB,OAAO;IAC7B;;OAEG;WACI,IAAI,GAAG,SAAS;;;;IA3CvB;;OAEG;gBACS,OAAO;IACnB;;OAEG;YACK,MAAM;IACd;;OAEG;aACM,MAAM;IACf;;OAEG;gBACS,MAAM;IAClB;;OAEG;gBACS,MAAM;IAClB;;OAEG;eACQ,OAAO;IAClB;;OAEG;uBACgB,OAAO;IAC1B;;OAEG;yBACkB,OAAO;IAC5B;;OAEG;0BACmB,OAAO;IAC7B;;OAEG;0BACmB,OAAO;IAC7B;;OAEG;WACI,IAAI,GAAG,SAAS;;;;;YAhCd,MAAM;WAJP,MAAM;eAYF,MAAM;eAJN,MAAM;cAQP,OAAO;sBAIC,OAAO;yBAQJ,OAAO;yBAIP,OAAO;;YAhDvB,MAAM,OAAO;cACX,MAAM,OAAO;cACb,MAAM,OAAO;EAwQrB,CAAC;AAWL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"PlDialogModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlDialogModal/PlDialogModal.vue"],"names":[],"mappings":"AA+LA,OAAO,wBAAwB,CAAC;AAGhC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;wBAGnB,OAAO,YAAY;AAAxC,wBAAyC;AAKzC,QAAA,MAAM,YAAY;IAWd;;OAEG;gBACS,OAAO;IACnB;;OAEG;YACK,MAAM;IACd;;OAEG;aACM,MAAM;IACf;;OAEG;gBACS,MAAM;IAClB;;OAEG;gBACS,MAAM;IAClB;;OAEG;eACQ,OAAO;IAClB;;OAEG;uBACgB,OAAO;IAC1B;;OAEG;yBACkB,OAAO;IAC5B;;OAEG;0BACmB,OAAO;IAC7B;;OAEG;0BACmB,OAAO;IAC7B;;OAEG;WACI,IAAI,GAAG,SAAS;;;;IA3CvB;;OAEG;gBACS,OAAO;IACnB;;OAEG;YACK,MAAM;IACd;;OAEG;aACM,MAAM;IACf;;OAEG;gBACS,MAAM;IAClB;;OAEG;gBACS,MAAM;IAClB;;OAEG;eACQ,OAAO;IAClB;;OAEG;uBACgB,OAAO;IAC1B;;OAEG;yBACkB,OAAO;IAC5B;;OAEG;0BACmB,OAAO;IAC7B;;OAEG;0BACmB,OAAO;IAC7B;;OAEG;WACI,IAAI,GAAG,SAAS;;;;;YAhCd,MAAM;WAJP,MAAM;eAYF,MAAM;eAJN,MAAM;cAQP,OAAO;sBAIC,OAAO;yBAQJ,OAAO;yBAIP,OAAO;;YAhDvB,MAAM,OAAO;cACX,MAAM,OAAO;cACb,MAAM,OAAO;EA+QrB,CAAC;AAWL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/PlDialogModal/PlDialogModal.vue2.js

@@ -5,6 +5,7 @@ import { Teleport as n, Transition as r, computed as i, createBlock as a, create
 //#region src/components/PlDialogModal/PlDialogModal.vue?vue&type=script&setup=true&lang.ts
 var y = {
 	key: 1,
+	"data-testid": "pl-dialog-modal-title",
 	class: "pl-dialog-modal__title"
 }, b = /* @__PURE__ */ u({
 	inheritAttrs: !1,
@@ -68,9 +69,10 @@ var y = {
 		}), (e, i) => (p(), a(n, { to: "body" }, [l(r, { name: "dialog" }, {
 			default: _(() => [u.modelValue ? (p(), s("div", {
 				key: 0,
+				"data-testid": "pl-dialog-modal-shadow",
 				class: "pl-dialog-modal__shadow",
 				onClick: E
-			}, [c("div", d(e.$attrs, {
+			}, [c("div", d({ "data-testid": "pl-dialog-modal" }, e.$attrs, {
 				ref_key: "modal",
 				ref: w,
 				class: ["pl-dialog-modal", {
@@ -81,16 +83,21 @@ var y = {
 			}), [
 				u.closable ? (p(), a(t, {
 					key: 0,
+					"data-testid": "pl-dialog-modal-close",
 					class: "close-modal-btn",
 					onClick: i[0] ||= v((e) => S("update:modelValue", !1), ["stop"])
 				})) : o("", !0),
 				x.title ? (p(), s("div", y, [h(e.$slots, "title")])) : o("", !0),
-				c("div", { class: f(["pl-dialog-modal__content", {
-					"no-content-gutters": u.noContentGutters,
-					"no-top-content-gutter": u.noTopContentGutter
-				}]) }, [h(e.$slots, "default")], 2),
+				c("div", {
+					"data-testid": "pl-dialog-modal-content",
+					class: f(["pl-dialog-modal__content", {
+						"no-content-gutters": u.noContentGutters,
+						"no-top-content-gutter": u.noTopContentGutter
+					}])
+				}, [h(e.$slots, "default")], 2),
 				x.actions ? (p(), s("div", {
 					key: 2,
+					"data-testid": "pl-dialog-modal-actions",
 					class: f(["pl-dialog-modal__actions", { "has-top-border": u.actionsHasTopBorder }])
 				}, [h(e.$slots, "actions")], 2)) : o("", !0)
 			], 16)])) : o("", !0)]),

package/dist/components/PlDialogModal/PlDialogModal.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlDialogModal.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../../src/components/PlDialogModal/PlDialogModal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  inheritAttrs: false,\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { useEventListener } from \"../../composition/useEventListener\";\nimport \"./pl-dialog-modal.scss\";\nimport { computed, ref } from \"vue\";\nimport PlCloseModalBtn from \"../../utils/PlCloseModalBtn.vue\";\nimport type { Size } from \"../../types\";\n\nconst slots = defineSlots<{\n  title?: () => unknown;\n  default?: () => unknown;\n  actions?: () => unknown;\n}>();\n\nconst emit = defineEmits([\"update:modelValue\"]);\n\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * Determines whether the modal is open\n     */\n    modelValue: boolean;\n    /**\n     * css width (default value is `448px`)\n     */\n    width?: string;\n    /**\n     * css height (default value is `auto`)\n     */\n    height?: string;\n    /**\n     * css min-height (default value is `auto`)\n     */\n    minHeight?: string;\n    /**\n     * css min-height (default value is `auto` but recommended is 440px)\n     */\n    maxHeight?: string;\n    /**\n     * Enables a button to close the modal (default: `true`)\n     */\n    closable?: boolean;\n    /**\n     * If `true` content gutters are removed\n     */\n    noContentGutters?: boolean;\n    /**\n     * If `true` top content gutter is removed\n     */\n    noTopContentGutter?: boolean;\n    /**\n     * Actions slot has a top border (default: `true`)\n     */\n    actionsHasTopBorder?: boolean;\n    /**\n     * If `true`, the modal window closes when clicking outside the modal area (default: `true`)\n     */\n    closeOnOutsideClick?: boolean;\n    /**\n     * Predefined size (standard small | medium | large). Takes precedence over (min|max)(width|height) properties. Not defined by default.\n     */\n    size?: Size | undefined;\n  }>(),\n  {\n    width: \"448px\",\n    minHeight: \"auto\",\n    maxHeight: \"auto\",\n    height: \"auto\",\n    closable: true,\n    noContentGutters: false,\n    actionsHasTopBorder: true,\n    closeOnOutsideClick: true,\n    size: undefined,\n  },\n);\n\nconst modal = ref<HTMLElement>();\n\nconst style = computed(() => {\n  const { width, height, minHeight, maxHeight, size } = props;\n\n  if (size === \"small\") {\n    return {\n      width: \"448px\",\n      height: \"440px\",\n      minHeight: \"auto\",\n      maxHeight: \"auto\",\n    };\n  }\n\n  if (size === \"medium\") {\n    return {\n      width: \"720px\",\n      height: \"720px\",\n      minHeight: \"auto\",\n      maxHeight: \"auto\",\n    };\n  }\n\n  if (size === \"large\") {\n    return {\n      width: \"1080px\",\n      height: \"880px\",\n      minHeight: \"auto\",\n      maxHeight: \"auto\",\n    };\n  }\n\n  return { width, height, minHeight, maxHeight };\n});\n\nfunction onClickShadow(ev: Event) {\n  if (\n    modal.value &&\n    props.closeOnOutsideClick &&\n    document.contains(ev.target as Node) &&\n    !modal.value.contains(ev.target as Node)\n  ) {\n    emit(\"update:modelValue\", false);\n  }\n}\n\nuseEventListener(document.body, \"keyup\", (ev) => {\n  if (props.modelValue && ev.code === \"Escape\") {\n    emit(\"update:modelValue\", false);\n  }\n});\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <Transition name=\"dialog\">\n      <div v-if=\"modelValue\" class=\"pl-dialog-modal__shadow\" @click=\"onClickShadow\">\n        <div\n          v-bind=\"$attrs\"\n          ref=\"modal\"\n          class=\"pl-dialog-modal\"\n          :class=\"{ 'has-title': slots.title, 'has-content': slots.default }\"\n          :style=\"style\"\n        >\n          <PlCloseModalBtn\n            v-if=\"closable\"\n            class=\"close-modal-btn\"\n            @click.stop=\"emit('update:modelValue', false)\"\n          />\n          <div v-if=\"slots.title\" class=\"pl-dialog-modal__title\">\n            <slot name=\"title\" />\n          </div>\n          <div\n            class=\"pl-dialog-modal__content\"\n            :class=\"{\n              'no-content-gutters': noContentGutters,\n              'no-top-content-gutter': noTopContentGutter,\n            }\"\n          >\n            <slot />\n          </div>\n          <div\n            v-if=\"slots.actions\"\n            class=\"pl-dialog-modal__actions\"\n            :class=\"{ 'has-top-border': actionsHasTopBorder }\"\n          >\n            <slot name=\"actions\" />\n          </div>\n        </div>\n      </div>\n    </Transition>\n  </Teleport>\n</template>\n"],"mappings":";;;;;;;;;CAEE,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAWhB,IAAM,IAAQ,GAIV,EAEE,IAAO,GAEP,IAAQ,GA4DR,IAAQ,GAAkB,EAE1B,IAAQ,QAAe;GAC3B,IAAM,EAAE,UAAO,WAAQ,cAAW,cAAW,YAAS;AA6BtD,UA3BI,MAAS,UACJ;IACL,OAAO;IACP,QAAQ;IACR,WAAW;IACX,WAAW;IACZ,GAGC,MAAS,WACJ;IACL,OAAO;IACP,QAAQ;IACR,WAAW;IACX,WAAW;IACZ,GAGC,MAAS,UACJ;IACL,OAAO;IACP,QAAQ;IACR,WAAW;IACX,WAAW;IACZ,GAGI;IAAE;IAAO;IAAQ;IAAW;IAAW;IAC9C;EAEF,SAAS,EAAc,GAAW;AAChC,GACE,EAAM,SACN,EAAM,uBACN,SAAS,SAAS,EAAG,OAAe,IACpC,CAAC,EAAM,MAAM,SAAS,EAAG,OAAc,IAEvC,EAAK,qBAAqB,GAAM;;SAIpC,EAAiB,SAAS,MAAM,UAAU,MAAO;AAC/C,GAAI,EAAM,cAAc,EAAG,SAAS,YAClC,EAAK,qBAAqB,GAAM;IAElC,kBAIA,EAqCW,GAAA,EArCD,IAAG,QAAM,EAAA,CACjB,EAmCa,GAAA,EAnCD,MAAK,UAAQ,EAAA;oBAkCjB,CAjCK,EAAA,cAAA,GAAA,EAAX,EAiCM,OAAA;;IAjCiB,OAAM;IAA2B,SAAO;OAC7D,EA+BM,OA/BN,EACUA,EA8BJ,QA9BU;aACV;IAAJ,KAAI;IACJ,OAAK,CAAC,mBAAiB;KAAA,aACA,EAAM;KAAK,eAAiB,EAAM;KAAO,CAAA;IAC/D,OAAO,EAAA;;IAGA,EAAA,YAAA,GAAA,EADR,EAIE,GAAA;;KAFA,OAAM;KACL,SAAK,AAAA,EAAA,OAAA,GAAA,MAAO,EAAI,qBAAA,GAAA,EAAA,CAAA,OAAA,CAAA;;IAER,EAAM,SAAA,GAAA,EAAjB,EAEM,OAFN,GAEM,CADJ,EAAqB,EAAA,QAAA,QAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA;IAEvB,EAQM,OAAA,EAPJ,OAAK,EAAA,CAAC,4BAA0B;2BACc,EAAA;8BAAyD,EAAA;YAKvG,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,EAAA;IAGF,EAAM,WAAA,GAAA,EADd,EAMM,OAAA;;KAJJ,OAAK,EAAA,CAAC,4BAA0B,EAAA,kBACJ,EAAA,qBAAmB,CAAA,CAAA;QAE/C,EAAuB,EAAA,QAAA,UAAA,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA"}
+{"version":3,"file":"PlDialogModal.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../../src/components/PlDialogModal/PlDialogModal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  inheritAttrs: false,\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { useEventListener } from \"../../composition/useEventListener\";\nimport \"./pl-dialog-modal.scss\";\nimport { computed, ref } from \"vue\";\nimport PlCloseModalBtn from \"../../utils/PlCloseModalBtn.vue\";\nimport type { Size } from \"../../types\";\n\nconst slots = defineSlots<{\n  title?: () => unknown;\n  default?: () => unknown;\n  actions?: () => unknown;\n}>();\n\nconst emit = defineEmits([\"update:modelValue\"]);\n\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * Determines whether the modal is open\n     */\n    modelValue: boolean;\n    /**\n     * css width (default value is `448px`)\n     */\n    width?: string;\n    /**\n     * css height (default value is `auto`)\n     */\n    height?: string;\n    /**\n     * css min-height (default value is `auto`)\n     */\n    minHeight?: string;\n    /**\n     * css min-height (default value is `auto` but recommended is 440px)\n     */\n    maxHeight?: string;\n    /**\n     * Enables a button to close the modal (default: `true`)\n     */\n    closable?: boolean;\n    /**\n     * If `true` content gutters are removed\n     */\n    noContentGutters?: boolean;\n    /**\n     * If `true` top content gutter is removed\n     */\n    noTopContentGutter?: boolean;\n    /**\n     * Actions slot has a top border (default: `true`)\n     */\n    actionsHasTopBorder?: boolean;\n    /**\n     * If `true`, the modal window closes when clicking outside the modal area (default: `true`)\n     */\n    closeOnOutsideClick?: boolean;\n    /**\n     * Predefined size (standard small | medium | large). Takes precedence over (min|max)(width|height) properties. Not defined by default.\n     */\n    size?: Size | undefined;\n  }>(),\n  {\n    width: \"448px\",\n    minHeight: \"auto\",\n    maxHeight: \"auto\",\n    height: \"auto\",\n    closable: true,\n    noContentGutters: false,\n    actionsHasTopBorder: true,\n    closeOnOutsideClick: true,\n    size: undefined,\n  },\n);\n\nconst modal = ref<HTMLElement>();\n\nconst style = computed(() => {\n  const { width, height, minHeight, maxHeight, size } = props;\n\n  if (size === \"small\") {\n    return {\n      width: \"448px\",\n      height: \"440px\",\n      minHeight: \"auto\",\n      maxHeight: \"auto\",\n    };\n  }\n\n  if (size === \"medium\") {\n    return {\n      width: \"720px\",\n      height: \"720px\",\n      minHeight: \"auto\",\n      maxHeight: \"auto\",\n    };\n  }\n\n  if (size === \"large\") {\n    return {\n      width: \"1080px\",\n      height: \"880px\",\n      minHeight: \"auto\",\n      maxHeight: \"auto\",\n    };\n  }\n\n  return { width, height, minHeight, maxHeight };\n});\n\nfunction onClickShadow(ev: Event) {\n  if (\n    modal.value &&\n    props.closeOnOutsideClick &&\n    document.contains(ev.target as Node) &&\n    !modal.value.contains(ev.target as Node)\n  ) {\n    emit(\"update:modelValue\", false);\n  }\n}\n\nuseEventListener(document.body, \"keyup\", (ev) => {\n  if (props.modelValue && ev.code === \"Escape\") {\n    emit(\"update:modelValue\", false);\n  }\n});\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <Transition name=\"dialog\">\n      <div\n        v-if=\"modelValue\"\n        data-testid=\"pl-dialog-modal-shadow\"\n        class=\"pl-dialog-modal__shadow\"\n        @click=\"onClickShadow\"\n      >\n        <div\n          data-testid=\"pl-dialog-modal\"\n          v-bind=\"$attrs\"\n          ref=\"modal\"\n          class=\"pl-dialog-modal\"\n          :class=\"{ 'has-title': slots.title, 'has-content': slots.default }\"\n          :style=\"style\"\n        >\n          <PlCloseModalBtn\n            v-if=\"closable\"\n            data-testid=\"pl-dialog-modal-close\"\n            class=\"close-modal-btn\"\n            @click.stop=\"emit('update:modelValue', false)\"\n          />\n          <div\n            v-if=\"slots.title\"\n            data-testid=\"pl-dialog-modal-title\"\n            class=\"pl-dialog-modal__title\"\n          >\n            <slot name=\"title\" />\n          </div>\n          <div\n            data-testid=\"pl-dialog-modal-content\"\n            class=\"pl-dialog-modal__content\"\n            :class=\"{\n              'no-content-gutters': noContentGutters,\n              'no-top-content-gutter': noTopContentGutter,\n            }\"\n          >\n            <slot />\n          </div>\n          <div\n            v-if=\"slots.actions\"\n            data-testid=\"pl-dialog-modal-actions\"\n            class=\"pl-dialog-modal__actions\"\n            :class=\"{ 'has-top-border': actionsHasTopBorder }\"\n          >\n            <slot name=\"actions\" />\n          </div>\n        </div>\n      </div>\n    </Transition>\n  </Teleport>\n</template>\n"],"mappings":";;;;;;;;;;CAEE,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAWhB,IAAM,IAAQ,GAIV,EAEE,IAAO,GAEP,IAAQ,GA4DR,IAAQ,GAAkB,EAE1B,IAAQ,QAAe;GAC3B,IAAM,EAAE,UAAO,WAAQ,cAAW,cAAW,YAAS;AA6BtD,UA3BI,MAAS,UACJ;IACL,OAAO;IACP,QAAQ;IACR,WAAW;IACX,WAAW;IACZ,GAGC,MAAS,WACJ;IACL,OAAO;IACP,QAAQ;IACR,WAAW;IACX,WAAW;IACZ,GAGC,MAAS,UACJ;IACL,OAAO;IACP,QAAQ;IACR,WAAW;IACX,WAAW;IACZ,GAGI;IAAE;IAAO;IAAQ;IAAW;IAAW;IAC9C;EAEF,SAAS,EAAc,GAAW;AAChC,GACE,EAAM,SACN,EAAM,uBACN,SAAS,SAAS,EAAG,OAAe,IACpC,CAAC,EAAM,MAAM,SAAS,EAAG,OAAc,IAEvC,EAAK,qBAAqB,GAAM;;SAIpC,EAAiB,SAAS,MAAM,UAAU,MAAO;AAC/C,GAAI,EAAM,cAAc,EAAG,SAAS,YAClC,EAAK,qBAAqB,GAAM;IAElC,kBAIA,EAkDW,GAAA,EAlDD,IAAG,QAAM,EAAA,CACjB,EAgDa,GAAA,EAhDD,MAAK,UAAQ,EAAA;oBA+CjB,CA7CE,EAAA,cAAA,GAAA,EADR,EA8CM,OAAA;;IA5CJ,eAAY;IACZ,OAAM;IACL,SAAO;OAER,EAuCM,OAvCN,EAuCM,EAtCJ,eAAY,mBAAiB,EACrBA,EAAAA,QAAM;aACV;IAAJ,KAAI;IACJ,OAAK,CAAC,mBAAiB;KAAA,aACA,EAAM;KAAK,eAAiB,EAAM;KAAO,CAAA;IAC/D,OAAO,EAAA;;IAGA,EAAA,YAAA,GAAA,EADR,EAKE,GAAA;;KAHA,eAAY;KACZ,OAAM;KACL,SAAK,AAAA,EAAA,OAAA,GAAA,MAAO,EAAI,qBAAA,GAAA,EAAA,CAAA,OAAA,CAAA;;IAGX,EAAM,SAAA,GAAA,EADd,EAMM,OANN,GAMM,CADJ,EAAqB,EAAA,QAAA,QAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA;IAEvB,EASM,OAAA;KARJ,eAAY;KACZ,OAAK,EAAA,CAAC,4BAA0B;4BACc,EAAA;+BAAyD,EAAA;;QAKvG,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,EAAA;IAGF,EAAM,WAAA,GAAA,EADd,EAOM,OAAA;;KALJ,eAAY;KACZ,OAAK,EAAA,CAAC,4BAA0B,EAAA,kBACJ,EAAA,qBAAmB,CAAA,CAAA;QAE/C,EAAuB,EAAA,QAAA,UAAA,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA"}

package/dist/components/PlDropdown/OptionList.js.map

@@ -1 +1 @@
-{"version":3,"file":"OptionList.js","names":[],"sources":["../../../src/components/PlDropdown/OptionList.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport DropdownListItem from \"../DropdownListItem.vue\";\nimport { DropdownOverlay } from \"../../utils/DropdownOverlay\";\nimport TextLabel from \"../../utils/TextLabel.vue\";\nimport { computed, useTemplateRef } from \"vue\";\nimport type { LOption } from \"./types\";\n\nconst props = defineProps<{\n  rootRef: HTMLElement;\n  groups: Map<string, LOption[]>;\n  rest: LOption[];\n  optionSize: \"small\" | \"medium\";\n  selectOption: (v: unknown) => void;\n}>();\n\nconst overlay = useTemplateRef(\"overlay\");\n\nconst listRef = computed(() => overlay.value?.listRef);\n\nconst hasGroups = computed(() => props.groups.size > 0);\n\nconst optionsLength = computed(() => {\n  let totalGroupItems = 0;\n  for (const items of props.groups.values()) {\n    totalGroupItems += items.length;\n  }\n  return totalGroupItems + props.rest.length;\n});\n\nconst scrollIntoActive = () => {\n  overlay.value?.scrollIntoActive();\n};\n\ndefineExpose({\n  scrollIntoActive,\n  listRef,\n});\n</script>\n\n<template>\n  <DropdownOverlay\n    ref=\"overlay\"\n    :root=\"rootRef\"\n    class=\"pl-dropdown__options\"\n    tabindex=\"-1\"\n    :gap=\"3\"\n  >\n    <div\n      v-for=\"[group, items] in groups.entries()\"\n      :key=\"group\"\n      :class=\"{ 'group-container': hasGroups }\"\n    >\n      <TextLabel>{{ group }}</TextLabel>\n      <div>\n        <DropdownListItem\n          v-for=\"(item, index) in items\"\n          :key=\"index\"\n          :option=\"item\"\n          :is-selected=\"item.isSelected\"\n          :is-hovered=\"item.isActive\"\n          :size=\"optionSize\"\n          @click.stop=\"selectOption(item.value)\"\n        />\n      </div>\n    </div>\n    <div v-if=\"rest.length\" :class=\"{ 'group-container': hasGroups }\">\n      <TextLabel />\n      <div>\n        <DropdownListItem\n          v-for=\"(item, index) in rest\"\n          :key=\"index\"\n          :option=\"item\"\n          :is-selected=\"item.isSelected\"\n          :is-hovered=\"item.isActive\"\n          :size=\"optionSize\"\n          @click.stop=\"selectOption(item.value)\"\n        />\n      </div>\n    </div>\n    <div v-if=\"!optionsLength\" class=\"nothing-found\">Nothing found</div>\n  </DropdownOverlay>\n</template>\n"],"mappings":""}
+{"version":3,"file":"OptionList.js","names":[],"sources":["../../../src/components/PlDropdown/OptionList.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport DropdownListItem from \"../DropdownListItem.vue\";\nimport { DropdownOverlay } from \"../../utils/DropdownOverlay\";\nimport TextLabel from \"../../utils/TextLabel.vue\";\nimport { computed, useTemplateRef } from \"vue\";\nimport type { LOption } from \"./types\";\n\nconst props = defineProps<{\n  rootRef: HTMLElement;\n  groups: Map<string, LOption[]>;\n  rest: LOption[];\n  optionSize: \"small\" | \"medium\";\n  selectOption: (v: unknown) => void;\n}>();\n\nconst overlay = useTemplateRef(\"overlay\");\n\nconst listRef = computed(() => overlay.value?.listRef);\n\nconst hasGroups = computed(() => props.groups.size > 0);\n\nconst optionsLength = computed(() => {\n  let totalGroupItems = 0;\n  for (const items of props.groups.values()) {\n    totalGroupItems += items.length;\n  }\n  return totalGroupItems + props.rest.length;\n});\n\nconst scrollIntoActive = () => {\n  overlay.value?.scrollIntoActive();\n};\n\ndefineExpose({\n  scrollIntoActive,\n  listRef,\n});\n</script>\n\n<template>\n  <DropdownOverlay\n    ref=\"overlay\"\n    :root=\"rootRef\"\n    class=\"pl-dropdown__options\"\n    data-testid=\"pl-dropdown-options\"\n    tabindex=\"-1\"\n    :gap=\"3\"\n  >\n    <div\n      v-for=\"[group, items] in groups.entries()\"\n      :key=\"group\"\n      :class=\"{ 'group-container': hasGroups }\"\n      data-testid=\"pl-dropdown-option-group\"\n    >\n      <TextLabel data-testid=\"pl-dropdown-option-group-label\">{{ group }}</TextLabel>\n      <div>\n        <DropdownListItem\n          v-for=\"(item, index) in items\"\n          :key=\"index\"\n          :option=\"item\"\n          :is-selected=\"item.isSelected\"\n          :is-hovered=\"item.isActive\"\n          :size=\"optionSize\"\n          data-testid=\"pl-dropdown-option\"\n          @click.stop=\"selectOption(item.value)\"\n        />\n      </div>\n    </div>\n    <div\n      v-if=\"rest.length\"\n      :class=\"{ 'group-container': hasGroups }\"\n      data-testid=\"pl-dropdown-option-group\"\n    >\n      <TextLabel />\n      <div>\n        <DropdownListItem\n          v-for=\"(item, index) in rest\"\n          :key=\"index\"\n          :option=\"item\"\n          :is-selected=\"item.isSelected\"\n          :is-hovered=\"item.isActive\"\n          :size=\"optionSize\"\n          data-testid=\"pl-dropdown-option\"\n          @click.stop=\"selectOption(item.value)\"\n        />\n      </div>\n    </div>\n    <div v-if=\"!optionsLength\" class=\"nothing-found\" data-testid=\"pl-dropdown-options-empty\">\n      Nothing found\n    </div>\n  </DropdownOverlay>\n</template>\n"],"mappings":""}

package/dist/components/PlDropdown/OptionList.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OptionList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlDropdown/OptionList.vue"],"names":[],"mappings":"AAyFA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEvC,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC;IAC/B,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,UAAU,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC/B,YAAY,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC,CAAC;AA2LF,QAAA,MAAM,YAAY;;;oPAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"OptionList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlDropdown/OptionList.vue"],"names":[],"mappings":"AAmGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEvC,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC;IAC/B,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,UAAU,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC/B,YAAY,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC,CAAC;AAsMF,QAAA,MAAM,YAAY;;;oPAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/PlDropdown/OptionList.vue2.js

@@ -6,7 +6,8 @@ import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o
 //#region src/components/PlDropdown/OptionList.vue?vue&type=script&setup=true&lang.ts
 var b = {
 	key: 1,
-	class: "nothing-found"
+	class: "nothing-found",
+	"data-testid": "pl-dropdown-options-empty"
 }, x = /* @__PURE__ */ d({
 	__name: "OptionList",
 	props: {
@@ -32,14 +33,16 @@ var b = {
 			ref: C,
 			root: d.rootRef,
 			class: "pl-dropdown__options",
+			"data-testid": "pl-dropdown-options",
 			tabindex: "-1",
 			gap: 3
 		}, {
 			default: v(() => [
 				(p(!0), s(r, null, m(d.groups.entries(), ([t, i]) => (p(), s("div", {
 					key: t,
-					class: f({ "group-container": T.value })
-				}, [u(n, null, {
+					class: f({ "group-container": T.value }),
+					"data-testid": "pl-dropdown-option-group"
+				}, [u(n, { "data-testid": "pl-dropdown-option-group-label" }, {
 					default: v(() => [l(h(t), 1)]),
 					_: 2
 				}, 1024), c("div", null, [(p(!0), s(r, null, m(i, (t, n) => (p(), a(e, {
@@ -48,6 +51,7 @@ var b = {
 					"is-selected": t.isSelected,
 					"is-hovered": t.isActive,
 					size: d.optionSize,
+					"data-testid": "pl-dropdown-option",
 					onClick: y((e) => d.selectOption(t.value), ["stop"])
 				}, null, 8, [
 					"option",
@@ -58,13 +62,15 @@ var b = {
 				]))), 128))])], 2))), 128)),
 				d.rest.length ? (p(), s("div", {
 					key: 0,
-					class: f({ "group-container": T.value })
+					class: f({ "group-container": T.value }),
+					"data-testid": "pl-dropdown-option-group"
 				}, [u(n), c("div", null, [(p(!0), s(r, null, m(d.rest, (t, n) => (p(), a(e, {
 					key: n,
 					option: t,
 					"is-selected": t.isSelected,
 					"is-hovered": t.isActive,
 					size: d.optionSize,
+					"data-testid": "pl-dropdown-option",
 					onClick: y((e) => d.selectOption(t.value), ["stop"])
 				}, null, 8, [
 					"option",
@@ -73,7 +79,7 @@ var b = {
 					"size",
 					"onClick"
 				]))), 128))])], 2)) : o("", !0),
-				E.value ? o("", !0) : (p(), s("div", b, "Nothing found"))
+				E.value ? o("", !0) : (p(), s("div", b, " Nothing found "))
 			]),
 			_: 1
 		}, 8, ["root"]));