@milaboratories/uikit 2.2.89 → 2.2.91

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

@@ -0,0 +1,144 @@
+import { Component } from 'vue';
+import { Branded, Values } from '@milaboratories/helpers';
+type TypeMap = {
+    integer: number;
+    float: number;
+    string: string;
+    unknown: number | string;
+};
+export type ValueType = keyof TypeMap;
+export type TableProps = {
+    settings: TableSettings;
+};
+export type DataWindow = {
+    bodyHeight: number;
+    scrollTop: number;
+};
+export type TableData = {
+    rowIndex: number;
+    pendingLoads: number;
+    columns: readonly ColumnSpecSettings[];
+    rows: readonly Row[];
+    currentWindow?: DataWindow;
+    resize: boolean;
+    resizeTh?: ResizeTh;
+    dataHeight: number;
+    bodyHeight: number;
+    bodyWidth: number;
+    scrollTop: number;
+    scrollLeft: number;
+    selectedRows: Set<PrimaryKey>;
+    selectedColumns: Set<string>;
+    error?: unknown;
+};
+export type DataRow = Record<string, unknown>;
+export type PrimaryKey = Branded<string, 'PrimaryKey'>;
+export type ResolvePrimaryKey<D extends DataRow = DataRow> = (dataRow: D, index: number) => string;
+export type ResolveRowHeight<D extends DataRow = DataRow> = (dataRow: D, index: number) => number;
+export type SelectedRowsOperation<D extends DataRow = DataRow> = {
+    label: string;
+    cb: (rows: Row<D>[]) => Promise<void>;
+};
+export type SelectedColumnsOperation<D extends DataRow = DataRow> = {
+    label: string;
+    cb: (columns: ColumnSpec<D>[]) => Promise<void>;
+};
+export type TableSettings<D extends DataRow = DataRow> = Readonly<{
+    columns: ColumnSpec<D>[];
+    dataSource: DataSource<D>;
+    gap?: number;
+    height: number;
+    addColumn?: () => Promise<void>;
+    controlColumn?: boolean;
+    onSelectedRows?: SelectedRowsOperation<D>[];
+    onSelectedColumns?: SelectedColumnsOperation<D>[];
+    onUpdatedRow?: (row: Row<D>) => void;
+}>;
+export type ColumnSpecSettings<ID = string, _Value = unknown> = {
+    label: string;
+    id: ID;
+    width: number;
+    justify?: 'center' | 'start';
+    sort?: {
+        direction: 'DESC' | 'ASC' | undefined;
+    };
+    component?: () => Component;
+    editable?: boolean;
+    valueType?: ValueType;
+    frozen?: boolean;
+};
+export type ColumnSpec<D extends DataRow = DataRow> = Values<{
+    [P in keyof D]: ColumnSpecSettings<P, D[P]>;
+}>;
+export type TableCell<D extends DataRow = DataRow> = Values<{
+    [P in keyof D]: {
+        id: P;
+        column: ColumnSpecSettings<P, D[P]>;
+        row: Row<D>;
+        value: D[P];
+        class: string;
+        editable?: boolean;
+        width: number;
+        style: ColumnStyle;
+        control?: boolean;
+    };
+}>;
+export type Row<D extends DataRow = DataRow> = {
+    dataRow: D;
+    index: number;
+    primaryKey: PrimaryKey;
+    offset: number;
+    height: number;
+};
+export type TableRow = {
+    style: {
+        top: `${number}px`;
+        height: `${number}px`;
+    };
+    offset: number;
+    height: number;
+    cells: TableCell[];
+    primaryKey: PrimaryKey;
+    selected?: boolean;
+};
+export type ColumnStyle = {
+    left: string;
+    width: string;
+};
+export type TableColumn = ColumnSpecSettings & {
+    style: ColumnStyle;
+    offset: number;
+    control?: boolean;
+};
+export interface DataSource<D extends DataRow = DataRow> {
+    getHeight(): Promise<number>;
+    getRows(scrollTop: number, bodyHeight: number): Promise<Row<D>[]>;
+}
+export type ExternalApi<T extends DataRow> = {
+    query(options: {
+        offset: number;
+        limit: number;
+    }): Promise<T[]>;
+    count(): Promise<number>;
+};
+export type ResizeTh = {
+    colId: string;
+    width: number;
+    x: number;
+    right: number;
+};
+/** * Adapters ***/
+export type RawTableSettings<D extends DataRow = DataRow> = Readonly<{
+    columns: ColumnSpec<D>[];
+    gap?: number;
+    height: number;
+    addColumn?: () => Promise<void>;
+    controlColumn?: boolean;
+    onSelectedRows?: SelectedRowsOperation<D>[];
+    onSelectedColumns?: SelectedColumnsOperation<D>[];
+    resolvePrimaryKey: ResolvePrimaryKey<D>;
+    resolveRowHeight: ResolveRowHeight<D>;
+    onUpdatedRow?: (row: Row<D>) => void;
+}>;
+export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/types.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,16 @@
+import { ListOptionNormalized } from '../types';
+type __VLS_Props = {
+    option: ListOptionNormalized;
+    isSelected: boolean;
+    size: 'small' | 'medium';
+    isHovered: boolean;
+    useCheckbox?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: "small" | "medium";
+    isSelected: boolean;
+    isHovered: boolean;
+    useCheckbox: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=DropdownListItem.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownListItem.vue.d.ts","sourceRoot":"","sources":["../../src/components/DropdownListItem.vue"],"names":[],"mappings":"AAqEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAErD,KAAK,WAAW,GAAG;IACf,MAAM,EAAE,oBAAoB,CAAC;IAC7B,UAAU,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;;UAHM,OAAO,GAAG,QAAQ;gBADZ,OAAO;eAER,OAAO;iBACJ,OAAO;;AA6GzB,wBAQG"}

package/dist/components/DropdownListItem.vue.js

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

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

@@ -0,0 +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;;;;;;;;;;;;;;;;;"}

package/dist/components/DropdownListItem.vue2.js

@@ -0,0 +1,5 @@
+import f from "./DropdownListItem.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=DropdownListItem.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownListItem.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,7 @@
+import { ListOption } from '../../types';
+import { CellEvent, ColumnEvent } from './types';
+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/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/GridTable/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtD,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,eAAO,MAAM,gBAAgB,KAAK,CAAC;AAEnC,eAAO,MAAM,gBAAgB,EAAE,UAAU,CAAC,SAAS,CAAC,EASnD,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,UAAU,CAAC,WAAW,CAAC,EASvD,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"domain.d.ts","sourceRoot":"","sources":["../../../src/components/GridTable/domain.ts"],"names":[],"mappings":"AAAA,wBAAgB,YAAY,CAAC,CAAC,EAAE,OAAO,mBAQtC;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,GAAG,MAAM,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,UAe3H"}

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

@@ -0,0 +1,10 @@
+import { Ref } from 'vue';
+type MaybeRef<T> = T | Ref<T>;
+export declare function getColumnPositions(tableRef: MaybeRef<HTMLElement | undefined>): {
+    index: number;
+    width: number;
+    x: number;
+    right: number;
+}[];
+export {};
+//# sourceMappingURL=getColumnPositions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getColumnPositions.d.ts","sourceRoot":"","sources":["../../../src/components/GridTable/getColumnPositions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI/B,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;AAE9B,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,QAAQ,CAAC,WAAW,GAAG,SAAS,CAAC;;;;;IAa7E"}

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

@@ -0,0 +1,57 @@
+import { ListOption } from '../../types';
+type TypeMap = {
+    integer: number;
+    float: number;
+    string: string;
+    unknown: number | string;
+};
+export type ValueType = keyof TypeMap;
+export type ColumnSettings = {
+    text: string;
+    name: string;
+    width?: string;
+    justify?: 'center' | 'start';
+    sort?: {
+        direction: 'DESC' | 'ASC' | undefined;
+    };
+    slot?: boolean;
+    editable?: boolean;
+    valueType?: ValueType;
+};
+export type ShowContextOptions = <T extends string = string>(options: ListOption<T>[], onSelect: (op: T) => void) => void;
+export type ColumnEvent = 'delete:column' | 'expand:column';
+export type CellEvent = 'delete:row' | 'update:value';
+export type Settings = {
+    columns: ColumnSettings[];
+    rows: Record<string, unknown>[];
+    addColumn?: () => Promise<void>;
+    autoLastColumn?: boolean;
+    selfSort?: boolean;
+    showContextOptions?: ShowContextOptions;
+    columnEvents?: ColumnEvent[];
+    cellEvents?: CellEvent[];
+};
+export type CellProps = {
+    colName: string;
+    rowIndex: number;
+    value: unknown;
+    class: string;
+    editable?: boolean;
+};
+export type Data = {
+    rowIndex: number;
+    columnsMeta: Record<number, {
+        width: number;
+    }>;
+    resize: boolean;
+    resizeTh: {
+        index: number;
+        width: number;
+        x: number;
+        right: number;
+    } | undefined;
+    bodyHeight: number;
+    scrollTop: number;
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/GridTable/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,KAAK,OAAO,GAAG;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,CAAC;AAEtC,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC7B,IAAI,CAAC,EAAE;QACL,SAAS,EAAE,MAAM,GAAG,KAAK,GAAG,SAAS,CAAC;KACvC,CAAC;IACF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,IAAI,KAAK,IAAI,CAAC;AAE1H,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG,eAAe,CAAC;AAE5D,MAAM,MAAM,SAAS,GAAG,YAAY,GAAG,cAAc,CAAC;AAEtD,MAAM,MAAM,QAAQ,GAAG;IACrB,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAChC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,IAAI,GAAG;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC/C,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EACJ;QACA,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,CAAC,EAAE,MAAM,CAAC;QACV,KAAK,EAAE,MAAM,CAAC;KACf,GACC,SAAS,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"useColumn.d.ts","sourceRoot":"","sources":["../../../src/components/GridTable/useColumn.ts"],"names":[],"mappings":"AAIA,wBAAgB,SAAS,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,KAAK,IAAI,EAAE,KAAK,EAAE,MAAM,IAAI;eAGxF;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE;EAwB/C"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMouseUp.d.ts","sourceRoot":"","sources":["../../../src/components/GridTable/useMouseUp.ts"],"names":[],"mappings":"AAIA,wBAAgB,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,UAAU,CAAC,UAAU,KAAK,IAAI,QAGrE"}

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

@@ -0,0 +1,8 @@
+import { Ref } from 'vue';
+import { Data } from './types';
+export declare function useResize(data: Data, tableRef: Ref<HTMLElement | undefined>): {
+    mouseDown: (e: {
+        x: number;
+    }) => void;
+};
+//# sourceMappingURL=useResize.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useResize.d.ts","sourceRoot":"","sources":["../../../src/components/GridTable/useResize.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE/B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AASpC,wBAAgB,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,CAAC,WAAW,GAAG,SAAS,CAAC;mBAmBpD;QAAE,CAAC,EAAE,MAAM,CAAA;KAAE;EAoCpC"}

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

@@ -0,0 +1,14 @@
+type __VLS_Props = {
+    scrollLeft: number;
+    clientWidth: number;
+    scrollWidth: number;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:scrollLeft": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:scrollLeft"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    scrollRef: HTMLDivElement;
+}, any>;
+export default _default;
+//# sourceMappingURL=HScroll.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HScroll.vue.d.ts","sourceRoot":"","sources":["../../src/components/HScroll.vue"],"names":[],"mappings":"AA8DA,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;;;;;;;;AAyFF,wBAQG"}

package/dist/components/HScroll.vue.js

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

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

@@ -0,0 +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;;;;;;;;;;;;;"}

package/dist/components/HScroll.vue2.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"HScroll.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    modelValue: [number, number];
+    separator?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (val: [number, number]) => any;
+    "update:modelValue": (val: [number, number]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((val: [number, number]) => any) | undefined;
+    "onUpdate:modelValue"?: ((val: [number, number]) => any) | undefined;
+}>, {
+    separator: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=InputRange.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputRange.vue.d.ts","sourceRoot":"","sources":["../../src/components/InputRange.vue"],"names":[],"mappings":"AAuGA,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;;;;;;;;eADY,MAAM;;AA0JtB,wBAQG"}

package/dist/components/InputRange.vue.js

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

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

@@ -0,0 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/InputRange.vue2.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputRange.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,22 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        span: HTMLSpanElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    span: HTMLSpanElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=LongText.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LongText.vue.d.ts","sourceRoot":"","sources":["../../src/components/LongText.vue"],"names":[],"mappings":"AAmHA,iBAAS,cAAc;WAuCT,OAAO,IAA6B;;yBAZrB,GAAG;;;;;;EAiB/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;kBAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/LongText.vue.js

@@ -0,0 +1,42 @@
+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";
+const T = /* @__PURE__ */ d({
+  __name: "LongText",
+  setup(g) {
+    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(() => {
+      var e;
+      return s.value ? `${((e = s.value) == null ? void 0 : e.innerHTML.length) * 0.4}s` : "5s";
+    });
+    function i() {
+      const e = H(s.value, "span cannot be empty");
+      t.value = e.clientWidth < e.scrollWidth;
+    }
+    function m() {
+      i(), o(!0);
+    }
+    function p() {
+      o(!1);
+    }
+    return (e, k) => (_(), v("div", E(e.$attrs, { class: "ui-lt-container" }), [
+      r("span", {
+        onMouseover: m,
+        onMouseleave: p
+      }, [
+        r("span", {
+          ref_key: "span",
+          ref: s,
+          class: h(u.value)
+        }, [
+          b(e.$slots, "default")
+        ], 2)
+      ], 32)
+    ], 16));
+  }
+});
+export {
+  T as default
+};
+//# sourceMappingURL=LongText.vue.js.map

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

@@ -0,0 +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;;;;;;;;;;;;;;;;;"}