@milaboratories/uikit 2.4.2 → 2.4.4

package/dist/components/DataTable/state.js.map

@@ -1 +1 @@
-{"version":3,"file":"state.js","sources":["../../../src/components/DataTable/state.ts"],"sourcesContent":["import { computed, provide, reactive, watch } from 'vue';\nimport type { TableProps, TableData, DataWindow, PrimaryKey, Row, ColumnSpecSettings, DataSource } from './types';\nimport { deepClone, deepEqual } from '@milaboratories/helpers';\nimport { stateKey } from './keys';\nimport { clamp, delay, resolveAwaited, tap } from '@milaboratories/helpers';\nimport { useTableColumns } from './composition/useTableColumns';\nimport { useTableRows } from './composition/useTableRows';\nimport { GAP, WINDOW_DELTA } from './constants';\n\nconst loadRows = async (dataWindow: { scrollTop: number; bodyHeight: number }, dataSource: DataSource) => {\n  const { scrollTop, bodyHeight } = dataWindow;\n\n  await delay(0);\n\n  return resolveAwaited({\n    rows: dataSource.getRows(scrollTop, bodyHeight),\n    dataWindow,\n  });\n};\n\nexport function createState(props: TableProps) {\n  const data = reactive<TableData>({\n    rowIndex: -1,\n    columns: [],\n    pendingLoads: 0,\n    currentWindow: undefined,\n    rows: [],\n    resize: false,\n    resizeTh: undefined,\n    dataHeight: 0,\n    bodyHeight: props.settings.height,\n    bodyWidth: 0,\n    scrollTop: 0,\n    scrollLeft: 0,\n    selectedRows: new Set<PrimaryKey>(),\n    selectedColumns: new Set<string>(),\n  });\n\n  watch(\n    () => props.settings,\n    (newSettings) => {\n      data.columns = deepClone(newSettings.columns);\n      data.currentWindow = undefined;\n      newSettings.dataSource\n        .getHeight()\n        .then((dataHeight) => {\n          data.dataHeight = dataHeight;\n          state.updateBodyHeight();\n        })\n        .catch((err) => (data.error = err));\n    },\n    { immediate: true },\n  );\n\n  const settings = computed(() => {\n    return props.settings;\n  });\n\n  const columnsWidth = computed(() => {\n    return data.columns.reduce((acc, col) => acc + col.width + GAP, 0);\n  });\n\n  const maxScrollTop = computed(() => tap(state.data.dataHeight - state.data.bodyHeight, (v) => (v > 0 ? v : 0)));\n  const maxScrollLeft = computed(() => tap(columnsWidth.value - state.data.bodyWidth, (v) => (v > 0 ? v : 0)));\n\n  const dataDimensions = computed<DataWindow & { current?: DataWindow }>(() => {\n    return {\n      bodyHeight: data.bodyHeight,\n      scrollTop: data.scrollTop,\n      current: data.currentWindow,\n    };\n  });\n\n  const tableColumns = useTableColumns({\n    data,\n    settings,\n  });\n\n  const tableRows = useTableRows(data, tableColumns);\n\n  const adjustWidth = () => {\n    const newWidth = data.columns.reduce((acc, col) => acc + col.width + GAP, 0);\n\n    const rightOffset = data.bodyWidth + data.scrollLeft;\n\n    if (newWidth < rightOffset) {\n      const last = data.columns[data.columns.length - 1];\n      last.width = last.width + (rightOffset - newWidth);\n    }\n  };\n\n  const state = {\n    data,\n    settings,\n    tableColumns,\n    tableRows,\n    adjustWidth,\n    updateOffsets(ev: { deltaY: number; deltaX: number }) {\n      this.updateScrollTop(data.scrollTop + ev.deltaY);\n      this.updateScrollLeft(data.scrollLeft + ev.deltaX);\n    },\n    getSelectedRows(): Row[] {\n      return data.rows.filter((row) => data.selectedRows.has(row.primaryKey));\n    },\n    getSelectedColumns(): ColumnSpecSettings[] {\n      return data.columns.filter((col) => data.selectedColumns.has(col.id));\n    },\n    selectRow(rowId: PrimaryKey) {\n      data.selectedRows.add(rowId);\n    },\n    unselectRow(rowId: PrimaryKey) {\n      data.selectedRows.delete(rowId);\n    },\n    selectColumn(columnId: string) {\n      data.selectedColumns.add(columnId);\n    },\n    unselectColumn(columnId: string) {\n      data.selectedColumns.delete(columnId);\n    },\n    updateScrollTop(scrollTop: number) {\n      data.scrollTop = clamp(scrollTop, 0, maxScrollTop.value);\n    },\n    updateScrollLeft(scrollLeft: number) {\n      data.scrollLeft = clamp(scrollLeft, 0, maxScrollLeft.value);\n    },\n    updateBodyHeight() {\n      const { height } = props.settings;\n      const { dataHeight } = data;\n      const bodyHeight = height > dataHeight ? dataHeight : height;\n      data.bodyHeight = bodyHeight;\n    },\n    updateDimensions(rect: { height: number; width: number }) {\n      this.updateBodyHeight();\n      state.data.bodyWidth = rect.width;\n      state.adjustWidth();\n      data.rows = [];\n      data.currentWindow = undefined;\n    },\n  };\n\n  watch(\n    dataDimensions,\n    (n, _o) => {\n      const current = n.current;\n\n      const needToLoad = !current || n.scrollTop < current.scrollTop || n.scrollTop + n.bodyHeight > current.bodyHeight + current.scrollTop;\n\n      if (needToLoad) {\n        data.currentWindow = {\n          scrollTop: n.scrollTop - WINDOW_DELTA,\n          bodyHeight: n.bodyHeight + WINDOW_DELTA * 2,\n        };\n        loadRows(deepClone(data.currentWindow), settings.value.dataSource).then(({ rows, dataWindow }) => {\n          if (deepEqual(data.currentWindow, dataWindow)) {\n            data.rows = rows;\n          }\n        });\n      }\n    },\n    { deep: true, immediate: true },\n  );\n\n  provide(stateKey, state);\n\n  return state;\n}\n\nexport type State = ReturnType<typeof createState>;\n"],"names":["loadRows","dataWindow","dataSource","scrollTop","bodyHeight","delay","resolveAwaited","createState","props","data","reactive","watch","newSettings","deepClone","dataHeight","state","err","settings","computed","columnsWidth","acc","col","GAP","maxScrollTop","tap","v","maxScrollLeft","dataDimensions","tableColumns","useTableColumns","tableRows","useTableRows","newWidth","rightOffset","last","ev","row","rowId","columnId","clamp","scrollLeft","height","rect","n","_o","current","WINDOW_DELTA","rows","deepEqual","provide","stateKey"],"mappings":"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"}
+{"version":3,"file":"state.js","sources":["../../../src/components/DataTable/state.ts"],"sourcesContent":["import { computed, provide, reactive, watch } from 'vue';\nimport type { TableProps, TableData, DataWindow, PrimaryKey, Row, ColumnSpecSettings, DataSource } from './types';\nimport { deepClone, deepEqual } from '@milaboratories/helpers';\nimport { stateKey } from './keys';\nimport { clamp, delay, resolveAwaited, tap } from '@milaboratories/helpers';\nimport { useTableColumns } from './composition/useTableColumns';\nimport { useTableRows } from './composition/useTableRows';\nimport { GAP, WINDOW_DELTA } from './constants';\n\nconst loadRows = async (dataWindow: { scrollTop: number; bodyHeight: number }, dataSource: DataSource) => {\n  const { scrollTop, bodyHeight } = dataWindow;\n\n  await delay(0);\n\n  return resolveAwaited({\n    rows: dataSource.getRows(scrollTop, bodyHeight),\n    dataWindow,\n  });\n};\n\nexport function createState(props: TableProps) {\n  const data = reactive<TableData>({\n    rowIndex: -1,\n    columns: [],\n    pendingLoads: 0,\n    currentWindow: undefined,\n    rows: [],\n    resize: false,\n    resizeTh: undefined,\n    dataHeight: 0,\n    bodyHeight: props.settings.height,\n    bodyWidth: 0,\n    scrollTop: 0,\n    scrollLeft: 0,\n    selectedRows: new Set<PrimaryKey>(),\n    selectedColumns: new Set<string>(),\n  });\n\n  watch(\n    () => props.settings,\n    (newSettings) => {\n      data.columns = deepClone(newSettings.columns);\n      data.currentWindow = undefined;\n      newSettings.dataSource\n        .getHeight()\n        .then((dataHeight) => {\n          data.dataHeight = dataHeight;\n          state.updateBodyHeight();\n        })\n        .catch((err) => (data.error = err));\n    },\n    { immediate: true },\n  );\n\n  const settings = computed(() => {\n    return props.settings;\n  });\n\n  const columnsWidth = computed(() => {\n    return data.columns.reduce((acc, col) => acc + col.width + GAP, 0);\n  });\n\n  const maxScrollTop = computed(() => tap(state.data.dataHeight - state.data.bodyHeight, (v) => (v > 0 ? v : 0)));\n  const maxScrollLeft = computed(() => tap(columnsWidth.value - state.data.bodyWidth, (v) => (v > 0 ? v : 0)));\n\n  const dataDimensions = computed<DataWindow & { current?: DataWindow }>(() => {\n    return {\n      bodyHeight: data.bodyHeight,\n      scrollTop: data.scrollTop,\n      current: data.currentWindow,\n    };\n  });\n\n  const tableColumns = useTableColumns({\n    data,\n    settings,\n  });\n\n  const tableRows = useTableRows(data, tableColumns);\n\n  const adjustWidth = () => {\n    const newWidth = data.columns.reduce((acc, col) => acc + col.width + GAP, 0);\n\n    const rightOffset = data.bodyWidth + data.scrollLeft;\n\n    if (newWidth < rightOffset) {\n      const last = data.columns[data.columns.length - 1];\n      last.width = last.width + (rightOffset - newWidth);\n    }\n  };\n\n  const state = {\n    data,\n    settings,\n    tableColumns,\n    tableRows,\n    adjustWidth,\n    updateOffsets(ev: { deltaY: number; deltaX: number }) {\n      this.updateScrollTop(data.scrollTop + ev.deltaY);\n      this.updateScrollLeft(data.scrollLeft + ev.deltaX);\n    },\n    getSelectedRows(): Row[] {\n      return data.rows.filter((row) => data.selectedRows.has(row.primaryKey));\n    },\n    getSelectedColumns(): ColumnSpecSettings[] {\n      return data.columns.filter((col) => data.selectedColumns.has(col.id));\n    },\n    selectRow(rowId: PrimaryKey) {\n      data.selectedRows.add(rowId);\n    },\n    unselectRow(rowId: PrimaryKey) {\n      data.selectedRows.delete(rowId);\n    },\n    selectColumn(columnId: string) {\n      data.selectedColumns.add(columnId);\n    },\n    unselectColumn(columnId: string) {\n      data.selectedColumns.delete(columnId);\n    },\n    updateScrollTop(scrollTop: number) {\n      data.scrollTop = clamp(scrollTop, 0, maxScrollTop.value);\n    },\n    updateScrollLeft(scrollLeft: number) {\n      data.scrollLeft = clamp(scrollLeft, 0, maxScrollLeft.value);\n    },\n    updateBodyHeight() {\n      const { height } = props.settings;\n      const { dataHeight } = data;\n      const bodyHeight = height > dataHeight ? dataHeight : height;\n      data.bodyHeight = bodyHeight;\n    },\n    updateDimensions(rect: { height: number; width: number }) {\n      this.updateBodyHeight();\n      state.data.bodyWidth = rect.width;\n      state.adjustWidth();\n      data.rows = [];\n      data.currentWindow = undefined;\n    },\n  };\n\n  watch(\n    dataDimensions,\n    (n, _o) => {\n      const current = n.current;\n\n      const needToLoad = !current || n.scrollTop < current.scrollTop || n.scrollTop + n.bodyHeight > current.bodyHeight + current.scrollTop;\n\n      if (needToLoad) {\n        data.currentWindow = {\n          scrollTop: n.scrollTop - WINDOW_DELTA,\n          bodyHeight: n.bodyHeight + WINDOW_DELTA * 2,\n        };\n        loadRows(deepClone(data.currentWindow), settings.value.dataSource).then(({ rows, dataWindow }) => {\n          if (deepEqual(data.currentWindow, dataWindow)) {\n            data.rows = rows;\n          }\n        });\n      }\n    },\n    { deep: true, immediate: true },\n  );\n\n  provide(stateKey, state);\n\n  return state;\n}\n\nexport type State = ReturnType<typeof createState>;\n"],"names":["loadRows","dataWindow","dataSource","scrollTop","bodyHeight","delay","resolveAwaited","createState","props","data","reactive","watch","newSettings","deepClone","dataHeight","state","err","settings","computed","columnsWidth","acc","col","GAP","maxScrollTop","tap","v","maxScrollLeft","dataDimensions","tableColumns","useTableColumns","tableRows","useTableRows","newWidth","rightOffset","last","ev","row","rowId","columnId","clamp","scrollLeft","height","rect","n","_o","current","WINDOW_DELTA","rows","deepEqual","provide","stateKey"],"mappings":"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"}

package/dist/components/DataTable/types.d.ts

@@ -141,4 +141,3 @@ export type RawTableSettings<D extends DataRow = DataRow> = Readonly<{
     onUpdatedRow?: (row: Row<D>) => void;
 }>;
 export {};
-//# sourceMappingURL=types.d.ts.map

package/dist/components/DropdownListItem.vue.d.ts

@@ -13,4 +13,3 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     useCheckbox: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=DropdownListItem.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownListItem.vue.js","sources":["../../src/components/DropdownListItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport CheckboxUncheckedSvg from '../assets/images/24_checkbox-light-enabled-unchecked.svg?raw';\nimport CheckboxCheckedSvg from '../assets/images/24_checkbox-light-enabled-checked.svg?raw';\nimport type { ListOptionNormalized } from '../types';\n\nconst props = withDefaults(\n  defineProps<{\n    option: ListOptionNormalized;\n    isSelected: boolean;\n    size: 'small' | 'medium';\n    isHovered: boolean;\n    useCheckbox?: boolean;\n  }>(),\n  {\n    size: 'small',\n    isSelected: false,\n    isHovered: false,\n    useCheckbox: false,\n  },\n);\n\nconst classes = computed<string>(() => {\n  const classItems: string[] = [];\n  if (props.size === 'small') {\n    classItems.push('dropdown-list-item__small');\n  }\n  if (props.isSelected) {\n    classItems.push('dropdown-list-item__selected');\n  }\n  if (props.isHovered) {\n    classItems.push('hovered-item');\n  }\n  return classItems.join(' ');\n});\n\nconst checkboxClasses = computed(() => {\n  const classes: string[] = ['dropdown-list-item__checkbox', 'flex-self-start'];\n  if (props.isSelected) {\n    classes.push('checked');\n  }\n  return classes.join(' ');\n});\n\n// Why??\nconst checkboxSvg = computed(() => (props.isSelected ? CheckboxCheckedSvg : CheckboxUncheckedSvg));\n</script>\n\n<template>\n  <div :class=\"classes\" class=\"dropdown-list-item\">\n    <!-- eslint-disable vue/no-v-html -->\n    <div v-if=\"props.useCheckbox\" :class=\"checkboxClasses\" v-html=\"checkboxSvg\" />\n    <!--eslint-enable-->\n    <div class=\"dropdown-list-item__title-container\">\n      <div class=\"dropdown-list-item__title text-s\">\n        {{ option.label }}\n      </div>\n      <div v-if=\"option.description\" class=\"dropdown-list-item__description text-description\">\n        {{ option.description }}\n      </div>\n    </div>\n    <div v-if=\"!props.useCheckbox && props.isSelected\" class=\"dropdown-list-item__icon flex-self-start\" />\n  </div>\n</template>\n"],"names":["props","__props","classes","computed","classItems","checkboxClasses","checkboxSvg","CheckboxCheckedSvg","CheckboxUncheckedSvg"],"mappings":";;;;;;;;;;;;;;;;;;;AAMA,UAAMA,IAAQC,GAgBRC,IAAUC,EAAiB,MAAM;AACrC,YAAMC,IAAuB,CAAC;AAC1B,aAAAJ,EAAM,SAAS,WACjBI,EAAW,KAAK,2BAA2B,GAEzCJ,EAAM,cACRI,EAAW,KAAK,8BAA8B,GAE5CJ,EAAM,aACRI,EAAW,KAAK,cAAc,GAEzBA,EAAW,KAAK,GAAG;AAAA,IAAA,CAC3B,GAEKC,IAAkBF,EAAS,MAAM;AAC/BD,YAAAA,IAAoB,CAAC,gCAAgC,iBAAiB;AAC5E,aAAIF,EAAM,cACRE,EAAQ,KAAK,SAAS,GAEjBA,EAAQ,KAAK,GAAG;AAAA,IAAA,CACxB,GAGKI,IAAcH,EAAS,MAAOH,EAAM,aAAaO,IAAqBC,CAAqB;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DropdownListItem.vue.js","sources":["../../src/components/DropdownListItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport CheckboxUncheckedSvg from '../assets/images/24_checkbox-light-enabled-unchecked.svg?raw';\nimport CheckboxCheckedSvg from '../assets/images/24_checkbox-light-enabled-checked.svg?raw';\nimport type { ListOptionNormalized } from '../types';\n\nconst props = withDefaults(\n  defineProps<{\n    option: ListOptionNormalized;\n    isSelected: boolean;\n    size: 'small' | 'medium';\n    isHovered: boolean;\n    useCheckbox?: boolean;\n  }>(),\n  {\n    size: 'small',\n    isSelected: false,\n    isHovered: false,\n    useCheckbox: false,\n  },\n);\n\nconst classes = computed<string>(() => {\n  const classItems: string[] = [];\n  if (props.size === 'small') {\n    classItems.push('dropdown-list-item__small');\n  }\n  if (props.isSelected) {\n    classItems.push('dropdown-list-item__selected');\n  }\n  if (props.isHovered) {\n    classItems.push('hovered-item');\n  }\n  return classItems.join(' ');\n});\n\nconst checkboxClasses = computed(() => {\n  const classes: string[] = ['dropdown-list-item__checkbox', 'flex-self-start'];\n  if (props.isSelected) {\n    classes.push('checked');\n  }\n  return classes.join(' ');\n});\n\n// Why??\nconst checkboxSvg = computed(() => (props.isSelected ? CheckboxCheckedSvg : CheckboxUncheckedSvg));\n</script>\n\n<template>\n  <div :class=\"classes\" class=\"dropdown-list-item\">\n    <!-- eslint-disable vue/no-v-html -->\n    <div v-if=\"props.useCheckbox\" :class=\"checkboxClasses\" v-html=\"checkboxSvg\" />\n    <!--eslint-enable-->\n    <div class=\"dropdown-list-item__title-container\">\n      <div class=\"dropdown-list-item__title text-s\">\n        {{ option.label }}\n      </div>\n      <div v-if=\"option.description\" class=\"dropdown-list-item__description text-description\">\n        {{ option.description }}\n      </div>\n    </div>\n    <div v-if=\"!props.useCheckbox && props.isSelected\" class=\"dropdown-list-item__icon flex-self-start\" />\n  </div>\n</template>\n"],"names":["props","__props","classes","computed","classItems","checkboxClasses","checkboxSvg","CheckboxCheckedSvg","CheckboxUncheckedSvg"],"mappings":";;;;;;;;;;;;;;;;;;;AAMA,UAAMA,IAAQC,GAgBRC,IAAUC,EAAiB,MAAM;AACrC,YAAMC,IAAuB,CAAA;AAC7B,aAAIJ,EAAM,SAAS,WACjBI,EAAW,KAAK,2BAA2B,GAEzCJ,EAAM,cACRI,EAAW,KAAK,8BAA8B,GAE5CJ,EAAM,aACRI,EAAW,KAAK,cAAc,GAEzBA,EAAW,KAAK,GAAG;AAAA,IAC5B,CAAC,GAEKC,IAAkBF,EAAS,MAAM;AACrC,YAAMD,IAAoB,CAAC,gCAAgC,iBAAiB;AAC5E,aAAIF,EAAM,cACRE,EAAQ,KAAK,SAAS,GAEjBA,EAAQ,KAAK,GAAG;AAAA,IACzB,CAAC,GAGKI,IAAcH,EAAS,MAAOH,EAAM,aAAaO,IAAqBC,CAAqB;;;;;;;;;;;;;;;;;"}

package/dist/components/GridTable/constants.d.ts

@@ -4,4 +4,3 @@ export declare const RESIZE_GAP = 10;
 export declare const MIN_COLUMN_WIDTH = 30;
 export declare const cellEventOptions: ListOption<CellEvent>[];
 export declare const columnEventOptions: ListOption<ColumnEvent>[];
-//# sourceMappingURL=constants.d.ts.map

package/dist/components/GridTable/domain.d.ts

@@ -1,3 +1,2 @@
 export declare function toComparable(v: unknown): string | number;
 export declare function compareRecords(sorts: Record<string, 'ASC' | 'DESC'>, a: Record<string, unknown>, b: Record<string, unknown>): number;
-//# sourceMappingURL=domain.d.ts.map

package/dist/components/GridTable/getColumnPositions.d.ts

@@ -7,4 +7,3 @@ export declare function getColumnPositions(tableRef: MaybeRef<HTMLElement | unde
     right: number;
 }[];
 export {};
-//# sourceMappingURL=getColumnPositions.d.ts.map

package/dist/components/GridTable/types.d.ts

@@ -54,4 +54,3 @@ export type Data = {
     scrollTop: number;
 };
 export {};
-//# sourceMappingURL=types.d.ts.map

package/dist/components/GridTable/useColumn.d.ts

@@ -8,4 +8,3 @@ export declare function useColumn(cb: (state: {
         width: number;
     }) => void;
 };
-//# sourceMappingURL=useColumn.d.ts.map

package/dist/components/GridTable/useMouseUp.d.ts

@@ -1,2 +1 @@
 export declare function useMouseUp(update: (ev: globalThis.MouseEvent) => void): void;
-//# sourceMappingURL=useMouseUp.d.ts.map

package/dist/components/GridTable/useResize.d.ts

@@ -5,4 +5,3 @@ export declare function useResize(data: Data, tableRef: Ref<HTMLElement | undefi
         x: number;
     }) => void;
 };
-//# sourceMappingURL=useResize.d.ts.map

package/dist/components/HScroll.vue.d.ts

@@ -11,4 +11,3 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     scrollRef: HTMLDivElement;
 }, any>;
 export default _default;
-//# sourceMappingURL=HScroll.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"HScroll.vue.js","sources":["../../src/components/HScroll.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, ref, unref } from 'vue';\nimport { useEventListener } from '../composition/useEventListener';\nimport { eventListener } from '../helpers/dom';\n\nconst emit = defineEmits(['update:scrollLeft']);\n\nconst props = defineProps<{\n  scrollLeft: number;\n  clientWidth: number;\n  scrollWidth: number;\n}>();\n\nconst scrollRef = ref<EventTarget>();\n\nconst ratioRef = computed(() => props.clientWidth / (props.scrollWidth || 1));\n\nconst visibleRef = computed(() => {\n  return ratioRef.value < 1;\n});\n\nconst scrollbarStyle = computed(() => {\n  const ratio = unref(ratioRef);\n  return {\n    left: props.scrollLeft * ratio + 'px',\n    width: Math.floor(props.clientWidth * ratio) + 'px',\n  };\n});\n\nuseEventListener(scrollRef, 'pointerdown', (down: PointerEvent) => {\n  const s = {\n    clientX: down.clientX,\n  };\n\n  const update = (e: MouseEvent) => {\n    const dy = (e.clientX - s.clientX) / ratioRef.value;\n    emit('update:scrollLeft', props.scrollLeft + dy);\n    s.clientX = e.clientX;\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const removePointerMove = eventListener(document as any, 'mousemove', update);\n\n  ['mouseup', 'pointercancel'].forEach((eventType) => {\n    document.addEventListener(eventType, removePointerMove, { once: true });\n  });\n});\n</script>\n\n<template>\n  <div v-if=\"visibleRef\" ref=\"scrollRef\" class=\"h-scroll\">\n    <div class=\"h-scroll__scrollbar\" :style=\"scrollbarStyle\" />\n  </div>\n</template>\n"],"names":["emit","__emit","props","__props","scrollRef","ref","ratioRef","computed","visibleRef","scrollbarStyle","ratio","unref","useEventListener","down","s","removePointerMove","eventListener","e","dy","eventType"],"mappings":";;;;;;;;;;;;AAKA,UAAMA,IAAOC,GAEPC,IAAQC,GAMRC,IAAYC,EAAiB,GAE7BC,IAAWC,EAAS,MAAML,EAAM,eAAeA,EAAM,eAAe,EAAE,GAEtEM,IAAaD,EAAS,MACnBD,EAAS,QAAQ,CACzB,GAEKG,IAAiBF,EAAS,MAAM;AAC9B,YAAAG,IAAQC,EAAML,CAAQ;AACrB,aAAA;AAAA,QACL,MAAMJ,EAAM,aAAaQ,IAAQ;AAAA,QACjC,OAAO,KAAK,MAAMR,EAAM,cAAcQ,CAAK,IAAI;AAAA,MACjD;AAAA,IAAA,CACD;AAEgB,WAAAE,EAAAR,GAAW,eAAe,CAACS,MAAuB;AACjE,YAAMC,IAAI;AAAA,QACR,SAASD,EAAK;AAAA,MAChB,GASME,IAAoBC,EAAc,UAAiB,aAP1C,CAACC,MAAkB;AAChC,cAAMC,KAAMD,EAAE,UAAUH,EAAE,WAAWR,EAAS;AACzC,QAAAN,EAAA,qBAAqBE,EAAM,aAAagB,CAAE,GAC/CJ,EAAE,UAAUG,EAAE;AAAA,MAChB,CAG4E;AAE5E,OAAC,WAAW,eAAe,EAAE,QAAQ,CAACE,MAAc;AAClD,iBAAS,iBAAiBA,GAAWJ,GAAmB,EAAE,MAAM,IAAM;AAAA,MAAA,CACvE;AAAA,IAAA,CACF;;;;;;;;;;;;;"}
+{"version":3,"file":"HScroll.vue.js","sources":["../../src/components/HScroll.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, ref, unref } from 'vue';\nimport { useEventListener } from '../composition/useEventListener';\nimport { eventListener } from '../helpers/dom';\n\nconst emit = defineEmits(['update:scrollLeft']);\n\nconst props = defineProps<{\n  scrollLeft: number;\n  clientWidth: number;\n  scrollWidth: number;\n}>();\n\nconst scrollRef = ref<EventTarget>();\n\nconst ratioRef = computed(() => props.clientWidth / (props.scrollWidth || 1));\n\nconst visibleRef = computed(() => {\n  return ratioRef.value < 1;\n});\n\nconst scrollbarStyle = computed(() => {\n  const ratio = unref(ratioRef);\n  return {\n    left: props.scrollLeft * ratio + 'px',\n    width: Math.floor(props.clientWidth * ratio) + 'px',\n  };\n});\n\nuseEventListener(scrollRef, 'pointerdown', (down: PointerEvent) => {\n  const s = {\n    clientX: down.clientX,\n  };\n\n  const update = (e: MouseEvent) => {\n    const dy = (e.clientX - s.clientX) / ratioRef.value;\n    emit('update:scrollLeft', props.scrollLeft + dy);\n    s.clientX = e.clientX;\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const removePointerMove = eventListener(document as any, 'mousemove', update);\n\n  ['mouseup', 'pointercancel'].forEach((eventType) => {\n    document.addEventListener(eventType, removePointerMove, { once: true });\n  });\n});\n</script>\n\n<template>\n  <div v-if=\"visibleRef\" ref=\"scrollRef\" class=\"h-scroll\">\n    <div class=\"h-scroll__scrollbar\" :style=\"scrollbarStyle\" />\n  </div>\n</template>\n"],"names":["emit","__emit","props","__props","scrollRef","ref","ratioRef","computed","visibleRef","scrollbarStyle","ratio","unref","useEventListener","down","s","removePointerMove","eventListener","e","dy","eventType"],"mappings":";;;;;;;;;;;;AAKA,UAAMA,IAAOC,GAEPC,IAAQC,GAMRC,IAAYC,EAAA,GAEZC,IAAWC,EAAS,MAAML,EAAM,eAAeA,EAAM,eAAe,EAAE,GAEtEM,IAAaD,EAAS,MACnBD,EAAS,QAAQ,CACzB,GAEKG,IAAiBF,EAAS,MAAM;AACpC,YAAMG,IAAQC,EAAML,CAAQ;AAC5B,aAAO;AAAA,QACL,MAAMJ,EAAM,aAAaQ,IAAQ;AAAA,QACjC,OAAO,KAAK,MAAMR,EAAM,cAAcQ,CAAK,IAAI;AAAA,MAAA;AAAA,IAEnD,CAAC;AAED,WAAAE,EAAiBR,GAAW,eAAe,CAACS,MAAuB;AACjE,YAAMC,IAAI;AAAA,QACR,SAASD,EAAK;AAAA,MAAA,GAUVE,IAAoBC,EAAc,UAAiB,aAP1C,CAACC,MAAkB;AAChC,cAAMC,KAAMD,EAAE,UAAUH,EAAE,WAAWR,EAAS;AAC9C,QAAAN,EAAK,qBAAqBE,EAAM,aAAagB,CAAE,GAC/CJ,EAAE,UAAUG,EAAE;AAAA,MAChB,CAG4E;AAE5E,OAAC,WAAW,eAAe,EAAE,QAAQ,CAACE,MAAc;AAClD,iBAAS,iBAAiBA,GAAWJ,GAAmB,EAAE,MAAM,IAAM;AAAA,MACxE,CAAC;AAAA,IACH,CAAC;;;;;;;;;;;;;"}

package/dist/components/InputRange.vue.d.ts

@@ -12,4 +12,3 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     separator: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;
-//# sourceMappingURL=InputRange.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"InputRange.vue.js","sources":["../../src/components/InputRange.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, reactive, ref, watch } from 'vue';\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: [number, number];\n    separator?: string;\n  }>(),\n  {\n    separator: '-',\n  },\n);\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', val: [number, number]): void;\n  (e: 'change', val: [number, number]): void;\n}>();\n\nconst data = reactive({\n  left: props.modelValue[0],\n  right: props.modelValue[1],\n});\n\nconst isFocused = ref(false);\n\nconst classes = computed(() => (isFocused.value ? 'ui-input-range-focused' : 'ui-input-range-focused'));\n\nconst valuesModel = computed({\n  get() {\n    return {\n      left: Math.min(...props.modelValue), // dangerous....\n      right: Math.max(...props.modelValue),\n    };\n  },\n  set() {},\n});\n\nwatch(\n  () => valuesModel.value,\n  (value) => (data.left = value.left) && (data.right = value.right),\n);\n\n// watch(\n//   () => props.modelValue,\n//   (value: [number, number]) => {\n//     console.log('model value updated');\n//     (data.left = value[0]), (data.right = value[1]);\n//   },\n// );\n\nfunction updateModel() {\n  emit('update:modelValue', [+data.left, +data.right]);\n  emit('change', [+data.left, +data.right]);\n}\n\nfunction validateInput(isLeft: boolean, event: Event) {\n  const value: string = (event.target as HTMLInputElement).value;\n  const result = /^[0-9]{0,2}$/.test(value);\n  // if there is more than 3 digits we cut last one\n  if (!result) {\n    if (isLeft) {\n      data.left = +value.slice(0, value.length - 1);\n    } else {\n      data.right = +value.slice(0, value.length - 1);\n    }\n  } else {\n    if (isLeft) {\n      data.left = +value;\n    } else {\n      data.right = +value;\n    }\n  }\n}\n</script>\n\n<template>\n  <!-- {{ data }} -->\n  <div :class=\"classes\" class=\"ui-input-range\" v-bind=\"$attrs\">\n    <input\n      v-model=\"valuesModel.left\"\n      class=\"text-s\"\n      type=\"text\"\n      @change=\"updateModel\"\n      @focus=\"isFocused = true\"\n      @focusout=\"isFocused = false\"\n      @input=\"validateInput(true, $event)\"\n    />\n    <div class=\"ui-input-range__separator\">{{ props.separator }}</div>\n    <input\n      v-model=\"valuesModel.right\"\n      class=\"text-s\"\n      type=\"text\"\n      @change=\"updateModel\"\n      @focus=\"isFocused = true\"\n      @focusout=\"isFocused = false\"\n      @input=\"validateInput(false, $event)\"\n    />\n  </div>\n</template>\n"],"names":["props","__props","emit","__emit","data","reactive","isFocused","ref","classes","computed","valuesModel","watch","value","updateModel","validateInput","isLeft","event"],"mappings":";;;;;;;;;AAGA,UAAMA,IAAQC,GAURC,IAAOC,GAKPC,IAAOC,EAAS;AAAA,MACpB,MAAML,EAAM,WAAW,CAAC;AAAA,MACxB,OAAOA,EAAM,WAAW,CAAC;AAAA,IAAA,CAC1B,GAEKM,IAAYC,EAAI,EAAK,GAErBC,IAAUC,EAAS,OAAOH,EAAU,OAAQ,yBAAoD,GAEhGI,IAAcD,EAAS;AAAA,MAC3B,MAAM;AACG,eAAA;AAAA,UACL,MAAM,KAAK,IAAI,GAAGT,EAAM,UAAU;AAAA;AAAA,UAClC,OAAO,KAAK,IAAI,GAAGA,EAAM,UAAU;AAAA,QACrC;AAAA,MACF;AAAA,MACA,MAAM;AAAA,MAAA;AAAA,IAAC,CACR;AAED,IAAAW;AAAA,MACE,MAAMD,EAAY;AAAA,MAClB,CAACE,OAAWR,EAAK,OAAOQ,EAAM,UAAUR,EAAK,QAAQQ,EAAM;AAAA,IAC7D;AAUA,aAASC,IAAc;AAChB,MAAAX,EAAA,qBAAqB,CAAC,CAACE,EAAK,MAAM,CAACA,EAAK,KAAK,CAAC,GAC9CF,EAAA,UAAU,CAAC,CAACE,EAAK,MAAM,CAACA,EAAK,KAAK,CAAC;AAAA,IAAA;AAGjC,aAAAU,EAAcC,GAAiBC,GAAc;AAC9C,YAAAJ,IAAiBI,EAAM,OAA4B;AAGzD,MAFe,eAAe,KAAKJ,CAAK,IASlCG,IACFX,EAAK,OAAO,CAACQ,IAEbR,EAAK,QAAQ,CAACQ,IATZG,IACFX,EAAK,OAAO,CAACQ,EAAM,MAAM,GAAGA,EAAM,SAAS,CAAC,IAE5CR,EAAK,QAAQ,CAACQ,EAAM,MAAM,GAAGA,EAAM,SAAS,CAAC;AAAA,IAQjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"InputRange.vue.js","sources":["../../src/components/InputRange.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, reactive, ref, watch } from 'vue';\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: [number, number];\n    separator?: string;\n  }>(),\n  {\n    separator: '-',\n  },\n);\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', val: [number, number]): void;\n  (e: 'change', val: [number, number]): void;\n}>();\n\nconst data = reactive({\n  left: props.modelValue[0],\n  right: props.modelValue[1],\n});\n\nconst isFocused = ref(false);\n\nconst classes = computed(() => (isFocused.value ? 'ui-input-range-focused' : 'ui-input-range-focused'));\n\nconst valuesModel = computed({\n  get() {\n    return {\n      left: Math.min(...props.modelValue), // dangerous....\n      right: Math.max(...props.modelValue),\n    };\n  },\n  set() {},\n});\n\nwatch(\n  () => valuesModel.value,\n  (value) => (data.left = value.left) && (data.right = value.right),\n);\n\n// watch(\n//   () => props.modelValue,\n//   (value: [number, number]) => {\n//     console.log('model value updated');\n//     (data.left = value[0]), (data.right = value[1]);\n//   },\n// );\n\nfunction updateModel() {\n  emit('update:modelValue', [+data.left, +data.right]);\n  emit('change', [+data.left, +data.right]);\n}\n\nfunction validateInput(isLeft: boolean, event: Event) {\n  const value: string = (event.target as HTMLInputElement).value;\n  const result = /^[0-9]{0,2}$/.test(value);\n  // if there is more than 3 digits we cut last one\n  if (!result) {\n    if (isLeft) {\n      data.left = +value.slice(0, value.length - 1);\n    } else {\n      data.right = +value.slice(0, value.length - 1);\n    }\n  } else {\n    if (isLeft) {\n      data.left = +value;\n    } else {\n      data.right = +value;\n    }\n  }\n}\n</script>\n\n<template>\n  <!-- {{ data }} -->\n  <div :class=\"classes\" class=\"ui-input-range\" v-bind=\"$attrs\">\n    <input\n      v-model=\"valuesModel.left\"\n      class=\"text-s\"\n      type=\"text\"\n      @change=\"updateModel\"\n      @focus=\"isFocused = true\"\n      @focusout=\"isFocused = false\"\n      @input=\"validateInput(true, $event)\"\n    />\n    <div class=\"ui-input-range__separator\">{{ props.separator }}</div>\n    <input\n      v-model=\"valuesModel.right\"\n      class=\"text-s\"\n      type=\"text\"\n      @change=\"updateModel\"\n      @focus=\"isFocused = true\"\n      @focusout=\"isFocused = false\"\n      @input=\"validateInput(false, $event)\"\n    />\n  </div>\n</template>\n"],"names":["props","__props","emit","__emit","data","reactive","isFocused","ref","classes","computed","valuesModel","watch","value","updateModel","validateInput","isLeft","event"],"mappings":";;;;;;;;;AAGA,UAAMA,IAAQC,GAURC,IAAOC,GAKPC,IAAOC,EAAS;AAAA,MACpB,MAAML,EAAM,WAAW,CAAC;AAAA,MACxB,OAAOA,EAAM,WAAW,CAAC;AAAA,IAAA,CAC1B,GAEKM,IAAYC,EAAI,EAAK,GAErBC,IAAUC,EAAS,OAAOH,EAAU,OAAQ,yBAAoD,GAEhGI,IAAcD,EAAS;AAAA,MAC3B,MAAM;AACJ,eAAO;AAAA,UACL,MAAM,KAAK,IAAI,GAAGT,EAAM,UAAU;AAAA;AAAA,UAClC,OAAO,KAAK,IAAI,GAAGA,EAAM,UAAU;AAAA,QAAA;AAAA,MAEvC;AAAA,MACA,MAAM;AAAA,MAAC;AAAA,IAAA,CACR;AAED,IAAAW;AAAA,MACE,MAAMD,EAAY;AAAA,MAClB,CAACE,OAAWR,EAAK,OAAOQ,EAAM,UAAUR,EAAK,QAAQQ,EAAM;AAAA,IAAA;AAW7D,aAASC,IAAc;AACrB,MAAAX,EAAK,qBAAqB,CAAC,CAACE,EAAK,MAAM,CAACA,EAAK,KAAK,CAAC,GACnDF,EAAK,UAAU,CAAC,CAACE,EAAK,MAAM,CAACA,EAAK,KAAK,CAAC;AAAA,IAC1C;AAEA,aAASU,EAAcC,GAAiBC,GAAc;AACpD,YAAMJ,IAAiBI,EAAM,OAA4B;AAGzD,MAFe,eAAe,KAAKJ,CAAK,IASlCG,IACFX,EAAK,OAAO,CAACQ,IAEbR,EAAK,QAAQ,CAACQ,IATZG,IACFX,EAAK,OAAO,CAACQ,EAAM,MAAM,GAAGA,EAAM,SAAS,CAAC,IAE5CR,EAAK,QAAQ,CAACQ,EAAM,MAAM,GAAGA,EAAM,SAAS,CAAC;AAAA,IASnD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/LongText.vue.d.ts

@@ -19,4 +19,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=LongText.vue.d.ts.map

package/dist/components/LongText.vue.js

@@ -1,17 +1,17 @@
-import { defineComponent as d, useCssVars as f, computed as l, ref as n, createElementBlock as v, openBlock as _, mergeProps as E, createElementVNode as r, normalizeClass as h, renderSlot as b } from "vue";
-import { debounce as C, notEmpty as H } from "../lib/util/helpers/dist/index.js";
+import { defineComponent as d, useCssVars as f, computed as l, ref as s, createElementBlock as v, openBlock as _, mergeProps as E, createElementVNode as r, normalizeClass as h, renderSlot as b } from "vue";
+import { debounce as H, notEmpty as g } from "@milaboratories/helpers";
 const T = /* @__PURE__ */ d({
   __name: "LongText",
-  setup(g) {
+  setup(k) {
     f((e) => ({
       "5deba9de": c.value
     }));
-    const t = n(!1), s = n(), a = n(!1), u = l(() => a.value && t.value ? "ui-lt-animate" : ""), o = C((e) => a.value = e, 500), c = l(() => {
+    const t = s(!1), n = s(), a = s(!1), u = l(() => a.value && t.value ? "ui-lt-animate" : ""), o = H((e) => a.value = e, 500), c = l(() => {
       var e;
-      return s.value ? `${((e = s.value) == null ? void 0 : e.innerHTML.length) * 0.4}s` : "5s";
+      return n.value ? `${((e = n.value) == null ? void 0 : e.innerHTML.length) * 0.4}s` : "5s";
     });
     function i() {
-      const e = H(s.value, "span cannot be empty");
+      const e = g(n.value, "span cannot be empty");
       t.value = e.clientWidth < e.scrollWidth;
     }
     function m() {
@@ -20,14 +20,14 @@ const T = /* @__PURE__ */ d({
     function p() {
       o(!1);
     }
-    return (e, k) => (_(), v("div", E(e.$attrs, { class: "ui-lt-container" }), [
+    return (e, y) => (_(), v("div", E(e.$attrs, { class: "ui-lt-container" }), [
       r("span", {
         onMouseover: m,
         onMouseleave: p
       }, [
         r("span", {
           ref_key: "span",
-          ref: s,
+          ref: n,
           class: h(u.value)
         }, [
           b(e.$slots, "default")

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

@@ -1 +1 @@
-{"version":3,"file":"LongText.vue.js","sources":["../../src/components/LongText.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue';\nimport { debounce, notEmpty } from '@milaboratories/helpers';\n\nconst hasElementEllipsis = ref(false);\n\nconst span = ref<HTMLElement>();\n\nconst isHovered = ref(false);\n\nconst classes = computed(() => (isHovered.value && hasElementEllipsis.value ? 'ui-lt-animate' : ''));\n\nconst updateStatus = debounce((val: boolean) => (isHovered.value = val), 500);\n\nconst animationTime = computed(() => {\n  return span.value ? `${span.value?.innerHTML.length * 0.4}s` : '5s';\n});\n\nfunction isEllipsisEnabled() {\n  const el = notEmpty(span.value, 'span cannot be empty');\n  hasElementEllipsis.value = el.clientWidth < el.scrollWidth;\n}\n\nfunction mouseoverHandler() {\n  isEllipsisEnabled();\n  updateStatus(true);\n}\n\nfunction mouseoutHandler() {\n  updateStatus(false);\n}\n</script>\n\n<template>\n  <div v-bind=\"$attrs\" class=\"ui-lt-container\">\n    <span @mouseover=\"mouseoverHandler\" @mouseleave=\"mouseoutHandler\">\n      <span ref=\"span\" :class=\"classes\"><slot /></span>\n    </span>\n  </div>\n</template>\n\n<style lang=\"scss\">\n.ui-lt-container {\n  min-width: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  position: relative;\n  border-radius: 5px;\n\n  span {\n    display: inline-block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    width: 100%;\n    vertical-align: bottom;\n    pointer-events: all !important;\n  }\n\n  .ui-lt-animate {\n    position: relative;\n    animation: left-to-right v-bind(animationTime) infinite alternate linear;\n\n    overflow: unset !important;\n    text-overflow: unset !important;\n    width: fit-content !important;\n  }\n}\n\n@keyframes left-to-right {\n  0% {\n    transform: translateX(0%);\n    left: 0%;\n  }\n\n  100% {\n    transform: translateX(-101%);\n    left: 101%;\n  }\n}\n</style>\n"],"names":["hasElementEllipsis","ref","span","isHovered","classes","computed","updateStatus","debounce","val","animationTime","_a","isEllipsisEnabled","el","notEmpty","mouseoverHandler","mouseoutHandler"],"mappings":";;;;;;;;AAIM,UAAAA,IAAqBC,EAAI,EAAK,GAE9BC,IAAOD,EAAiB,GAExBE,IAAYF,EAAI,EAAK,GAErBG,IAAUC,EAAS,MAAOF,EAAU,SAASH,EAAmB,QAAQ,kBAAkB,EAAG,GAE7FM,IAAeC,EAAS,CAACC,MAAkBL,EAAU,QAAQK,GAAM,GAAG,GAEtEC,IAAgBJ,EAAS,MAAM;;AAC5B,aAAAH,EAAK,QAAQ,KAAGQ,IAAAR,EAAK,UAAL,gBAAAQ,EAAY,UAAU,UAAS,GAAG,MAAM;AAAA,IAAA,CAChE;AAED,aAASC,IAAoB;AAC3B,YAAMC,IAAKC,EAASX,EAAK,OAAO,sBAAsB;AACnC,MAAAF,EAAA,QAAQY,EAAG,cAAcA,EAAG;AAAA,IAAA;AAGjD,aAASE,IAAmB;AACR,MAAAH,EAAA,GAClBL,EAAa,EAAI;AAAA,IAAA;AAGnB,aAASS,IAAkB;AACzB,MAAAT,EAAa,EAAK;AAAA,IAAA;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"LongText.vue.js","sources":["../../src/components/LongText.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue';\nimport { debounce, notEmpty } from '@milaboratories/helpers';\n\nconst hasElementEllipsis = ref(false);\n\nconst span = ref<HTMLElement>();\n\nconst isHovered = ref(false);\n\nconst classes = computed(() => (isHovered.value && hasElementEllipsis.value ? 'ui-lt-animate' : ''));\n\nconst updateStatus = debounce((val: boolean) => (isHovered.value = val), 500);\n\nconst animationTime = computed(() => {\n  return span.value ? `${span.value?.innerHTML.length * 0.4}s` : '5s';\n});\n\nfunction isEllipsisEnabled() {\n  const el = notEmpty(span.value, 'span cannot be empty');\n  hasElementEllipsis.value = el.clientWidth < el.scrollWidth;\n}\n\nfunction mouseoverHandler() {\n  isEllipsisEnabled();\n  updateStatus(true);\n}\n\nfunction mouseoutHandler() {\n  updateStatus(false);\n}\n</script>\n\n<template>\n  <div v-bind=\"$attrs\" class=\"ui-lt-container\">\n    <span @mouseover=\"mouseoverHandler\" @mouseleave=\"mouseoutHandler\">\n      <span ref=\"span\" :class=\"classes\"><slot /></span>\n    </span>\n  </div>\n</template>\n\n<style lang=\"scss\">\n.ui-lt-container {\n  min-width: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  position: relative;\n  border-radius: 5px;\n\n  span {\n    display: inline-block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    width: 100%;\n    vertical-align: bottom;\n    pointer-events: all !important;\n  }\n\n  .ui-lt-animate {\n    position: relative;\n    animation: left-to-right v-bind(animationTime) infinite alternate linear;\n\n    overflow: unset !important;\n    text-overflow: unset !important;\n    width: fit-content !important;\n  }\n}\n\n@keyframes left-to-right {\n  0% {\n    transform: translateX(0%);\n    left: 0%;\n  }\n\n  100% {\n    transform: translateX(-101%);\n    left: 101%;\n  }\n}\n</style>\n"],"names":["hasElementEllipsis","ref","span","isHovered","classes","computed","updateStatus","debounce","val","animationTime","_a","isEllipsisEnabled","el","notEmpty","mouseoverHandler","mouseoutHandler"],"mappings":";;;;;;;;AAIA,UAAMA,IAAqBC,EAAI,EAAK,GAE9BC,IAAOD,EAAA,GAEPE,IAAYF,EAAI,EAAK,GAErBG,IAAUC,EAAS,MAAOF,EAAU,SAASH,EAAmB,QAAQ,kBAAkB,EAAG,GAE7FM,IAAeC,EAAS,CAACC,MAAkBL,EAAU,QAAQK,GAAM,GAAG,GAEtEC,IAAgBJ,EAAS,MAAM;;AACnC,aAAOH,EAAK,QAAQ,KAAGQ,IAAAR,EAAK,UAAL,gBAAAQ,EAAY,UAAU,UAAS,GAAG,MAAM;AAAA,IACjE,CAAC;AAED,aAASC,IAAoB;AAC3B,YAAMC,IAAKC,EAASX,EAAK,OAAO,sBAAsB;AACtD,MAAAF,EAAmB,QAAQY,EAAG,cAAcA,EAAG;AAAA,IACjD;AAEA,aAASE,IAAmB;AAC1B,MAAAH,EAAA,GACAL,EAAa,EAAI;AAAA,IACnB;AAEA,aAASS,IAAkB;AACzB,MAAAT,EAAa,EAAK;AAAA,IACpB;;;;;;;;;;;;;;;;;"}

package/dist/components/PlAccordion/ExpandTransition.vue.d.ts

@@ -15,4 +15,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=ExpandTransition.vue.d.ts.map

package/dist/components/PlAccordion/{ExpandTransition.vue2.js → ExpandTransition.vue.js}

@@ -24,4 +24,4 @@ const f = /* @__PURE__ */ n({
 export {
   f as default
 };
-//# sourceMappingURL=ExpandTransition.vue2.js.map
+//# sourceMappingURL=ExpandTransition.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandTransition.vue.js","sources":["../../../src/components/PlAccordion/ExpandTransition.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nconst onStart = (el: Element) => {\n  el.classList.add('expand-collapse-fix');\n  (el as HTMLElement).style.setProperty('--component-height', el.scrollHeight + 'px');\n};\n\nconst onAfter = (el: Element) => {\n  (el as HTMLElement).style.removeProperty('--component-height');\n  el.classList.remove('expand-collapse-fix');\n};\n</script>\n\n<template>\n  <Transition name=\"expand-collapse\" @enter=\"onStart\" @leave=\"onStart\" @after-enter=\"onAfter\" @after-leave=\"onAfter\">\n    <slot/>\n  </Transition>\n</template>\n\n<style>\n.expand-collapse-fix {\n  overflow: hidden;\n}\n\n.expand-collapse-enter-active,\n.expand-collapse-leave-active {\n  transition:\n    height 0.2s ease-in-out,\n    opacity 0.2s ease-in-out;\n  height: var(--component-height);\n}\n\n.expand-collapse-enter-from,\n.expand-collapse-leave-to {\n  opacity: 0.5;\n  height: 0;\n}\n</style>\n"],"names":["onStart","el","onAfter"],"mappings":";;;;AACA,UAAMA,IAAU,CAACC,MAAgB;AAC/B,MAAAA,EAAG,UAAU,IAAI,qBAAqB,GACrCA,EAAmB,MAAM,YAAY,sBAAsBA,EAAG,eAAe,IAAI;AAAA,IACpF,GAEMC,IAAU,CAACD,MAAgB;AAC9B,MAAAA,EAAmB,MAAM,eAAe,oBAAoB,GAC7DA,EAAG,UAAU,OAAO,qBAAqB;AAAA,IAC3C;;;;;;;;;;;;;;;"}

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

@@ -1,5 +1,5 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".expand-collapse-fix{overflow:hidden}.expand-collapse-enter-active,.expand-collapse-leave-active{transition:height .2s ease-in-out,opacity .2s ease-in-out;height:var(--component-height)}.expand-collapse-enter-from,.expand-collapse-leave-to{opacity:.5;height:0}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-import o from "./ExpandTransition.vue2.js";
+import o from "./ExpandTransition.vue.js";
 
 export {
   o as default

package/dist/components/PlAccordion/PlAccordion.vue.d.ts

@@ -29,4 +29,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=PlAccordion.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlAccordion.vue.js","sources":["../../../src/components/PlAccordion/PlAccordion.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { provide, toRef } from 'vue';\n\nconst model = defineModel<string>();\n\nconst props = defineProps<{\n  /**\n   * Allow multiple accordion sections to be opened at the same time\n   */\n  multiple?: boolean;\n}>();\n\nprovide('pl-accordion-model', model);\nprovide('pl-accordion-props', toRef(props));\n</script>\n\n<template>\n  <slot name=\"header\" />\n  <slot />\n</template>\n"],"names":["model","_useModel","__props","props","provide","toRef"],"mappings":";;;;;;;;;;;AAGM,UAAAA,IAAQC,EAAmBC,GAAA,YAAC,GAE5BC,IAAQD;AAOd,WAAAE,EAAQ,sBAAsBJ,CAAK,GAC3BI,EAAA,sBAAsBC,EAAMF,CAAK,CAAC;;;;;;"}
+{"version":3,"file":"PlAccordion.vue.js","sources":["../../../src/components/PlAccordion/PlAccordion.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { provide, toRef } from 'vue';\n\nconst model = defineModel<string>();\n\nconst props = defineProps<{\n  /**\n   * Allow multiple accordion sections to be opened at the same time\n   */\n  multiple?: boolean;\n}>();\n\nprovide('pl-accordion-model', model);\nprovide('pl-accordion-props', toRef(props));\n</script>\n\n<template>\n  <slot name=\"header\" />\n  <slot />\n</template>\n"],"names":["model","_useModel","__props","props","provide","toRef"],"mappings":";;;;;;;;;;;AAGA,UAAMA,IAAQC,EAAmBC,GAAA,YAAC,GAE5BC,IAAQD;AAOd,WAAAE,EAAQ,sBAAsBJ,CAAK,GACnCI,EAAQ,sBAAsBC,EAAMF,CAAK,CAAC;;;;;;"}

package/dist/components/PlAccordion/PlAccordionSection.vue.d.ts

@@ -32,4 +32,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=PlAccordionSection.vue.d.ts.map

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

@@ -1,13 +1,13 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".expand-collapse-fix{overflow:hidden}.expand-collapse-enter-active,.expand-collapse-leave-active{transition:height .2s ease-in-out,opacity .2s ease-in-out;height:var(--component-height)}.expand-collapse-enter-from,.expand-collapse-leave-to{opacity:.5;height:0}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-import { defineComponent as M, mergeModels as V, inject as i, toRef as m, useModel as k, computed as p, createElementBlock as d, openBlock as f, createVNode as n, unref as v, normalizeClass as s, withCtx as $, createTextVNode as C, toDisplayString as S, createCommentVNode as g, renderSlot as h } from "vue";
-import { uniqueId as B } from "../../lib/util/helpers/dist/index.js";
+import { defineComponent as V, mergeModels as k, inject as i, toRef as m, useModel as C, computed as p, createElementBlock as d, openBlock as f, createVNode as n, unref as v, normalizeClass as r, withCtx as $, createTextVNode as M, toDisplayString as S, createCommentVNode as g, renderSlot as h } from "vue";
+import { uniqueId as B } from "@milaboratories/helpers";
 import N from "../PlIcon16/PlIcon16.vue.js";
 import P from "../PlSectionSeparator/PlSectionSeparator.vue.js";
-import _ from "./ExpandTransition.vue2.js";
+import _ from "./ExpandTransition.vue.js";
 
-const b = { class: "pl-accordion-section" }, E = /* @__PURE__ */ M({
+const b = { class: "pl-accordion-section" }, E = /* @__PURE__ */ V({
   __name: "PlAccordionSection",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ k({
     label: {},
     compact: { type: Boolean }
   }, {
@@ -16,7 +16,7 @@ const b = { class: "pl-accordion-section" }, E = /* @__PURE__ */ M({
   }),
   emits: ["update:modelValue"],
   setup(y) {
-    const o = i("pl-accordion-model", () => m(""), !0), r = i("pl-accordion-props", () => m({ multiple: !1 }), !0), t = k(y, "modelValue"), a = B(), c = p(() => !r || r.value.multiple), l = p({
+    const o = i("pl-accordion-model", () => m(""), !0), s = i("pl-accordion-props", () => m({ multiple: !1 }), !0), t = C(y, "modelValue"), a = B(), c = p(() => !s || s.value.multiple), l = p({
       get() {
         return c.value ? t.value : o ? o.value === a : t.value;
       },
@@ -26,16 +26,16 @@ const b = { class: "pl-accordion-section" }, E = /* @__PURE__ */ M({
     });
     return (e, u) => (f(), d("div", b, [
       n(v(P), {
-        class: s(e.$style.separator),
+        class: r(e.$style.separator),
         compact: e.compact,
         onClick: u[0] || (u[0] = (w) => l.value = !l.value)
       }, {
         default: $(() => [
           n(v(N), {
             name: "chevron-right",
-            class: s([{ [e.$style.down]: l.value }, e.$style.chevron])
+            class: r([{ [e.$style.down]: l.value }, e.$style.chevron])
           }, null, 8, ["class"]),
-          C(" " + S(e.label), 1)
+          M(" " + S(e.label), 1)
         ]),
         _: 1
       }, 8, ["class", "compact"]),
@@ -43,7 +43,7 @@ const b = { class: "pl-accordion-section" }, E = /* @__PURE__ */ M({
         default: $(() => [
           l.value ? (f(), d("div", {
             key: 0,
-            class: s(e.$style.content)
+            class: r(e.$style.content)
           }, [
             h(e.$slots, "default")
           ], 2)) : g("", !0)

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

@@ -1 +1 @@
-{"version":3,"file":"PlAccordionSection.vue2.js","sources":["../../../src/components/PlAccordion/PlAccordionSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { uniqueId } from '@milaboratories/helpers';\nimport { PlMaskIcon16 } from '../PlMaskIcon16';\nimport { PlSectionSeparator } from '../PlSectionSeparator';\nimport ExpandTransition from './ExpandTransition.vue';\nimport type { Ref } from 'vue';\nimport { computed, inject, toRef } from 'vue';\n\nconst $m = inject<Ref<string>>('pl-accordion-model', () => toRef(''), true);\n\nconst $p = inject<\n  Ref<{\n    multiple?: boolean;\n  }>\n>('pl-accordion-props', () => toRef({ multiple: false }), true);\n\nconst model = defineModel<boolean>();\n\nconst id = uniqueId();\n\nconst isMulti = computed(() => !$p || $p.value.multiple);\n\nconst open = computed({\n  get() {\n    if (isMulti.value) {\n      return model.value;\n    }\n\n    return $m ? $m.value === id : model.value;\n  },\n  set(on) {\n    if (isMulti.value) {\n      model.value = on;\n    } else if ($m) {\n      $m.value = $m.value === id ? '' : id;\n    }\n  },\n});\n\ndefineProps<{\n  /**\n   * The label text (optional)\n   */\n  label?: string;\n  /**\n   * If `true`, remove top padding\n   */\n  compact?: boolean;\n}>();\n</script>\n\n<template>\n  <div class=\"pl-accordion-section\">\n    <PlSectionSeparator :class=\"$style.separator\" :compact=\"compact\" @click=\"open = !open\">\n      <PlMaskIcon16 name=\"chevron-right\" :class=\"[{ [$style.down]: open }, $style.chevron]\" />\n      {{ label }}\n    </PlSectionSeparator>\n    <ExpandTransition>\n      <div v-if=\"open\" :class=\"$style.content\">\n        <slot />\n      </div>\n    </ExpandTransition>\n  </div>\n</template>\n\n<style module>\n.content {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-v);\n  will-change: height, opacity;\n  /* transform: translateZ(0);\n  backface-visibility: hidden; */\n}\n\n.content > *:first-child {\n  margin-top: 24px;\n}\n\n.content > *:last-child {\n  margin-bottom: 4px;\n}\n\n.separator {\n  cursor: pointer;\n  &:hover {\n    --pl-separator-txt-color: var(--txt-01);\n    --mask-icon-bg-color: var(--ic-01);\n  }\n}\n\n.chevron {\n  transition-duration: 50ms;\n}\n\n.down {\n  transform: rotate(90deg);\n}\n</style>\n"],"names":["$m","inject","toRef","$p","model","_useModel","__props","id","uniqueId","isMulti","computed","open","on"],"mappings":";;;;;;;;;;;;;;;;;AAQA,UAAMA,IAAKC,EAAoB,sBAAsB,MAAMC,EAAM,EAAE,GAAG,EAAI,GAEpEC,IAAKF,EAIT,sBAAsB,MAAMC,EAAM,EAAE,UAAU,IAAO,GAAG,EAAI,GAExDE,IAAQC,EAAoBC,GAAA,YAAC,GAE7BC,IAAKC,EAAS,GAEdC,IAAUC,EAAS,MAAM,CAACP,KAAMA,EAAG,MAAM,QAAQ,GAEjDQ,IAAOD,EAAS;AAAA,MACpB,MAAM;AACJ,eAAID,EAAQ,QACHL,EAAM,QAGRJ,IAAKA,EAAG,UAAUO,IAAKH,EAAM;AAAA,MACtC;AAAA,MACA,IAAIQ,GAAI;AACN,QAAIH,EAAQ,QACVL,EAAM,QAAQQ,IACLZ,MACTA,EAAG,QAAQA,EAAG,UAAUO,IAAK,KAAKA;AAAA,MACpC;AAAA,IACF,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlAccordionSection.vue2.js","sources":["../../../src/components/PlAccordion/PlAccordionSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { uniqueId } from '@milaboratories/helpers';\nimport { PlMaskIcon16 } from '../PlMaskIcon16';\nimport { PlSectionSeparator } from '../PlSectionSeparator';\nimport ExpandTransition from './ExpandTransition.vue';\nimport type { Ref } from 'vue';\nimport { computed, inject, toRef } from 'vue';\n\nconst $m = inject<Ref<string>>('pl-accordion-model', () => toRef(''), true);\n\nconst $p = inject<\n  Ref<{\n    multiple?: boolean;\n  }>\n>('pl-accordion-props', () => toRef({ multiple: false }), true);\n\nconst model = defineModel<boolean>();\n\nconst id = uniqueId();\n\nconst isMulti = computed(() => !$p || $p.value.multiple);\n\nconst open = computed({\n  get() {\n    if (isMulti.value) {\n      return model.value;\n    }\n\n    return $m ? $m.value === id : model.value;\n  },\n  set(on) {\n    if (isMulti.value) {\n      model.value = on;\n    } else if ($m) {\n      $m.value = $m.value === id ? '' : id;\n    }\n  },\n});\n\ndefineProps<{\n  /**\n   * The label text (optional)\n   */\n  label?: string;\n  /**\n   * If `true`, remove top padding\n   */\n  compact?: boolean;\n}>();\n</script>\n\n<template>\n  <div class=\"pl-accordion-section\">\n    <PlSectionSeparator :class=\"$style.separator\" :compact=\"compact\" @click=\"open = !open\">\n      <PlMaskIcon16 name=\"chevron-right\" :class=\"[{ [$style.down]: open }, $style.chevron]\" />\n      {{ label }}\n    </PlSectionSeparator>\n    <ExpandTransition>\n      <div v-if=\"open\" :class=\"$style.content\">\n        <slot />\n      </div>\n    </ExpandTransition>\n  </div>\n</template>\n\n<style module>\n.content {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-v);\n  will-change: height, opacity;\n  /* transform: translateZ(0);\n  backface-visibility: hidden; */\n}\n\n.content > *:first-child {\n  margin-top: 24px;\n}\n\n.content > *:last-child {\n  margin-bottom: 4px;\n}\n\n.separator {\n  cursor: pointer;\n  &:hover {\n    --pl-separator-txt-color: var(--txt-01);\n    --mask-icon-bg-color: var(--ic-01);\n  }\n}\n\n.chevron {\n  transition-duration: 50ms;\n}\n\n.down {\n  transform: rotate(90deg);\n}\n</style>\n"],"names":["$m","inject","toRef","$p","model","_useModel","__props","id","uniqueId","isMulti","computed","open","on"],"mappings":";;;;;;;;;;;;;;;;;AAQA,UAAMA,IAAKC,EAAoB,sBAAsB,MAAMC,EAAM,EAAE,GAAG,EAAI,GAEpEC,IAAKF,EAIT,sBAAsB,MAAMC,EAAM,EAAE,UAAU,IAAO,GAAG,EAAI,GAExDE,IAAQC,EAAoBC,GAAA,YAAC,GAE7BC,IAAKC,EAAA,GAELC,IAAUC,EAAS,MAAM,CAACP,KAAMA,EAAG,MAAM,QAAQ,GAEjDQ,IAAOD,EAAS;AAAA,MACpB,MAAM;AACJ,eAAID,EAAQ,QACHL,EAAM,QAGRJ,IAAKA,EAAG,UAAUO,IAAKH,EAAM;AAAA,MACtC;AAAA,MACA,IAAIQ,GAAI;AACN,QAAIH,EAAQ,QACVL,EAAM,QAAQQ,IACLZ,MACTA,EAAG,QAAQA,EAAG,UAAUO,IAAK,KAAKA;AAAA,MAEtC;AAAA,IAAA,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/PlAccordion/index.d.ts

@@ -1,3 +1,2 @@
 export { default as PlAccordion } from './PlAccordion.vue';
 export { default as PlAccordionSection } from './PlAccordionSection.vue';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/PlAlert/PlAlert.vue.d.ts

@@ -92,4 +92,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=PlAlert.vue.d.ts.map

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

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

package/dist/components/PlAlert/index.d.ts

@@ -1,2 +1 @@
 export { default as PlAlert } from './PlAlert.vue';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/PlAutocomplete/PlAutocomplete.vue.d.ts

@@ -82,4 +82,3 @@ export default _default;
 type __VLS_PrettifyLocal<T> = {
     [K in keyof T]: T[K];
 } & {};
-//# sourceMappingURL=PlAutocomplete.vue.d.ts.map

package/dist/components/PlAutocomplete/PlAutocomplete.vue.js

@@ -1,24 +1,24 @@
 (function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode(`.pl-autocomplete__options{--option-hover-bg: var(--btn-sec-hover-grey);z-index:var(--z-dropdown-options);border:1px solid var(--border-color-div-grey);position:absolute;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__options::-webkit-scrollbar{width:var(--scrollbar-width, 6px);height:5px;background-color:transparent;display:block}.pl-autocomplete__options::-webkit-scrollbar-thumb{background:var(--thumb-color);border-radius:5px}.pl-autocomplete__options::-webkit-scrollbar-thumb:hover{--thumb-color: var(--border-color-focus)}.pl-autocomplete__options .nothing-found{padding:0 10px;height:var(--control-height);line-height:var(--control-height);background-color:#fff;opacity:.5;font-style:italic}.pl-autocomplete__options .option{position:relative;padding:0 30px 0 10px;height:var(--control-height);line-height:var(--control-height);cursor:pointer;-webkit-user-select:none;user-select:none}.pl-autocomplete__options .option .checkmark{position:absolute;display:none;right:10px;top:50%;transform:translateY(-50%)}.pl-autocomplete__options .option>span{display:block;overflow:hidden;white-space:nowrap;max-width:100%;text-overflow:ellipsis}.pl-autocomplete__options .option.selected{background-color:var(--color-active-select)}.pl-autocomplete__options .option.selected .checkmark{display:block}.pl-autocomplete__options .option.active:not(.selected){background-color:var(--option-hover-bg)}.pl-autocomplete__options .option:hover{background-color:var(--option-hover-bg)}.pl-autocomplete{--contour-color: var(--txt-01);--contour-border-width: 1px;--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)}.pl-autocomplete__envelope{font-family:var(--control-font-family);min-width:160px}.pl-autocomplete 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-autocomplete label>span{overflow:hidden;white-space:pre;text-overflow:ellipsis}.pl-autocomplete__container{position:absolute;top:0;left:0;right:0;border-radius:6px;min-height:var(--control-height);color:var(--txt-01)}.pl-autocomplete__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__field{position:relative;border-radius:6px;overflow:hidden;background:transparent;padding-left:11px;min-height:var(--control-height);line-height:var(--control-height);display:flex;flex-direction:row;align-items:center;cursor:pointer}.pl-autocomplete__field .input-value{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;flex-direction:row;align-items:center;padding:0 60px 0 11px;pointer-events:none;line-height:20px;color:var(--txt-01);overflow:hidden;white-space:pre;text-overflow:ellipsis;cursor:inherit}.pl-autocomplete__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% - 40px);color:var(--txt-01);caret-color:var(--border-color-focus)}.pl-autocomplete__field input:focus{outline:none}.pl-autocomplete__field input:placeholder-shown{text-overflow:ellipsis}.pl-autocomplete__field input::placeholder{color:var(--color-placeholder)}.pl-autocomplete__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__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__controls{display:flex;flex-direction:row;align-items:center;min-height:var(--control-height);gap:6px;margin-left:auto}.pl-autocomplete__controls .mask-16,.pl-autocomplete__controls .mask-24{--icon-color: var(--control-mask-fill);cursor:pointer}.pl-autocomplete__controls .clear{--icon-color: var(--ic-02)}.pl-autocomplete__controls .mask-loading{--icon-color: var(#07AD3E);animation:spin 2.5s linear infinite}.pl-autocomplete__arrow-wrapper{display:flex;align-items:center;min-height:var(--control-height);padding-right:11px}.pl-autocomplete .arrow-icon{cursor:pointer}.pl-autocomplete .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.open,.pl-autocomplete:focus-within{z-index:1;--label-color: var(--txt-focus)}.pl-autocomplete.open .pl-autocomplete__container{z-index:1000}.pl-autocomplete.open .pl-autocomplete__field{border-radius:6px 6px 0 0}.pl-autocomplete.open .arrow-icon.arrow-icon-default{background-color:var(--control-mask-fill);transform:rotate(-180deg)}.pl-autocomplete:hover{--contour-color: var(--control-hover-color)}.pl-autocomplete: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:focus-within.error{--contour-border-width: 2px;--contour-box-shadow: 0 0 0 4px var(--color-error-shadow)}.pl-autocomplete.error{--contour-color: var(--txt-error);--label-color: var(--txt-error)}.pl-autocomplete.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;-webkit-user-select:none;user-select:none}.pl-autocomplete.disabled .input-value{color:var(--dis-01)}
 .ui-lt-container{min-width:0;white-space:nowrap;overflow:hidden;position:relative;border-radius:5px}.ui-lt-container span{display:inline-block;overflow:hidden;text-overflow:ellipsis;width:100%;vertical-align:bottom;pointer-events:all!important}.ui-lt-container .ui-lt-animate{position:relative;animation:left-to-right var(--5deba9de) infinite alternate linear;overflow:unset!important;text-overflow:unset!important;width:fit-content!important}@keyframes left-to-right{0%{transform:translate(0);left:0%}to{transform:translate(-101%);left:101%}}`)),document.head.appendChild(o)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import { defineComponent as se, mergeModels as ie, useModel as ue, useSlots as ce, ref as f, useTemplateRef as de, reactive as pe, computed as p, unref as m, watch as h, watchPostEffect as ve, createElementBlock as s, openBlock as a, withModifiers as O, createElementVNode as _, createCommentVNode as c, normalizeClass as F, createBlock as k, createVNode as N, withDirectives as fe, vModelText as me, withCtx as M, createTextVNode as he, toDisplayString as w, renderSlot as P, Fragment as _e, renderList as ye } from "vue";
+import { defineComponent as se, mergeModels as ie, useModel as ue, useSlots as ce, ref as f, useTemplateRef as de, reactive as pe, computed as p, unref as m, watch as h, watchPostEffect as ve, createElementBlock as s, openBlock as a, withModifiers as O, createElementVNode as _, createCommentVNode as c, normalizeClass as M, createBlock as k, createVNode as N, withDirectives as fe, vModelText as me, withCtx as R, createTextVNode as he, toDisplayString as w, renderSlot as P, Fragment as _e, renderList as ye } from "vue";
 
 import { tap as ge } from "../../helpers/functions.js";
 import ke from "../PlTooltip/PlTooltip.vue.js";
 import we from "../../utils/DoubleContour.vue.js";
-import { useLabelNotch as be } from "../../utils/useLabelNotch.js";
-import { deepEqual as b } from "../../helpers/objects.js";
-import Ie from "../DropdownListItem.vue.js";
+import { useLabelNotch as Ie } from "../../utils/useLabelNotch.js";
+import { deepEqual as I } from "../../helpers/objects.js";
+import be from "../DropdownListItem.vue.js";
 import Se from "../LongText.vue.js";
 
 import { normalizeListOptions as T } from "../../helpers/utils.js";
 import Oe from "../PlIcon16/PlIcon16.vue.js";
 import xe from "../PlIcon24/PlIcon24.vue.js";
 import Ee from "../../utils/DropdownOverlay/DropdownOverlay.vue.js";
+import { refDebounced as Ve } from "@vueuse/core";
 import { useWatchFetch as H } from "../../composition/useWatchFetch.js";
-import Ve from "../../generated/components/svg/images/SvgRequired.vue2.js";
-import { getErrorMessage as Ae } from "../../helpers/error.js";
-import { debouncedRef as Ce } from "../../node_modules/.pnpm/@vueuse_shared@13.3.0_vue@3.5.13_typescript@5.6.3_/node_modules/@vueuse/shared/index.js";
-const De = ["tabindex"], Re = { class: "pl-autocomplete__container" }, Fe = { class: "pl-autocomplete__field" }, Me = ["disabled", "placeholder"], $e = {
+import Ae from "../../generated/components/svg/images/SvgRequired.vue.js";
+import { getErrorMessage as Ce } from "../../helpers/error.js";
+const De = ["tabindex"], Fe = { class: "pl-autocomplete__container" }, Me = { class: "pl-autocomplete__field" }, Re = ["disabled", "placeholder"], $e = {
   key: 0,
   class: "input-value"
 }, Be = { class: "pl-autocomplete__controls" }, Le = {
@@ -54,33 +54,33 @@ const De = ["tabindex"], Re = { class: "pl-autocomplete__container" }, Fe = { cl
     arrowIcon: { default: void 0 },
     arrowIconLarge: { default: void 0 },
     optionSize: { default: "small" },
-    formatValue: { type: Function, default: (I) => String(I) }
+    formatValue: { type: Function, default: (b) => String(b) }
   }, {
     modelValue: { required: !0 },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(I) {
-    const n = ue(I, "modelValue"), u = I, U = ce(), d = f(), x = f(), $ = de("overlay"), i = f(null), t = pe({
+  setup(b) {
+    const n = ue(b, "modelValue"), u = b, U = ce(), d = f(), x = f(), $ = de("overlay"), i = f(null), t = pe({
       activeIndex: -1,
       open: !1
     }), K = () => ge(
-      g.value.findIndex((e) => b(e.value, n.value)),
+      g.value.findIndex((e) => I(e.value, n.value)),
       (e) => e < 0 ? 0 : e
     ), W = () => t.activeIndex = K(), E = f([]), y = f(), g = p(() => T(E.value).map((e, o) => ({
       ...e,
       index: o,
       isSelected: o === j.value,
       isActive: o === t.activeIndex
-    }))), S = f(!0), V = f(!1), A = p(() => u.disabled), j = p(() => E.value.findIndex((e) => b(e.value, n.value))), C = p(() => {
+    }))), S = f(!0), V = f(!1), A = p(() => u.disabled), j = p(() => E.value.findIndex((e) => I(e.value, n.value))), C = p(() => {
       if (!S.value) {
         if (u.error)
-          return Ae(u.error);
+          return Ce(u.error);
         if (V.value)
           return "Data loading error";
       }
     }), B = p(() => {
-      const e = m(y), o = m(g), l = e ?? o.find((r) => b(r.value, n.value)) ?? o.find((r) => b(r.value, n.value));
+      const e = m(y), o = m(g), l = e ?? o.find((r) => I(r.value, n.value)) ?? o.find((r) => I(r.value, n.value));
       return (l == null ? void 0 : l.label) || (n.value ? u.formatValue(n.value) : "");
     }), G = p(() => !t.open && n.value ? "" : n.value ? String(B.value) : u.placeholder), J = p(() => n.value !== void 0 && n.value !== null), Q = p(() => A.value ? void 0 : "0"), L = (e) => {
       var o;
@@ -117,11 +117,11 @@ const De = ["tabindex"], Re = { class: "pl-autocomplete__container" }, Fe = { cl
       const r = m(g), { length: v } = r;
       if (!v)
         return;
-      e.code === "Enter" && L(r.find((R) => R.index === l));
-      const ae = r.findIndex((R) => R.index === l) ?? -1, ne = e.code === "ArrowDown" ? 1 : e.code === "ArrowUp" ? -1 : 0, re = Math.abs(ae + ne + v) % v;
+      e.code === "Enter" && L(r.find((F) => F.index === l));
+      const ae = r.findIndex((F) => F.index === l) ?? -1, ne = e.code === "ArrowDown" ? 1 : e.code === "ArrowUp" ? -1 : 0, re = Math.abs(ae + ne + v) % v;
       t.activeIndex = g.value[re].index ?? -1;
     };
-    be(d), h(() => n.value, W, { immediate: !0 }), h(
+    Ie(d), h(() => n.value, W, { immediate: !0 }), h(
       () => t.open,
       (e) => {
         var o;
@@ -131,9 +131,9 @@ const De = ["tabindex"], Re = { class: "pl-autocomplete__container" }, Fe = { cl
       var e;
       i.value, t.activeIndex >= 0 && t.open && ((e = $.value) == null || e.scrollIntoActive());
     });
-    const le = Ce(i, 300, { maxWait: 1e3 }), D = H(() => le.value, async (e) => e !== null ? u.optionsSearch(e) : []), q = H(() => n.value, async (e) => {
+    const le = Ve(i, 300, { maxWait: 1e3 }), D = H(() => le.value, async (e) => e !== null ? u.optionsSearch(e) : []), q = H(() => n.value, async (e) => {
       var o, l;
-      return e && !b((o = y.value) == null ? void 0 : o.value, e) ? u.modelSearch ? u.modelSearch(e) : (l = await u.optionsSearch(String(e))) == null ? void 0 : l[0] : y.value;
+      return e && !I((o = y.value) == null ? void 0 : o.value, e) ? u.modelSearch ? u.modelSearch(e) : (l = await u.optionsSearch(String(e))) == null ? void 0 : l[0] : y.value;
     });
     return h(() => D.value, (e) => {
       e && (E.value = e, i.value !== null && (V.value = !1));
@@ -151,12 +151,12 @@ const De = ["tabindex"], Re = { class: "pl-autocomplete__container" }, Fe = { cl
         ref_key: "rootRef",
         ref: d,
         tabindex: Q.value,
-        class: F(["pl-autocomplete", { open: t.open, error: !!C.value, disabled: A.value }]),
+        class: M(["pl-autocomplete", { open: t.open, error: !!C.value, disabled: A.value }]),
         onKeydown: te,
         onFocusout: oe
       }, [
-        _("div", Re, [
-          _("div", Fe, [
+        _("div", Fe, [
+          _("div", Me, [
             fe(_("input", {
               ref_key: "input",
               ref: x,
@@ -168,12 +168,12 @@ const De = ["tabindex"], Re = { class: "pl-autocomplete__container" }, Fe = { cl
               spellcheck: "false",
               autocomplete: "chrome-off",
               onFocus: ee
-            }, null, 40, Me), [
+            }, null, 40, Re), [
               [me, i.value]
             ]),
             t.open ? c("", !0) : (a(), s("div", $e, [
               N(Se, null, {
-                default: M(() => [
+                default: R(() => [
                   he(w(B.value), 1)
                 ]),
                 _: 1
@@ -197,23 +197,23 @@ const De = ["tabindex"], Re = { class: "pl-autocomplete__container" }, Fe = { cl
               }, [
                 e.arrowIconLarge ? (a(), s("div", {
                   key: 0,
-                  class: F(["arrow-icon", [`icon-24 ${e.arrowIconLarge}`]])
+                  class: M(["arrow-icon", [`icon-24 ${e.arrowIconLarge}`]])
                 }, null, 2)) : e.arrowIcon ? (a(), s("div", {
                   key: 1,
-                  class: F(["arrow-icon", [`icon-16 ${e.arrowIcon}`]])
+                  class: M(["arrow-icon", [`icon-16 ${e.arrowIcon}`]])
                 }, null, 2)) : (a(), s("div", Le))
               ])
             ])
           ]),
           e.label ? (a(), s("label", qe, [
-            e.required ? (a(), k(Ve, { key: 0 })) : c("", !0),
+            e.required ? (a(), k(Ae, { key: 0 })) : c("", !0),
             _("span", null, w(e.label), 1),
             U.tooltip ? (a(), k(m(ke), {
               key: 1,
               class: "info",
               position: "top"
             }, {
-              tooltip: M(() => [
+              tooltip: R(() => [
                 P(e.$slots, "tooltip")
               ]),
               _: 3
@@ -227,8 +227,8 @@ const De = ["tabindex"], Re = { class: "pl-autocomplete__container" }, Fe = { cl
             tabindex: "-1",
             gap: 3
           }, {
-            default: M(() => [
-              (a(!0), s(_e, null, ye(g.value, (l, r) => (a(), k(Ie, {
+            default: R(() => [
+              (a(!0), s(_e, null, ye(g.value, (l, r) => (a(), k(be, {
                 key: r,
                 option: l,
                 "is-selected": l.isSelected,