npm - @milaboratories/uikit - Versions diffs - 2.6.0 → 2.6.2 - Mend

@milaboratories/uikit 2.6.0 → 2.6.2

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 (65) hide show

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

@@ -1,5 +1,5 @@
 import d from "../../_virtual/dynamic-import-helper.js";
-import { defineComponent as u, computed as e, createElementBlock as h, openBlock as f, normalizeClass as b, normalizeStyle as y, createElementVNode as w } from "vue";
+import { defineComponent as u, computed as n, createElementBlock as f, openBlock as h, normalizeClass as b, normalizeStyle as y, createElementVNode as w } from "vue";
 import { computedAsync as x } from "@vueuse/core";
 import { registerSvg as k } from "./registry.js";
 const z = ["href"], A = /* @__PURE__ */ u({
@@ -16,26 +16,30 @@ const z = ["href"], A = /* @__PURE__ */ u({
     const i = r, a = x(async () => {
       if (typeof i.uri == "string") return Promise.resolve(i.uri);
       if (typeof i.name == "string") return d(/* @__PURE__ */ Object.assign({ "../../assets/icons/icon-assets-min/16_add.svg": () => import("../../assets/icons/icon-assets-min/16_add.svg.js"), "../../assets/icons/icon-assets-min/16_arrow-down.svg": () => import("../../assets/icons/icon-assets-min/16_arrow-down.svg.js"), "../../assets/icons/icon-assets-min/16_arrow-left.svg": () => import("../../assets/icons/icon-assets-min/16_arrow-left.svg.js"), "../../assets/icons/icon-assets-min/16_arrow-link.svg": () => import("../../assets/icons/icon-assets-min/16_arrow-link.svg.js"), "../../assets/icons/icon-assets-min/16_arrow-right.svg": () => import("../../assets/icons/icon-assets-min/16_arrow-right.svg.js"), "../../assets/icons/icon-assets-min/16_arrow-up.svg": () => import("../../assets/icons/icon-assets-min/16_arrow-up.svg.js"), "../../assets/icons/icon-assets-min/16_box.svg": () => import("../../assets/icons/icon-assets-min/16_box.svg.js"), "../../assets/icons/icon-assets-min/16_calendar.svg": () => import("../../assets/icons/icon-assets-min/16_calendar.svg.js"), "../../assets/icons/icon-assets-min/16_caret-down.svg": () => import("../../assets/icons/icon-assets-min/16_caret-down.svg.js"), "../../assets/icons/icon-assets-min/16_caret-left.svg": () => import("../../assets/icons/icon-assets-min/16_caret-left.svg.js"), "../../assets/icons/icon-assets-min/16_caret-right.svg": () => import("../../assets/icons/icon-assets-min/16_caret-right.svg.js"), "../../assets/icons/icon-assets-min/16_caret-up.svg": () => import("../../assets/icons/icon-assets-min/16_caret-up.svg.js"), "../../assets/icons/icon-assets-min/16_cell-type-num.svg": () => import("../../assets/icons/icon-assets-min/16_cell-type-num.svg.js"), "../../assets/icons/icon-assets-min/16_cell-type-subset.svg": () => import("../../assets/icons/icon-assets-min/16_cell-type-subset.svg.js"), "../../assets/icons/icon-assets-min/16_cell-type-txt.svg": () => import("../../assets/icons/icon-assets-min/16_cell-type-txt.svg.js"), "../../assets/icons/icon-assets-min/16_checkmark.svg": () => import("../../assets/icons/icon-assets-min/16_checkmark.svg.js"), "../../assets/icons/icon-assets-min/16_chevron-down.svg": () => import("../../assets/icons/icon-assets-min/16_chevron-down.svg.js"), "../../assets/icons/icon-assets-min/16_chevron-first.svg": () => import("../../assets/icons/icon-assets-min/16_chevron-first.svg.js"), "../../assets/icons/icon-assets-min/16_chevron-last.svg": () => import("../../assets/icons/icon-assets-min/16_chevron-last.svg.js"), "../../assets/icons/icon-assets-min/16_chevron-left.svg": () => import("../../assets/icons/icon-assets-min/16_chevron-left.svg.js"), "../../assets/icons/icon-assets-min/16_chevron-right.svg": () => import("../../assets/icons/icon-assets-min/16_chevron-right.svg.js"), "../../assets/icons/icon-assets-min/16_chevron-up.svg": () => import("../../assets/icons/icon-assets-min/16_chevron-up.svg.js"), "../../assets/icons/icon-assets-min/16_clear.svg": () => import("../../assets/icons/icon-assets-min/16_clear.svg.js"), "../../assets/icons/icon-assets-min/16_clipboard-copied.svg": () => import("../../assets/icons/icon-assets-min/16_clipboard-copied.svg.js"), "../../assets/icons/icon-assets-min/16_clipboard.svg": () => import("../../assets/icons/icon-assets-min/16_clipboard.svg.js"), "../../assets/icons/icon-assets-min/16_close.svg": () => import("../../assets/icons/icon-assets-min/16_close.svg.js"), "../../assets/icons/icon-assets-min/16_compare.svg": () => import("../../assets/icons/icon-assets-min/16_compare.svg.js"), "../../assets/icons/icon-assets-min/16_copy.svg": () => import("../../assets/icons/icon-assets-min/16_copy.svg.js"), "../../assets/icons/icon-assets-min/16_data-dimentions.svg": () => import("../../assets/icons/icon-assets-min/16_data-dimentions.svg.js"), "../../assets/icons/icon-assets-min/16_delete-bin.svg": () => import("../../assets/icons/icon-assets-min/16_delete-bin.svg.js"), "../../assets/icons/icon-assets-min/16_delete-circle.svg": () => import("../../assets/icons/icon-assets-min/16_delete-circle.svg.js"), "../../assets/icons/icon-assets-min/16_delete-clear.svg": () => import("../../assets/icons/icon-assets-min/16_delete-clear.svg.js"), "../../assets/icons/icon-assets-min/16_download.svg": () => import("../../assets/icons/icon-assets-min/16_download.svg.js"), "../../assets/icons/icon-assets-min/16_drag-dots.svg": () => import("../../assets/icons/icon-assets-min/16_drag-dots.svg.js"), "../../assets/icons/icon-assets-min/16_duplicate.svg": () => import("../../assets/icons/icon-assets-min/16_duplicate.svg.js"), "../../assets/icons/icon-assets-min/16_edit.svg": () => import("../../assets/icons/icon-assets-min/16_edit.svg.js"), "../../assets/icons/icon-assets-min/16_error.svg": () => import("../../assets/icons/icon-assets-min/16_error.svg.js"), "../../assets/icons/icon-assets-min/16_export.svg": () => import("../../assets/icons/icon-assets-min/16_export.svg.js"), "../../assets/icons/icon-assets-min/16_filter-on.svg": () => import("../../assets/icons/icon-assets-min/16_filter-on.svg.js"), "../../assets/icons/icon-assets-min/16_filter.svg": () => import("../../assets/icons/icon-assets-min/16_filter.svg.js"), "../../assets/icons/icon-assets-min/16_help-outline.svg": () => import("../../assets/icons/icon-assets-min/16_help-outline.svg.js"), "../../assets/icons/icon-assets-min/16_help.svg": () => import("../../assets/icons/icon-assets-min/16_help.svg.js"), "../../assets/icons/icon-assets-min/16_import.svg": () => import("../../assets/icons/icon-assets-min/16_import.svg.js"), "../../assets/icons/icon-assets-min/16_info-outline.svg": () => import("../../assets/icons/icon-assets-min/16_info-outline.svg.js"), "../../assets/icons/icon-assets-min/16_info.svg": () => import("../../assets/icons/icon-assets-min/16_info.svg.js"), "../../assets/icons/icon-assets-min/16_jump-link.svg": () => import("../../assets/icons/icon-assets-min/16_jump-link.svg.js"), "../../assets/icons/icon-assets-min/16_link-arrow.svg": () => import("../../assets/icons/icon-assets-min/16_link-arrow.svg.js"), "../../assets/icons/icon-assets-min/16_link.svg": () => import("../../assets/icons/icon-assets-min/16_link.svg.js"), "../../assets/icons/icon-assets-min/16_loading.svg": () => import("../../assets/icons/icon-assets-min/16_loading.svg.js"), "../../assets/icons/icon-assets-min/16_lock.svg": () => import("../../assets/icons/icon-assets-min/16_lock.svg.js"), "../../assets/icons/icon-assets-min/16_maximize.svg": () => import("../../assets/icons/icon-assets-min/16_maximize.svg.js"), "../../assets/icons/icon-assets-min/16_minimize.svg": () => import("../../assets/icons/icon-assets-min/16_minimize.svg.js"), "../../assets/icons/icon-assets-min/16_minus.svg": () => import("../../assets/icons/icon-assets-min/16_minus.svg.js"), "../../assets/icons/icon-assets-min/16_more.svg": () => import("../../assets/icons/icon-assets-min/16_more.svg.js"), "../../assets/icons/icon-assets-min/16_open.svg": () => import("../../assets/icons/icon-assets-min/16_open.svg.js"), "../../assets/icons/icon-assets-min/16_paper-clip.svg": () => import("../../assets/icons/icon-assets-min/16_paper-clip.svg.js"), "../../assets/icons/icon-assets-min/16_pause.svg": () => import("../../assets/icons/icon-assets-min/16_pause.svg.js"), "../../assets/icons/icon-assets-min/16_play.svg": () => import("../../assets/icons/icon-assets-min/16_play.svg.js"), "../../assets/icons/icon-assets-min/16_progress.svg": () => import("../../assets/icons/icon-assets-min/16_progress.svg.js"), "../../assets/icons/icon-assets-min/16_renew.svg": () => import("../../assets/icons/icon-assets-min/16_renew.svg.js"), "../../assets/icons/icon-assets-min/16_required.svg": () => import("../../assets/icons/icon-assets-min/16_required.svg.js"), "../../assets/icons/icon-assets-min/16_restart.svg": () => import("../../assets/icons/icon-assets-min/16_restart.svg.js"), "../../assets/icons/icon-assets-min/16_reverse.svg": () => import("../../assets/icons/icon-assets-min/16_reverse.svg.js"), "../../assets/icons/icon-assets-min/16_settings.svg": () => import("../../assets/icons/icon-assets-min/16_settings.svg.js"), "../../assets/icons/icon-assets-min/16_sort.svg": () => import("../../assets/icons/icon-assets-min/16_sort.svg.js"), "../../assets/icons/icon-assets-min/16_sorter.svg": () => import("../../assets/icons/icon-assets-min/16_sorter.svg.js"), "../../assets/icons/icon-assets-min/16_stop.svg": () => import("../../assets/icons/icon-assets-min/16_stop.svg.js"), "../../assets/icons/icon-assets-min/16_success.svg": () => import("../../assets/icons/icon-assets-min/16_success.svg.js"), "../../assets/icons/icon-assets-min/16_time.svg": () => import("../../assets/icons/icon-assets-min/16_time.svg.js"), "../../assets/icons/icon-assets-min/16_tune.svg": () => import("../../assets/icons/icon-assets-min/16_tune.svg.js"), "../../assets/icons/icon-assets-min/16_warning.svg": () => import("../../assets/icons/icon-assets-min/16_warning.svg.js"), "../../assets/icons/icon-assets-min/16_x-axis.svg": () => import("../../assets/icons/icon-assets-min/16_x-axis.svg.js"), "../../assets/icons/icon-assets-min/16_y-axis.svg": () => import("../../assets/icons/icon-assets-min/16_y-axis.svg.js"), "../../assets/icons/icon-assets-min/16_zip.svg": () => import("../../assets/icons/icon-assets-min/16_zip.svg.js"), "../../assets/icons/icon-assets-min/24_add-layer.svg": () => import("../../assets/icons/icon-assets-min/24_add-layer.svg.js"), "../../assets/icons/icon-assets-min/24_add.svg": () => import("../../assets/icons/icon-assets-min/24_add.svg.js"), "../../assets/icons/icon-assets-min/24_align-center.svg": () => import("../../assets/icons/icon-assets-min/24_align-center.svg.js"), "../../assets/icons/icon-assets-min/24_align-left.svg": () => import("../../assets/icons/icon-assets-min/24_align-left.svg.js"), "../../assets/icons/icon-assets-min/24_align-right.svg": () => import("../../assets/icons/icon-assets-min/24_align-right.svg.js"), "../../assets/icons/icon-assets-min/24_analytics-accent.svg": () => import("../../assets/icons/icon-assets-min/24_analytics-accent.svg.js"), "../../assets/icons/icon-assets-min/24_analytics.svg": () => import("../../assets/icons/icon-assets-min/24_analytics.svg.js"), "../../assets/icons/icon-assets-min/24_annotate.svg": () => import("../../assets/icons/icon-assets-min/24_annotate.svg.js"), "../../assets/icons/icon-assets-min/24_annotation.svg": () => import("../../assets/icons/icon-assets-min/24_annotation.svg.js"), "../../assets/icons/icon-assets-min/24_area.svg": () => import("../../assets/icons/icon-assets-min/24_area.svg.js"), "../../assets/icons/icon-assets-min/24_arrow-down.svg": () => import("../../assets/icons/icon-assets-min/24_arrow-down.svg.js"), "../../assets/icons/icon-assets-min/24_arrow-left-curved.svg": () => import("../../assets/icons/icon-assets-min/24_arrow-left-curved.svg.js"), "../../assets/icons/icon-assets-min/24_arrow-left.svg": () => import("../../assets/icons/icon-assets-min/24_arrow-left.svg.js"), "../../assets/icons/icon-assets-min/24_arrow-link.svg": () => import("../../assets/icons/icon-assets-min/24_arrow-link.svg.js"), "../../assets/icons/icon-assets-min/24_arrow-right.svg": () => import("../../assets/icons/icon-assets-min/24_arrow-right.svg.js"), "../../assets/icons/icon-assets-min/24_arrow-up.svg": () => import("../../assets/icons/icon-assets-min/24_arrow-up.svg.js"), "../../assets/icons/icon-assets-min/24_axes.svg": () => import("../../assets/icons/icon-assets-min/24_axes.svg.js"), "../../assets/icons/icon-assets-min/24_bar-cross.svg": () => import("../../assets/icons/icon-assets-min/24_bar-cross.svg.js"), "../../assets/icons/icon-assets-min/24_bar-error.svg": () => import("../../assets/icons/icon-assets-min/24_bar-error.svg.js"), "../../assets/icons/icon-assets-min/24_bar-stacked.svg": () => import("../../assets/icons/icon-assets-min/24_bar-stacked.svg.js"), "../../assets/icons/icon-assets-min/24_bar-trend.svg": () => import("../../assets/icons/icon-assets-min/24_bar-trend.svg.js"), "../../assets/icons/icon-assets-min/24_bar.svg": () => import("../../assets/icons/icon-assets-min/24_bar.svg.js"), "../../assets/icons/icon-assets-min/24_bindot.svg": () => import("../../assets/icons/icon-assets-min/24_bindot.svg.js"), "../../assets/icons/icon-assets-min/24_box.svg": () => import("../../assets/icons/icon-assets-min/24_box.svg.js"), "../../assets/icons/icon-assets-min/24_boxplot-binned.svg": () => import("../../assets/icons/icon-assets-min/24_boxplot-binned.svg.js"), "../../assets/icons/icon-assets-min/24_boxplot-jitter.svg": () => import("../../assets/icons/icon-assets-min/24_boxplot-jitter.svg.js"), "../../assets/icons/icon-assets-min/24_boxplot-notched.svg": () => import("../../assets/icons/icon-assets-min/24_boxplot-notched.svg.js"), "../../assets/icons/icon-assets-min/24_boxplot.svg": () => import("../../assets/icons/icon-assets-min/24_boxplot.svg.js"), "../../assets/icons/icon-assets-min/24_bubble.svg": () => import("../../assets/icons/icon-assets-min/24_bubble.svg.js"), "../../assets/icons/icon-assets-min/24_calendar.svg": () => import("../../assets/icons/icon-assets-min/24_calendar.svg.js"), "../../assets/icons/icon-assets-min/24_canvas.svg": () => import("../../assets/icons/icon-assets-min/24_canvas.svg.js"), "../../assets/icons/icon-assets-min/24_cell-type-num.svg": () => import("../../assets/icons/icon-assets-min/24_cell-type-num.svg.js"), "../../assets/icons/icon-assets-min/24_cell-type-subset.svg": () => import("../../assets/icons/icon-assets-min/24_cell-type-subset.svg.js"), "../../assets/icons/icon-assets-min/24_cell-type-txt.svg": () => import("../../assets/icons/icon-assets-min/24_cell-type-txt.svg.js"), "../../assets/icons/icon-assets-min/24_checkbox-checked.svg": () => import("../../assets/icons/icon-assets-min/24_checkbox-checked.svg.js"), "../../assets/icons/icon-assets-min/24_checkbox-intermediate.svg": () => import("../../assets/icons/icon-assets-min/24_checkbox-intermediate.svg.js"), "../../assets/icons/icon-assets-min/24_checkbox.svg": () => import("../../assets/icons/icon-assets-min/24_checkbox.svg.js"), "../../assets/icons/icon-assets-min/24_checkmark.svg": () => import("../../assets/icons/icon-assets-min/24_checkmark.svg.js"), "../../assets/icons/icon-assets-min/24_chevron-down.svg": () => import("../../assets/icons/icon-assets-min/24_chevron-down.svg.js"), "../../assets/icons/icon-assets-min/24_chevron-first.svg": () => import("../../assets/icons/icon-assets-min/24_chevron-first.svg.js"), "../../assets/icons/icon-assets-min/24_chevron-last.svg": () => import("../../assets/icons/icon-assets-min/24_chevron-last.svg.js"), "../../assets/icons/icon-assets-min/24_chevron-left.svg": () => import("../../assets/icons/icon-assets-min/24_chevron-left.svg.js"), "../../assets/icons/icon-assets-min/24_chevron-right.svg": () => import("../../assets/icons/icon-assets-min/24_chevron-right.svg.js"), "../../assets/icons/icon-assets-min/24_chevron-sort.svg": () => import("../../assets/icons/icon-assets-min/24_chevron-sort.svg.js"), "../../assets/icons/icon-assets-min/24_chevron-up.svg": () => import("../../assets/icons/icon-assets-min/24_chevron-up.svg.js"), "../../assets/icons/icon-assets-min/24_clipboard-copied.svg": () => import("../../assets/icons/icon-assets-min/24_clipboard-copied.svg.js"), "../../assets/icons/icon-assets-min/24_clipboard.svg": () => import("../../assets/icons/icon-assets-min/24_clipboard.svg.js"), "../../assets/icons/icon-assets-min/24_close.svg": () => import("../../assets/icons/icon-assets-min/24_close.svg.js"), "../../assets/icons/icon-assets-min/24_cloud-download.svg": () => import("../../assets/icons/icon-assets-min/24_cloud-download.svg.js"), "../../assets/icons/icon-assets-min/24_cloud-offline.svg": () => import("../../assets/icons/icon-assets-min/24_cloud-offline.svg.js"), "../../assets/icons/icon-assets-min/24_cloud-online.svg": () => import("../../assets/icons/icon-assets-min/24_cloud-online.svg.js"), "../../assets/icons/icon-assets-min/24_cloud-upload.svg": () => import("../../assets/icons/icon-assets-min/24_cloud-upload.svg.js"), "../../assets/icons/icon-assets-min/24_cluster.svg": () => import("../../assets/icons/icon-assets-min/24_cluster.svg.js"), "../../assets/icons/icon-assets-min/24_code.svg": () => import("../../assets/icons/icon-assets-min/24_code.svg.js"), "../../assets/icons/icon-assets-min/24_color-fill.svg": () => import("../../assets/icons/icon-assets-min/24_color-fill.svg.js"), "../../assets/icons/icon-assets-min/24_color-none.svg": () => import("../../assets/icons/icon-assets-min/24_color-none.svg.js"), "../../assets/icons/icon-assets-min/24_color-stroke.svg": () => import("../../assets/icons/icon-assets-min/24_color-stroke.svg.js"), "../../assets/icons/icon-assets-min/24_color.svg": () => import("../../assets/icons/icon-assets-min/24_color.svg.js"), "../../assets/icons/icon-assets-min/24_columns.svg": () => import("../../assets/icons/icon-assets-min/24_columns.svg.js"), "../../assets/icons/icon-assets-min/24_connected-points.svg": () => import("../../assets/icons/icon-assets-min/24_connected-points.svg.js"), "../../assets/icons/icon-assets-min/24_container.svg": () => import("../../assets/icons/icon-assets-min/24_container.svg.js"), "../../assets/icons/icon-assets-min/24_cookie.svg": () => import("../../assets/icons/icon-assets-min/24_cookie.svg.js"), "../../assets/icons/icon-assets-min/24_copy.svg": () => import("../../assets/icons/icon-assets-min/24_copy.svg.js"), "../../assets/icons/icon-assets-min/24_cpu.svg": () => import("../../assets/icons/icon-assets-min/24_cpu.svg.js"), "../../assets/icons/icon-assets-min/24_cursor-pointer.svg": () => import("../../assets/icons/icon-assets-min/24_cursor-pointer.svg.js"), "../../assets/icons/icon-assets-min/24_data-dimentions.svg": () => import("../../assets/icons/icon-assets-min/24_data-dimentions.svg.js"), "../../assets/icons/icon-assets-min/24_debug.svg": () => import("../../assets/icons/icon-assets-min/24_debug.svg.js"), "../../assets/icons/icon-assets-min/24_delete-bin.svg": () => import("../../assets/icons/icon-assets-min/24_delete-bin.svg.js"), "../../assets/icons/icon-assets-min/24_delete-circle.svg": () => import("../../assets/icons/icon-assets-min/24_delete-circle.svg.js"), "../../assets/icons/icon-assets-min/24_delete-clear.svg": () => import("../../assets/icons/icon-assets-min/24_delete-clear.svg.js"), "../../assets/icons/icon-assets-min/24_dendrogram-X-line.svg": () => import("../../assets/icons/icon-assets-min/24_dendrogram-X-line.svg.js"), "../../assets/icons/icon-assets-min/24_dendrogram-X.svg": () => import("../../assets/icons/icon-assets-min/24_dendrogram-X.svg.js"), "../../assets/icons/icon-assets-min/24_dendrogram-Y-line.svg": () => import("../../assets/icons/icon-assets-min/24_dendrogram-Y-line.svg.js"), "../../assets/icons/icon-assets-min/24_dendrogram-Y.svg": () => import("../../assets/icons/icon-assets-min/24_dendrogram-Y.svg.js"), "../../assets/icons/icon-assets-min/24_dna-add.svg": () => import("../../assets/icons/icon-assets-min/24_dna-add.svg.js"), "../../assets/icons/icon-assets-min/24_dna-import.svg": () => import("../../assets/icons/icon-assets-min/24_dna-import.svg.js"), "../../assets/icons/icon-assets-min/24_dna.svg": () => import("../../assets/icons/icon-assets-min/24_dna.svg.js"), "../../assets/icons/icon-assets-min/24_download.svg": () => import("../../assets/icons/icon-assets-min/24_download.svg.js"), "../../assets/icons/icon-assets-min/24_drag-dots.svg": () => import("../../assets/icons/icon-assets-min/24_drag-dots.svg.js"), "../../assets/icons/icon-assets-min/24_drag-horizontal.svg": () => import("../../assets/icons/icon-assets-min/24_drag-horizontal.svg.js"), "../../assets/icons/icon-assets-min/24_drag-vertical.svg": () => import("../../assets/icons/icon-assets-min/24_drag-vertical.svg.js"), "../../assets/icons/icon-assets-min/24_duplicate.svg": () => import("../../assets/icons/icon-assets-min/24_duplicate.svg.js"), "../../assets/icons/icon-assets-min/24_edit.svg": () => import("../../assets/icons/icon-assets-min/24_edit.svg.js"), "../../assets/icons/icon-assets-min/24_error-bar.svg": () => import("../../assets/icons/icon-assets-min/24_error-bar.svg.js"), "../../assets/icons/icon-assets-min/24_error.svg": () => import("../../assets/icons/icon-assets-min/24_error.svg.js"), "../../assets/icons/icon-assets-min/24_expand-left.svg": () => import("../../assets/icons/icon-assets-min/24_expand-left.svg.js"), "../../assets/icons/icon-assets-min/24_expand-right.svg": () => import("../../assets/icons/icon-assets-min/24_expand-right.svg.js"), "../../assets/icons/icon-assets-min/24_export-2.svg": () => import("../../assets/icons/icon-assets-min/24_export-2.svg.js"), "../../assets/icons/icon-assets-min/24_export.svg": () => import("../../assets/icons/icon-assets-min/24_export.svg.js"), "../../assets/icons/icon-assets-min/24_external-link.svg": () => import("../../assets/icons/icon-assets-min/24_external-link.svg.js"), "../../assets/icons/icon-assets-min/24_file-doc-add.svg": () => import("../../assets/icons/icon-assets-min/24_file-doc-add.svg.js"), "../../assets/icons/icon-assets-min/24_file-doc-download.svg": () => import("../../assets/icons/icon-assets-min/24_file-doc-download.svg.js"), "../../assets/icons/icon-assets-min/24_file-doc-import.svg": () => import("../../assets/icons/icon-assets-min/24_file-doc-import.svg.js"), "../../assets/icons/icon-assets-min/24_file-doc.svg": () => import("../../assets/icons/icon-assets-min/24_file-doc.svg.js"), "../../assets/icons/icon-assets-min/24_file-logs-accent.svg": () => import("../../assets/icons/icon-assets-min/24_file-logs-accent.svg.js"), "../../assets/icons/icon-assets-min/24_file-logs.svg": () => import("../../assets/icons/icon-assets-min/24_file-logs.svg.js"), "../../assets/icons/icon-assets-min/24_files-export.svg": () => import("../../assets/icons/icon-assets-min/24_files-export.svg.js"), "../../assets/icons/icon-assets-min/24_files-import.svg": () => import("../../assets/icons/icon-assets-min/24_files-import.svg.js"), "../../assets/icons/icon-assets-min/24_filter-on.svg": () => import("../../assets/icons/icon-assets-min/24_filter-on.svg.js"), "../../assets/icons/icon-assets-min/24_filter.svg": () => import("../../assets/icons/icon-assets-min/24_filter.svg.js"), "../../assets/icons/icon-assets-min/24_fire-tips.svg": () => import("../../assets/icons/icon-assets-min/24_fire-tips.svg.js"), "../../assets/icons/icon-assets-min/24_folder-parent.svg": () => import("../../assets/icons/icon-assets-min/24_folder-parent.svg.js"), "../../assets/icons/icon-assets-min/24_frame-type-all.svg": () => import("../../assets/icons/icon-assets-min/24_frame-type-all.svg.js"), "../../assets/icons/icon-assets-min/24_frame-type-bottom.svg": () => import("../../assets/icons/icon-assets-min/24_frame-type-bottom.svg.js"), "../../assets/icons/icon-assets-min/24_frame-type-left-bottom.svg": () => import("../../assets/icons/icon-assets-min/24_frame-type-left-bottom.svg.js"), "../../assets/icons/icon-assets-min/24_frame-type-left.svg": () => import("../../assets/icons/icon-assets-min/24_frame-type-left.svg.js"), "../../assets/icons/icon-assets-min/24_frame-type-none.svg": () => import("../../assets/icons/icon-assets-min/24_frame-type-none.svg.js"), "../../assets/icons/icon-assets-min/24_generate.svg": () => import("../../assets/icons/icon-assets-min/24_generate.svg.js"), "../../assets/icons/icon-assets-min/24_graph.svg": () => import("../../assets/icons/icon-assets-min/24_graph.svg.js"), "../../assets/icons/icon-assets-min/24_heatmap.svg": () => import("../../assets/icons/icon-assets-min/24_heatmap.svg.js"), "../../assets/icons/icon-assets-min/24_help-outline.svg": () => import("../../assets/icons/icon-assets-min/24_help-outline.svg.js"), "../../assets/icons/icon-assets-min/24_help.svg": () => import("../../assets/icons/icon-assets-min/24_help.svg.js"), "../../assets/icons/icon-assets-min/24_hide.svg": () => import("../../assets/icons/icon-assets-min/24_hide.svg.js"), "../../assets/icons/icon-assets-min/24_import.svg": () => import("../../assets/icons/icon-assets-min/24_import.svg.js"), "../../assets/icons/icon-assets-min/24_info-outline.svg": () => import("../../assets/icons/icon-assets-min/24_info-outline.svg.js"), "../../assets/icons/icon-assets-min/24_info.svg": () => import("../../assets/icons/icon-assets-min/24_info.svg.js"), "../../assets/icons/icon-assets-min/24_jitter.svg": () => import("../../assets/icons/icon-assets-min/24_jitter.svg.js"), "../../assets/icons/icon-assets-min/24_jump-link.svg": () => import("../../assets/icons/icon-assets-min/24_jump-link.svg.js"), "../../assets/icons/icon-assets-min/24_lasso.svg": () => import("../../assets/icons/icon-assets-min/24_lasso.svg.js"), "../../assets/icons/icon-assets-min/24_layers.svg": () => import("../../assets/icons/icon-assets-min/24_layers.svg.js"), "../../assets/icons/icon-assets-min/24_learn.svg": () => import("../../assets/icons/icon-assets-min/24_learn.svg.js"), "../../assets/icons/icon-assets-min/24_legend-box-dot.svg": () => import("../../assets/icons/icon-assets-min/24_legend-box-dot.svg.js"), "../../assets/icons/icon-assets-min/24_legend-box.svg": () => import("../../assets/icons/icon-assets-min/24_legend-box.svg.js"), "../../assets/icons/icon-assets-min/24_legend.svg": () => import("../../assets/icons/icon-assets-min/24_legend.svg.js"), "../../assets/icons/icon-assets-min/24_line-binned.svg": () => import("../../assets/icons/icon-assets-min/24_line-binned.svg.js"), "../../assets/icons/icon-assets-min/24_line-error.svg": () => import("../../assets/icons/icon-assets-min/24_line-error.svg.js"), "../../assets/icons/icon-assets-min/24_line-jitter.svg": () => import("../../assets/icons/icon-assets-min/24_line-jitter.svg.js"), "../../assets/icons/icon-assets-min/24_line.svg": () => import("../../assets/icons/icon-assets-min/24_line.svg.js"), "../../assets/icons/icon-assets-min/24_linetype-dashed.svg": () => import("../../assets/icons/icon-assets-min/24_linetype-dashed.svg.js"), "../../assets/icons/icon-assets-min/24_linetype-dotdash.svg": () => import("../../assets/icons/icon-assets-min/24_linetype-dotdash.svg.js"), "../../assets/icons/icon-assets-min/24_linetype-dotted.svg": () => import("../../assets/icons/icon-assets-min/24_linetype-dotted.svg.js"), "../../assets/icons/icon-assets-min/24_linetype-longdash.svg": () => import("../../assets/icons/icon-assets-min/24_linetype-longdash.svg.js"), "../../assets/icons/icon-assets-min/24_linetype-solid.svg": () => import("../../assets/icons/icon-assets-min/24_linetype-solid.svg.js"), "../../assets/icons/icon-assets-min/24_linetype-twodash.svg": () => import("../../assets/icons/icon-assets-min/24_linetype-twodash.svg.js"), "../../assets/icons/icon-assets-min/24_link-disabled.svg": () => import("../../assets/icons/icon-assets-min/24_link-disabled.svg.js"), "../../assets/icons/icon-assets-min/24_link.svg": () => import("../../assets/icons/icon-assets-min/24_link.svg.js"), "../../assets/icons/icon-assets-min/24_loading.svg": () => import("../../assets/icons/icon-assets-min/24_loading.svg.js"), "../../assets/icons/icon-assets-min/24_lock.svg": () => import("../../assets/icons/icon-assets-min/24_lock.svg.js"), "../../assets/icons/icon-assets-min/24_maximize.svg": () => import("../../assets/icons/icon-assets-min/24_maximize.svg.js"), "../../assets/icons/icon-assets-min/24_menu.svg": () => import("../../assets/icons/icon-assets-min/24_menu.svg.js"), "../../assets/icons/icon-assets-min/24_minimize.svg": () => import("../../assets/icons/icon-assets-min/24_minimize.svg.js"), "../../assets/icons/icon-assets-min/24_minus.svg": () => import("../../assets/icons/icon-assets-min/24_minus.svg.js"), "../../assets/icons/icon-assets-min/24_monetization-off.svg": () => import("../../assets/icons/icon-assets-min/24_monetization-off.svg.js"), "../../assets/icons/icon-assets-min/24_monetization-on.svg": () => import("../../assets/icons/icon-assets-min/24_monetization-on.svg.js"), "../../assets/icons/icon-assets-min/24_monetization.svg": () => import("../../assets/icons/icon-assets-min/24_monetization.svg.js"), "../../assets/icons/icon-assets-min/24_more.svg": () => import("../../assets/icons/icon-assets-min/24_more.svg.js"), "../../assets/icons/icon-assets-min/24_paper-clip.svg": () => import("../../assets/icons/icon-assets-min/24_paper-clip.svg.js"), "../../assets/icons/icon-assets-min/24_pause.svg": () => import("../../assets/icons/icon-assets-min/24_pause.svg.js"), "../../assets/icons/icon-assets-min/24_pen-tool.svg": () => import("../../assets/icons/icon-assets-min/24_pen-tool.svg.js"), "../../assets/icons/icon-assets-min/24_pin.svg": () => import("../../assets/icons/icon-assets-min/24_pin.svg.js"), "../../assets/icons/icon-assets-min/24_play.svg": () => import("../../assets/icons/icon-assets-min/24_play.svg.js"), "../../assets/icons/icon-assets-min/24_position-bottom-annotation.svg": () => import("../../assets/icons/icon-assets-min/24_position-bottom-annotation.svg.js"), "../../assets/icons/icon-assets-min/24_position-bottom.svg": () => import("../../assets/icons/icon-assets-min/24_position-bottom.svg.js"), "../../assets/icons/icon-assets-min/24_position-left-annotation.svg": () => import("../../assets/icons/icon-assets-min/24_position-left-annotation.svg.js"), "../../assets/icons/icon-assets-min/24_position-left.svg": () => import("../../assets/icons/icon-assets-min/24_position-left.svg.js"), "../../assets/icons/icon-assets-min/24_position-right-annotation.svg": () => import("../../assets/icons/icon-assets-min/24_position-right-annotation.svg.js"), "../../assets/icons/icon-assets-min/24_position-right.svg": () => import("../../assets/icons/icon-assets-min/24_position-right.svg.js"), "../../assets/icons/icon-assets-min/24_position-top-annotation.svg": () => import("../../assets/icons/icon-assets-min/24_position-top-annotation.svg.js"), "../../assets/icons/icon-assets-min/24_position-top.svg": () => import("../../assets/icons/icon-assets-min/24_position-top.svg.js"), "../../assets/icons/icon-assets-min/24_product.svg": () => import("../../assets/icons/icon-assets-min/24_product.svg.js"), "../../assets/icons/icon-assets-min/24_progress.svg": () => import("../../assets/icons/icon-assets-min/24_progress.svg.js"), "../../assets/icons/icon-assets-min/24_publications.svg": () => import("../../assets/icons/icon-assets-min/24_publications.svg.js"), "../../assets/icons/icon-assets-min/24_radio-button-checked.svg": () => import("../../assets/icons/icon-assets-min/24_radio-button-checked.svg.js"), "../../assets/icons/icon-assets-min/24_radio-button.svg": () => import("../../assets/icons/icon-assets-min/24_radio-button.svg.js"), "../../assets/icons/icon-assets-min/24_renew.svg": () => import("../../assets/icons/icon-assets-min/24_renew.svg.js"), "../../assets/icons/icon-assets-min/24_restart.svg": () => import("../../assets/icons/icon-assets-min/24_restart.svg.js"), "../../assets/icons/icon-assets-min/24_reverse.svg": () => import("../../assets/icons/icon-assets-min/24_reverse.svg.js"), "../../assets/icons/icon-assets-min/24_rotation-0.svg": () => import("../../assets/icons/icon-assets-min/24_rotation-0.svg.js"), "../../assets/icons/icon-assets-min/24_rotation-45.svg": () => import("../../assets/icons/icon-assets-min/24_rotation-45.svg.js"), "../../assets/icons/icon-assets-min/24_rotation-90.svg": () => import("../../assets/icons/icon-assets-min/24_rotation-90.svg.js"), "../../assets/icons/icon-assets-min/24_search.svg": () => import("../../assets/icons/icon-assets-min/24_search.svg.js"), "../../assets/icons/icon-assets-min/24_server-on.svg": () => import("../../assets/icons/icon-assets-min/24_server-on.svg.js"), "../../assets/icons/icon-assets-min/24_server.svg": () => import("../../assets/icons/icon-assets-min/24_server.svg.js"), "../../assets/icons/icon-assets-min/24_settings.svg": () => import("../../assets/icons/icon-assets-min/24_settings.svg.js"), "../../assets/icons/icon-assets-min/24_show.svg": () => import("../../assets/icons/icon-assets-min/24_show.svg.js"), "../../assets/icons/icon-assets-min/24_sina.svg": () => import("../../assets/icons/icon-assets-min/24_sina.svg.js"), "../../assets/icons/icon-assets-min/24_skatterplot.svg": () => import("../../assets/icons/icon-assets-min/24_skatterplot.svg.js"), "../../assets/icons/icon-assets-min/24_slice.svg": () => import("../../assets/icons/icon-assets-min/24_slice.svg.js"), "../../assets/icons/icon-assets-min/24_social-github.svg": () => import("../../assets/icons/icon-assets-min/24_social-github.svg.js"), "../../assets/icons/icon-assets-min/24_social-linkedin.svg": () => import("../../assets/icons/icon-assets-min/24_social-linkedin.svg.js"), "../../assets/icons/icon-assets-min/24_social-twitter-X.svg": () => import("../../assets/icons/icon-assets-min/24_social-twitter-X.svg.js"), "../../assets/icons/icon-assets-min/24_social-twitter-bird.svg": () => import("../../assets/icons/icon-assets-min/24_social-twitter-bird.svg.js"), "../../assets/icons/icon-assets-min/24_social-youtube.svg": () => import("../../assets/icons/icon-assets-min/24_social-youtube.svg.js"), "../../assets/icons/icon-assets-min/24_sort-list-down.svg": () => import("../../assets/icons/icon-assets-min/24_sort-list-down.svg.js"), "../../assets/icons/icon-assets-min/24_sort-list-up.svg": () => import("../../assets/icons/icon-assets-min/24_sort-list-up.svg.js"), "../../assets/icons/icon-assets-min/24_sort.svg": () => import("../../assets/icons/icon-assets-min/24_sort.svg.js"), "../../assets/icons/icon-assets-min/24_statistics.svg": () => import("../../assets/icons/icon-assets-min/24_statistics.svg.js"), "../../assets/icons/icon-assets-min/24_stop.svg": () => import("../../assets/icons/icon-assets-min/24_stop.svg.js"), "../../assets/icons/icon-assets-min/24_strip-plot.svg": () => import("../../assets/icons/icon-assets-min/24_strip-plot.svg.js"), "../../assets/icons/icon-assets-min/24_success.svg": () => import("../../assets/icons/icon-assets-min/24_success.svg.js"), "../../assets/icons/icon-assets-min/24_table-add.svg": () => import("../../assets/icons/icon-assets-min/24_table-add.svg.js"), "../../assets/icons/icon-assets-min/24_table-alias.svg": () => import("../../assets/icons/icon-assets-min/24_table-alias.svg.js"), "../../assets/icons/icon-assets-min/24_table-import.svg": () => import("../../assets/icons/icon-assets-min/24_table-import.svg.js"), "../../assets/icons/icon-assets-min/24_table-upload.svg": () => import("../../assets/icons/icon-assets-min/24_table-upload.svg.js"), "../../assets/icons/icon-assets-min/24_table.svg": () => import("../../assets/icons/icon-assets-min/24_table.svg.js"), "../../assets/icons/icon-assets-min/24_template.svg": () => import("../../assets/icons/icon-assets-min/24_template.svg.js"), "../../assets/icons/icon-assets-min/24_terminal.svg": () => import("../../assets/icons/icon-assets-min/24_terminal.svg.js"), "../../assets/icons/icon-assets-min/24_text-align-center.svg": () => import("../../assets/icons/icon-assets-min/24_text-align-center.svg.js"), "../../assets/icons/icon-assets-min/24_text-align-left.svg": () => import("../../assets/icons/icon-assets-min/24_text-align-left.svg.js"), "../../assets/icons/icon-assets-min/24_text-align-right.svg": () => import("../../assets/icons/icon-assets-min/24_text-align-right.svg.js"), "../../assets/icons/icon-assets-min/24_theme-dark.svg": () => import("../../assets/icons/icon-assets-min/24_theme-dark.svg.js"), "../../assets/icons/icon-assets-min/24_theme-light.svg": () => import("../../assets/icons/icon-assets-min/24_theme-light.svg.js"), "../../assets/icons/icon-assets-min/24_time.svg": () => import("../../assets/icons/icon-assets-min/24_time.svg.js"), "../../assets/icons/icon-assets-min/24_title-position.svg": () => import("../../assets/icons/icon-assets-min/24_title-position.svg.js"), "../../assets/icons/icon-assets-min/24_tune.svg": () => import("../../assets/icons/icon-assets-min/24_tune.svg.js"), "../../assets/icons/icon-assets-min/24_venn.svg": () => import("../../assets/icons/icon-assets-min/24_venn.svg.js"), "../../assets/icons/icon-assets-min/24_view-hide.svg": () => import("../../assets/icons/icon-assets-min/24_view-hide.svg.js"), "../../assets/icons/icon-assets-min/24_view-show.svg": () => import("../../assets/icons/icon-assets-min/24_view-show.svg.js"), "../../assets/icons/icon-assets-min/24_violin-binned.svg": () => import("../../assets/icons/icon-assets-min/24_violin-binned.svg.js"), "../../assets/icons/icon-assets-min/24_violin-jitter.svg": () => import("../../assets/icons/icon-assets-min/24_violin-jitter.svg.js"), "../../assets/icons/icon-assets-min/24_violin.svg": () => import("../../assets/icons/icon-assets-min/24_violin.svg.js"), "../../assets/icons/icon-assets-min/24_warning.svg": () => import("../../assets/icons/icon-assets-min/24_warning.svg.js"), "../../assets/icons/icon-assets-min/24_wetlab.svg": () => import("../../assets/icons/icon-assets-min/24_wetlab.svg.js"), "../../assets/icons/icon-assets-min/24_windows-collapse.svg": () => import("../../assets/icons/icon-assets-min/24_windows-collapse.svg.js"), "../../assets/icons/icon-assets-min/24_windows-expand.svg": () => import("../../assets/icons/icon-assets-min/24_windows-expand.svg.js"), "../../assets/icons/icon-assets-min/24_x-axis.svg": () => import("../../assets/icons/icon-assets-min/24_x-axis.svg.js"), "../../assets/icons/icon-assets-min/24_y-axis.svg": () => import("../../assets/icons/icon-assets-min/24_y-axis.svg.js"), "../../assets/icons/icon-assets-min/24_zip.svg": () => import("../../assets/icons/icon-assets-min/24_zip.svg.js"), "../../assets/icons/icon-assets-min/24_zoom-in.svg": () => import("../../assets/icons/icon-assets-min/24_zoom-in.svg.js"), "../../assets/icons/icon-assets-min/24_zoom-out.svg": () => import("../../assets/icons/icon-assets-min/24_zoom-out.svg.js") }), `../../assets/icons/icon-assets-min/${i.name}.svg`, 6).then((s) => s.default);
-    }), o = e(() => a.value == null ? void 0 : k(a.value, i.name)), p = e(
-      () => o.value == null ? void 0 : `--svg-width: ${c(i.width, o.value.defaultWidth)}; --svg-height: ${c(i.height, o.value.defaultHeight)};`
-    ), g = e(() => m("fill", i.color)), v = e(() => m("stroke", i.stroke));
-    function c(s, t) {
-      return s != null ? typeof s == "string" ? s : `${s}px` : `${t}px`;
-    }
+    }), e = n(() => a.value == null ? void 0 : k(a.value, i.name)), c = (s) => {
+      if (typeof s == "number") return `${s}px`;
+      if (typeof s == "string") return s;
+    }, p = n(() => {
+      var s, t;
+      return {
+        "--svg-width": c(i.width ?? ((s = e.value) == null ? void 0 : s.defaultWidth)),
+        "--svg-height": c(i.height ?? ((t = e.value) == null ? void 0 : t.defaultHeight))
+      };
+    }), g = n(() => m("fill", i.color)), v = n(() => m("stroke", i.stroke));
     function m(s, t) {
       if (Array.isArray(t))
-        return t.reduce((n, _, l) => n + `--svg-${s}-${l}: ${_};`, "");
+        return t.reduce((o, _, l) => o + `--svg-${s}-${l}: ${_};`, "");
       if (typeof t == "string" && t.length > 0)
         return `--svg-${s}-0: ${t};`;
     }
     return (s, t) => {
-      var n;
-      return f(), h("svg", {
+      var o;
+      return h(), f("svg", {
         style: y([p.value, g.value, v.value]),
         class: b(s.$style.svg)
       }, [
         w("use", {
-          href: `#${(n = o.value) == null ? void 0 : n.spriteId}`
+          href: `#${(o = e.value) == null ? void 0 : o.spriteId}`
         }, null, 8, z)
       ], 6);
     };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlSvg.vue2.js","sources":["../../../src/components/PlSvg/PlSvg.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport { computedAsync } from '@vueuse/core';\nimport { registerSvg } from './registry.ts';\nimport type { MaskIconName16, MaskIconName24 } from '../../types';\n\nconst props = defineProps<{\n uri?: string;\n name?: `16_${MaskIconName16}` \| `24_${MaskIconName24}`;\n width?: number \| string;\n height?: number \| string;\n color?: string \| string[];\n stroke?: string \| string[];\n}>();\n\nconst uri = computedAsync(async () => {\n if (typeof props.uri === 'string') return Promise.resolve(props.uri);\n if (typeof props.name === 'string') return import(`../../assets/icons/icon-assets-min/${props.name}.svg?raw`).then((m) => m.default);\n return undefined;\n});\nconst svgMeta = computed(() => (uri.value == null ? undefined : registerSvg(uri.value, props.name)));\nconst styleSize = computed(() =>\n svgMeta.value == null\n ? undefined\n : `--svg-width: ${getSize(props.width, svgMeta.value.defaultWidth)}; --svg-height: ${getSize(props.height, svgMeta.value.defaultHeight)};`,\n);\nconst styleColor = computed(() => getStyleColor('fill', props.color));\nconst styleStroke = computed(() => getStyleColor('stroke', props.stroke));\n\nfunction getSize(propSize: undefined \| number \| string, svgSize: number): string {\n if (propSize != null) return typeof propSize === 'string' ? propSize : `${propSize}px`;\n return `${svgSize}px`;\n}\n\nfunction getStyleColor(prop: 'fill' \| 'stroke', color: undefined \| string \| string[]): undefined \| string {\n if (Array.isArray(color)) {\n return color.reduce((acc, color, i) => acc + `--svg-${prop}-${i}: ${color};`, '');\n }\n\n if (typeof color === 'string' && color.length > 0) {\n return `--svg-${prop}-0: ${color};`;\n }\n\n return undefined;\n}\n</script>\n\n<template>\n <svg :style=\"[styleSize, styleColor, styleStroke]\" :class=\"$style.svg\">\n <use :href=\"`#${svgMeta?.spriteId}`\" />\n </svg>\n</template>\n\n<style module>\n.svg {\n --svg-width: unset;\n --svg-height: unset;\n --svg-fill-0: unset; /* can be in any quantity, depends on the icon (--svg-fill-X) /\n --svg-fill-1: unset; / can be in any quantity, depends on the icon (--svg-fill-X) /\n --svg-fill-2: unset; / can be in any quantity, depends on the icon (--svg-fill-X) /\n --svg-fill-3: unset; / can be in any quantity, depends on the icon (--svg-fill-X) /\n --svg-fill-4: unset; / can be in any quantity, depends on the icon (--svg-fill-X) /\n --svg-fill-5: unset; / can be in any quantity, depends on the icon (--svg-fill-X) /\n --svg-fill-6: unset; / can be in any quantity, depends on the icon (--svg-fill-X) /\n --svg-stroke-0: unset; / can be in any quantity, depends on the icon (--svg-stroke-X) */\n\n width: var(--svg-width);\n height: var(--svg-height);\n}\n</style>\n"],"names":["props","__props","uri","computedAsync","__variableDynamicImportRuntimeHelper","m","svgMeta","computed","registerSvg","styleSize","getSize","styleColor","getStyleColor","styleStroke","propSize","svgSize","prop","color","acc","i"],"mappings":"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"}
1	+ {"version":3,"file":"PlSvg.vue2.js","sources":["../../../src/components/PlSvg/PlSvg.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport { computedAsync } from '@vueuse/core';\nimport { registerSvg } from './registry.ts';\nimport type { MaskIconName16, MaskIconName24 } from '../../types';\n\nconst props = defineProps<{\n uri?: string;\n name?: `16_${MaskIconName16}` \| `24_${MaskIconName24}`;\n width?: number \| string;\n height?: number \| string;\n color?: string \| string[];\n stroke?: string \| string[];\n}>();\n\nconst uri = computedAsync(async () => {\n if (typeof props.uri === 'string') return Promise.resolve(props.uri);\n if (typeof props.name === 'string') return import(`../../assets/icons/icon-assets-min/${props.name}.svg?raw`).then((m) => m.default);\n return undefined;\n});\n\nconst svgMeta = computed(() => (uri.value == null ? undefined : registerSvg(uri.value, props.name)));\n\nconst toPx = (value: undefined \| number \| string) => {\n if (typeof value === 'number') return `${value}px`;\n if (typeof value === 'string') return value;\n return;\n};\n\nconst styleSize = computed(() => ({\n '--svg-width': toPx(props.width ?? svgMeta.value?.defaultWidth),\n '--svg-height': toPx(props.height ?? svgMeta.value?.defaultHeight),\n}));\n\nconst styleColor = computed(() => getStyleColor('fill', props.color));\nconst styleStroke = computed(() => getStyleColor('stroke', props.stroke));\n\nfunction getStyleColor(prop: 'fill' \| 'stroke', color: undefined \| string \| string[]): undefined \| string {\n if (Array.isArray(color)) {\n return color.reduce((acc, color, i) => acc + `--svg-${prop}-${i}: ${color};`, '');\n }\n\n if (typeof color === 'string' && color.length > 0) {\n return `--svg-${prop}-0: ${color};`;\n }\n\n return undefined;\n}\n</script>\n\n<template>\n <svg :style=\"[styleSize, styleColor, styleStroke]\" :class=\"$style.svg\">\n <use :href=\"`#${svgMeta?.spriteId}`\" />\n </svg>\n</template>\n\n<style module>\n.svg {\n --svg-width: unset;\n --svg-height: unset;\n --svg-fill-0: unset; /* can be in any quantity, depends on the icon (--svg-fill-X) /\n --svg-fill-1: unset; / can be in any quantity, depends on the icon (--svg-fill-X) /\n --svg-fill-2: unset; / can be in any quantity, depends on the icon (--svg-fill-X) /\n --svg-fill-3: unset; / can be in any quantity, depends on the icon (--svg-fill-X) /\n --svg-fill-4: unset; / can be in any quantity, depends on the icon (--svg-fill-X) /\n --svg-fill-5: unset; / can be in any quantity, depends on the icon (--svg-fill-X) /\n --svg-fill-6: unset; / can be in any quantity, depends on the icon (--svg-fill-X) /\n --svg-stroke-0: unset; / can be in any quantity, depends on the icon (--svg-stroke-X) */\n\n width: var(--svg-width);\n height: var(--svg-height);\n}\n</style>\n"],"names":["props","__props","uri","computedAsync","__variableDynamicImportRuntimeHelper","m","svgMeta","computed","registerSvg","toPx","value","styleSize","_a","_b","styleColor","getStyleColor","styleStroke","prop","color","acc","i"],"mappings":"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"}

package/dist/components/PlTextArea/PlTextArea.vue.js CHANGED Viewed

@@ -1,8 +1,10 @@
-(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode(".ui-text-area{--contour-color: var(--txt-01);--label-color: var(--txt-01);--contour-border-width: 1px;--contour-box-shadow: none;--label-offset-left-x: 8px;--label-offset-right-x: 8px;--prefix-color: var(--color-placeholder);width:100%;min-height:var(--control-height);position:relative;border-radius:var(--border-radius-control);display:flex;flex-direction:row;align-items:center;outline:none}.ui-text-area__envelope{font-family:var(--font-family-base)}.ui-text-area textarea{min-height:calc(var(--control-height) - 2px);width:100%;padding:10px 12px;border:none;font-size:inherit;background-color:transparent;color:var(--txt-01);caret-color:var(--border-color-focus);cursor:inherit;resize:none;--thumb-color: var(--ic-02);overflow-y:auto}.ui-text-area textarea::-webkit-scrollbar{width:var(--scrollbar-width, 6px);height:5px;background-color:transparent;display:block}.ui-text-area textarea::-webkit-scrollbar-thumb{background:var(--thumb-color);border-radius:5px}.ui-text-area textarea::-webkit-scrollbar-thumb:hover{--thumb-color: var(--border-color-focus)}.ui-text-area textarea:focus{outline:none}.ui-text-area textarea::placeholder{color:var(--color-placeholder)}.ui-text-area label{display:flex;align-items:center;gap:4px;position:absolute;top:0;transform:translateY(-60%);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)}.ui-text-area label>span{overflow:hidden;white-space:pre;text-overflow:ellipsis}.ui-text-area__contour{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--border-radius-control);border-width:var(--contour-border-width);border-color:var(--contour-color);border-style:solid;box-shadow:var(--contour-box-shadow);z-index:0;pointer-events:none}.ui-text-area__append{display:flex;flex-direction:row;align-items:center;gap:4px}.ui-text-area__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}.ui-text-area__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}.ui-text-area:hover{--contour-color: var(--control-hover-color)}.ui-text-area: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)}.ui-text-area:focus-within.error{--contour-border-width: 2px;--contour-box-shadow: 0 0 0 4px var(--color-error-shadow)}.ui-text-area.dashed .ui-text-area__contour{border-style:dashed}.ui-text-area.nonEmpty{--prefix-color: var(--txt-01)}.ui-text-area.error{--contour-color: var(--txt-error)}.ui-text-area.disabled{--contour-color: var(--color-dis-01);cursor:not-allowed;pointer-events:none}.ui-text-area.disabled *{color:var(--contour-color)}")),document.head.appendChild(r)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
-import { defineComponent as C, useSlots as S, ref as y, computed as l, onMounted as D, createElementBlock as a, openBlock as o, createElementVNode as s, createCommentVNode as n, normalizeClass as N, withDirectives as $, createVNode as q, createBlock as v, unref as i, toDisplayString as u, withCtx as M, renderSlot as _, vModelText as j } from "vue";
+(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode(`.ui-text-area{--contour-color: var(--txt-01);--label-color: var(--txt-01);--contour-border-width: 1px;--contour-box-shadow: none;--label-offset-left-x: 8px;--label-offset-right-x: 8px;--prefix-color: var(--color-placeholder);width:100%;min-height:var(--control-height);position:relative;border-radius:var(--border-radius-control);display:flex;flex-direction:row;align-items:center;outline:none}.ui-text-area__envelope{font-family:var(--font-family-base)}.ui-text-area textarea{min-height:calc(var(--control-height) - 2px);width:100%;padding:10px 12px;border:none;font-size:inherit;background-color:transparent;color:var(--txt-01);caret-color:var(--border-color-focus);cursor:inherit;resize:none;--thumb-color: var(--ic-02);overflow-y:auto}.ui-text-area textarea::-webkit-scrollbar{width:var(--scrollbar-width, 6px);height:5px;background-color:transparent;display:block}.ui-text-area textarea::-webkit-scrollbar-thumb{background:var(--thumb-color);border-radius:5px}.ui-text-area textarea::-webkit-scrollbar-thumb:hover{--thumb-color: var(--border-color-focus)}.ui-text-area textarea:focus{outline:none}.ui-text-area textarea::placeholder{color:var(--color-placeholder)}.ui-text-area label{display:flex;align-items:center;gap:4px;position:absolute;top:0;transform:translateY(-60%);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)}.ui-text-area label>span{overflow:hidden;white-space:pre;text-overflow:ellipsis}.ui-text-area__contour{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--border-radius-control);border-width:var(--contour-border-width);border-color:var(--contour-color);border-style:solid;box-shadow:var(--contour-box-shadow);z-index:0;pointer-events:none}.ui-text-area__append{display:flex;flex-direction:row;align-items:center;gap:4px}.ui-text-area__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}.ui-text-area__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}.ui-text-area:hover{--contour-color: var(--control-hover-color)}.ui-text-area: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)}.ui-text-area:focus-within.error{--contour-border-width: 2px;--contour-box-shadow: 0 0 0 4px var(--color-error-shadow)}.ui-text-area.dashed .ui-text-area__contour{border-style:dashed}.ui-text-area.nonEmpty{--prefix-color: var(--txt-01)}.ui-text-area.error{--contour-color: var(--txt-error)}.ui-text-area.disabled{--contour-color: var(--color-dis-01);cursor:not-allowed;pointer-events:none}.ui-text-area.disabled *{color:var(--contour-color)}
+.double-contour.top>div{border-bottom-right-radius:0;border-bottom-left-radius:0}.double-contour.bottom>div{border-top-right-radius:0;border-top-left-radius:0}.double-contour.left>div{border-top-right-radius:0;border-bottom-right-radius:0}.double-contour.right>div{border-top-left-radius:0;border-bottom-left-radius:0}.double-contour.top-left>div{border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.double-contour.top-right>div{border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:0}.double-contour.bottom-left>div{border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:0}.double-contour.bottom-right>div{border-top-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0}.double-contour.middle>div{border-radius:0}`)),document.head.appendChild(r)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
+import { defineComponent as S, useSlots as $, ref as y, computed as l, onMounted as C, createElementBlock as a, openBlock as o, createElementVNode as s, createCommentVNode as n, normalizeClass as N, withDirectives as q, createVNode as D, createBlock as _, unref as i, toDisplayString as u, withCtx as M, renderSlot as v, vModelText as j } from "vue";
 import H from "../PlTooltip/PlTooltip.vue.js";
 import P from "../../utils/DoubleContour.vue.js";
 import { useLabelNotch as T } from "../../utils/useLabelNotch.js";
 import { useValidation as z } from "../../utils/useValidation.js";
 import { getErrorMessage as A } from "../../helpers/error.js";
@@ -19,7 +21,7 @@ const R = { class: "ui-text-area__envelope" }, U = {
   class: "ui-text-area__helper"
 }, K = {
   name: "PlTextArea"
-}, te = /* @__PURE__ */ C({
+}, le = /* @__PURE__ */ S({
   ...K,
   props: {
     modelValue: {},
@@ -36,8 +38,8 @@ const R = { class: "ui-text-area__envelope" }, U = {
     rules: {}
   },
   emits: ["update:modelValue"],
-  setup(b, { emit: g }) {
-    const k = S(), V = g, r = b, p = y(), m = y(), d = l({
+  setup(g, { emit: b }) {
+    const k = $(), V = b, r = g, p = y(), m = y(), d = l({
       get() {
         return r.modelValue ?? "";
       },
@@ -55,7 +57,7 @@ const R = { class: "ui-text-area__envelope" }, U = {
       const e = m.value;
       e && (e.style.height = "auto", e.style.height = `${e.scrollHeight}px`);
     };
-    return D(() => {
+    return C(() => {
       f();
     }), (e, t) => (o(), a("div", R, [
       s("div", {
@@ -64,23 +66,23 @@ const R = { class: "ui-text-area__envelope" }, U = {
         class: N(["ui-text-area", { error: h.value, disabled: e.disabled, dashed: e.dashed, nonEmpty: w.value }])
       }, [
         e.label ? (o(), a("label", U, [
-          e.required ? (o(), v(i(I), {
+          e.required ? (o(), _(i(I), {
             key: 0,
             uri: i(L)
           }, null, 8, ["uri"])) : n("", !0),
           s("span", null, u(e.label), 1),
-          i(k).tooltip ? (o(), v(i(H), {
+          i(k).tooltip ? (o(), _(i(H), {
             key: 1,
             class: "info",
             position: "top"
           }, {
             tooltip: M(() => [
-              _(e.$slots, "tooltip")
+              v(e.$slots, "tooltip")
             ]),
             _: 3
           })) : n("", !0)
         ], 512)) : n("", !0),
-        $(s("textarea", {
+        q(s("textarea", {
           ref_key: "input",
           ref: m,
           "onUpdate:modelValue": t[0] || (t[0] = (E) => d.value = E),
@@ -94,15 +96,15 @@ const R = { class: "ui-text-area__envelope" }, U = {
           [j, d.value]
         ]),
         s("div", F, [
-          _(e.$slots, "append")
+          v(e.$slots, "append")
         ]),
-        q(P, { class: "ui-text-area__contour" })
+        D(P, { class: "ui-text-area__contour" })
       ], 2),
       h.value ? (o(), a("div", G, u(c.value.join(" ")), 1)) : e.helper ? (o(), a("div", J, u(e.helper), 1)) : n("", !0)
     ]));
   }
 });
 export {
-  te as default
+  le as default
 };
 //# sourceMappingURL=PlTextArea.vue.js.map

package/dist/components/PlTextArea/PlTextArea.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlTextArea.vue.js","sources":["../../../src/components/PlTextArea/PlTextArea.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Component for multi-line string data manipulation /\nexport default {\n name: 'PlTextArea',\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport './pl-textarea.scss';\nimport { computed, onMounted, ref, useSlots } from 'vue';\nimport { PlTooltip } from '../PlTooltip';\nimport DoubleContour from '../../utils/DoubleContour.vue';\nimport { useLabelNotch } from '../../utils/useLabelNotch';\nimport { useValidation } from '../../utils/useValidation';\nimport { getErrorMessage } from '../../helpers/error.ts';\nimport { PlSvg } from '../PlSvg';\nimport SvgRequired from '../../assets/images/required.svg?raw';\n\nconst slots = useSlots();\n\nconst emit = defineEmits<{\n /\n Emitted when the model value is updated.\n /\n (e: 'update:modelValue', value: string): void;\n}>();\n\nconst props = defineProps<{\n /\n The current value of the texarea.\n /\n modelValue?: string;\n /\n The label to display above the texarea.\n /\n label?: string;\n /\n If `true`, the textarea is marked as required.\n /\n required?: boolean;\n /\n An error message to display below the textarea.\n /\n error?: unknown;\n /\n A helper text to display below the textarea when there are no errors.\n /\n helper?: string;\n /\n A placeholder text to display inside the textarea when it is empty.\n /\n placeholder?: string;\n /\n If `true`, the textarea is disabled and cannot be interacted with.\n /\n disabled?: boolean;\n /\n If `true`, the textarea is in a read-only state and cannot be edited, but it can still be focused and text can be selected.\n /\n readonly?: boolean;\n /\n If `true`, applies a dashed border style to the textarea, likely used for stylistic purposes or to indicate a certain state.\n /\n dashed?: boolean;\n /\n The number of visible text lines for the textarea, which controls the height of the textarea.\n /\n rows?: number;\n /\n If `true`, the textarea automatically adjusts its height to fit the content as the user types.\n /\n autogrow?: boolean;\n /\n An array of validation rules that are applied to the textarea input. Each rule is a function that receives the input value and returns `true` for valid input or an error message string for invalid input.\n */\n rules?: ((v: string) => boolean \| string)[];\n}>();\n\nconst root = ref<HTMLInputElement>();\nconst input = ref<HTMLTextAreaElement>();\n\nconst value = computed({\n get() {\n return props.modelValue ?? '';\n },\n set(v) {\n emit('update:modelValue', v);\n },\n});\n\nconst nonEmpty = computed(() => !!props.modelValue);\nconst validationData = useValidation(value, props.rules \|\| []);\n\nuseLabelNotch(root);\n\nconst displayErrors = computed(() => {\n const errors: string[] = [];\n const propsError = getErrorMessage(props.error);\n\n if (propsError) {\n errors.push(propsError);\n }\n\n errors.push(...validationData.value.errors);\n\n return errors;\n});\n\nconst hasErrors = computed(() => displayErrors.value.length > 0);\n\nconst adjustHeight = () => {\n if (!props.autogrow) {\n return;\n }\n const el = input.value;\n if (el) {\n el.style.height = 'auto'; // it works, do not delete it\n el.style.height = `${el.scrollHeight}px`; // Set height based on scrollHeight\n }\n};\n\nonMounted(() => {\n adjustHeight();\n});\n</script>\n\n<template>\n <div class=\"ui-text-area__envelope\">\n <div ref=\"root\" class=\"ui-text-area\" :class=\"{ error: hasErrors, disabled, dashed, nonEmpty }\">\n <label v-if=\"label\" ref=\"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 <textarea\n ref=\"input\"\n v-model=\"value\"\n :readonly=\"readonly\"\n :rows=\"rows\"\n :disabled=\"disabled\"\n :placeholder=\"placeholder ?? '...'\"\n spellcheck=\"false\"\n @input=\"adjustHeight\"\n />\n <div class=\"ui-text-area__append\">\n <slot name=\"append\" />\n </div>\n <DoubleContour class=\"ui-text-area__contour\" />\n </div>\n <div v-if=\"hasErrors\" class=\"ui-text-area__error\">\n {{ displayErrors.join(' ') }}\n </div>\n <div v-else-if=\"helper\" class=\"ui-text-area__helper\">{{ helper }}</div>\n </div>\n</template>\n"],"names":["__default__","slots","useSlots","emit","__emit","props","__props","root","ref","input","value","computed","v","nonEmpty","validationData","useValidation","useLabelNotch","displayErrors","errors","propsError","getErrorMessage","hasErrors","adjustHeight","el","onMounted"],"mappings":"~~;;;;;;;;;;;;;;;;;;~~GAEAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;;;;;;;;;;;;;AAcA,UAAMC,IAAQC,EAAA,GAERC,IAAOC,GAOPC,IAAQC,GAmDRC,IAAOC,EAAA,GACPC,IAAQD,EAAA,GAERE,IAAQC,EAAS;AAAA,MACrB,MAAM;AACJ,eAAON,EAAM,cAAc;AAAA,MAC7B;AAAA,MACA,IAAIO,GAAG;AACL,QAAAT,EAAK,qBAAqBS,CAAC;AAAA,MAC7B;AAAA,IAAA,CACD,GAEKC,IAAWF,EAAS,MAAM,CAAC,CAACN,EAAM,UAAU,GAC5CS,IAAiBC,EAAcL,GAAOL,EAAM,SAAS,CAAA,CAAE;AAE7D,IAAAW,EAAcT,CAAI;AAElB,UAAMU,IAAgBN,EAAS,MAAM;AACnC,YAAMO,IAAmB,CAAA,GACnBC,IAAaC,EAAgBf,EAAM,KAAK;AAE9C,aAAIc,KACFD,EAAO,KAAKC,CAAU,GAGxBD,EAAO,KAAK,GAAGJ,EAAe,MAAM,MAAM,GAEnCI;AAAA,IACT,CAAC,GAEKG,IAAYV,EAAS,MAAMM,EAAc,MAAM,SAAS,CAAC,GAEzDK,IAAe,MAAM;AACzB,UAAI,CAACjB,EAAM;AACT;AAEF,YAAMkB,IAAKd,EAAM;AACjB,MAAIc,MACFA,EAAG,MAAM,SAAS,QAClBA,EAAG,MAAM,SAAS,GAAGA,EAAG,YAAY;AAAA,IAExC;AAEA,WAAAC,EAAU,MAAM;AACd,MAAAF,EAAA;AAAA,IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"PlTextArea.vue.js","sources":["../../../src/components/PlTextArea/PlTextArea.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Component for multi-line string data manipulation /\nexport default {\n name: 'PlTextArea',\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport './pl-textarea.scss';\nimport { computed, onMounted, ref, useSlots } from 'vue';\nimport { PlTooltip } from '../PlTooltip';\nimport DoubleContour from '../../utils/DoubleContour.vue';\nimport { useLabelNotch } from '../../utils/useLabelNotch';\nimport { useValidation } from '../../utils/useValidation';\nimport { getErrorMessage } from '../../helpers/error.ts';\nimport { PlSvg } from '../PlSvg';\nimport SvgRequired from '../../assets/images/required.svg?raw';\n\nconst slots = useSlots();\n\nconst emit = defineEmits<{\n /\n Emitted when the model value is updated.\n /\n (e: 'update:modelValue', value: string): void;\n}>();\n\nconst props = defineProps<{\n /\n The current value of the texarea.\n /\n modelValue?: string;\n /\n The label to display above the texarea.\n /\n label?: string;\n /\n If `true`, the textarea is marked as required.\n /\n required?: boolean;\n /\n An error message to display below the textarea.\n /\n error?: unknown;\n /\n A helper text to display below the textarea when there are no errors.\n /\n helper?: string;\n /\n A placeholder text to display inside the textarea when it is empty.\n /\n placeholder?: string;\n /\n If `true`, the textarea is disabled and cannot be interacted with.\n /\n disabled?: boolean;\n /\n If `true`, the textarea is in a read-only state and cannot be edited, but it can still be focused and text can be selected.\n /\n readonly?: boolean;\n /\n If `true`, applies a dashed border style to the textarea, likely used for stylistic purposes or to indicate a certain state.\n /\n dashed?: boolean;\n /\n The number of visible text lines for the textarea, which controls the height of the textarea.\n /\n rows?: number;\n /\n If `true`, the textarea automatically adjusts its height to fit the content as the user types.\n /\n autogrow?: boolean;\n /\n An array of validation rules that are applied to the textarea input. Each rule is a function that receives the input value and returns `true` for valid input or an error message string for invalid input.\n */\n rules?: ((v: string) => boolean \| string)[];\n}>();\n\nconst root = ref<HTMLInputElement>();\nconst input = ref<HTMLTextAreaElement>();\n\nconst value = computed({\n get() {\n return props.modelValue ?? '';\n },\n set(v) {\n emit('update:modelValue', v);\n },\n});\n\nconst nonEmpty = computed(() => !!props.modelValue);\nconst validationData = useValidation(value, props.rules \|\| []);\n\nuseLabelNotch(root);\n\nconst displayErrors = computed(() => {\n const errors: string[] = [];\n const propsError = getErrorMessage(props.error);\n\n if (propsError) {\n errors.push(propsError);\n }\n\n errors.push(...validationData.value.errors);\n\n return errors;\n});\n\nconst hasErrors = computed(() => displayErrors.value.length > 0);\n\nconst adjustHeight = () => {\n if (!props.autogrow) {\n return;\n }\n const el = input.value;\n if (el) {\n el.style.height = 'auto'; // it works, do not delete it\n el.style.height = `${el.scrollHeight}px`; // Set height based on scrollHeight\n }\n};\n\nonMounted(() => {\n adjustHeight();\n});\n</script>\n\n<template>\n <div class=\"ui-text-area__envelope\">\n <div ref=\"root\" class=\"ui-text-area\" :class=\"{ error: hasErrors, disabled, dashed, nonEmpty }\">\n <label v-if=\"label\" ref=\"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 <textarea\n ref=\"input\"\n v-model=\"value\"\n :readonly=\"readonly\"\n :rows=\"rows\"\n :disabled=\"disabled\"\n :placeholder=\"placeholder ?? '...'\"\n spellcheck=\"false\"\n @input=\"adjustHeight\"\n />\n <div class=\"ui-text-area__append\">\n <slot name=\"append\" />\n </div>\n <DoubleContour class=\"ui-text-area__contour\" />\n </div>\n <div v-if=\"hasErrors\" class=\"ui-text-area__error\">\n {{ displayErrors.join(' ') }}\n </div>\n <div v-else-if=\"helper\" class=\"ui-text-area__helper\">{{ helper }}</div>\n </div>\n</template>\n"],"names":["__default__","slots","useSlots","emit","__emit","props","__props","root","ref","input","value","computed","v","nonEmpty","validationData","useValidation","useLabelNotch","displayErrors","errors","propsError","getErrorMessage","hasErrors","adjustHeight","el","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;GAEAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;;;;;;;;;;;;;AAcA,UAAMC,IAAQC,EAAA,GAERC,IAAOC,GAOPC,IAAQC,GAmDRC,IAAOC,EAAA,GACPC,IAAQD,EAAA,GAERE,IAAQC,EAAS;AAAA,MACrB,MAAM;AACJ,eAAON,EAAM,cAAc;AAAA,MAC7B;AAAA,MACA,IAAIO,GAAG;AACL,QAAAT,EAAK,qBAAqBS,CAAC;AAAA,MAC7B;AAAA,IAAA,CACD,GAEKC,IAAWF,EAAS,MAAM,CAAC,CAACN,EAAM,UAAU,GAC5CS,IAAiBC,EAAcL,GAAOL,EAAM,SAAS,CAAA,CAAE;AAE7D,IAAAW,EAAcT,CAAI;AAElB,UAAMU,IAAgBN,EAAS,MAAM;AACnC,YAAMO,IAAmB,CAAA,GACnBC,IAAaC,EAAgBf,EAAM,KAAK;AAE9C,aAAIc,KACFD,EAAO,KAAKC,CAAU,GAGxBD,EAAO,KAAK,GAAGJ,EAAe,MAAM,MAAM,GAEnCI;AAAA,IACT,CAAC,GAEKG,IAAYV,EAAS,MAAMM,EAAc,MAAM,SAAS,CAAC,GAEzDK,IAAe,MAAM;AACzB,UAAI,CAACjB,EAAM;AACT;AAEF,YAAMkB,IAAKd,EAAM;AACjB,MAAIc,MACFA,EAAG,MAAM,SAAS,QAClBA,EAAG,MAAM,SAAS,GAAGA,EAAG,YAAY;AAAA,IAExC;AAEA,WAAAC,EAAU,MAAM;AACd,MAAAF,EAAA;AAAA,IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -58,6 +58,10 @@ declare const _default: <M, E = string, C = E>(__VLS_props: NonNullable<Awaited<
          * The string specifies whether the field should be a password or not, value could be "password" or undefined.
          */
         type?: "password";
+        /**
+         * Makes some of corners not rounded
+         * */
+        groupPosition?: "top" | "bottom" | "left" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "middle";
     }) & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;

package/dist/components/PlTextField/PlTextField.vue.js CHANGED Viewed

@@ -1,8 +1,10 @@
-(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode(".pl-text-field{--pl-text-field-text-color: var(--txt-01);--contour-color: var(--txt-01);--label-color: var(--txt-01);--contour-border-width: 1px;--contour-box-shadow: none;--label-offset-left-x: 8px;--label-offset-right-x: 8px;--prefix-color: var(--color-placeholder);--show-clearable: none;width:100%;min-width:160px;min-height:var(--control-height);position:relative;border-radius:var(--border-radius-control);display:flex;flex-direction:row;align-items:center;outline:none}.pl-text-field__envelope{font-family:var(--font-family-base)}.pl-text-field input{font-family:var(--font-family-base);font-weight:500;min-height:calc(var(--control-height) - 2px);line-height:20px;width:100%;padding:0 12px;border:none;font-size:inherit;background-color:transparent;color:var(--pl-text-field-text-color);caret-color:var(--border-color-focus);cursor:inherit}.pl-text-field input:focus{outline:none}.pl-text-field input::placeholder{color:var(--color-placeholder)}.pl-text-field label{display:flex;align-items:center;gap:4px;position:absolute;top:0;transform:translateY(-60%);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-text-field label>span{overflow:hidden;white-space:pre;text-overflow:ellipsis}.pl-text-field__contour{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--border-radius-control);border-width:var(--contour-border-width);border-color:var(--contour-color);border-style:solid;box-shadow:var(--contour-box-shadow);z-index:0;pointer-events:none}.pl-text-field__prefix{padding-left:12px;white-space:nowrap;margin-right:-12px;color:var(--prefix-color)}.pl-text-field__append{padding-right:12px;display:flex;flex-direction:row;align-items:center;gap:4px;cursor:text}.pl-text-field__append .icon-16{cursor:pointer}.pl-text-field__append .mask-16{--icon-color: var(--control-mask-fill);cursor:pointer}.pl-text-field__clearable{display:var(--show-clearable)!important;--icon-color: var(--ic-02) !important}.pl-text-field__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-text-field__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-text-field:hover{--contour-color: var(--control-hover-color);--show-clearable: inline-block}.pl-text-field:focus-within{--show-clearable: inline-block}.pl-text-field: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-text-field:focus-within.error{--contour-border-width: 2px;--contour-box-shadow: 0 0 0 4px var(--color-error-shadow)}.pl-text-field.dashed .pl-text-field__contour{border-style:dashed}.pl-text-field.nonEmpty{--prefix-color: var(--txt-01)}.pl-text-field.error{--contour-color: var(--txt-error);--label-color: var(--txt-error)}.pl-text-field.disabled{--contour-color: var(--color-dis-01);--label-color: var(--dis-01);--pl-text-field-text-color: var(--dis-01);--mask-icon-bg-color: var(--dis-01);cursor:not-allowed}")),document.head.appendChild(o)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import { defineComponent as I, mergeModels as N, useSlots as $, useModel as O, ref as m, reactive as T, computed as s, createElementBlock as d, openBlock as t, createElementVNode as c, createCommentVNode as i, normalizeClass as j, withDirectives as z, createVNode as L, createBlock as p, unref as n, toDisplayString as f, withCtx as U, renderSlot as E, vModelDynamic as A, withModifiers as V } from "vue";
+(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode(`.double-contour.top>div{border-bottom-right-radius:0;border-bottom-left-radius:0}.double-contour.bottom>div{border-top-right-radius:0;border-top-left-radius:0}.double-contour.left>div{border-top-right-radius:0;border-bottom-right-radius:0}.double-contour.right>div{border-top-left-radius:0;border-bottom-left-radius:0}.double-contour.top-left>div{border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.double-contour.top-right>div{border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:0}.double-contour.bottom-left>div{border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:0}.double-contour.bottom-right>div{border-top-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0}.double-contour.middle>div{border-radius:0}
+.pl-text-field{--pl-text-field-text-color: var(--txt-01);--contour-color: var(--txt-01);--label-color: var(--txt-01);--contour-border-width: 1px;--contour-box-shadow: none;--label-offset-left-x: 8px;--label-offset-right-x: 8px;--prefix-color: var(--color-placeholder);--show-clearable: none;width:100%;min-width:160px;min-height:var(--control-height);position:relative;border-radius:var(--border-radius-control);display:flex;flex-direction:row;align-items:center;outline:none}.pl-text-field__envelope{font-family:var(--font-family-base)}.pl-text-field input{font-family:var(--font-family-base);font-weight:500;min-height:calc(var(--control-height) - 2px);line-height:20px;width:100%;padding:0 12px;border:none;font-size:inherit;background-color:transparent;color:var(--pl-text-field-text-color);caret-color:var(--border-color-focus);cursor:inherit}.pl-text-field input:focus{outline:none}.pl-text-field input::placeholder{color:var(--color-placeholder)}.pl-text-field label{display:flex;align-items:center;gap:4px;position:absolute;top:0;transform:translateY(-60%);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-text-field label>span{overflow:hidden;white-space:pre;text-overflow:ellipsis}.pl-text-field__contour{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--border-radius-control);border-width:var(--contour-border-width);border-color:var(--contour-color);border-style:solid;box-shadow:var(--contour-box-shadow);z-index:0;pointer-events:none}.pl-text-field__prefix{padding-left:12px;white-space:nowrap;margin-right:-12px;color:var(--prefix-color)}.pl-text-field__append{padding-right:12px;display:flex;flex-direction:row;align-items:center;gap:4px;cursor:text}.pl-text-field__append .icon-16{cursor:pointer}.pl-text-field__append .mask-16{--icon-color: var(--control-mask-fill);cursor:pointer}.pl-text-field__clearable{display:var(--show-clearable)!important;--icon-color: var(--ic-02) !important}.pl-text-field__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-text-field__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-text-field:hover{--contour-color: var(--control-hover-color);--show-clearable: inline-block}.pl-text-field:focus-within{--show-clearable: inline-block}.pl-text-field: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-text-field:focus-within.error{--contour-border-width: 2px;--contour-box-shadow: 0 0 0 4px var(--color-error-shadow)}.pl-text-field.dashed .pl-text-field__contour{border-style:dashed}.pl-text-field.nonEmpty{--prefix-color: var(--txt-01)}.pl-text-field.error{--contour-color: var(--txt-error);--label-color: var(--txt-error)}.pl-text-field.disabled{--contour-color: var(--color-dis-01);--label-color: var(--dis-01);--pl-text-field-text-color: var(--dis-01);--mask-icon-bg-color: var(--dis-01);cursor:not-allowed}`)),document.head.appendChild(o)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
+import { defineComponent as N, mergeModels as $, useSlots as x, useModel as O, ref as v, reactive as T, computed as s, createElementBlock as d, openBlock as t, createElementVNode as u, createCommentVNode as i, normalizeClass as j, withDirectives as z, createVNode as L, createBlock as c, unref as n, toDisplayString as f, withCtx as U, renderSlot as E, vModelDynamic as A, withModifiers as V } from "vue";
 import G from "../../assets/images/required.svg.js";
 import { getErrorMessage as H } from "../../helpers/error.js";
 import J from "../../utils/DoubleContour.vue.js";
 import { useLabelNotch as K } from "../../utils/useLabelNotch.js";
 import { useValidation as Q } from "../../utils/useValidation.js";
 import W from "../PlIcon16/PlIcon16.vue.js";
@@ -10,10 +12,10 @@ import X from "../PlIcon24/PlIcon24.vue.js";
 import Y from "../PlSvg/PlSvg.vue.js";
 import Z from "../PlTooltip/PlTooltip.vue.js";
-const ee = { class: "pl-text-field__envelope" }, le = {
+const ee = { class: "pl-text-field__envelope" }, oe = {
   key: 0,
   ref: "label"
-}, oe = {
+}, le = {
   key: 1,
   class: "pl-text-field__prefix"
 }, re = ["disabled", "placeholder", "type"], te = {
@@ -24,9 +26,9 @@ const ee = { class: "pl-text-field__envelope" }, le = {
   class: "pl-text-field__helper"
 }, se = {
   name: "PlTextField"
-}, be = /* @__PURE__ */ I({
+}, _e = /* @__PURE__ */ N({
   ...se,
-  props: /* @__PURE__ */ N({
+  props: /* @__PURE__ */ $({
     label: {},
     clearable: { type: [Boolean, Function] },
     parse: { type: Function },
@@ -38,7 +40,8 @@ const ee = { class: "pl-text-field__envelope" }, le = {
     dashed: { type: Boolean },
     prefix: {},
     rules: {},
-    type: {}
+    type: {},
+    groupPosition: {}
   }, {
     modelValue: {
       required: !0
@@ -47,16 +50,16 @@ const ee = { class: "pl-text-field__envelope" }, le = {
   }),
   emits: ["update:modelValue"],
   setup(h) {
-    const C = $(), o = O(h, "modelValue"), l = h, y = m(void 0), b = m(), u = m(!1), a = T({
+    const C = x(), l = O(h, "modelValue"), o = h, y = v(void 0), b = v(), p = v(!1), a = T({
       cached: void 0
-    }), v = s({
+    }), m = s({
       get() {
-        return a.cached ? a.cached.value : o.value === void 0 || o.value === null ? "" : String(o.value);
+        return a.cached ? a.cached.value : l.value === void 0 || l.value === null ? "" : String(l.value);
       },
       set(e) {
-        if (a.cached = void 0, l.parse)
+        if (a.cached = void 0, o.parse)
           try {
-            o.value = l.parse(e);
+            l.value = o.parse(e);
           } catch (r) {
             a.cached = {
               error: r instanceof Error ? r.message : String(r),
@@ -64,37 +67,37 @@ const ee = { class: "pl-text-field__envelope" }, le = {
             };
           }
         else
-          o.value = e;
+          l.value = e;
       }
-    }), M = s(() => l.type && l.type === "password" ? u.value ? "text" : l.type : "text"), S = s(() => u.value ? "view-show" : "view-hide"), B = () => {
-      l.clearable && (a.cached = void 0, o.value = l.clearable === !0 ? "" : l.clearable());
-    }, _ = Q(v, l.rules || []), F = s(() => l.clearable ? l.clearable === !0 ? o.value === "" : o.value === l.clearable() : o.value === ""), k = s(() => !F.value), w = s(() => {
-      const e = [], r = H(l.error);
+    }), M = s(() => o.type && o.type === "password" ? p.value ? "text" : o.type : "text"), P = s(() => p.value ? "view-show" : "view-hide"), S = () => {
+      o.clearable && (a.cached = void 0, l.value = o.clearable === !0 ? "" : o.clearable());
+    }, _ = Q(m, o.rules || []), B = s(() => o.clearable ? o.clearable === !0 ? l.value === "" : l.value === o.clearable() : l.value === ""), k = s(() => !B.value), g = s(() => {
+      const e = [], r = H(o.error);
       return r && e.push(r), a.cached && e.push(a.cached.error), _.value.isValid || e.push(..._.value.errors), e;
-    }), g = s(() => w.value.length > 0), P = s(() => l.clearable && k.value && l.type !== "password" && !l.disabled), R = () => u.value = !u.value, D = () => {
+    }), w = s(() => g.value.length > 0), F = s(() => o.clearable && k.value && o.type !== "password" && !o.disabled), R = () => p.value = !p.value, q = () => {
       a.cached = void 0;
-    }, q = () => {
+    }, D = () => {
       var e;
       return (e = b.value) == null ? void 0 : e.focus();
     };
     return K(y), (e, r) => (t(), d("div", ee, [
-      c("div", {
+      u("div", {
         ref_key: "rootRef",
         ref: y,
         class: j(["pl-text-field", {
-          error: g.value,
+          error: w.value,
           disabled: e.disabled,
           dashed: e.dashed,
           nonEmpty: k.value
         }])
       }, [
-        e.label ? (t(), d("label", le, [
-          e.required ? (t(), p(n(Y), {
+        e.label ? (t(), d("label", oe, [
+          e.required ? (t(), c(n(Y), {
             key: 0,
             uri: n(G)
           }, null, 8, ["uri"])) : i("", !0),
-          c("span", null, f(e.label), 1),
-          n(C).tooltip ? (t(), p(n(Z), {
+          u("span", null, f(e.label), 1),
+          n(C).tooltip ? (t(), c(n(Z), {
             key: 1,
             class: "info",
             position: "top"
@@ -105,44 +108,47 @@ const ee = { class: "pl-text-field__envelope" }, le = {
             _: 3
           })) : i("", !0)
         ], 512)) : i("", !0),
-        e.prefix ? (t(), d("div", oe, f(e.prefix), 1)) : i("", !0),
-        z(c("input", {
+        e.prefix ? (t(), d("div", le, f(e.prefix), 1)) : i("", !0),
+        z(u("input", {
           ref_key: "inputRef",
           ref: b,
-          "onUpdate:modelValue": r[0] || (r[0] = (x) => v.value = x),
+          "onUpdate:modelValue": r[0] || (r[0] = (I) => m.value = I),
           disabled: e.disabled,
           placeholder: e.placeholder || "...",
           type: M.value,
           spellcheck: "false",
-          onFocusout: D
+          onFocusout: q
         }, null, 40, re), [
-          [A, v.value]
+          [A, m.value]
         ]),
-        c("div", {
+        u("div", {
           class: "pl-text-field__append",
-          onClick: q
+          onClick: D
         }, [
-          P.value ? (t(), p(n(W), {
+          F.value ? (t(), c(n(W), {
             key: 0,
             class: "pl-text-field__clearable",
             name: "delete-clear",
-            onClick: V(B, ["stop"])
+            onClick: V(S, ["stop"])
           })) : i("", !0),
-          e.type === "password" ? (t(), p(n(X), {
+          e.type === "password" ? (t(), c(n(X), {
             key: 1,
-            name: S.value,
+            name: P.value,
             style: { cursor: "pointer" },
             onClick: V(R, ["stop"])
           }, null, 8, ["name"])) : i("", !0),
           E(e.$slots, "append")
         ]),
-        L(J, { class: "pl-text-field__contour" })
+        L(J, {
+          class: "pl-text-field__contour",
+          "group-position": e.groupPosition
+        }, null, 8, ["group-position"])
       ], 2),
-      g.value ? (t(), d("div", te, f(w.value.join(" ")), 1)) : e.helper ? (t(), d("div", ae, f(e.helper), 1)) : i("", !0)
+      w.value ? (t(), d("div", te, f(g.value.join(" ")), 1)) : e.helper ? (t(), d("div", ae, f(e.helper), 1)) : i("", !0)
     ]));
   }
 });
 export {
-  be as default
+  _e as default
 };
 //# sourceMappingURL=PlTextField.vue.js.map