npm - @milaboratories/uikit - Versions diffs - 2.10.37 → 2.10.39 - Mend

@milaboratories/uikit 2.10.37 → 2.10.39

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2301) hide show

package/dist/components/PlAutocompleteMulti/PlAutocompleteMulti.vue2.js CHANGED Viewed

@@ -1,5 +1,230 @@
-import f from "./PlAutocompleteMulti.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=PlAutocompleteMulti.vue2.js.map
+import e from "../DropdownListItem.js";
+import t from "../PlTooltip/PlTooltip.js";
+import { getErrorMessage as n } from "../../helpers/error.js";
+import r from "../PlSvg/PlSvg.js";
+import i from "../PlIcon24/PlIcon24.js";
+import a from "../../utils/DoubleContour.js";
+import { useLabelNotch as o } from "../../utils/useLabelNotch.js";
+import { deepEqual as s, deepIncludes as c } from "../../helpers/objects.js";
+import ee from "../../utils/DropdownOverlay/DropdownOverlay.js";
+import { useWatchFetch as l } from "../../composition/useWatchFetch.js";
+import te from "../../assets/images/required.js";
+import './pl-autocomplete-multi.css';/* empty css                      */
+import u from "../PlChip/PlChip.js";
+import { Fragment as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createTextVNode as _, createVNode as ne, defineComponent as v, normalizeClass as re, openBlock as y, reactive as b, ref as x, renderList as S, renderSlot as C, toDisplayString as w, toRef as T, unref as E, useSlots as ie, useTemplateRef as ae, vModelText as D, watch as O, withCtx as k, withDirectives as oe, withModifiers as A } from "vue";
+import se from "canonicalize";
+var ce = ["tabindex"], le = { class: "pl-autocomplete-multi__container" }, ue = { class: "pl-autocomplete-multi__field" }, de = ["disabled", "placeholder"], fe = {
+	key: 0,
+	class: "chips-container"
+}, pe = { class: "pl-autocomplete-multi__controls" }, me = { key: 0 }, he = { class: "pl-autocomplete-multi__open-chips-container" }, ge = {
+	key: 0,
+	class: "nothing-found"
+}, j = {
+	key: 0,
+	class: "pl-autocomplete-multi__error"
+}, M = {
+	key: 1,
+	class: "pl-autocomplete-multi__helper"
+}, N = /* @__PURE__ */ v({
+	name: "PlAutocompleteMulti",
+	props: {
+		modelValue: { default: () => [] },
+		optionsSearch: {},
+		sourceId: { default: void 0 },
+		label: { default: void 0 },
+		helper: { default: void 0 },
+		error: { default: void 0 },
+		placeholder: { default: "..." },
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		debounce: { default: 300 },
+		resetSearchOnSelect: { type: Boolean },
+		emptyOptionsText: { default: "Nothing found" },
+		groupPosition: { default: void 0 }
+	},
+	emits: ["update:modelValue"],
+	setup(v, { emit: N }) {
+		let P = N, F = (e) => P("update:modelValue", e), I = ie(), L = v, R = x(), z = x(), B = ae("overlay"), V = b({
+			search: "",
+			activeOption: -1,
+			open: !1,
+			optionsHeight: 0
+		});
+		O(() => V.open, (e) => {
+			e || (V.search = "");
+		}, { flush: "sync" });
+		let H = f(() => Array.isArray(L.modelValue) ? L.modelValue : []), _e = f(() => V.open && L.modelValue.length > 0 ? L.placeholder : L.modelValue.length > 0 ? "" : L.placeholder), U = T(L, "debounce"), W = l(() => [
+			V.search,
+			V.open,
+			L.sourceId
+		], async ([e, t]) => L.optionsSearch(e, "label"), {
+			filterWatchResult: ([e, t]) => t,
+			debounce: U
+		}), G = l(() => [L.modelValue, L.sourceId], async ([e]) => L.optionsSearch(e, "value"), { debounce: U }), ve = f(() => {
+			let e = G.value ?? [], t = W.value ?? [], n = /* @__PURE__ */ new Set(), r = [], i = (e) => {
+				for (let t of e) {
+					let e = se(t.value);
+					n.has(e) || (n.add(e), r.push(t));
+				}
+			};
+			return i(e), i(t), r;
+		}), K = f(() => H.value.map((e) => ve.value.find((t) => s(t.value, e))).filter((e) => e !== void 0)), q = f(() => {
+			let e = E(H);
+			return [...W.value ?? []].map((t) => ({
+				...t,
+				selected: c(e, t.value)
+			}));
+		}), J = f(() => W.loading || G.loading), Y = f(() => G.value === void 0 ? !0 : L.disabled), ye = f(() => Y.value ? void 0 : "0"), be = () => {
+			V.activeOption = 0;
+		}, X = (e) => {
+			let t = E(H);
+			F(c(t, e) ? t.filter((t) => !s(t, e)) : [...t, e]), L.resetSearchOnSelect && (V.search = ""), z.value?.focus();
+		}, Z = (e) => F(E(H).filter((t) => !s(t, e))), xe = () => z.value?.focus(), Se = () => V.open = !V.open, Q = (e) => {
+			let t = e.relatedTarget;
+			!R.value?.contains(t) && !B.value?.listRef?.contains(t) && (V.open = !1);
+		}, Ce = (e) => {
+			let { open: t, activeOption: n } = V;
+			if (!t) {
+				e.code === "Enter" && (V.open = !0);
+				return;
+			}
+			e.code === "Escape" && (V.open = !1, z.value?.focus());
+			let r = E(q), { length: i } = r;
+			if (!i) return;
+			[
+				"ArrowDown",
+				"ArrowUp",
+				"Enter"
+			].includes(e.code) && e.preventDefault(), e.code === "Enter" && X(r[n].value);
+			let a = e.code === "ArrowDown" ? 1 : e.code === "ArrowUp" ? -1 : 0;
+			V.activeOption = Math.abs(n + a + i) % i, requestAnimationFrame(() => B.value?.scrollIntoActive());
+		};
+		o(R), O(() => L.modelValue, () => be(), { immediate: !0 });
+		let $ = f(() => {
+			if (!J.value) {
+				if (W.error) return n(W.error);
+				if (G.error) return n(G.error);
+				if (L.error) return n(L.error);
+				if (L.modelValue.length && K.value.length !== L.modelValue.length) return "The selected values are not one of the options";
+			}
+		});
+		return (n, o) => (y(), h("div", {
+			class: "pl-autocomplete-multi__envelope",
+			onClick: xe
+		}, [g("div", {
+			ref_key: "rootRef",
+			ref: R,
+			tabindex: ye.value,
+			class: re(["pl-autocomplete-multi", {
+				open: V.open,
+				error: !!$.value,
+				disabled: Y.value
+			}]),
+			onKeydown: Ce,
+			onFocusout: Q
+		}, [g("div", le, [
+			g("div", ue, [
+				oe(g("input", {
+					ref_key: "inputRef",
+					ref: z,
+					"onUpdate:modelValue": o[0] ||= (e) => V.search = e,
+					type: "text",
+					tabindex: "-1",
+					disabled: Y.value,
+					placeholder: _e.value,
+					spellcheck: "false",
+					autocomplete: "chrome-off",
+					onFocus: o[1] ||= (e) => V.open = !0
+				}, null, 40, de), [[D, V.search]]),
+				V.open ? m("", !0) : (y(), h("div", fe, [(y(!0), h(d, null, S(K.value, (e, t) => (y(), p(E(u), {
+					key: t,
+					closeable: "",
+					small: "",
+					onClick: o[2] ||= A((e) => V.open = !0, ["stop"]),
+					onClose: (t) => Z(e.value)
+				}, {
+					default: k(() => [_(w(e.label || e.value), 1)]),
+					_: 2
+				}, 1032, ["onClose"]))), 128))])),
+				g("div", pe, [
+					J.value ? (y(), p(E(i), {
+						key: 0,
+						name: "loading"
+					})) : m("", !0),
+					C(n.$slots, "append"),
+					g("div", {
+						class: "pl-autocomplete-multi__arrow-wrapper",
+						onClick: A(Se, ["stop"])
+					}, [...o[3] ||= [g("div", { class: "arrow-icon arrow-icon-default" }, null, -1)]])
+				])
+			]),
+			v.label ? (y(), h("label", me, [
+				v.required ? (y(), p(E(r), {
+					key: 0,
+					uri: E(te)
+				}, null, 8, ["uri"])) : m("", !0),
+				g("span", null, w(v.label), 1),
+				E(I).tooltip ? (y(), p(E(t), {
+					key: 1,
+					class: "info",
+					position: "top"
+				}, {
+					tooltip: k(() => [C(n.$slots, "tooltip")]),
+					_: 3
+				})) : m("", !0)
+			])) : m("", !0),
+			V.open ? (y(), p(ee, {
+				key: 1,
+				ref_key: "overlay",
+				ref: B,
+				root: R.value,
+				class: "pl-autocomplete-multi__options",
+				gap: 5,
+				tabindex: "-1",
+				onFocusout: Q
+			}, {
+				default: k(() => [
+					g("div", he, [(y(!0), h(d, null, S(K.value, (e, t) => (y(), p(E(u), {
+						key: t,
+						closeable: "",
+						small: "",
+						onClose: (t) => Z(e.value)
+					}, {
+						default: k(() => [_(w(e.label || e.value), 1)]),
+						_: 2
+					}, 1032, ["onClose"]))), 128))]),
+					(y(!0), h(d, null, S(q.value, (t, n) => (y(), p(e, {
+						key: n,
+						option: t,
+						"text-item": "text",
+						"is-selected": t.selected,
+						"is-hovered": V.activeOption == n,
+						size: "medium",
+						"use-checkbox": "",
+						onClick: A((e) => X(t.value), ["stop"])
+					}, null, 8, [
+						"option",
+						"is-selected",
+						"is-hovered",
+						"onClick"
+					]))), 128)),
+					!q.value.length && !J.value ? (y(), h("div", ge, w(v.emptyOptionsText), 1)) : m("", !0)
+				]),
+				_: 1
+			}, 8, ["root"])) : m("", !0),
+			ne(a, {
+				class: "pl-autocomplete-multi__contour",
+				"group-position": v.groupPosition
+			}, null, 8, ["group-position"])
+		])], 42, ce), $.value ? (y(), h("div", j, w($.value), 1)) : v.helper ? (y(), h("div", M, w(v.helper), 1)) : m("", !0)]));
+	}
+});
+export { N as default };
+//# sourceMappingURL=PlAutocompleteMulti.vue2.js.map

package/dist/components/PlAutocompleteMulti/PlAutocompleteMulti.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlAutocompleteMulti.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
1	+ {"version":3,"file":"PlAutocompleteMulti.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlAutocompleteMulti/PlAutocompleteMulti.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n A multi-select autocomplete component that allows users to search and select multiple values from a list of options.\n * Supports async data fetching, keyboard navigation, and displays selected items as removable chips.\n \n @example\n * Basic usage:\n * <PlAutocompleteMulti\n * v-model=\"selectedUsers\"\n * :options-search=\"searchUsers\"\n * :model-search=\"getUsersByIds\"\n * label=\"Select Users\"\n * placeholder=\"Search for users...\"\n * required\n * :debounce=\"300\"\n * helper=\"Choose one or more users from the list\"\n * />\n \n With async functions:\n * const selectedUsers = ref([])\n \n const searchUsers = async (searchTerm) => {\n * const response = await fetch('/api/users/search?q=' + searchTerm)\n * const users = await response.json()\n * return users.map(user => ({ value: user.id, label: user.name }))\n * }\n \n const getUsersByIds = async (userIds) => {\n * if (!userIds.length) return []\n * const response = await fetch('/api/users?ids=' + userIds.join(','))\n * const users = await response.json()\n * return users.map(user => ({ value: user.id, label: user.name }))\n * }\n /\nexport default {\n name: \"PlAutocompleteMulti\",\n};\n\nexport interface OptionsSearch<T> {\n (s: string, type: \"label\"): Promise<Readonly<ListOptionBase<T>[]>>;\n (s: T[], type: \"value\"): Promise<Readonly<ListOptionBase<T>[]>>;\n}\n</script>\n\n<script lang=\"ts\" setup generic=\"M extends string \| number = string\">\nimport \"./pl-autocomplete-multi.scss\";\n\nimport type { ListOptionBase } from \"@platforma-sdk/model\";\nimport canonicalize from \"canonicalize\";\nimport { computed, reactive, ref, toRef, unref, useSlots, useTemplateRef, watch } from \"vue\";\nimport { useWatchFetch } from \"../../composition/useWatchFetch.ts\";\nimport { getErrorMessage } from \"../../helpers/error.ts\";\nimport { deepEqual, deepIncludes } from \"../../helpers/objects\";\nimport DoubleContour from \"../../utils/DoubleContour.vue\";\nimport DropdownOverlay from \"../../utils/DropdownOverlay/DropdownOverlay.vue\";\nimport { useLabelNotch } from \"../../utils/useLabelNotch\";\nimport DropdownListItem from \"../DropdownListItem.vue\";\nimport { PlChip } from \"../PlChip\";\nimport { PlMaskIcon24 } from \"../PlMaskIcon24\";\nimport { PlTooltip } from \"../PlTooltip\";\n\nimport SvgRequired from \"../../assets/images/required.svg?raw\";\nimport { PlSvg } from \"../PlSvg\";\n\nconst emit = defineEmits<{\n (e: \"update:modelValue\", v: M[]): void;\n}>();\n\nconst emitModel = (v: M[]) => emit(\"update:modelValue\", v);\n\nconst slots = useSlots();\n\nconst props = withDefaults(\n defineProps<{\n /\n The current selected values.\n /\n modelValue: M[];\n /\n Lambda for requesting of available options for the dropdown by search string.\n /\n optionsSearch: OptionsSearch<M>;\n /\n Unique identifier for the source of the options, changing it will invalidate the options cache.\n /\n sourceId?: string;\n /\n The label text for the dropdown field (optional)\n /\n label?: string;\n /\n A helper text displayed below the dropdown when there are no errors (optional).\n /\n helper?: string;\n /\n Error message displayed below the dropdown (optional)\n /\n error?: unknown;\n /\n Placeholder text shown when no value is selected.\n /\n placeholder?: string;\n /\n If `true`, the dropdown component is marked as required.\n /\n required?: boolean;\n /\n If `true`, the dropdown component is disabled and cannot be interacted with.\n /\n disabled?: boolean;\n /\n Debounce time in ms for the options search.\n /\n debounce?: number;\n /\n If `true`, the search input is reset and focus is set on it when the new option is selected.\n /\n resetSearchOnSelect?: boolean;\n /\n The text to display when no options are found.\n /\n emptyOptionsText?: string;\n /\n Makes some of corners not rounded\n * */\n groupPosition?:\n \| \"top\"\n \| \"bottom\"\n \| \"left\"\n \| \"right\"\n \| \"top-left\"\n \| \"top-right\"\n \| \"bottom-left\"\n \| \"bottom-right\"\n \| \"middle\";\n }>(),\n {\n modelValue: () => [],\n label: undefined,\n helper: undefined,\n error: undefined,\n placeholder: \"...\",\n required: false,\n disabled: false,\n debounce: 300,\n emptyOptionsText: \"Nothing found\",\n sourceId: undefined,\n groupPosition: undefined,\n },\n);\n\nconst rootRef = ref<HTMLElement \| undefined>();\nconst inputRef = ref<HTMLInputElement \| undefined>();\n\nconst overlay = useTemplateRef(\"overlay\");\n\nconst data = reactive({\n search: \"\",\n activeOption: -1,\n open: false,\n optionsHeight: 0,\n});\n\nwatch(\n () => data.open,\n (v) => {\n if (!v) {\n data.search = \"\";\n }\n },\n { flush: \"sync\" },\n);\n\nconst selectedValuesRef = computed(() => (Array.isArray(props.modelValue) ? props.modelValue : []));\n\nconst placeholderRef = computed(() => {\n if (data.open && props.modelValue.length > 0) {\n return props.placeholder;\n }\n\n return props.modelValue.length > 0 ? \"\" : props.placeholder;\n});\n\nconst debounce = toRef(props, \"debounce\");\n\nconst searchOptionsRef = useWatchFetch(\n () => [data.search, data.open, props.sourceId] as const,\n async ([search, _open]) => {\n return props.optionsSearch(search, \"label\");\n },\n {\n filterWatchResult: ([_search, open]) => open,\n debounce,\n },\n);\n\nconst modelOptionsRef = useWatchFetch(\n () => [props.modelValue, props.sourceId] as const,\n async ([v]) => {\n return props.optionsSearch(v, \"value\");\n },\n {\n debounce,\n },\n);\n\nconst allOptionsRef = computed(() => {\n const modelOptions = modelOptionsRef.value ?? [];\n const searchOptions = searchOptionsRef.value ?? [];\n\n const seenValues = new Set<string \| undefined>();\n const result = [] as ListOptionBase<M>[];\n\n const addOptions = (options: Readonly<ListOptionBase<M>[]>) => {\n for (const option of options) {\n const canonicalValue = canonicalize(option.value);\n if (!seenValues.has(canonicalValue)) {\n seenValues.add(canonicalValue);\n result.push(option);\n }\n }\n };\n\n addOptions(modelOptions);\n addOptions(searchOptions);\n\n return result;\n});\n\nconst selectedOptionsRef = computed(() => {\n return selectedValuesRef.value\n .map((v) => allOptionsRef.value.find((opt) => deepEqual(opt.value, v)))\n .filter((v) => v !== undefined);\n});\n\nconst filteredOptionsRef = computed(() => {\n const selectedValues = unref(selectedValuesRef);\n\n const options = searchOptionsRef.value ?? [];\n\n return [...options].map((opt) => ({\n ...opt,\n selected: deepIncludes(selectedValues, opt.value),\n }));\n});\n\nconst isOptionsLoading = computed(() => searchOptionsRef.loading \|\| modelOptionsRef.loading);\n\nconst isDisabled = computed(() => {\n if (modelOptionsRef.value === undefined) {\n return true;\n }\n\n return props.disabled;\n});\n\nconst tabindex = computed(() => (isDisabled.value ? undefined : \"0\"));\n\nconst updateActiveOption = () => {\n data.activeOption = 0;\n};\n\nconst selectOption = (v: M) => {\n const values = unref(selectedValuesRef);\n emitModel(deepIncludes(values, v) ? values.filter((it) => !deepEqual(it, v)) : [...values, v]);\n if (props.resetSearchOnSelect) {\n data.search = \"\";\n }\n inputRef.value?.focus();\n};\n\nconst unselectOption = (d: M) =>\n emitModel(unref(selectedValuesRef).filter((v) => !deepEqual(v, d)));\n\nconst setFocusOnInput = () => inputRef.value?.focus();\n\nconst toggleOpen = () => (data.open = !data.open);\n\nconst onFocusOut = (event: FocusEvent) => {\n const relatedTarget = event.relatedTarget as Node \| null;\n\n if (!rootRef.value?.contains(relatedTarget) && !overlay.value?.listRef?.contains(relatedTarget)) {\n data.open = false;\n }\n};\n\nconst handleKeydown = (e: { code: string; preventDefault(): void }) => {\n const { open, activeOption } = data;\n\n if (!open) {\n if (e.code === \"Enter\") {\n data.open = true;\n }\n return;\n }\n\n if (e.code === \"Escape\") {\n data.open = false;\n inputRef.value?.focus();\n }\n\n const filteredOptions = unref(filteredOptionsRef);\n\n const { length } = filteredOptions;\n\n if (!length) {\n return;\n }\n\n if ([\"ArrowDown\", \"ArrowUp\", \"Enter\"].includes(e.code)) {\n e.preventDefault();\n }\n\n if (e.code === \"Enter\") {\n selectOption(filteredOptions[activeOption].value);\n }\n\n const d = e.code === \"ArrowDown\" ? 1 : e.code === \"ArrowUp\" ? -1 : 0;\n\n data.activeOption = Math.abs(activeOption + d + length) % length;\n\n requestAnimationFrame(() => overlay.value?.scrollIntoActive());\n};\n\nuseLabelNotch(rootRef);\n\nwatch(\n () => props.modelValue,\n () => updateActiveOption(),\n { immediate: true },\n);\n\nconst computedError = computed(() => {\n if (isOptionsLoading.value) {\n return undefined;\n }\n\n if (searchOptionsRef.error) {\n return getErrorMessage(searchOptionsRef.error);\n }\n\n if (modelOptionsRef.error) {\n return getErrorMessage(modelOptionsRef.error);\n }\n\n if (props.error) {\n return getErrorMessage(props.error);\n }\n\n if (props.modelValue.length && selectedOptionsRef.value.length !== props.modelValue.length) {\n return \"The selected values are not one of the options\";\n }\n\n return undefined;\n});\n</script>\n\n<template>\n <div class=\"pl-autocomplete-multi__envelope\" @click=\"setFocusOnInput\">\n <div\n ref=\"rootRef\"\n :tabindex=\"tabindex\"\n class=\"pl-autocomplete-multi\"\n :class=\"{ open: data.open, error: Boolean(computedError), disabled: isDisabled }\"\n @keydown=\"handleKeydown\"\n @focusout=\"onFocusOut\"\n >\n <div class=\"pl-autocomplete-multi__container\">\n <div class=\"pl-autocomplete-multi__field\">\n <input\n ref=\"inputRef\"\n v-model=\"data.search\"\n type=\"text\"\n tabindex=\"-1\"\n :disabled=\"isDisabled\"\n :placeholder=\"placeholderRef\"\n spellcheck=\"false\"\n autocomplete=\"chrome-off\"\n @focus=\"data.open = true\"\n />\n <div v-if=\"!data.open\" class=\"chips-container\">\n <PlChip\n v-for=\"(opt, i) in selectedOptionsRef\"\n :key=\"i\"\n closeable\n small\n @click.stop=\"data.open = true\"\n @close=\"unselectOption(opt.value)\"\n >\n {{ opt.label \|\| opt.value }}\n </PlChip>\n </div>\n\n <div class=\"pl-autocomplete-multi__controls\">\n <PlMaskIcon24 v-if=\"isOptionsLoading\" name=\"loading\" />\n <slot name=\"append\" />\n <div class=\"pl-autocomplete-multi__arrow-wrapper\" @click.stop=\"toggleOpen\">\n <div class=\"arrow-icon arrow-icon-default\" />\n </div>\n </div>\n </div>\n <label v-if=\"label\">\n <PlSvg v-if=\"required\" :uri=\"SvgRequired\" />\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 <DropdownOverlay\n v-if=\"data.open\"\n ref=\"overlay\"\n :root=\"rootRef\"\n class=\"pl-autocomplete-multi__options\"\n :gap=\"5\"\n tabindex=\"-1\"\n @focusout=\"onFocusOut\"\n >\n <div class=\"pl-autocomplete-multi__open-chips-container\">\n <PlChip\n v-for=\"(opt, i) in selectedOptionsRef\"\n :key=\"i\"\n closeable\n small\n @close=\"unselectOption(opt.value)\"\n >\n {{ opt.label \|\| opt.value }}\n </PlChip>\n </div>\n <DropdownListItem\n v-for=\"(item, index) in filteredOptionsRef\"\n :key=\"index\"\n :option=\"item\"\n :text-item=\"'text'\"\n :is-selected=\"item.selected\"\n :is-hovered=\"data.activeOption == index\"\n size=\"medium\"\n use-checkbox\n @click.stop=\"selectOption(item.value)\"\n />\n <div v-if=\"!filteredOptionsRef.length && !isOptionsLoading\" class=\"nothing-found\">\n {{ emptyOptionsText }}\n </div>\n </DropdownOverlay>\n <DoubleContour class=\"pl-autocomplete-multi__contour\" :group-position=\"groupPosition\" />\n </div>\n </div>\n <div v-if=\"computedError\" class=\"pl-autocomplete-multi__error\">{{ computedError }}</div>\n <div v-else-if=\"helper\" class=\"pl-autocomplete-multi__helper\">{{ helper }}</div>\n </div>\n</template>\n"],"mappings":"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"}

package/dist/components/PlAutocompleteMulti/pl-autocomplete-multi.css CHANGED Viewed

	@@ -1 +1 @@
1	- .pl-autocomplete-multi{--contour-color: var(--txt-01);--contour-border-width: 1px;--options-bg~~: #~~fff;--option-hover-bg: var(--btn-sec-hover-grey);--label-offset-left-x: 8px;--label-offset-right-x: 8px;--label-color: var(--txt-01);~~position:relative;outline:none;~~min-height:var(--control-height);~~border-radius:6px;~~font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weigh-base)}[data-theme=dark] .pl-autocomplete-multi{--options-bg~~: #~~1b1b1f}.pl-autocomplete-multi__envelope{font-family:var(--control-font-family);min-width:160px}.pl-autocomplete-multi label{~~display:flex;align-items:center;gap:4px;position:absolute;~~top:-8px;left:var(--label-offset-left-x);~~padding~~:~~0 4px~~;max-width:calc(100% - 16px);~~overflow:hidden;white-space:pre;text-overflow:ellipsis;~~cursor:inherit;color:var(--label-color);~~font-size~~:~~12px;font~~-~~weight:500~~;border-bottom-right-radius:4px;border-bottom-left-radius:4px;~~background~~:~~var(--bg~~-~~elevated~~-~~01)~~}.pl-autocomplete-multi label>span{~~overflow:hidden;~~white-space:pre;text-overflow:ellipsis}.pl-autocomplete-multi__container{~~position:absolute;top:0;left:0;right:0;border-radius:6px;~~min-height:var(--control-height);~~padding:1px;~~color:var(--txt-01)}.pl-autocomplete-multi__contour{border-radius:var(--border-radius-control);border:var(--contour-border-width) solid var(--contour-color);box-shadow:var(--contour-box-shadow);z-index:0;pointer-events:none}.pl-autocomplete-multi__options{~~position:absolute;~~z-index:var(--z-dropdown-options);border:1px solid var(--border-color-div-grey);background-color:var(--pl-dropdown-options-bg);border-radius:6px;max-height:244px;box-shadow:0 4px 12px -2px #0f244d14,0 6px 24px -2px #0f244d14~~;--thumb-color: var(--ic-02);overflow-y:auto~~}.pl-autocomplete-multi__options::-webkit-scrollbar{width:var(--scrollbar-width, 6px);~~height:5px;~~background-color:~~transparent~~;display:block}.pl-autocomplete-multi__options::-webkit-scrollbar-thumb{background:var(--thumb-color);border-radius:5px}.pl-autocomplete-multi__options::-webkit-scrollbar-thumb:hover{--thumb-color: var(--border-color-focus)}.pl-autocomplete-multi__options .nothing-found{~~padding:0 10px;~~height:var(--control-height);~~line-height:20px~~;background-color:#fff;~~opacity:.5~~;font-style:italic}.pl-autocomplete-multi__field{~~position~~:~~relative~~;border-radius:6px;~~overflow~~:~~hidden~~;~~background~~:~~transparent~~;padding-left:11px;~~min-height:var(--control-height);~~line-height:20px;~~cursor:pointer;~~display:flex;~~flex-direction~~:~~row~~;~~align-items~~:~~center~~}.pl-autocomplete-multi__field .chips-container{~~position~~:~~absolute~~;~~top~~:0;~~left~~:0;~~bottom:0;right:30px;overflow:hidden;~~padding:0 60px 0 11px;line-height:20px;~~color:var(--contour-color);~~display:flex;~~gap~~:~~8px~~;~~align-items~~:~~center~~}.pl-autocomplete-multi__field input{min-height:calc(var(--control-height) - 2px);line-height:20px;font-~~family:inherit;font-~~size:inherit;~~background-color:transparent;border:none;padding:0;~~width:calc(100% - 20px);color:var(--txt-01);caret-color:var(--border-color-focus)}.pl-autocomplete-multi__field input:focus{outline:none}.pl-autocomplete-multi__field input:placeholder-shown{text-overflow:ellipsis}.pl-autocomplete-multi__field input::placeholder{color:var(--color-placeholder)}.pl-autocomplete-multi__field:hover .clear{display:block}.pl-autocomplete-multi__controls{~~display:~~flex~~;flex~~-direction:row;align-items:center;gap:6px;margin-left:auto}.pl-autocomplete-multi__controls .mask-16,.pl-autocomplete-multi__controls .mask-24{--icon-color: var(--control-mask-fill);cursor:pointer}.pl-autocomplete-multi__controls .mask-loading{--icon-color: var(--ic-accent);animation:~~spin~~ 2.5s linear infinite}.pl-autocomplete-multi__arrow-wrapper{~~display:flex;align-items:center;~~min-height:var(--control-height);padding-right:11px}.pl-autocomplete-multi .arrow-icon{cursor:pointer}.pl-autocomplete-multi .arrow-icon.arrow-icon-default{~~transition:transform .2s;~~background-color:var(--control-mask-fill);mask-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M2.46967%206.53033L3.53033%205.46967L8%209.93934L12.4697%205.46967L13.5303%206.53033L8%2012.0607L2.46967%206.53033Z'%20fill='%23110529'/%3e%3c/svg%3e")~~;-webkit-~~mask-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M2.46967%206.53033L3.53033%205.46967L8%209.93934L12.4697%205.46967L13.5303%206.53033L8%2012.0607L2.46967%206.53033Z'%20fill='%23110529'/%3e%3c/svg%3e")~~;mask-repeat:no-repeat~~;-webkit-mask-~~repeat~~:~~no-repeat;~~mask-position:~~center;-~~webkit-mask-~~position~~:~~center~~;mask-size:16px;-webkit-mask-~~size~~:~~16px~~;~~width~~:~~16px;height:16px~~}.pl-autocomplete-multi__helper{~~font-size:12px;~~color:var(--txt-03);~~padding:2px 0 0;~~white-space:pre-wrap;text-overflow:ellipsis;font-weight:500;line-height:16px~~;margin-top:6px~~}.pl-autocomplete-multi__error{~~font-size:12px;~~color:var(--txt-error);~~padding:2px 0 0;~~white-space:pre-wrap;text-overflow:ellipsis;font-weight:500;line-height:16px~~;margin-top:6px~~}.pl-autocomplete-multi.open .arrow-icon.arrow-icon-default{background-color:var(--control-mask-fill);transform:rotate(-180deg)}.pl-autocomplete-multi .clear{~~display:none;position:absolute;top:50%;transform:translateY(-50%);right:36px;~~z-index:1;background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_586_7851)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8%2016C12.4183%2016%2016%2012.4183%2016%208C16%203.58172%2012.4183%200%208%200C3.58172%200%200%203.58172%200%208C0%2012.4183%203.58172%2016%208%2016ZM4.46967%205.53033L6.93934%208L4.46967%2010.4697L5.53033%2011.5303L8%209.06066L10.4697%2011.5303L11.5303%2010.4697L9.06066%208L11.5303%205.53033L10.4697%204.46967L8%206.93934L5.53033%204.46967L4.46967%205.53033Z'%20fill='%23CFD1DB'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_586_7851'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") no-repeat ~~center~~;width:16px;height:16px;~~cursor~~:~~pointer~~}.pl-autocomplete-multi.open,.pl-autocomplete-multi:focus-within{z-index:1}.pl-autocomplete-multi.open .pl-autocomplete-multi__container .label,.pl-autocomplete-multi:focus-within .pl-autocomplete-multi__container .label{color:var(--txt-focus)}.pl-autocomplete-multi.open .pl-autocomplete-multi__container{z-index:1000}.pl-autocomplete-multi.open .pl-autocomplete-multi__field{border-radius:6px 6px 0 0}.pl-autocomplete-multi.open .arrow{background-color:var(--control-mask-fill);mask-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8%204.93933L13.5303%2010.4697L12.4697%2011.5303L8%207.06065L3.53033%2011.5303L2.46967%2010.4697L8%204.93933Z'%20fill='%23110529'/%3e%3c/svg%3e")~~;-webkit-~~mask-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8%204.93933L13.5303%2010.4697L12.4697%2011.5303L8%207.06065L3.53033%2011.5303L2.46967%2010.4697L8%204.93933Z'%20fill='%23110529'/%3e%3c/svg%3e")~~;mask-repeat:no-repeat~~;-webkit-mask-~~repeat~~:~~no-repeat;~~mask-position:~~center;-~~webkit-mask-~~position~~:~~center~~;mask-size:16px;-webkit-mask-~~size~~:~~16px~~;~~width~~:~~16px;height:16px~~}.pl-autocomplete-multi:hover{--contour-color: var(--control-hover-color)}.pl-autocomplete-multi:focus-within:not(.error){--label-color: var(--txt-focus);--contour-color: var(--border-color-focus);--contour-border-width: 2px;--contour-box-shadow: 0 0 0 4px var(--border-color-focus-shadow)}.pl-autocomplete-multi:focus-within.error{--contour-border-width: 2px;--contour-box-shadow: 0 0 0 4px var(--color-error-shadow)}.pl-autocomplete-multi.error{--contour-color: var(--txt-error);--label-color: var(--txt-error)}.pl-autocomplete-multi.disabled{--contour-color: var(--color-dis-01);--control-mask-fill: var(--color-dis-01);--label-color: var(--color-dis-01);cursor:not-allowed;pointer-events:none}.pl-autocomplete-multi.disabled .mask-loading{~~animation:spin 2.5s linear infinite;--~~icon-color: var(--ic-accent)}.pl-autocomplete-multi__open-chips-container{padding:12px}.pl-autocomplete-multi__open-chips-container .pl-chip{margin-~~right~~:4px;margin-~~bottom~~:4px}
1	+ .pl-autocomplete-multi{--contour-color:var(--txt-01);--contour-border-width:1px;--options-bg:#fff;--option-hover-bg:var(--btn-sec-hover-grey);--label-offset-left-x:8px;--label-offset-right-x:8px;--label-color:var(--txt-01);min-height:var(--control-height);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weigh-base);border-radius:6px;outline:none;position:relative}[data-theme=dark] .pl-autocomplete-multi{--options-bg:#1b1b1f}.pl-autocomplete-multi__envelope{font-family:var(--control-font-family);min-width:160px}.pl-autocomplete-multi label{top:-8px;left:var(--label-offset-left-x);white-space:pre;text-overflow:ellipsis;max-width:calc(100% - 16px);cursor:inherit;color:var(--label-color);background:var(--bg-elevated-01);border-bottom-right-radius:4px;border-bottom-left-radius:4px;align-items:center;gap:4px;padding:0 4px;font-size:12px;font-weight:500;display:flex;position:absolute;overflow:hidden}.pl-autocomplete-multi label>span{white-space:pre;text-overflow:ellipsis;overflow:hidden}.pl-autocomplete-multi__container{min-height:var(--control-height);color:var(--txt-01);border-radius:6px;padding:1px;position:absolute;top:0;left:0;right:0}.pl-autocomplete-multi__contour{border-radius:var(--border-radius-control);border:var(--contour-border-width) solid var(--contour-color);box-shadow:var(--contour-box-shadow);z-index:0;pointer-events:none}.pl-autocomplete-multi__options{z-index:var(--z-dropdown-options);border:1px solid var(--border-color-div-grey);background-color:var(--pl-dropdown-options-bg);--thumb-color:var(--ic-02);border-radius:6px;max-height:244px;position:absolute;overflow-y:auto;box-shadow:0 4px 12px -2px #0f244d14,0 6px 24px -2px #0f244d14}.pl-autocomplete-multi__options::-webkit-scrollbar{width:var(--scrollbar-width,6px);background-color:#0000;height:5px;display:block}.pl-autocomplete-multi__options::-webkit-scrollbar-thumb{background:var(--thumb-color);border-radius:5px}.pl-autocomplete-multi__options::-webkit-scrollbar-thumb:hover{--thumb-color:var(--border-color-focus)}.pl-autocomplete-multi__options .nothing-found{height:var(--control-height);opacity:.5;background-color:#fff;padding:0 10px;font-style:italic;line-height:20px}.pl-autocomplete-multi__field{min-height:var(--control-height);cursor:pointer;background:0 0;border-radius:6px;flex-direction:row;align-items:center;padding-left:11px;line-height:20px;display:flex;position:relative;overflow:hidden}.pl-autocomplete-multi__field .chips-container{color:var(--contour-color);align-items:center;gap:8px;padding:0 60px 0 11px;line-height:20px;display:flex;position:absolute;inset:0 30px 0 0;overflow:hidden}.pl-autocomplete-multi__field input{min-height:calc(var(--control-height) - 2px);font-family:inherit;line-height:20px;font-size:inherit;width:calc(100% - 20px);color:var(--txt-01);caret-color:var(--border-color-focus);background-color:#0000;border:none;padding:0}.pl-autocomplete-multi__field input:focus{outline:none}.pl-autocomplete-multi__field input:placeholder-shown{text-overflow:ellipsis}.pl-autocomplete-multi__field input::placeholder{color:var(--color-placeholder)}.pl-autocomplete-multi__field:hover .clear{display:block}.pl-autocomplete-multi__controls{flex-direction:row;align-items:center;gap:6px;margin-left:auto;display:flex}.pl-autocomplete-multi__controls .mask-16,.pl-autocomplete-multi__controls .mask-24{--icon-color:var(--control-mask-fill);cursor:pointer}.pl-autocomplete-multi__controls .mask-loading{--icon-color:var(--ic-accent);animation:2.5s linear infinite spin}.pl-autocomplete-multi__arrow-wrapper{min-height:var(--control-height);align-items:center;padding-right:11px;display:flex}.pl-autocomplete-multi .arrow-icon{cursor:pointer}.pl-autocomplete-multi .arrow-icon.arrow-icon-default{background-color:var(--control-mask-fill);width:16px;height:16px;transition:transform .2s;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M2.46967%206.53033L3.53033%205.46967L8%209.93934L12.4697%205.46967L13.5303%206.53033L8%2012.0607L2.46967%206.53033Z'%20fill='%23110529'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M2.46967%206.53033L3.53033%205.46967L8%209.93934L12.4697%205.46967L13.5303%206.53033L8%2012.0607L2.46967%206.53033Z'%20fill='%23110529'/%3e%3c/svg%3e");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:16px;mask-size:16px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.pl-autocomplete-multi__helper{color:var(--txt-03);white-space:pre-wrap;text-overflow:ellipsis;margin-top:6px;padding:2px 0 0;font-size:12px;font-weight:500;line-height:16px}.pl-autocomplete-multi__error{color:var(--txt-error);white-space:pre-wrap;text-overflow:ellipsis;margin-top:6px;padding:2px 0 0;font-size:12px;font-weight:500;line-height:16px}.pl-autocomplete-multi.open .arrow-icon.arrow-icon-default{background-color:var(--control-mask-fill);transform:rotate(-180deg)}.pl-autocomplete-multi .clear{z-index:1;cursor:pointer;background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_586_7851)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8%2016C12.4183%2016%2016%2012.4183%2016%208C16%203.58172%2012.4183%200%208%200C3.58172%200%200%203.58172%200%208C0%2012.4183%203.58172%2016%208%2016ZM4.46967%205.53033L6.93934%208L4.46967%2010.4697L5.53033%2011.5303L8%209.06066L10.4697%2011.5303L11.5303%2010.4697L9.06066%208L11.5303%205.53033L10.4697%204.46967L8%206.93934L5.53033%204.46967L4.46967%205.53033Z'%20fill='%23CFD1DB'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_586_7851'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") 50% no-repeat;width:16px;height:16px;display:none;position:absolute;top:50%;right:36px;transform:translateY(-50%)}.pl-autocomplete-multi.open,.pl-autocomplete-multi:focus-within{z-index:1}.pl-autocomplete-multi.open .pl-autocomplete-multi__container .label,.pl-autocomplete-multi:focus-within .pl-autocomplete-multi__container .label{color:var(--txt-focus)}.pl-autocomplete-multi.open .pl-autocomplete-multi__container{z-index:1000}.pl-autocomplete-multi.open .pl-autocomplete-multi__field{border-radius:6px 6px 0 0}.pl-autocomplete-multi.open .arrow{background-color:var(--control-mask-fill);width:16px;height:16px;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8%204.93933L13.5303%2010.4697L12.4697%2011.5303L8%207.06065L3.53033%2011.5303L2.46967%2010.4697L8%204.93933Z'%20fill='%23110529'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8%204.93933L13.5303%2010.4697L12.4697%2011.5303L8%207.06065L3.53033%2011.5303L2.46967%2010.4697L8%204.93933Z'%20fill='%23110529'/%3e%3c/svg%3e");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:16px;mask-size:16px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.pl-autocomplete-multi:hover{--contour-color:var(--control-hover-color)}.pl-autocomplete-multi:focus-within:not(.error){--label-color:var(--txt-focus);--contour-color:var(--border-color-focus);--contour-border-width:2px;--contour-box-shadow:0 0 0 4px var(--border-color-focus-shadow)}.pl-autocomplete-multi:focus-within.error{--contour-border-width:2px;--contour-box-shadow:0 0 0 4px var(--color-error-shadow)}.pl-autocomplete-multi.error{--contour-color:var(--txt-error);--label-color:var(--txt-error)}.pl-autocomplete-multi.disabled{--contour-color:var(--color-dis-01);--control-mask-fill:var(--color-dis-01);--label-color:var(--color-dis-01);cursor:not-allowed;pointer-events:none}.pl-autocomplete-multi.disabled .mask-loading{--icon-color:var(--ic-accent);animation:2.5s linear infinite spin}.pl-autocomplete-multi__open-chips-container{padding:12px}.pl-autocomplete-multi__open-chips-container .pl-chip{margin-bottom:4px;margin-right:4px}

package/dist/components/PlBtnAccent/PlBtnAccent.js ADDED Viewed

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

package/dist/components/PlBtnAccent/PlBtnAccent.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PlBtnAccent.js","names":[],"sources":["../../../src/components/PlBtnAccent/PlBtnAccent.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Accent button\n */\nexport default {\n name: \"PlBtnAccent\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport \"./pl-btn-accent.scss\";\nimport type { MaskIconName16, Size } from \"../../types\";\nimport BtnBase from \"../../base/BtnBase.vue\";\n\nconst props = defineProps<{\n /**\n * If `true,` the button is disabled, cannot be interacted with, and shows a special 'loading' icon.\n */\n loading?: boolean;\n /**\n * Size of the button, the default value is 'medium'\n */\n size?: Size;\n /**\n * If `true` the shape is round.\n */\n round?: boolean;\n /**\n * Icon to display\n */\n icon?: MaskIconName16;\n /**\n * If `true`, an icon is displayed before the text.\n */\n reverse?: boolean;\n /**\n * Justify text at the center\n */\n justifyCenter?: boolean;\n}>();\n</script>\n\n<template>\n <BtnBase class=\"pl-btn-accent\" v-bind=\"props\">\n <slot />\n </BtnBase>\n</template>\n"],"mappings":""}

package/dist/components/PlBtnAccent/PlBtnAccent.vue2.js CHANGED Viewed

@@ -1,5 +1,24 @@
-import f from "./PlBtnAccent.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=PlBtnAccent.vue2.js.map
+import './pl-btn-accent.css';/* empty css              */
+import e from "../../base/BtnBase.js";
+import { createBlock as t, defineComponent as n, mergeProps as r, openBlock as i, renderSlot as a, withCtx as o } from "vue";
+var s = /* @__PURE__ */ n({
+	name: "PlBtnAccent",
+	props: {
+		loading: { type: Boolean },
+		size: {},
+		round: { type: Boolean },
+		icon: {},
+		reverse: { type: Boolean },
+		justifyCenter: { type: Boolean }
+	},
+	setup(n) {
+		let s = n;
+		return (n, c) => (i(), t(e, r({ class: "pl-btn-accent" }, s), {
+			default: o(() => [a(n.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+});
+export { s as default };
+//# sourceMappingURL=PlBtnAccent.vue2.js.map

package/dist/components/PlBtnAccent/PlBtnAccent.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlBtnAccent.~~vue2~~.js","~~sources~~":[],"~~sourcesContent~~":[],"~~names~~":[],"mappings":";"}
1	+ {"version":3,"file":"PlBtnAccent.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlBtnAccent/PlBtnAccent.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Accent button\n /\nexport default {\n name: \"PlBtnAccent\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport \"./pl-btn-accent.scss\";\nimport type { MaskIconName16, Size } from \"../../types\";\nimport BtnBase from \"../../base/BtnBase.vue\";\n\nconst props = defineProps<{\n /\n If `true,` the button is disabled, cannot be interacted with, and shows a special 'loading' icon.\n /\n loading?: boolean;\n /\n Size of the button, the default value is 'medium'\n /\n size?: Size;\n /\n If `true` the shape is round.\n /\n round?: boolean;\n /\n Icon to display\n /\n icon?: MaskIconName16;\n /\n If `true`, an icon is displayed before the text.\n /\n reverse?: boolean;\n /\n Justify text at the center\n */\n justifyCenter?: boolean;\n}>();\n</script>\n\n<template>\n <BtnBase class=\"pl-btn-accent\" v-bind=\"props\">\n <slot />\n </BtnBase>\n</template>\n"],"mappings":";;;;CAKE,MAAM;;;;;;;;;;EASR,IAAM,IAAQ;yBA6BZ,EAEU,GAFV,EAEU,EAFD,OAAM,iBAAe,EAAS,EAAK,EAAA;oBAClC,CAAR,EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/PlBtnAccent/pl-btn-accent.css CHANGED Viewed

	@@ -1 +1 @@
1	- .pl-btn-accent{--font-size: 14px;--border-radius: 6px;--button-height: 40px;--focus-shadow: 0 0 0 0 transparent;--btn-disabled-bg: var(--color-dis-01);--color-text: var(--txt-00);--shape-shadow: 0 0 0 0 transparent;--append-shadow: 0 0 0 0 transparent;--drop-shadow: 0 0 0 0 transparent;--active-shadow: 0 0 0 0 transparent;--main-padding: 0 12px;text-transform:capitalize;~~position:relative;overflow:hidden;display:flex;flex-direction:row;justify-content:space-between;align-items:center;~~white-space:nowrap;~~gap:8px;~~padding:var(--main-padding);color:var(--color-text);font-weight:600;font-size:var(--font-size);font-family:var(--font-family-base);~~line-~~height:~~16px;height:~~var(--button-height);min-height:var(--button-height);border-radius:var(--border-radius)~~;outline:none~~;-webkit-user-select:none;user-select:none;~~transition:~~box-shadow ~~.05s ease-in-out;box-shadow~~:var(--focus-shadow),var(--append-shadow),var(--shape-shadow),var(--active-shadow),var(--drop-shadow)}.pl-btn-accent.justifyCenter{justify-content:center}.pl-btn-accent.round{~~border-radius:50%;~~width:var(--button-height);min-width:var(--button-height);~~padding~~:0;justify-content:center}.pl-btn-accent.small{--button-height: 32px;--main-padding: 0 8px}.pl-btn-accent.medium{--main-padding: 0 16px}.pl-btn-accent.large{--button-height: 56px;--border-radius: 8px;--font-size: 16px;--main-padding: 0 18px}.pl-btn-accent.large .mask{--mask-size: 24px}.pl-btn-accent:disabled{--color-text: var(--dis-00);--icon-color: var(--dis-00)}.pl-btn-accent:disabled *{color:var(--color-text)}.pl-btn-accent:not([disabled]){cursor:pointer}.pl-btn-accent:not([disabled]).hover~~{background:var(--color-btn-hover)}.~~pl-btn-accent:not([disabled]):hover{background:var(--color-btn-hover)}.pl-btn-accent:focus-visible{--focus-shadow: inset 0 0 0 2px var(--border-color-focus)}.pl-btn-accent .icon{~~display:block;~~width:16px;height:16px}.pl-btn-accent.loading{box-shadow:none!important}.pl-btn-accent.loading .mask-loading{~~display:block;~~animation:~~spin~~ 4s linear infinite}.pl-btn-accent.reverse{flex-direction:row-reverse}.pl-btn-accent>span{display:inline-flex}.pl-btn-accent{--color-btn-background: var(--color-accent-default);--color-btn-hover: var(--color-accent-hover);background-color:var(--color-btn-background);border:none}.pl-btn-accent.large{--drop-shadow: 3px 3px 0px #~~000000~~}.pl-btn-accent.loading{background:#070529cc}.pl-btn-accent:disabled{background-color:var(--btn-disabled-bg);box-shadow:none!important~~;cursor:auto~~}.pl-btn-accent:active{--active-shadow: inset 0px 3px 0px ~~rgba(0, 0, 0, .24)~~;--drop-shadow: 0 0 0 0 transparent}
1	+ .pl-btn-accent{--font-size:14px;--border-radius:6px;--button-height:40px;--focus-shadow:0 0 0 0 transparent;--btn-disabled-bg:var(--color-dis-01);--color-text:var(--txt-00);--shape-shadow:0 0 0 0 transparent;--append-shadow:0 0 0 0 transparent;--drop-shadow:0 0 0 0 transparent;--active-shadow:0 0 0 0 transparent;--main-padding:0 12px;text-transform:capitalize;white-space:nowrap;padding:var(--main-padding);color:var(--color-text);font-weight:600;font-size:var(--font-size);font-family:var(--font-family-base);height:var(--button-height);min-height:var(--button-height);border-radius:var(--border-radius);-webkit-user-select:none;user-select:none;box-shadow:var(--focus-shadow), var(--append-shadow), var(--shape-shadow), var(--active-shadow), var(--drop-shadow);outline:none;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;line-height:16px;transition:box-shadow 50ms ease-in-out;display:flex;position:relative;overflow:hidden}.pl-btn-accent.justifyCenter{justify-content:center}.pl-btn-accent.round{width:var(--button-height);min-width:var(--button-height);border-radius:50%;justify-content:center;padding:0}.pl-btn-accent.small{--button-height:32px;--main-padding:0 8px}.pl-btn-accent.medium{--main-padding:0 16px}.pl-btn-accent.large{--button-height:56px;--border-radius:8px;--font-size:16px;--main-padding:0 18px}.pl-btn-accent.large .mask{--mask-size:24px}.pl-btn-accent:disabled{--color-text:var(--dis-00);--icon-color:var(--dis-00)}.pl-btn-accent:disabled *{color:var(--color-text)}.pl-btn-accent:not([disabled]){cursor:pointer}.pl-btn-accent:not([disabled]).hover,.pl-btn-accent:not([disabled]):hover{background:var(--color-btn-hover)}.pl-btn-accent:focus-visible{--focus-shadow:inset 0 0 0 2px var(--border-color-focus)}.pl-btn-accent .icon{width:16px;height:16px;display:block}.pl-btn-accent.loading{box-shadow:none!important}.pl-btn-accent.loading .mask-loading{animation:4s linear infinite spin;display:block}.pl-btn-accent.reverse{flex-direction:row-reverse}.pl-btn-accent>span{display:inline-flex}.pl-btn-accent{--color-btn-background:var(--color-accent-default);--color-btn-hover:var(--color-accent-hover);background-color:var(--color-btn-background);border:none}.pl-btn-accent.large{--drop-shadow:3px 3px 0px #000}.pl-btn-accent.loading{background:#070529cc}.pl-btn-accent:disabled{background-color:var(--btn-disabled-bg);cursor:auto;box-shadow:none!important}.pl-btn-accent:active{--active-shadow:inset 0px 3px 0px #0000003d;--drop-shadow:0 0 0 0 transparent}

package/dist/components/PlBtnDanger/PlBtnDanger.js ADDED Viewed

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

package/dist/components/PlBtnDanger/PlBtnDanger.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PlBtnDanger.js","names":[],"sources":["../../../src/components/PlBtnDanger/PlBtnDanger.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Danger button\n */\nexport default {\n name: \"PlBtnDanger\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport \"./pl-btn-danger.scss\";\nimport type { MaskIconName16, Size } from \"../../types\";\nimport BtnBase from \"../../base/BtnBase.vue\";\n\nconst props = defineProps<{\n /**\n * If `true,` the button is disabled, cannot be interacted with, and shows a special 'loading' icon.\n */\n loading?: boolean;\n /**\n * Size of the button, the default value is 'medium'\n */\n size?: Size;\n /**\n * If `true` the shape is round.\n */\n round?: boolean;\n /**\n * Icon to display\n */\n icon?: MaskIconName16;\n /**\n * If `true`, an icon is displayed before the text.\n */\n reverse?: boolean;\n /**\n * Justify text at the center\n */\n justifyCenter?: boolean;\n}>();\n</script>\n\n<template>\n <BtnBase class=\"pl-btn-danger\" v-bind=\"props\">\n <slot />\n </BtnBase>\n</template>\n"],"mappings":""}

package/dist/components/PlBtnDanger/PlBtnDanger.vue2.js CHANGED Viewed

@@ -1,5 +1,24 @@
-import f from "./PlBtnDanger.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=PlBtnDanger.vue2.js.map
+import e from "../../base/BtnBase.js";
+import './pl-btn-danger.css';/* empty css              */
+import { createBlock as t, defineComponent as n, mergeProps as r, openBlock as i, renderSlot as a, withCtx as o } from "vue";
+var s = /* @__PURE__ */ n({
+	name: "PlBtnDanger",
+	props: {
+		loading: { type: Boolean },
+		size: {},
+		round: { type: Boolean },
+		icon: {},
+		reverse: { type: Boolean },
+		justifyCenter: { type: Boolean }
+	},
+	setup(n) {
+		let s = n;
+		return (n, c) => (i(), t(e, r({ class: "pl-btn-danger" }, s), {
+			default: o(() => [a(n.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+});
+export { s as default };
+//# sourceMappingURL=PlBtnDanger.vue2.js.map

package/dist/components/PlBtnDanger/PlBtnDanger.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlBtnDanger.~~vue2~~.js","~~sources~~":[],"~~sourcesContent~~":[],"~~names~~":[],"mappings":";"}
1	+ {"version":3,"file":"PlBtnDanger.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlBtnDanger/PlBtnDanger.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Danger button\n /\nexport default {\n name: \"PlBtnDanger\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport \"./pl-btn-danger.scss\";\nimport type { MaskIconName16, Size } from \"../../types\";\nimport BtnBase from \"../../base/BtnBase.vue\";\n\nconst props = defineProps<{\n /\n If `true,` the button is disabled, cannot be interacted with, and shows a special 'loading' icon.\n /\n loading?: boolean;\n /\n Size of the button, the default value is 'medium'\n /\n size?: Size;\n /\n If `true` the shape is round.\n /\n round?: boolean;\n /\n Icon to display\n /\n icon?: MaskIconName16;\n /\n If `true`, an icon is displayed before the text.\n /\n reverse?: boolean;\n /\n Justify text at the center\n */\n justifyCenter?: boolean;\n}>();\n</script>\n\n<template>\n <BtnBase class=\"pl-btn-danger\" v-bind=\"props\">\n <slot />\n </BtnBase>\n</template>\n"],"mappings":";;;;CAKE,MAAM;;;;;;;;;;EASR,IAAM,IAAQ;yBA6BZ,EAEU,GAFV,EAEU,EAFD,OAAM,iBAAe,EAAS,EAAK,EAAA;oBAClC,CAAR,EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/PlBtnDanger/pl-btn-danger.css CHANGED Viewed

	@@ -1 +1 @@
1	- .pl-btn-danger{--font-size: 14px;--border-radius: 6px;--button-height: 40px;--focus-shadow: 0 0 0 0 transparent;--btn-disabled-bg: var(--color-dis-01);--color-text: var(--txt-00);--shape-shadow: 0 0 0 0 transparent;--append-shadow: 0 0 0 0 transparent;--drop-shadow: 0 0 0 0 transparent;--active-shadow: 0 0 0 0 transparent;--main-padding: 0 12px;text-transform:capitalize;~~position:relative;overflow:hidden;display:flex;flex-direction:row;justify-content:space-between;align-items:center;~~white-space:nowrap;~~gap:8px;~~padding:var(--main-padding);color:var(--color-text);font-weight:600;font-size:var(--font-size);font-family:var(--font-family-base);~~line-~~height:~~16px;height:~~var(--button-height);min-height:var(--button-height);border-radius:var(--border-radius)~~;outline:none~~;-webkit-user-select:none;user-select:none;~~transition:~~box-shadow ~~.05s ease-in-out;box-shadow~~:var(--focus-shadow),var(--append-shadow),var(--shape-shadow),var(--active-shadow),var(--drop-shadow)}.pl-btn-danger.justifyCenter{justify-content:center}.pl-btn-danger.round{~~border-radius:50%;~~width:var(--button-height);min-width:var(--button-height);~~padding~~:0;justify-content:center}.pl-btn-danger.small{--button-height: 32px;--main-padding: 0 8px}.pl-btn-danger.medium{--main-padding: 0 16px}.pl-btn-danger.large{--button-height: 56px;--border-radius: 8px;--font-size: 16px;--main-padding: 0 18px}.pl-btn-danger.large .mask{--mask-size: 24px}.pl-btn-danger:disabled{--color-text: var(--dis-00);--icon-color: var(--dis-00)}.pl-btn-danger:disabled *{color:var(--color-text)}.pl-btn-danger:not([disabled]){cursor:pointer}.pl-btn-danger:not([disabled]).hover~~{background:var(--color-btn-hover)}.~~pl-btn-danger:not([disabled]):hover{background:var(--color-btn-hover)}.pl-btn-danger:focus-visible{--focus-shadow: inset 0 0 0 2px var(--border-color-focus)}.pl-btn-danger .icon{~~display:block;~~width:16px;height:16px}.pl-btn-danger.loading{box-shadow:none!important}.pl-btn-danger.loading .mask-loading{~~display:block;~~animation:~~spin~~ 4s linear infinite}.pl-btn-danger.reverse{flex-direction:row-reverse}.pl-btn-danger>span{display:inline-flex}.pl-btn-danger{--color-btn-background: var(--txt-error);--color-btn-hover~~: #~~ff5c5c;background-color:var(--color-btn-background);border:none}.pl-btn-danger.large{--drop-shadow: 3px 3px 0px #~~000000~~}.pl-btn-danger.loading{background:#070529cc}.pl-btn-danger:disabled{background-color:var(--btn-disabled-bg);box-shadow:none!important~~;cursor:auto~~}.pl-btn-danger:active{--active-shadow: inset 0px 3px 0px ~~rgba(0, 0, 0, .24)~~;--drop-shadow: 0 0 0 0 transparent}
1	+ .pl-btn-danger{--font-size:14px;--border-radius:6px;--button-height:40px;--focus-shadow:0 0 0 0 transparent;--btn-disabled-bg:var(--color-dis-01);--color-text:var(--txt-00);--shape-shadow:0 0 0 0 transparent;--append-shadow:0 0 0 0 transparent;--drop-shadow:0 0 0 0 transparent;--active-shadow:0 0 0 0 transparent;--main-padding:0 12px;text-transform:capitalize;white-space:nowrap;padding:var(--main-padding);color:var(--color-text);font-weight:600;font-size:var(--font-size);font-family:var(--font-family-base);height:var(--button-height);min-height:var(--button-height);border-radius:var(--border-radius);-webkit-user-select:none;user-select:none;box-shadow:var(--focus-shadow), var(--append-shadow), var(--shape-shadow), var(--active-shadow), var(--drop-shadow);outline:none;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;line-height:16px;transition:box-shadow 50ms ease-in-out;display:flex;position:relative;overflow:hidden}.pl-btn-danger.justifyCenter{justify-content:center}.pl-btn-danger.round{width:var(--button-height);min-width:var(--button-height);border-radius:50%;justify-content:center;padding:0}.pl-btn-danger.small{--button-height:32px;--main-padding:0 8px}.pl-btn-danger.medium{--main-padding:0 16px}.pl-btn-danger.large{--button-height:56px;--border-radius:8px;--font-size:16px;--main-padding:0 18px}.pl-btn-danger.large .mask{--mask-size:24px}.pl-btn-danger:disabled{--color-text:var(--dis-00);--icon-color:var(--dis-00)}.pl-btn-danger:disabled *{color:var(--color-text)}.pl-btn-danger:not([disabled]){cursor:pointer}.pl-btn-danger:not([disabled]).hover,.pl-btn-danger:not([disabled]):hover{background:var(--color-btn-hover)}.pl-btn-danger:focus-visible{--focus-shadow:inset 0 0 0 2px var(--border-color-focus)}.pl-btn-danger .icon{width:16px;height:16px;display:block}.pl-btn-danger.loading{box-shadow:none!important}.pl-btn-danger.loading .mask-loading{animation:4s linear infinite spin;display:block}.pl-btn-danger.reverse{flex-direction:row-reverse}.pl-btn-danger>span{display:inline-flex}.pl-btn-danger{--color-btn-background:var(--txt-error);--color-btn-hover:#ff5c5c;background-color:var(--color-btn-background);border:none}.pl-btn-danger.large{--drop-shadow:3px 3px 0px #000}.pl-btn-danger.loading{background:#070529cc}.pl-btn-danger:disabled{background-color:var(--btn-disabled-bg);cursor:auto;box-shadow:none!important}.pl-btn-danger:active{--active-shadow:inset 0px 3px 0px #0000003d;--drop-shadow:0 0 0 0 transparent}

package/dist/components/PlBtnGhost/PlBtnGhost.js ADDED Viewed

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

package/dist/components/PlBtnGhost/PlBtnGhost.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PlBtnGhost.js","names":[],"sources":["../../../src/components/PlBtnGhost/PlBtnGhost.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Ghost button\n */\nexport default {\n name: \"PlBtnGhost\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport \"./pl-btn-ghost.scss\";\nimport type { MaskIconName24, Size } from \"../../types\";\nimport { PlMaskIcon24 } from \"../PlMaskIcon24\";\nimport { computed, ref, useSlots } from \"vue\";\nimport { useRipple } from \"../../composition/useRipple\";\n\nconst props = withDefaults(\n defineProps<{\n /**\n * If `true,` the button is disabled, cannot be interacted with, and shows a special 'loading' icon.\n */\n loading?: boolean;\n /**\n * Size of the button, the default value is 'medium'\n */\n size?: Size;\n /**\n * If `true` the shape is round.\n */\n round?: boolean;\n /**\n * Icon to display\n */\n icon?: MaskIconName24;\n /**\n * If `true`, an icon is displayed before the text.\n */\n reverse?: boolean;\n /**\n * Justify text at the center (is `false` by default)\n */\n justifyCenter?: boolean;\n }>(),\n {\n size: undefined,\n icon: undefined,\n justifyCenter: false,\n },\n);\n\nconst small = computed(() => props.size === \"small\");\nconst large = computed(() => props.size === \"large\");\n\nconst btnRef = ref();\n\nconst slots = useSlots();\n\nuseRipple(btnRef);\n</script>\n\n<template>\n <button\n ref=\"btnRef\"\n tabindex=\"0\"\n class=\"pl-btn-ghost\"\n :class=\"{ loading, small, large, round, reverse, justifyCenter, [$attrs.class + '']: true }\"\n v-bind=\"{ ...$attrs, disabled: Boolean($attrs.disabled) || loading }\"\n >\n <span v-if=\"slots.default && !round\">\n <slot />\n </span>\n <slot name=\"icon\">\n <PlMaskIcon24 v-if=\"loading\" name=\"loading\" :size=\"size\" />\n <PlMaskIcon24 v-else-if=\"icon\" :name=\"icon\" :size=\"size\" />\n </slot>\n <slot name=\"append\" />\n </button>\n</template>\n"],"mappings":""}

package/dist/components/PlBtnGhost/PlBtnGhost.vue2.js CHANGED Viewed

@@ -1,5 +1,53 @@
-import f from "./PlBtnGhost.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=PlBtnGhost.vue2.js.map
+import e from "../PlIcon24/PlIcon24.js";
+import { useRipple as t } from "../../composition/useRipple.js";
+import './pl-btn-ghost.css';/* empty css             */
+import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, defineComponent as o, mergeProps as s, openBlock as c, ref as l, renderSlot as u, unref as d, useSlots as f } from "vue";
+var p = { key: 0 }, m = /* @__PURE__ */ o({
+	name: "PlBtnGhost",
+	props: {
+		loading: { type: Boolean },
+		size: { default: void 0 },
+		round: { type: Boolean },
+		icon: { default: void 0 },
+		reverse: { type: Boolean },
+		justifyCenter: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(o) {
+		let m = o, h = n(() => m.size === "small"), g = n(() => m.size === "large"), _ = l(), v = f();
+		return t(_), (t, n) => (c(), a("button", s({
+			ref_key: "btnRef",
+			ref: _,
+			tabindex: "0",
+			class: ["pl-btn-ghost", {
+				loading: o.loading,
+				small: h.value,
+				large: g.value,
+				round: o.round,
+				reverse: o.reverse,
+				justifyCenter: o.justifyCenter,
+				[t.$attrs.class + ""]: !0
+			}]
+		}, {
+			...t.$attrs,
+			disabled: !!t.$attrs.disabled || o.loading
+		}), [
+			d(v).default && !o.round ? (c(), a("span", p, [u(t.$slots, "default")])) : i("", !0),
+			u(t.$slots, "icon", {}, () => [o.loading ? (c(), r(d(e), {
+				key: 0,
+				name: "loading",
+				size: o.size
+			}, null, 8, ["size"])) : o.icon ? (c(), r(d(e), {
+				key: 1,
+				name: o.icon,
+				size: o.size
+			}, null, 8, ["name", "size"])) : i("", !0)]),
+			u(t.$slots, "append")
+		], 16));
+	}
+});
+export { m as default };
+//# sourceMappingURL=PlBtnGhost.vue2.js.map

package/dist/components/PlBtnGhost/PlBtnGhost.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlBtnGhost.~~vue2~~.js","sources":[],"sourcesContent":[],"~~names~~":[],"mappings":";"}
1	+ {"version":3,"file":"PlBtnGhost.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../../src/components/PlBtnGhost/PlBtnGhost.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Ghost button\n /\nexport default {\n name: \"PlBtnGhost\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport \"./pl-btn-ghost.scss\";\nimport type { MaskIconName24, Size } from \"../../types\";\nimport { PlMaskIcon24 } from \"../PlMaskIcon24\";\nimport { computed, ref, useSlots } from \"vue\";\nimport { useRipple } from \"../../composition/useRipple\";\n\nconst props = withDefaults(\n defineProps<{\n /\n If `true,` the button is disabled, cannot be interacted with, and shows a special 'loading' icon.\n /\n loading?: boolean;\n /\n Size of the button, the default value is 'medium'\n /\n size?: Size;\n /\n If `true` the shape is round.\n /\n round?: boolean;\n /\n Icon to display\n /\n icon?: MaskIconName24;\n /\n If `true`, an icon is displayed before the text.\n /\n reverse?: boolean;\n /\n Justify text at the center (is `false` by default)\n */\n justifyCenter?: boolean;\n }>(),\n {\n size: undefined,\n icon: undefined,\n justifyCenter: false,\n },\n);\n\nconst small = computed(() => props.size === \"small\");\nconst large = computed(() => props.size === \"large\");\n\nconst btnRef = ref();\n\nconst slots = useSlots();\n\nuseRipple(btnRef);\n</script>\n\n<template>\n <button\n ref=\"btnRef\"\n tabindex=\"0\"\n class=\"pl-btn-ghost\"\n :class=\"{ loading, small, large, round, reverse, justifyCenter, [$attrs.class + '']: true }\"\n v-bind=\"{ ...$attrs, disabled: Boolean($attrs.disabled) \|\| loading }\"\n >\n <span v-if=\"slots.default && !round\">\n <slot />\n </span>\n <slot name=\"icon\">\n <PlMaskIcon24 v-if=\"loading\" name=\"loading\" :size=\"size\" />\n <PlMaskIcon24 v-else-if=\"icon\" :name=\"icon\" :size=\"size\" />\n </slot>\n <slot name=\"append\" />\n </button>\n</template>\n"],"mappings":";;;;;CAKE,MAAM;;;;;;;;;;;;;EAWR,IAAM,IAAQ,GAkCR,IAAQ,QAAe,EAAM,SAAS,QAAQ,EAC9C,IAAQ,QAAe,EAAM,SAAS,QAAQ,EAE9C,IAAS,GAAK,EAEd,IAAQ,GAAU;SAExB,EAAU,EAAO,kBAIf,EAeS,UAfT,EAeS;YAdH;GAAJ,KAAI;GACJ,UAAS;GACT,OAAK,CAAC,gBAAc;IAAA,SACV,EAAA;IAAO,OAAE,EAAA;IAAK,OAAE,EAAA;IAAK,OAAE,EAAA;IAAK,SAAE,EAAA;IAAO,eAAE,EAAA;KAAgBA,EAAAA,OAAO,QAAK,KAAA;IAAA,CAAA;;MAChEA,EAAAA;GAAM,UAAY,EAAQA,EAAAA,OAAO,YAAa,EAAA;GAAO,CAAA,EAAA;GAEtD,EAAA,EAAK,CAAC,WAAO,CAAK,EAAA,SAAA,GAAA,EAA9B,EAEO,QAAA,GAAA,CADL,EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA;GAEV,EAGO,EAAA,QAAA,QAAA,EAAA,QAAA,CAFe,EAAA,WAAA,GAAA,EAApB,EAA2D,EAAA,EAAA,EAAA;;IAA9B,MAAK;IAAW,MAAM,EAAA;4BAC1B,EAAA,QAAA,GAAA,EAAzB,EAA2D,EAAA,EAAA,EAAA;;IAA3B,MAAM,EAAA;IAAO,MAAM,EAAA;;GAErD,EAAsB,EAAA,QAAA,SAAA"}

package/dist/components/PlBtnGhost/pl-btn-ghost.css CHANGED Viewed

	@@ -1 +1 @@
1	- .pl-btn-ghost{--font-size: 14px;--border-radius: 6px;--button-height: 40px;--focus-shadow: 0 0 0 0 transparent;--btn-disabled-bg: var(--color-dis-01);--color-text: var(--txt-00);--shape-shadow: 0 0 0 0 transparent;--append-shadow: 0 0 0 0 transparent;--drop-shadow: 0 0 0 0 transparent;--active-shadow: 0 0 0 0 transparent;--main-padding: 0 12px;text-transform:capitalize;~~position:relative;overflow:hidden;display:flex;flex-direction:row;justify-content:space-between;align-items:center;~~white-space:nowrap;~~gap:8px;~~padding:var(--main-padding);color:var(--color-text);font-weight:600;font-size:var(--font-size);font-family:var(--font-family-base);~~line-~~height:~~16px;height:~~var(--button-height);min-height:var(--button-height);border-radius:var(--border-radius)~~;outline:none~~;-webkit-user-select:none;user-select:none;~~transition:~~box-shadow ~~.05s ease-in-out;box-shadow~~:var(--focus-shadow),var(--append-shadow),var(--shape-shadow),var(--active-shadow),var(--drop-shadow)}.pl-btn-ghost.justifyCenter{justify-content:center}.pl-btn-ghost.round{~~border-radius:50%;~~width:var(--button-height);min-width:var(--button-height);~~padding~~:0;justify-content:center}.pl-btn-ghost.small{--button-height: 32px;--main-padding: 0 8px}.pl-btn-ghost.medium{--main-padding: 0 16px}.pl-btn-ghost.large{--button-height: 56px;--border-radius: 8px;--font-size: 16px;--main-padding: 0 18px}.pl-btn-ghost.large .mask{--mask-size: 24px}.pl-btn-ghost:disabled{--color-text: var(--dis-00);--icon-color: var(--dis-00)}.pl-btn-ghost:disabled *{color:var(--color-text)}.pl-btn-ghost:not([disabled]){cursor:pointer}.pl-btn-ghost:not([disabled]).hover~~{background:var(--color-btn-hover)}.~~pl-btn-ghost:not([disabled]):hover{background:var(--color-btn-hover)}.pl-btn-ghost:focus-visible{--focus-shadow: inset 0 0 0 2px var(--border-color-focus)}.pl-btn-ghost .icon{~~display:block;~~width:16px;height:16px}.pl-btn-ghost.loading{box-shadow:none!important}.pl-btn-ghost.loading .mask-loading{~~display:block;~~animation:~~spin~~ 4s linear infinite}.pl-btn-ghost.reverse{flex-direction:row-reverse}.pl-btn-ghost>span{display:inline-flex}.pl-btn-ghost{--color-text: var(--txt-01);--color-btn-hover: var(--btn-sec-hover-grey);--btn-min-width: auto;~~gap:10px;background:transparent;border:none;~~width:fit-content;min-width:var(--btn-min-width)}.pl-btn-ghost:disabled{--color-text: var(--btn-disabled-bg);--icon-color: var(--dis-01);box-shadow:none!important~~;cursor:auto~~}.pl-btn-ghost.loading{--color-text: var(--btn-disabled-bg)}
1	+ .pl-btn-ghost{--font-size:14px;--border-radius:6px;--button-height:40px;--focus-shadow:0 0 0 0 transparent;--btn-disabled-bg:var(--color-dis-01);--color-text:var(--txt-00);--shape-shadow:0 0 0 0 transparent;--append-shadow:0 0 0 0 transparent;--drop-shadow:0 0 0 0 transparent;--active-shadow:0 0 0 0 transparent;--main-padding:0 12px;text-transform:capitalize;white-space:nowrap;padding:var(--main-padding);color:var(--color-text);font-weight:600;font-size:var(--font-size);font-family:var(--font-family-base);height:var(--button-height);min-height:var(--button-height);border-radius:var(--border-radius);-webkit-user-select:none;user-select:none;box-shadow:var(--focus-shadow), var(--append-shadow), var(--shape-shadow), var(--active-shadow), var(--drop-shadow);outline:none;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;line-height:16px;transition:box-shadow 50ms ease-in-out;display:flex;position:relative;overflow:hidden}.pl-btn-ghost.justifyCenter{justify-content:center}.pl-btn-ghost.round{width:var(--button-height);min-width:var(--button-height);border-radius:50%;justify-content:center;padding:0}.pl-btn-ghost.small{--button-height:32px;--main-padding:0 8px}.pl-btn-ghost.medium{--main-padding:0 16px}.pl-btn-ghost.large{--button-height:56px;--border-radius:8px;--font-size:16px;--main-padding:0 18px}.pl-btn-ghost.large .mask{--mask-size:24px}.pl-btn-ghost:disabled{--color-text:var(--dis-00);--icon-color:var(--dis-00)}.pl-btn-ghost:disabled *{color:var(--color-text)}.pl-btn-ghost:not([disabled]){cursor:pointer}.pl-btn-ghost:not([disabled]).hover,.pl-btn-ghost:not([disabled]):hover{background:var(--color-btn-hover)}.pl-btn-ghost:focus-visible{--focus-shadow:inset 0 0 0 2px var(--border-color-focus)}.pl-btn-ghost .icon{width:16px;height:16px;display:block}.pl-btn-ghost.loading{box-shadow:none!important}.pl-btn-ghost.loading .mask-loading{animation:4s linear infinite spin;display:block}.pl-btn-ghost.reverse{flex-direction:row-reverse}.pl-btn-ghost>span{display:inline-flex}.pl-btn-ghost{--color-text:var(--txt-01);--color-btn-hover:var(--btn-sec-hover-grey);--btn-min-width:auto;width:fit-content;min-width:var(--btn-min-width);background:0 0;border:none;gap:10px}.pl-btn-ghost:disabled{--color-text:var(--btn-disabled-bg);--icon-color:var(--dis-01);cursor:auto;box-shadow:none!important}.pl-btn-ghost.loading{--color-text:var(--btn-disabled-bg)}

package/dist/components/PlBtnGroup/PlBtnGroup.js ADDED Viewed

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

package/dist/components/PlBtnGroup/PlBtnGroup.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PlBtnGroup.js","names":[],"sources":["../../../src/components/PlBtnGroup/PlBtnGroup.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * A component for selecting one value from a list of options\n */\nexport default {\n name: \"PlBtnGroup\",\n};\n</script>\n\n<script lang=\"ts\" setup generic=\"M = unknown\">\nimport \"./pl-btn-group.scss\";\nimport { computed, useSlots } from \"vue\";\nimport { PlTooltip } from \"../PlTooltip\";\nimport InnerBorder from \"../../utils/InnerBorder.vue\";\nimport type { SimpleOption } from \"../../types\";\nimport { getErrorMessage } from \"../../helpers/error.ts\";\n\nconst slots = useSlots();\n\nconst emit = defineEmits<{\n /**\n * Emitted when the model value is updated.\n */\n (e: \"update:modelValue\", value: M): void;\n}>();\n\nconst emitModel = (v: M) => emit(\"update:modelValue\", v);\n\nconst props = defineProps<{\n /**\n * The current selected value.\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 * If `true`, the height of the component is 32px\n */\n compact?: boolean;\n /**\n * A helper text displayed below the component when there are no errors (optional).\n */\n helper?: string;\n /**\n * Error message displayed below the component (optional)\n */\n error?: unknown;\n}>();\n\nconst normalizedOptions = computed(() =>\n props.options.map((it) => ({\n label: \"label\" in it ? it.label : it.text,\n value: it.value,\n })),\n);\n</script>\n\n<template>\n <div class=\"pl-btn-group\" :class=\"{ disabled, compact }\">\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 <InnerBorder class=\"pl-btn-group__container\">\n <div\n v-for=\"(opt, i) in normalizedOptions\"\n :key=\"i\"\n class=\"pl-btn-group__option text-s\"\n :tabindex=\"modelValue === opt.value || disabled ? undefined : 0\"\n :class=\"{ active: modelValue === opt.value }\"\n @keydown.enter=\"emitModel(opt.value)\"\n @click=\"emitModel(opt.value)\"\n >\n {{ opt.label }}\n </div>\n </InnerBorder>\n <div v-if=\"helper\" class=\"pl-btn-group__helper\">{{ helper }}</div>\n <div v-else-if=\"error\" class=\"pl-btn-group__error\">{{ getErrorMessage(error) }}</div>\n </div>\n</template>\n"],"mappings":""}

package/dist/components/PlBtnGroup/PlBtnGroup.vue.d.ts CHANGED Viewed

@@ -41,9 +41,7 @@ declare const _default: <M = unknown>(__VLS_props: NonNullable<Awaited<typeof __
         tooltip?(_: {}): any;
     };
     emit: (e: "update:modelValue", value: M) => void;
-}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}> & {
+}>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;

package/dist/components/PlBtnGroup/PlBtnGroup.vue.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlBtnGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlBtnGroup/PlBtnGroup.vue"],"names":[],"mappings":"AAgGA,OAAO,qBAAqB,CAAC;AAI7B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAIhD;;GAEG;yBACc,CAAC,~~yBACJ~~,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,~~cAClD~~,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,~~iBAC5F~~,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;~~WA6K1D~~,mBAAmB,CAAC;;;QA9J1B;;WAEG;qBACU,CAAC;QACd;;WAEG;gBACK,MAAM;QACd;;WAEG;iBACM,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;QACpC;;WAEG;mBACQ,OAAO;QAClB;;WAEG;kBACO,OAAO;QACjB;;WAEG;iBACM,MAAM;QACf;;WAEG;gBACK,OAAO;mBAmI6E,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;yBApCkB,GAAG;;cAnI1B,mBAAmB,SAAS,CAAC,KAAG,IAAI~~;;;;YA4KE~~,OAAO,CAAC,OAAO,WAAW,CAAC~~;;AAvLvE~~,wBAuL4E;AAG5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
1	+ {"version":3,"file":"PlBtnGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlBtnGroup/PlBtnGroup.vue"],"names":[],"mappings":"AAgGA,OAAO,qBAAqB,CAAC;AAI7B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAIhD;;GAEG;yBACc,CAAC,GAAG,OAAO,EAC3B,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,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA4KO,mBAAmB,CAAC;;;QA9J1B;;WAEG;qBACU,CAAC;QACd;;WAEG;gBACK,MAAM;QACd;;WAEG;iBACM,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;QACpC;;WAEG;mBACQ,OAAO;QAClB;;WAEG;kBACO,OAAO;QACjB;;WAEG;iBACM,MAAM;QACf;;WAEG;gBACK,OAAO;mBAmI6E,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;yBApCkB,GAAG;;cAnI1B,mBAAmB,SAAS,CAAC,KAAG,IAAI;EA2KtC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAvLzE,wBAuL4E;AAG5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}