@milaboratories/uikit 2.10.37 → 2.10.39

package/dist/components/DropdownListItem.vue2.js

@@ -1,5 +1,49 @@
-import f from "./DropdownListItem.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=DropdownListItem.vue2.js.map
+import e from "../assets/images/24_checkbox-light-enabled-unchecked.js";
+import t from "../assets/images/24_checkbox-light-enabled-checked.js";
+import { computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, toDisplayString as l } from "vue";
+var u = ["innerHTML"], d = { class: "dropdown-list-item__title-container" }, f = { class: "dropdown-list-item__title text-s" }, p = {
+	key: 0,
+	class: "dropdown-list-item__description text-description"
+}, m = {
+	key: 1,
+	class: "dropdown-list-item__icon flex-self-start"
+}, h = /* @__PURE__ */ o({
+	__name: "DropdownListItem",
+	props: {
+		option: {},
+		isSelected: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "small" },
+		isHovered: {
+			type: Boolean,
+			default: !1
+		},
+		useCheckbox: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(o) {
+		let h = o, g = n(() => {
+			let e = [];
+			return h.size === "small" && e.push("dropdown-list-item__small"), h.isSelected && e.push("dropdown-list-item__selected"), h.isHovered && e.push("hovered-item"), e.join(" ");
+		}), _ = n(() => {
+			let e = ["dropdown-list-item__checkbox", "flex-self-start"];
+			return h.isSelected && e.push("checked"), e.join(" ");
+		}), v = n(() => h.isSelected ? t : e);
+		return (e, t) => (c(), i("div", { class: s([g.value, "dropdown-list-item"]) }, [
+			h.useCheckbox ? (c(), i("div", {
+				key: 0,
+				class: s(_.value),
+				innerHTML: v.value
+			}, null, 10, u)) : r("", !0),
+			a("div", d, [a("div", f, l(o.option.label), 1), o.option.description ? (c(), i("div", p, l(o.option.description), 1)) : r("", !0)]),
+			!h.useCheckbox && h.isSelected ? (c(), i("div", m)) : r("", !0)
+		], 2));
+	}
+});
+export { h as default };
+
+//# sourceMappingURL=DropdownListItem.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownListItem.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"DropdownListItem.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/DropdownListItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport CheckboxUncheckedSvg from \"../assets/images/24_checkbox-light-enabled-unchecked.svg?raw\";\nimport CheckboxCheckedSvg from \"../assets/images/24_checkbox-light-enabled-checked.svg?raw\";\nimport type { ListOptionNormalized } from \"../types\";\n\nconst props = withDefaults(\n  defineProps<{\n    option: ListOptionNormalized;\n    isSelected: boolean;\n    size: \"small\" | \"medium\";\n    isHovered: boolean;\n    useCheckbox?: boolean;\n  }>(),\n  {\n    size: \"small\",\n    isSelected: false,\n    isHovered: false,\n    useCheckbox: false,\n  },\n);\n\nconst classes = computed<string>(() => {\n  const classItems: string[] = [];\n  if (props.size === \"small\") {\n    classItems.push(\"dropdown-list-item__small\");\n  }\n  if (props.isSelected) {\n    classItems.push(\"dropdown-list-item__selected\");\n  }\n  if (props.isHovered) {\n    classItems.push(\"hovered-item\");\n  }\n  return classItems.join(\" \");\n});\n\nconst checkboxClasses = computed(() => {\n  const classes: string[] = [\"dropdown-list-item__checkbox\", \"flex-self-start\"];\n  if (props.isSelected) {\n    classes.push(\"checked\");\n  }\n  return classes.join(\" \");\n});\n\n// Why??\nconst checkboxSvg = computed(() => (props.isSelected ? CheckboxCheckedSvg : CheckboxUncheckedSvg));\n</script>\n\n<template>\n  <div :class=\"classes\" class=\"dropdown-list-item\">\n    <!-- eslint-disable vue/no-v-html -->\n    <div v-if=\"props.useCheckbox\" :class=\"checkboxClasses\" v-html=\"checkboxSvg\" />\n    <!--eslint-enable-->\n    <div class=\"dropdown-list-item__title-container\">\n      <div class=\"dropdown-list-item__title text-s\">\n        {{ option.label }}\n      </div>\n      <div v-if=\"option.description\" class=\"dropdown-list-item__description text-description\">\n        {{ option.description }}\n      </div>\n    </div>\n    <div\n      v-if=\"!props.useCheckbox && props.isSelected\"\n      class=\"dropdown-list-item__icon flex-self-start\"\n    />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMA,IAAM,IAAQ,GAgBR,IAAU,QAAuB;GACrC,IAAM,IAAuB,EAAE;AAU/B,UATI,EAAM,SAAS,WACjB,EAAW,KAAK,4BAA4B,EAE1C,EAAM,cACR,EAAW,KAAK,+BAA+B,EAE7C,EAAM,aACR,EAAW,KAAK,eAAe,EAE1B,EAAW,KAAK,IAAI;IAC3B,EAEI,IAAkB,QAAe;GACrC,IAAM,IAAoB,CAAC,gCAAgC,kBAAkB;AAI7E,UAHI,EAAM,cACR,EAAQ,KAAK,UAAU,EAElB,EAAQ,KAAK,IAAI;IACxB,EAGI,IAAc,QAAgB,EAAM,aAAa,IAAqB,EAAsB;yBAIhG,EAgBM,OAAA,EAhBA,OAAK,EAAA,CAAE,EAAA,OAAe,qBAAoB,CAAA,EAAA,EAAA;GAEnC,EAAM,eAAA,GAAA,EAAjB,EAA8E,OAAA;;IAA/C,OAAK,EAAE,EAAA,MAAe;IAAE,WAAQ,EAAA;;GAE/D,EAOM,OAPN,GAOM,CANJ,EAEM,OAFN,GAEM,EADD,EAAA,OAAO,MAAK,EAAA,EAAA,EAEN,EAAA,OAAO,eAAA,GAAA,EAAlB,EAEM,OAFN,GAEM,EADD,EAAA,OAAO,YAAW,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA;IAIhB,EAAM,eAAe,EAAM,cAAA,GAAA,EADpC,EAGE,OAHF,EAGE,IAAA,EAAA,IAAA,GAAA"}

package/dist/components/HScroll.js

@@ -0,0 +1,5 @@
+import e from "./HScroll.vue2.js";
+var t = e;
+export { t as default };
+
+//# sourceMappingURL=HScroll.js.map

package/dist/components/HScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HScroll.js","names":[],"sources":["../../src/components/HScroll.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, ref, unref } from \"vue\";\nimport { useEventListener } from \"../composition/useEventListener\";\nimport { eventListener } from \"../helpers/dom\";\n\nconst emit = defineEmits([\"update:scrollLeft\"]);\n\nconst props = defineProps<{\n  scrollLeft: number;\n  clientWidth: number;\n  scrollWidth: number;\n}>();\n\nconst scrollRef = ref<EventTarget>();\n\nconst ratioRef = computed(() => props.clientWidth / (props.scrollWidth || 1));\n\nconst visibleRef = computed(() => {\n  return ratioRef.value < 1;\n});\n\nconst scrollbarStyle = computed(() => {\n  const ratio = unref(ratioRef);\n  return {\n    left: props.scrollLeft * ratio + \"px\",\n    width: Math.floor(props.clientWidth * ratio) + \"px\",\n  };\n});\n\nuseEventListener(scrollRef, \"pointerdown\", (down: PointerEvent) => {\n  const s = {\n    clientX: down.clientX,\n  };\n\n  const update = (e: MouseEvent) => {\n    const dy = (e.clientX - s.clientX) / ratioRef.value;\n    emit(\"update:scrollLeft\", props.scrollLeft + dy);\n    s.clientX = e.clientX;\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const removePointerMove = eventListener(document as any, \"mousemove\", update);\n\n  [\"mouseup\", \"pointercancel\"].forEach((eventType) => {\n    document.addEventListener(eventType, removePointerMove, { once: true });\n  });\n});\n</script>\n\n<template>\n  <div v-if=\"visibleRef\" ref=\"scrollRef\" class=\"h-scroll\">\n    <div class=\"h-scroll__scrollbar\" :style=\"scrollbarStyle\" />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/HScroll.vue2.js

@@ -1,5 +1,41 @@
-import f from "./HScroll.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=HScroll.vue2.js.map
+import { useEventListener as e } from "../composition/useEventListener.js";
+import { eventListener as t } from "../helpers/dom.js";
+import { computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeStyle as s, openBlock as c, ref as l, unref as u } from "vue";
+var d = /* @__PURE__ */ o({
+	__name: "HScroll",
+	props: {
+		scrollLeft: {},
+		clientWidth: {},
+		scrollWidth: {}
+	},
+	emits: ["update:scrollLeft"],
+	setup(o, { emit: d }) {
+		let f = d, p = o, m = l(), h = n(() => p.clientWidth / (p.scrollWidth || 1)), g = n(() => h.value < 1), _ = n(() => {
+			let e = u(h);
+			return {
+				left: p.scrollLeft * e + "px",
+				width: Math.floor(p.clientWidth * e) + "px"
+			};
+		});
+		return e(m, "pointerdown", (e) => {
+			let n = { clientX: e.clientX }, r = t(document, "mousemove", (e) => {
+				let t = (e.clientX - n.clientX) / h.value;
+				f("update:scrollLeft", p.scrollLeft + t), n.clientX = e.clientX;
+			});
+			["mouseup", "pointercancel"].forEach((e) => {
+				document.addEventListener(e, r, { once: !0 });
+			});
+		}), (e, t) => g.value ? (c(), i("div", {
+			key: 0,
+			ref_key: "scrollRef",
+			ref: m,
+			class: "h-scroll"
+		}, [a("div", {
+			class: "h-scroll__scrollbar",
+			style: s(_.value)
+		}, null, 4)], 512)) : r("", !0);
+	}
+});
+export { d as default };
+
+//# sourceMappingURL=HScroll.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HScroll.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"HScroll.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/HScroll.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, ref, unref } from \"vue\";\nimport { useEventListener } from \"../composition/useEventListener\";\nimport { eventListener } from \"../helpers/dom\";\n\nconst emit = defineEmits([\"update:scrollLeft\"]);\n\nconst props = defineProps<{\n  scrollLeft: number;\n  clientWidth: number;\n  scrollWidth: number;\n}>();\n\nconst scrollRef = ref<EventTarget>();\n\nconst ratioRef = computed(() => props.clientWidth / (props.scrollWidth || 1));\n\nconst visibleRef = computed(() => {\n  return ratioRef.value < 1;\n});\n\nconst scrollbarStyle = computed(() => {\n  const ratio = unref(ratioRef);\n  return {\n    left: props.scrollLeft * ratio + \"px\",\n    width: Math.floor(props.clientWidth * ratio) + \"px\",\n  };\n});\n\nuseEventListener(scrollRef, \"pointerdown\", (down: PointerEvent) => {\n  const s = {\n    clientX: down.clientX,\n  };\n\n  const update = (e: MouseEvent) => {\n    const dy = (e.clientX - s.clientX) / ratioRef.value;\n    emit(\"update:scrollLeft\", props.scrollLeft + dy);\n    s.clientX = e.clientX;\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const removePointerMove = eventListener(document as any, \"mousemove\", update);\n\n  [\"mouseup\", \"pointercancel\"].forEach((eventType) => {\n    document.addEventListener(eventType, removePointerMove, { once: true });\n  });\n});\n</script>\n\n<template>\n  <div v-if=\"visibleRef\" ref=\"scrollRef\" class=\"h-scroll\">\n    <div class=\"h-scroll__scrollbar\" :style=\"scrollbarStyle\" />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;EAKA,IAAM,IAAO,GAEP,IAAQ,GAMR,IAAY,GAAkB,EAE9B,IAAW,QAAe,EAAM,eAAe,EAAM,eAAe,GAAG,EAEvE,IAAa,QACV,EAAS,QAAQ,EACxB,EAEI,IAAiB,QAAe;GACpC,IAAM,IAAQ,EAAM,EAAS;AAC7B,UAAO;IACL,MAAM,EAAM,aAAa,IAAQ;IACjC,OAAO,KAAK,MAAM,EAAM,cAAc,EAAM,GAAG;IAChD;IACD;SAEF,EAAiB,GAAW,gBAAgB,MAAuB;GACjE,IAAM,IAAI,EACR,SAAS,EAAK,SACf,EASK,IAAoB,EAAc,UAAiB,cAPzC,MAAkB;IAChC,IAAM,KAAM,EAAE,UAAU,EAAE,WAAW,EAAS;AAE9C,IADA,EAAK,qBAAqB,EAAM,aAAa,EAAG,EAChD,EAAE,UAAU,EAAE;KAI6D;AAE7E,IAAC,WAAW,gBAAgB,CAAC,SAAS,MAAc;AAClD,aAAS,iBAAiB,GAAW,GAAmB,EAAE,MAAM,IAAM,CAAC;KACvE;IACF,YAIW,EAAA,SAAA,GAAA,EAAX,EAEM,OAAA;;YAFqB;GAAJ,KAAI;GAAY,OAAM;MAC3C,EAA2D,OAAA;GAAtD,OAAM;GAAuB,OAAK,EAAE,EAAA,MAAc"}

package/dist/components/InputRange.js

@@ -0,0 +1,5 @@
+import e from "./InputRange.vue2.js";
+var t = e;
+export { t as default };
+
+//# sourceMappingURL=InputRange.js.map

package/dist/components/InputRange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputRange.js","names":[],"sources":["../../src/components/InputRange.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, reactive, ref, watch } from \"vue\";\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: [number, number];\n    separator?: string;\n  }>(),\n  {\n    separator: \"-\",\n  },\n);\n\nconst emit = defineEmits<{\n  (e: \"update:modelValue\", val: [number, number]): void;\n  (e: \"change\", val: [number, number]): void;\n}>();\n\nconst data = reactive({\n  left: props.modelValue[0],\n  right: props.modelValue[1],\n});\n\nconst isFocused = ref(false);\n\nconst classes = computed(() =>\n  isFocused.value ? \"ui-input-range-focused\" : \"ui-input-range-focused\",\n);\n\nconst valuesModel = computed({\n  get() {\n    return {\n      left: Math.min(...props.modelValue), // dangerous....\n      right: Math.max(...props.modelValue),\n    };\n  },\n  set() {},\n});\n\nwatch(\n  () => valuesModel.value,\n  (value) => (data.left = value.left) && (data.right = value.right),\n);\n\n// watch(\n//   () => props.modelValue,\n//   (value: [number, number]) => {\n//     console.log('model value updated');\n//     (data.left = value[0]), (data.right = value[1]);\n//   },\n// );\n\nfunction updateModel() {\n  emit(\"update:modelValue\", [+data.left, +data.right]);\n  emit(\"change\", [+data.left, +data.right]);\n}\n\nfunction validateInput(isLeft: boolean, event: Event) {\n  const value: string = (event.target as HTMLInputElement).value;\n  const result = /^[0-9]{0,2}$/.test(value);\n  // if there is more than 3 digits we cut last one\n  if (!result) {\n    if (isLeft) {\n      data.left = +value.slice(0, value.length - 1);\n    } else {\n      data.right = +value.slice(0, value.length - 1);\n    }\n  } else {\n    if (isLeft) {\n      data.left = +value;\n    } else {\n      data.right = +value;\n    }\n  }\n}\n</script>\n\n<template>\n  <!-- {{ data }} -->\n  <div :class=\"classes\" class=\"ui-input-range\" v-bind=\"$attrs\">\n    <input\n      v-model=\"valuesModel.left\"\n      class=\"text-s\"\n      type=\"text\"\n      @change=\"updateModel\"\n      @focus=\"isFocused = true\"\n      @focusout=\"isFocused = false\"\n      @input=\"validateInput(true, $event)\"\n    />\n    <div class=\"ui-input-range__separator\">{{ props.separator }}</div>\n    <input\n      v-model=\"valuesModel.right\"\n      class=\"text-s\"\n      type=\"text\"\n      @change=\"updateModel\"\n      @focus=\"isFocused = true\"\n      @focusout=\"isFocused = false\"\n      @input=\"validateInput(false, $event)\"\n    />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/InputRange.vue2.js

@@ -1,5 +1,55 @@
-import f from "./InputRange.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=InputRange.vue2.js.map
+import { computed as e, createElementBlock as t, createElementVNode as n, defineComponent as r, mergeProps as i, openBlock as a, reactive as o, ref as s, toDisplayString as c, vModelText as l, watch as u, withDirectives as d } from "vue";
+var f = { class: "ui-input-range__separator" }, p = /* @__PURE__ */ r({
+	__name: "InputRange",
+	props: {
+		modelValue: {},
+		separator: { default: "-" }
+	},
+	emits: ["update:modelValue", "change"],
+	setup(r, { emit: p }) {
+		let m = r, h = p, g = o({
+			left: m.modelValue[0],
+			right: m.modelValue[1]
+		}), _ = s(!1), v = e(() => (_.value, "ui-input-range-focused")), y = e({
+			get() {
+				return {
+					left: Math.min(...m.modelValue),
+					right: Math.max(...m.modelValue)
+				};
+			},
+			set() {}
+		});
+		u(() => y.value, (e) => (g.left = e.left) && (g.right = e.right));
+		function b() {
+			h("update:modelValue", [+g.left, +g.right]), h("change", [+g.left, +g.right]);
+		}
+		function x(e, t) {
+			let n = t.target.value;
+			/^[0-9]{0,2}$/.test(n) ? e ? g.left = +n : g.right = +n : e ? g.left = +n.slice(0, n.length - 1) : g.right = +n.slice(0, n.length - 1);
+		}
+		return (e, r) => (a(), t("div", i({ class: [v.value, "ui-input-range"] }, e.$attrs), [
+			d(n("input", {
+				"onUpdate:modelValue": r[0] ||= (e) => y.value.left = e,
+				class: "text-s",
+				type: "text",
+				onChange: b,
+				onFocus: r[1] ||= (e) => _.value = !0,
+				onFocusout: r[2] ||= (e) => _.value = !1,
+				onInput: r[3] ||= (e) => x(!0, e)
+			}, null, 544), [[l, y.value.left]]),
+			n("div", f, c(m.separator), 1),
+			d(n("input", {
+				"onUpdate:modelValue": r[4] ||= (e) => y.value.right = e,
+				class: "text-s",
+				type: "text",
+				onChange: b,
+				onFocus: r[5] ||= (e) => _.value = !0,
+				onFocusout: r[6] ||= (e) => _.value = !1,
+				onInput: r[7] ||= (e) => x(!1, e)
+			}, null, 544), [[l, y.value.right]])
+		], 16));
+	}
+});
+export { p as default };
+
+//# sourceMappingURL=InputRange.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InputRange.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"InputRange.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../src/components/InputRange.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, reactive, ref, watch } from \"vue\";\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: [number, number];\n    separator?: string;\n  }>(),\n  {\n    separator: \"-\",\n  },\n);\n\nconst emit = defineEmits<{\n  (e: \"update:modelValue\", val: [number, number]): void;\n  (e: \"change\", val: [number, number]): void;\n}>();\n\nconst data = reactive({\n  left: props.modelValue[0],\n  right: props.modelValue[1],\n});\n\nconst isFocused = ref(false);\n\nconst classes = computed(() =>\n  isFocused.value ? \"ui-input-range-focused\" : \"ui-input-range-focused\",\n);\n\nconst valuesModel = computed({\n  get() {\n    return {\n      left: Math.min(...props.modelValue), // dangerous....\n      right: Math.max(...props.modelValue),\n    };\n  },\n  set() {},\n});\n\nwatch(\n  () => valuesModel.value,\n  (value) => (data.left = value.left) && (data.right = value.right),\n);\n\n// watch(\n//   () => props.modelValue,\n//   (value: [number, number]) => {\n//     console.log('model value updated');\n//     (data.left = value[0]), (data.right = value[1]);\n//   },\n// );\n\nfunction updateModel() {\n  emit(\"update:modelValue\", [+data.left, +data.right]);\n  emit(\"change\", [+data.left, +data.right]);\n}\n\nfunction validateInput(isLeft: boolean, event: Event) {\n  const value: string = (event.target as HTMLInputElement).value;\n  const result = /^[0-9]{0,2}$/.test(value);\n  // if there is more than 3 digits we cut last one\n  if (!result) {\n    if (isLeft) {\n      data.left = +value.slice(0, value.length - 1);\n    } else {\n      data.right = +value.slice(0, value.length - 1);\n    }\n  } else {\n    if (isLeft) {\n      data.left = +value;\n    } else {\n      data.right = +value;\n    }\n  }\n}\n</script>\n\n<template>\n  <!-- {{ data }} -->\n  <div :class=\"classes\" class=\"ui-input-range\" v-bind=\"$attrs\">\n    <input\n      v-model=\"valuesModel.left\"\n      class=\"text-s\"\n      type=\"text\"\n      @change=\"updateModel\"\n      @focus=\"isFocused = true\"\n      @focusout=\"isFocused = false\"\n      @input=\"validateInput(true, $event)\"\n    />\n    <div class=\"ui-input-range__separator\">{{ props.separator }}</div>\n    <input\n      v-model=\"valuesModel.right\"\n      class=\"text-s\"\n      type=\"text\"\n      @change=\"updateModel\"\n      @focus=\"isFocused = true\"\n      @focusout=\"isFocused = false\"\n      @input=\"validateInput(false, $event)\"\n    />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;EAGA,IAAM,IAAQ,GAUR,IAAO,GAKP,IAAO,EAAS;GACpB,MAAM,EAAM,WAAW;GACvB,OAAO,EAAM,WAAW;GACzB,CAAC,EAEI,IAAY,EAAI,GAAM,EAEtB,IAAU,SACd,EAAU,OAAQ,0BACnB,EAEK,IAAc,EAAS;GAC3B,MAAM;AACJ,WAAO;KACL,MAAM,KAAK,IAAI,GAAG,EAAM,WAAW;KACnC,OAAO,KAAK,IAAI,GAAG,EAAM,WAAW;KACrC;;GAEH,MAAM;GACP,CAAC;AAEF,UACQ,EAAY,QACjB,OAAW,EAAK,OAAO,EAAM,UAAU,EAAK,QAAQ,EAAM,OAC5D;EAUD,SAAS,IAAc;AAErB,GADA,EAAK,qBAAqB,CAAC,CAAC,EAAK,MAAM,CAAC,EAAK,MAAM,CAAC,EACpD,EAAK,UAAU,CAAC,CAAC,EAAK,MAAM,CAAC,EAAK,MAAM,CAAC;;EAG3C,SAAS,EAAc,GAAiB,GAAc;GACpD,IAAM,IAAiB,EAAM,OAA4B;AAGzD,GAFe,eAAe,KAAK,EAAM,GASnC,IACF,EAAK,OAAO,CAAC,IAEb,EAAK,QAAQ,CAAC,IATZ,IACF,EAAK,OAAO,CAAC,EAAM,MAAM,GAAG,EAAM,SAAS,EAAE,GAE7C,EAAK,QAAQ,CAAC,EAAM,MAAM,GAAG,EAAM,SAAS,EAAE;;yBAclD,EAoBM,OApBN,EAoBM,EApBA,OAAK,CAAE,EAAA,OAAe,iBAAgB,EAAA,EAASA,EAAAA,OAAM,EAAA;KACzD,EAQE,SAAA;6CAPS,MAAY,OAAI;IACzB,OAAM;IACN,MAAK;IACJ,UAAQ;IACR,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,QAAS;IAChB,YAAQ,AAAA,EAAA,QAAA,MAAE,EAAA,QAAS;IACnB,SAAK,AAAA,EAAA,QAAA,MAAE,EAAa,IAAO,EAAM;uBANzB,EAAA,MAAY,KAAI,CAAA,CAAA;GAQ3B,EAAkE,OAAlE,GAAkE,EAAxB,EAAM,UAAS,EAAA,EAAA;KACzD,EAQE,SAAA;6CAPS,MAAY,QAAK;IAC1B,OAAM;IACN,MAAK;IACJ,UAAQ;IACR,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,QAAS;IAChB,YAAQ,AAAA,EAAA,QAAA,MAAE,EAAA,QAAS;IACnB,SAAK,AAAA,EAAA,QAAA,MAAE,EAAa,IAAQ,EAAM;uBAN1B,EAAA,MAAY,MAAK,CAAA,CAAA"}

package/dist/components/LongText.js

@@ -0,0 +1,6 @@
+import e from "./LongText.vue2.js";
+import './LongText.style.css';/* empty css                                         */
+var t = e;
+export { t as default };
+
+//# sourceMappingURL=LongText.js.map

package/dist/components/LongText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LongText.js","names":[],"sources":["../../src/components/LongText.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport { debounce, notEmpty } from \"@milaboratories/helpers\";\n\nconst hasElementEllipsis = ref(false);\n\nconst span = ref<HTMLElement>();\n\nconst isHovered = ref(false);\n\nconst classes = computed(() =>\n  isHovered.value && hasElementEllipsis.value ? \"ui-lt-animate\" : \"\",\n);\n\nconst updateStatus = debounce((val: boolean) => (isHovered.value = val), 500);\n\nconst animationTime = computed(() => {\n  return span.value ? `${span.value?.innerHTML.length * 0.4}s` : \"5s\";\n});\n\nfunction isEllipsisEnabled() {\n  const el = notEmpty(span.value, \"span cannot be empty\");\n  hasElementEllipsis.value = el.clientWidth < el.scrollWidth;\n}\n\nfunction mouseoverHandler() {\n  isEllipsisEnabled();\n  updateStatus(true);\n}\n\nfunction mouseoutHandler() {\n  updateStatus(false);\n}\n</script>\n\n<template>\n  <div v-bind=\"$attrs\" class=\"ui-lt-container\">\n    <span @mouseover=\"mouseoverHandler\" @mouseleave=\"mouseoutHandler\">\n      <span ref=\"span\" :class=\"classes\"><slot /></span>\n    </span>\n  </div>\n</template>\n\n<style lang=\"scss\">\n.ui-lt-container {\n  min-width: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  position: relative;\n  border-radius: 5px;\n\n  span {\n    display: inline-block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    width: 100%;\n    vertical-align: bottom;\n    pointer-events: all !important;\n  }\n\n  .ui-lt-animate {\n    position: relative;\n    animation: left-to-right v-bind(animationTime) infinite alternate linear;\n\n    overflow: unset !important;\n    text-overflow: unset !important;\n    width: fit-content !important;\n  }\n}\n\n@keyframes left-to-right {\n  0% {\n    transform: translateX(0%);\n    left: 0%;\n  }\n\n  100% {\n    transform: translateX(-101%);\n    left: 101%;\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/LongText.style.css

@@ -0,0 +1 @@
+.ui-lt-container{white-space:nowrap;border-radius:5px;min-width:0;position:relative;overflow:hidden}.ui-lt-container span{text-overflow:ellipsis;vertical-align:bottom;width:100%;display:inline-block;overflow:hidden;pointer-events:all!important}.ui-lt-container .ui-lt-animate{animation:left-to-right var(--f4f5affc) infinite alternate linear;position:relative;overflow:unset!important;text-overflow:unset!important;width:fit-content!important}@keyframes left-to-right{0%{left:0%;transform:translate(0%)}to{left:101%;transform:translate(-101%)}}

package/dist/components/LongText.vue2.js

@@ -0,0 +1,30 @@
+import { computed as e, createElementBlock as t, createElementVNode as n, defineComponent as r, mergeProps as i, normalizeClass as a, openBlock as o, ref as s, renderSlot as c, useCssVars as l } from "vue";
+import { debounce as u, notEmpty as d } from "@milaboratories/helpers";
+var f = /* @__PURE__ */ r({
+	__name: "LongText",
+	setup(r) {
+		l((e) => ({ f4f5affc: _.value }));
+		let f = s(!1), p = s(), m = s(!1), h = e(() => m.value && f.value ? "ui-lt-animate" : ""), g = u((e) => m.value = e, 500), _ = e(() => p.value ? `${p.value?.innerHTML.length * .4}s` : "5s");
+		function v() {
+			let e = d(p.value, "span cannot be empty");
+			f.value = e.clientWidth < e.scrollWidth;
+		}
+		function y() {
+			v(), g(!0);
+		}
+		function b() {
+			g(!1);
+		}
+		return (e, r) => (o(), t("div", i(e.$attrs, { class: "ui-lt-container" }), [n("span", {
+			onMouseover: y,
+			onMouseleave: b
+		}, [n("span", {
+			ref_key: "span",
+			ref: p,
+			class: a(h.value)
+		}, [c(e.$slots, "default")], 2)], 32)], 16));
+	}
+});
+export { f as default };
+
+//# sourceMappingURL=LongText.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LongText.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../src/components/LongText.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport { debounce, notEmpty } from \"@milaboratories/helpers\";\n\nconst hasElementEllipsis = ref(false);\n\nconst span = ref<HTMLElement>();\n\nconst isHovered = ref(false);\n\nconst classes = computed(() =>\n  isHovered.value && hasElementEllipsis.value ? \"ui-lt-animate\" : \"\",\n);\n\nconst updateStatus = debounce((val: boolean) => (isHovered.value = val), 500);\n\nconst animationTime = computed(() => {\n  return span.value ? `${span.value?.innerHTML.length * 0.4}s` : \"5s\";\n});\n\nfunction isEllipsisEnabled() {\n  const el = notEmpty(span.value, \"span cannot be empty\");\n  hasElementEllipsis.value = el.clientWidth < el.scrollWidth;\n}\n\nfunction mouseoverHandler() {\n  isEllipsisEnabled();\n  updateStatus(true);\n}\n\nfunction mouseoutHandler() {\n  updateStatus(false);\n}\n</script>\n\n<template>\n  <div v-bind=\"$attrs\" class=\"ui-lt-container\">\n    <span @mouseover=\"mouseoverHandler\" @mouseleave=\"mouseoutHandler\">\n      <span ref=\"span\" :class=\"classes\"><slot /></span>\n    </span>\n  </div>\n</template>\n\n<style lang=\"scss\">\n.ui-lt-container {\n  min-width: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  position: relative;\n  border-radius: 5px;\n\n  span {\n    display: inline-block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    width: 100%;\n    vertical-align: bottom;\n    pointer-events: all !important;\n  }\n\n  .ui-lt-animate {\n    position: relative;\n    animation: left-to-right v-bind(animationTime) infinite alternate linear;\n\n    overflow: unset !important;\n    text-overflow: unset !important;\n    width: fit-content !important;\n  }\n}\n\n@keyframes left-to-right {\n  0% {\n    transform: translateX(0%);\n    left: 0%;\n  }\n\n  100% {\n    transform: translateX(-101%);\n    left: 101%;\n  }\n}\n</style>\n"],"mappings":";;;;;;EAIA,IAAM,IAAqB,EAAI,GAAM,EAE/B,IAAO,GAAkB,EAEzB,IAAY,EAAI,GAAM,EAEtB,IAAU,QACd,EAAU,SAAS,EAAmB,QAAQ,kBAAkB,GACjE,EAEK,IAAe,GAAU,MAAkB,EAAU,QAAQ,GAAM,IAAI,EAEvE,IAAgB,QACb,EAAK,QAAQ,GAAG,EAAK,OAAO,UAAU,SAAS,GAAI,KAAK,KAC/D;EAEF,SAAS,IAAoB;GAC3B,IAAM,IAAK,EAAS,EAAK,OAAO,uBAAuB;AACvD,KAAmB,QAAQ,EAAG,cAAc,EAAG;;EAGjD,SAAS,IAAmB;AAE1B,GADA,GAAmB,EACnB,EAAa,GAAK;;EAGpB,SAAS,IAAkB;AACzB,KAAa,GAAM;;yBAKnB,EAIM,OAJN,EAAaA,EAIP,QAJa,EAAE,OAAM,mBAAiB,CAAA,EAAA,CAC1C,EAEO,QAAA;GAFA,aAAW;GAAmB,cAAY;MAC/C,EAAiD,QAAA;YAAvC;GAAJ,KAAI;GAAQ,OAAK,EAAE,EAAA,MAAO;MAAE,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,EAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA"}

package/dist/components/PlAccordion/ExpandTransition.js

@@ -0,0 +1,6 @@
+import e from "./ExpandTransition.vue2.js";
+import './ExpandTransition.style.css';/* empty css                                                 */
+var t = e;
+export { t as default };
+
+//# sourceMappingURL=ExpandTransition.js.map

package/dist/components/PlAccordion/ExpandTransition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandTransition.js","names":[],"sources":["../../../src/components/PlAccordion/ExpandTransition.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nconst onStart = (el: Element) => {\n  el.classList.add(\"expand-collapse-fix\");\n  (el as HTMLElement).style.setProperty(\"--component-height\", el.scrollHeight + \"px\");\n};\n\nconst onAfter = (el: Element) => {\n  (el as HTMLElement).style.removeProperty(\"--component-height\");\n  el.classList.remove(\"expand-collapse-fix\");\n};\n</script>\n\n<template>\n  <Transition\n    name=\"expand-collapse\"\n    @enter=\"onStart\"\n    @leave=\"onStart\"\n    @after-enter=\"onAfter\"\n    @after-leave=\"onAfter\"\n  >\n    <slot />\n  </Transition>\n</template>\n\n<style>\n.expand-collapse-fix {\n  overflow: hidden;\n}\n\n.expand-collapse-enter-active,\n.expand-collapse-leave-active {\n  transition:\n    height 0.2s ease-in-out,\n    opacity 0.2s ease-in-out;\n  height: var(--component-height);\n}\n\n.expand-collapse-enter-from,\n.expand-collapse-leave-to {\n  opacity: 0.5;\n  height: 0;\n}\n</style>\n"],"mappings":""}

package/dist/components/PlAccordion/ExpandTransition.style.css

@@ -0,0 +1 @@
+.expand-collapse-fix{overflow:hidden}.expand-collapse-enter-active,.expand-collapse-leave-active{height:var(--component-height);transition:height .2s ease-in-out,opacity .2s ease-in-out}.expand-collapse-enter-from,.expand-collapse-leave-to{opacity:.5;height:0}

package/dist/components/PlAccordion/ExpandTransition.vue2.js

@@ -0,0 +1,24 @@
+import { Transition as e, createBlock as t, defineComponent as n, openBlock as r, renderSlot as i, withCtx as a } from "vue";
+var o = /* @__PURE__ */ n({
+	__name: "ExpandTransition",
+	setup(n) {
+		let o = (e) => {
+			e.classList.add("expand-collapse-fix"), e.style.setProperty("--component-height", e.scrollHeight + "px");
+		}, s = (e) => {
+			e.style.removeProperty("--component-height"), e.classList.remove("expand-collapse-fix");
+		};
+		return (n, c) => (r(), t(e, {
+			name: "expand-collapse",
+			onEnter: o,
+			onLeave: o,
+			onAfterEnter: s,
+			onAfterLeave: s
+		}, {
+			default: a(() => [i(n.$slots, "default")]),
+			_: 3
+		}));
+	}
+});
+export { o as default };
+
+//# sourceMappingURL=ExpandTransition.vue2.js.map

package/dist/components/PlAccordion/ExpandTransition.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandTransition.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlAccordion/ExpandTransition.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nconst onStart = (el: Element) => {\n  el.classList.add(\"expand-collapse-fix\");\n  (el as HTMLElement).style.setProperty(\"--component-height\", el.scrollHeight + \"px\");\n};\n\nconst onAfter = (el: Element) => {\n  (el as HTMLElement).style.removeProperty(\"--component-height\");\n  el.classList.remove(\"expand-collapse-fix\");\n};\n</script>\n\n<template>\n  <Transition\n    name=\"expand-collapse\"\n    @enter=\"onStart\"\n    @leave=\"onStart\"\n    @after-enter=\"onAfter\"\n    @after-leave=\"onAfter\"\n  >\n    <slot />\n  </Transition>\n</template>\n\n<style>\n.expand-collapse-fix {\n  overflow: hidden;\n}\n\n.expand-collapse-enter-active,\n.expand-collapse-leave-active {\n  transition:\n    height 0.2s ease-in-out,\n    opacity 0.2s ease-in-out;\n  height: var(--component-height);\n}\n\n.expand-collapse-enter-from,\n.expand-collapse-leave-to {\n  opacity: 0.5;\n  height: 0;\n}\n</style>\n"],"mappings":";;;;EACA,IAAM,KAAW,MAAgB;AAE9B,GADD,EAAG,UAAU,IAAI,sBAAsB,EACtC,EAAmB,MAAM,YAAY,sBAAsB,EAAG,eAAe,KAAK;KAG/E,KAAW,MAAgB;AAE/B,GADC,EAAmB,MAAM,eAAe,qBAAqB,EAC9D,EAAG,UAAU,OAAO,sBAAsB;;yBAK1C,EAQa,GAAA;GAPX,MAAK;GACJ,SAAO;GACP,SAAO;GACP,cAAa;GACb,cAAa;;oBAEN,CAAR,EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/PlAccordion/PlAccordion.js

@@ -0,0 +1,5 @@
+import e from "./PlAccordion.vue2.js";
+var t = e;
+export { t as default };
+
+//# sourceMappingURL=PlAccordion.js.map

package/dist/components/PlAccordion/PlAccordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlAccordion.js","names":[],"sources":["../../../src/components/PlAccordion/PlAccordion.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { provide, toRef } from \"vue\";\n\nconst model = defineModel<string>();\n\nconst props = defineProps<{\n  /**\n   * Allow multiple accordion sections to be opened at the same time\n   */\n  multiple?: boolean;\n}>();\n\nprovide(\"pl-accordion-model\", model);\nprovide(\"pl-accordion-props\", toRef(props));\n</script>\n\n<template>\n  <slot name=\"header\" />\n  <slot />\n</template>\n"],"mappings":""}

package/dist/components/PlAccordion/PlAccordion.vue2.js

@@ -1,5 +1,16 @@
-import f from "./PlAccordion.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=PlAccordion.vue2.js.map
+import { Fragment as e, createElementBlock as t, defineComponent as n, mergeModels as r, openBlock as i, provide as a, renderSlot as o, toRef as s, useModel as c } from "vue";
+var l = /* @__PURE__ */ n({
+	__name: "PlAccordion",
+	props: /* @__PURE__ */ r({ multiple: { type: Boolean } }, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(n) {
+		let r = c(n, "modelValue"), l = n;
+		return a("pl-accordion-model", r), a("pl-accordion-props", s(l)), (n, r) => (i(), t(e, null, [o(n.$slots, "header"), o(n.$slots, "default")], 64));
+	}
+});
+export { l as default };
+
+//# sourceMappingURL=PlAccordion.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlAccordion.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"PlAccordion.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlAccordion/PlAccordion.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { provide, toRef } from \"vue\";\n\nconst model = defineModel<string>();\n\nconst props = defineProps<{\n  /**\n   * Allow multiple accordion sections to be opened at the same time\n   */\n  multiple?: boolean;\n}>();\n\nprovide(\"pl-accordion-model\", model);\nprovide(\"pl-accordion-props\", toRef(props));\n</script>\n\n<template>\n  <slot name=\"header\" />\n  <slot />\n</template>\n"],"mappings":";;;;;;;;;EAGA,IAAM,IAAQ,EAAmB,GAAA,aAAE,EAE7B,IAAQ;SAOd,EAAQ,sBAAsB,EAAM,EACpC,EAAQ,sBAAsB,EAAM,EAAM,CAAC,8BAIzC,EAAsB,EAAA,QAAA,SAAA,EACtB,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,GAAA"}

package/dist/components/PlAccordion/PlAccordionSection.js

@@ -0,0 +1,7 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "./PlAccordionSection.vue2.js";
+import n from "./PlAccordionSection.style.js";
+var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
+export { r as default };
+
+//# sourceMappingURL=PlAccordionSection.js.map

package/dist/components/PlAccordion/PlAccordionSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlAccordionSection.js","names":[],"sources":["../../../src/components/PlAccordion/PlAccordionSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { uniqueId } from \"@milaboratories/helpers\";\nimport { PlMaskIcon16 } from \"../PlMaskIcon16\";\nimport { PlSectionSeparator } from \"../PlSectionSeparator\";\nimport ExpandTransition from \"./ExpandTransition.vue\";\nimport type { Ref } from \"vue\";\nimport { computed, inject, toRef } from \"vue\";\n\nconst $m = inject<Ref<string>>(\"pl-accordion-model\", () => toRef(\"\"), true);\n\nconst $p = inject<\n  Ref<{\n    multiple?: boolean;\n  }>\n>(\"pl-accordion-props\", () => toRef({ multiple: false }), true);\n\nconst model = defineModel<boolean>();\n\nconst id = uniqueId();\n\nconst isMulti = computed(() => !$p || $p.value.multiple);\n\nconst open = computed({\n  get() {\n    if (isMulti.value) {\n      return model.value;\n    }\n\n    return $m ? $m.value === id : model.value;\n  },\n  set(on) {\n    if (isMulti.value) {\n      model.value = on;\n    } else if ($m) {\n      $m.value = $m.value === id ? \"\" : id;\n    }\n  },\n});\n\ndefineProps<{\n  /**\n   * The label text (optional)\n   */\n  label?: string;\n  /**\n   * If `true`, remove top padding\n   */\n  compact?: boolean;\n}>();\n</script>\n\n<template>\n  <div class=\"pl-accordion-section\">\n    <PlSectionSeparator :class=\"$style.separator\" :compact=\"compact\" @click=\"open = !open\">\n      <PlMaskIcon16 name=\"chevron-right\" :class=\"[{ [$style.down]: open }, $style.chevron]\" />\n      {{ label }}\n    </PlSectionSeparator>\n    <ExpandTransition>\n      <div v-if=\"open\" :class=\"$style.content\">\n        <slot />\n      </div>\n    </ExpandTransition>\n  </div>\n</template>\n\n<style module>\n.content {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-v);\n  will-change: height, opacity;\n  /* transform: translateZ(0);\n  backface-visibility: hidden; */\n}\n\n.content > *:first-child {\n  margin-top: 24px;\n}\n\n.content > *:last-child {\n  margin-bottom: 4px;\n}\n\n.separator {\n  cursor: pointer;\n  &:hover {\n    --pl-separator-txt-color: var(--txt-01);\n    --mask-icon-bg-color: var(--ic-01);\n  }\n}\n\n.chevron {\n  transition-duration: 50ms;\n}\n\n.down {\n  transform: rotate(90deg);\n}\n</style>\n"],"mappings":""}

package/dist/components/PlAccordion/PlAccordionSection.style.js

@@ -0,0 +1,9 @@
+import './PlAccordionSection.vue.css';var e = {
+	content: "_content_e3dof_2",
+	separator: "_separator_e3dof_19",
+	chevron: "_chevron_e3dof_27",
+	down: "_down_e3dof_31"
+};
+export { e as default };
+
+//# sourceMappingURL=PlAccordionSection.style.js.map

package/dist/components/PlAccordion/PlAccordionSection.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlAccordionSection.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../src/components/PlAccordion/PlAccordionSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { uniqueId } from \"@milaboratories/helpers\";\nimport { PlMaskIcon16 } from \"../PlMaskIcon16\";\nimport { PlSectionSeparator } from \"../PlSectionSeparator\";\nimport ExpandTransition from \"./ExpandTransition.vue\";\nimport type { Ref } from \"vue\";\nimport { computed, inject, toRef } from \"vue\";\n\nconst $m = inject<Ref<string>>(\"pl-accordion-model\", () => toRef(\"\"), true);\n\nconst $p = inject<\n  Ref<{\n    multiple?: boolean;\n  }>\n>(\"pl-accordion-props\", () => toRef({ multiple: false }), true);\n\nconst model = defineModel<boolean>();\n\nconst id = uniqueId();\n\nconst isMulti = computed(() => !$p || $p.value.multiple);\n\nconst open = computed({\n  get() {\n    if (isMulti.value) {\n      return model.value;\n    }\n\n    return $m ? $m.value === id : model.value;\n  },\n  set(on) {\n    if (isMulti.value) {\n      model.value = on;\n    } else if ($m) {\n      $m.value = $m.value === id ? \"\" : id;\n    }\n  },\n});\n\ndefineProps<{\n  /**\n   * The label text (optional)\n   */\n  label?: string;\n  /**\n   * If `true`, remove top padding\n   */\n  compact?: boolean;\n}>();\n</script>\n\n<template>\n  <div class=\"pl-accordion-section\">\n    <PlSectionSeparator :class=\"$style.separator\" :compact=\"compact\" @click=\"open = !open\">\n      <PlMaskIcon16 name=\"chevron-right\" :class=\"[{ [$style.down]: open }, $style.chevron]\" />\n      {{ label }}\n    </PlSectionSeparator>\n    <ExpandTransition>\n      <div v-if=\"open\" :class=\"$style.content\">\n        <slot />\n      </div>\n    </ExpandTransition>\n  </div>\n</template>\n\n<style module>\n.content {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-v);\n  will-change: height, opacity;\n  /* transform: translateZ(0);\n  backface-visibility: hidden; */\n}\n\n.content > *:first-child {\n  margin-top: 24px;\n}\n\n.content > *:last-child {\n  margin-bottom: 4px;\n}\n\n.separator {\n  cursor: pointer;\n  &:hover {\n    --pl-separator-txt-color: var(--txt-01);\n    --mask-icon-bg-color: var(--ic-01);\n  }\n}\n\n.chevron {\n  transition-duration: 50ms;\n}\n\n.down {\n  transform: rotate(90deg);\n}\n</style>\n"],"mappings":""}

package/dist/components/PlAccordion/PlAccordionSection.vue.css

@@ -0,0 +1 @@
+._content_e3dof_2{gap:var(--gap-v);will-change:height, opacity;flex-direction:column;display:flex}._content_e3dof_2>:first-child{margin-top:24px}._content_e3dof_2>:last-child{margin-bottom:4px}._separator_e3dof_19{cursor:pointer}._separator_e3dof_19:hover{--pl-separator-txt-color:var(--txt-01);--mask-icon-bg-color:var(--ic-01)}._chevron_e3dof_27{transition-duration:50ms}._down_e3dof_31{transform:rotate(90deg)}

package/dist/components/PlAccordion/PlAccordionSection.vue2.js

@@ -1,58 +1,46 @@
-import { defineComponent as V, mergeModels as k, inject as m, toRef as d, useModel as C, computed as p, createElementBlock as f, openBlock as v, createVNode as r, unref as $, normalizeClass as s, withCtx as y, createTextVNode as M, toDisplayString as S, createCommentVNode as g, renderSlot as h } from "vue";
-import { uniqueId as B } from "@milaboratories/helpers";
-import N from "./ExpandTransition.vue.js";
-import './ExpandTransition.css';/* empty css                      */
-import P from "../PlSectionSeparator/PlSectionSeparator.vue.js";
-import b from "../PlIcon16/PlIcon16.vue.js";
-const w = { class: "pl-accordion-section" }, R = /* @__PURE__ */ V({
-  __name: "PlAccordionSection",
-  props: /* @__PURE__ */ k({
-    label: {},
-    compact: { type: Boolean }
-  }, {
-    modelValue: { type: Boolean },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(t) {
-    const o = m("pl-accordion-model", () => d(""), !0), c = m("pl-accordion-props", () => d({ multiple: !1 }), !0), a = C(t, "modelValue"), n = B(), u = p(() => !c || c.value.multiple), l = p({
-      get() {
-        return u.value ? a.value : o ? o.value === n : a.value;
-      },
-      set(e) {
-        u.value ? a.value = e : o && (o.value = o.value === n ? "" : n);
-      }
-    });
-    return (e, i) => (v(), f("div", w, [
-      r($(P), {
-        class: s(e.$style.separator),
-        compact: t.compact,
-        onClick: i[0] || (i[0] = (I) => l.value = !l.value)
-      }, {
-        default: y(() => [
-          r($(b), {
-            name: "chevron-right",
-            class: s([{ [e.$style.down]: l.value }, e.$style.chevron])
-          }, null, 8, ["class"]),
-          M(" " + S(t.label), 1)
-        ]),
-        _: 1
-      }, 8, ["class", "compact"]),
-      r(N, null, {
-        default: y(() => [
-          l.value ? (v(), f("div", {
-            key: 0,
-            class: s(e.$style.content)
-          }, [
-            h(e.$slots, "default")
-          ], 2)) : g("", !0)
-        ]),
-        _: 3
-      })
-    ]));
-  }
+import e from "../PlIcon16/PlIcon16.js";
+import t from "../PlSectionSeparator/PlSectionSeparator.js";
+import n from "./ExpandTransition.js";
+import { computed as r, createCommentVNode as i, createElementBlock as a, createTextVNode as o, createVNode as s, defineComponent as c, inject as l, mergeModels as u, normalizeClass as d, openBlock as f, renderSlot as p, toDisplayString as m, toRef as h, unref as g, useModel as _, withCtx as v } from "vue";
+import { uniqueId as y } from "@milaboratories/helpers";
+var b = { class: "pl-accordion-section" }, x = /* @__PURE__ */ c({
+	__name: "PlAccordionSection",
+	props: /* @__PURE__ */ u({
+		label: {},
+		compact: { type: Boolean }
+	}, {
+		modelValue: { type: Boolean },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(c) {
+		let u = l("pl-accordion-model", () => h(""), !0), x = l("pl-accordion-props", () => h({ multiple: !1 }), !0), S = _(c, "modelValue"), C = y(), w = r(() => !x || x.value.multiple), T = r({
+			get() {
+				return w.value ? S.value : u ? u.value === C : S.value;
+			},
+			set(e) {
+				w.value ? S.value = e : u && (u.value = u.value === C ? "" : C);
+			}
+		});
+		return (r, l) => (f(), a("div", b, [s(g(t), {
+			class: d(r.$style.separator),
+			compact: c.compact,
+			onClick: l[0] ||= (e) => T.value = !T.value
+		}, {
+			default: v(() => [s(g(e), {
+				name: "chevron-right",
+				class: d([{ [r.$style.down]: T.value }, r.$style.chevron])
+			}, null, 8, ["class"]), o(" " + m(c.label), 1)]),
+			_: 1
+		}, 8, ["class", "compact"]), s(n, null, {
+			default: v(() => [T.value ? (f(), a("div", {
+				key: 0,
+				class: d(r.$style.content)
+			}, [p(r.$slots, "default")], 2)) : i("", !0)]),
+			_: 3
+		})]));
+	}
 });
-export {
-  R as default
-};
-//# sourceMappingURL=PlAccordionSection.vue2.js.map
+export { x as default };
+
+//# sourceMappingURL=PlAccordionSection.vue2.js.map

package/dist/components/PlAccordion/PlAccordionSection.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlAccordionSection.vue2.js","sources":["../../../src/components/PlAccordion/PlAccordionSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { uniqueId } from \"@milaboratories/helpers\";\nimport { PlMaskIcon16 } from \"../PlMaskIcon16\";\nimport { PlSectionSeparator } from \"../PlSectionSeparator\";\nimport ExpandTransition from \"./ExpandTransition.vue\";\nimport type { Ref } from \"vue\";\nimport { computed, inject, toRef } from \"vue\";\n\nconst $m = inject<Ref<string>>(\"pl-accordion-model\", () => toRef(\"\"), true);\n\nconst $p = inject<\n  Ref<{\n    multiple?: boolean;\n  }>\n>(\"pl-accordion-props\", () => toRef({ multiple: false }), true);\n\nconst model = defineModel<boolean>();\n\nconst id = uniqueId();\n\nconst isMulti = computed(() => !$p || $p.value.multiple);\n\nconst open = computed({\n  get() {\n    if (isMulti.value) {\n      return model.value;\n    }\n\n    return $m ? $m.value === id : model.value;\n  },\n  set(on) {\n    if (isMulti.value) {\n      model.value = on;\n    } else if ($m) {\n      $m.value = $m.value === id ? \"\" : id;\n    }\n  },\n});\n\ndefineProps<{\n  /**\n   * The label text (optional)\n   */\n  label?: string;\n  /**\n   * If `true`, remove top padding\n   */\n  compact?: boolean;\n}>();\n</script>\n\n<template>\n  <div class=\"pl-accordion-section\">\n    <PlSectionSeparator :class=\"$style.separator\" :compact=\"compact\" @click=\"open = !open\">\n      <PlMaskIcon16 name=\"chevron-right\" :class=\"[{ [$style.down]: open }, $style.chevron]\" />\n      {{ label }}\n    </PlSectionSeparator>\n    <ExpandTransition>\n      <div v-if=\"open\" :class=\"$style.content\">\n        <slot />\n      </div>\n    </ExpandTransition>\n  </div>\n</template>\n\n<style module>\n.content {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-v);\n  will-change: height, opacity;\n  /* transform: translateZ(0);\n  backface-visibility: hidden; */\n}\n\n.content > *:first-child {\n  margin-top: 24px;\n}\n\n.content > *:last-child {\n  margin-bottom: 4px;\n}\n\n.separator {\n  cursor: pointer;\n  &:hover {\n    --pl-separator-txt-color: var(--txt-01);\n    --mask-icon-bg-color: var(--ic-01);\n  }\n}\n\n.chevron {\n  transition-duration: 50ms;\n}\n\n.down {\n  transform: rotate(90deg);\n}\n</style>\n"],"names":["$m","inject","toRef","$p","model","_useModel","__props","id","uniqueId","isMulti","computed","open","on","_openBlock","_createElementBlock","_hoisted_1","_createVNode","_unref","PlSectionSeparator","_normalizeClass","$style","_cache","$event","PlMaskIcon16","_createTextVNode","ExpandTransition","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;;;;;AAQA,UAAMA,IAAKC,EAAoB,sBAAsB,MAAMC,EAAM,EAAE,GAAG,EAAI,GAEpEC,IAAKF,EAIT,sBAAsB,MAAMC,EAAM,EAAE,UAAU,IAAO,GAAG,EAAI,GAExDE,IAAQC,EAAoBC,GAAA,YAAC,GAE7BC,IAAKC,EAAA,GAELC,IAAUC,EAAS,MAAM,CAACP,KAAMA,EAAG,MAAM,QAAQ,GAEjDQ,IAAOD,EAAS;AAAA,MACpB,MAAM;AACJ,eAAID,EAAQ,QACHL,EAAM,QAGRJ,IAAKA,EAAG,UAAUO,IAAKH,EAAM;AAAA,MACtC;AAAA,MACA,IAAIQ,GAAI;AACN,QAAIH,EAAQ,QACVL,EAAM,QAAQQ,IACLZ,MACTA,EAAG,QAAQA,EAAG,UAAUO,IAAK,KAAKA;AAAA,MAEtC;AAAA,IAAA,CACD;sBAeCM,EAAA,GAAAC,EAUM,OAVNC,GAUM;AAAA,MATJC,EAGqBC,EAAAC,CAAA,GAAA;AAAA,QAHA,OAAKC,EAAEC,EAAAA,OAAO,SAAS;AAAA,QAAG,SAASd,EAAA;AAAA,QAAU,SAAKe,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEX,EAAA,QAAI,CAAIA,EAAA;AAAA,MAAA;mBAC/E,MAAwF;AAAA,UAAxFK,EAAwFC,EAAAM,CAAA,GAAA;AAAA,YAA1E,MAAK;AAAA,YAAiB,OAAKJ,EAAA,CAAA,EAAA,CAAMC,SAAO,IAAI,GAAGT,EAAA,MAAA,GAAQS,EAAAA,OAAO,OAAO,CAAA;AAAA,UAAA;UAAKI,EAAA,QACrFlB,EAAA,KAAK,GAAA,CAAA;AAAA,QAAA;;;MAEVU,EAImBS,GAAA,MAAA;AAAA,mBAHjB,MAEM;AAAA,UAFKd,EAAA,cAAXG,EAEM,OAAA;AAAA;YAFY,OAAKK,EAAEC,EAAAA,OAAO,OAAO;AAAA,UAAA;YACrCM,EAAQC,EAAA,QAAA,SAAA;AAAA,UAAA;;;;;;;"}
+{"version":3,"file":"PlAccordionSection.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlAccordion/PlAccordionSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { uniqueId } from \"@milaboratories/helpers\";\nimport { PlMaskIcon16 } from \"../PlMaskIcon16\";\nimport { PlSectionSeparator } from \"../PlSectionSeparator\";\nimport ExpandTransition from \"./ExpandTransition.vue\";\nimport type { Ref } from \"vue\";\nimport { computed, inject, toRef } from \"vue\";\n\nconst $m = inject<Ref<string>>(\"pl-accordion-model\", () => toRef(\"\"), true);\n\nconst $p = inject<\n  Ref<{\n    multiple?: boolean;\n  }>\n>(\"pl-accordion-props\", () => toRef({ multiple: false }), true);\n\nconst model = defineModel<boolean>();\n\nconst id = uniqueId();\n\nconst isMulti = computed(() => !$p || $p.value.multiple);\n\nconst open = computed({\n  get() {\n    if (isMulti.value) {\n      return model.value;\n    }\n\n    return $m ? $m.value === id : model.value;\n  },\n  set(on) {\n    if (isMulti.value) {\n      model.value = on;\n    } else if ($m) {\n      $m.value = $m.value === id ? \"\" : id;\n    }\n  },\n});\n\ndefineProps<{\n  /**\n   * The label text (optional)\n   */\n  label?: string;\n  /**\n   * If `true`, remove top padding\n   */\n  compact?: boolean;\n}>();\n</script>\n\n<template>\n  <div class=\"pl-accordion-section\">\n    <PlSectionSeparator :class=\"$style.separator\" :compact=\"compact\" @click=\"open = !open\">\n      <PlMaskIcon16 name=\"chevron-right\" :class=\"[{ [$style.down]: open }, $style.chevron]\" />\n      {{ label }}\n    </PlSectionSeparator>\n    <ExpandTransition>\n      <div v-if=\"open\" :class=\"$style.content\">\n        <slot />\n      </div>\n    </ExpandTransition>\n  </div>\n</template>\n\n<style module>\n.content {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-v);\n  will-change: height, opacity;\n  /* transform: translateZ(0);\n  backface-visibility: hidden; */\n}\n\n.content > *:first-child {\n  margin-top: 24px;\n}\n\n.content > *:last-child {\n  margin-bottom: 4px;\n}\n\n.separator {\n  cursor: pointer;\n  &:hover {\n    --pl-separator-txt-color: var(--txt-01);\n    --mask-icon-bg-color: var(--ic-01);\n  }\n}\n\n.chevron {\n  transition-duration: 50ms;\n}\n\n.down {\n  transform: rotate(90deg);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;EAQA,IAAM,IAAK,EAAoB,4BAA4B,EAAM,GAAG,EAAE,GAAK,EAErE,IAAK,EAIT,4BAA4B,EAAM,EAAE,UAAU,IAAO,CAAC,EAAE,GAAK,EAEzD,IAAQ,EAAoB,GAAA,aAAE,EAE9B,IAAK,GAAU,EAEf,IAAU,QAAe,CAAC,KAAM,EAAG,MAAM,SAAS,EAElD,IAAO,EAAS;GACpB,MAAM;AAKJ,WAJI,EAAQ,QACH,EAAM,QAGR,IAAK,EAAG,UAAU,IAAK,EAAM;;GAEtC,IAAI,GAAI;AACN,IAAI,EAAQ,QACV,EAAM,QAAQ,IACL,MACT,EAAG,QAAQ,EAAG,UAAU,IAAK,KAAK;;GAGvC,CAAC;yBAeA,EAUM,OAVN,GAUM,CATJ,EAGqB,EAAA,EAAA,EAAA;GAHA,OAAK,EAAEA,EAAAA,OAAO,UAAS;GAAG,SAAS,EAAA;GAAU,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,QAAI,CAAI,EAAA;;oBACS,CAAxF,EAAwF,EAAA,EAAA,EAAA;IAA1E,MAAK;IAAiB,OAAK,EAAA,CAAA,GAAMA,EAAAA,OAAO,OAAO,EAAA,OAAI,EAAIA,EAAAA,OAAO,QAAO,CAAA;6BAAK,MACxF,EAAG,EAAA,MAAK,EAAA,EAAA,CAAA,CAAA;;+BAEV,EAImB,GAAA,MAAA;oBADX,CAFK,EAAA,SAAA,GAAA,EAAX,EAEM,OAAA;;IAFY,OAAK,EAAEA,EAAAA,OAAO,QAAO;OACrC,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA"}

package/dist/components/PlAlert/PlAlert.js

@@ -0,0 +1,5 @@
+import e from "./PlAlert.vue2.js";
+var t = e;
+export { t as default };
+
+//# sourceMappingURL=PlAlert.js.map

package/dist/components/PlAlert/PlAlert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlAlert.js","names":[],"sources":["../../../src/components/PlAlert/PlAlert.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  name: \"PlAlert\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport \"./pl-alert.scss\";\n\ndefineEmits<{\n  /**\n   * Emitted when the model value is updated, typically when the close button is clicked.\n   *\n   * @param value - The new value of the model, generally `false` when the alert is closed.\n   */\n  (e: \"update:modelValue\", value: boolean): void;\n}>();\n\nwithDefaults(\n  defineProps<{\n    /**\n     * Controls the visibility of the alert component. If `true`, the alert is visible.\n     *\n     * @default true\n     */\n    modelValue?: boolean;\n    /**\n     * The type of alert, which determines the alert's style and icon.\n     * Can be one of `'success' | 'info' | 'warn' | 'error'`.\n     */\n    type?: \"success\" | \"info\" | \"warn\" | \"error\";\n    /**\n     * An optional label that appears at the top of the alert.\n     */\n    label?: string;\n    /**\n     * If `true`, an icon corresponding to the alert type is displayed.\n     */\n    icon?: boolean;\n    /**\n     * If `true`, a close button is displayed in the alert, allowing the user to close it.\n     */\n    closeable?: boolean;\n    /**\n     * If `true`, the alert text is displayed in a monospace font.\n     */\n    monospace?: boolean;\n    /**\n     * If `true`, the alert content will preserve whitespace and line breaks.\n     */\n    whiteSpacePre?: boolean;\n\n    /**\n     * Max height (css value like '120px or 30%')\n     */\n    maxHeight?: string;\n  }>(),\n  {\n    modelValue: true,\n    type: undefined,\n    label: undefined,\n    icon: undefined,\n    closeable: undefined,\n    monospace: undefined,\n    whiteSpacePre: undefined,\n    maxHeight: undefined,\n  },\n);\n\nconst iconMap = {\n  success: \"success\",\n  warn: \"warning\",\n  info: \"edit\",\n  error: \"error\",\n};\n</script>\n\n<template>\n  <div\n    v-if=\"modelValue\"\n    class=\"pl-alert\"\n    :style=\"{ maxHeight }\"\n    :class=\"[{ monospace, whiteSpacePre }, type ? `pl-alert__${type}` : '']\"\n  >\n    <div v-if=\"icon && type\" class=\"pl-alert__icon\">\n      <div :class=\"`icon-24 icon-${iconMap[type]}`\" />\n    </div>\n    <div class=\"pl-alert__main\">\n      <label v-if=\"label\">{{ label }}</label>\n      <div class=\"pl-alert__main__text\"><slot /></div>\n    </div>\n    <div\n      v-if=\"closeable\"\n      class=\"pl-alert__close-btn\"\n      aria-label=\"Close alert\"\n      role=\"button\"\n      @click=\"$emit('update:modelValue', false)\"\n    />\n  </div>\n</template>\n"],"mappings":""}