@omegagrid/tree 0.10.0 → 0.10.2

package/dist/options.d.ts

@@ -1,35 +0,0 @@
-import { CommonOptions } from "@omegagrid/core";
-import { NodeModel } from "./model/nodeModel";
-import { FolderOptions, ItemProperty, ItemTypeOptions, SelectMode } from "./types";
-import { TemplateResult } from "lit-html";
-import { CSSResultOrNative } from "lit";
-import { SelectedItemParams } from "./model";
-export type Options = {
-    alwaysRefresh?: boolean;
-    nodeHeight?: number;
-    renderingNodeTreshold?: number;
-    selectMode?: SelectMode | string;
-    levelIndent?: number;
-    maxLevel?: number;
-    globalLevels?: boolean;
-    levelsAlwaysVisible?: boolean;
-    checkboxes?: boolean;
-    expanders?: boolean;
-    allowEmpty?: boolean;
-    autoClose?: boolean;
-    search?: boolean;
-    fileDrop?: boolean;
-    pageSize?: number;
-    customSearch?: boolean;
-    folderOptions?: FolderOptions;
-    itemProperties?: ItemProperty[];
-    itemTypeOptions?: Record<string, ItemTypeOptions>;
-    customStyle?: CSSResultOrNative | string | (CSSResultOrNative | string)[];
-    nodeRenderer?: (div: HTMLDivElement, node: NodeModel) => string | TemplateResult<1> | void;
-    afterRenderer?: (div: HTMLDivElement, node: NodeModel) => void;
-} & CommonOptions;
-export type TreeDropdownOptions = Options & {
-    textRenderer?: (selectedItems: Map<string, SelectedItemParams>) => string | TemplateResult<1>;
-};
-export declare function initOptions(options?: Partial<Options>, origOptions?: Options): Options;
-//# sourceMappingURL=options.d.ts.map

package/dist/options.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../src/options.ts"],"names":[],"mappings":"AACA,OAAO,EAAqB,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACnF,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,KAAK,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,MAAM,MAAM,OAAO,GAAG;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,UAAU,CAAC,EAAE,UAAU,GAAC,MAAM,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,cAAc,CAAC,EAAE,YAAY,EAAE,CAAC;IAChC,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IAClD,WAAW,CAAC,EAAE,iBAAiB,GAAC,MAAM,GAAC,CAAC,iBAAiB,GAAC,MAAM,CAAC,EAAE,CAAC;IACpE,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,KAAK,MAAM,GAAC,cAAc,CAAC,CAAC,CAAC,GAAC,IAAI,CAAC;IACvF,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,KAAK,IAAI,CAAA;CAC9D,GAAG,aAAa,CAAC;AAElB,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG;IAC3C,YAAY,CAAC,EAAE,CAAC,aAAa,EAAE,GAAG,CAAC,MAAM,EAAE,kBAAkB,CAAC,KAAK,MAAM,GAAC,cAAc,CAAC,CAAC,CAAC,CAAA;CAC3F,CAAA;AAqBD,wBAAgB,WAAW,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,WAAW,GAAE,OAAc,GAAG,OAAO,CAO5F"}

package/dist/options.js

@@ -1,30 +0,0 @@
-import constants from "./constants";
-import { initCommonOptions } from "@omegagrid/core";
-import { SelectMode } from "./types";
-const DEFAULT_OPTIONS = {
-    nodeHeight: constants.DEFAULT_NODE_HEIGHT,
-    renderingNodeTreshold: constants.RENDERING_NODE_TRESHOLD,
-    selectMode: SelectMode.MultipleLevels,
-    levelIndent: 10,
-    maxLevel: null,
-    globalLevels: true,
-    levelsAlwaysVisible: true,
-    allowEmpty: true,
-    itemProperties: [],
-    itemTypeOptions: {},
-    expanders: true,
-    search: false,
-    checkboxes: true,
-    autoClose: false,
-    folderOptions: null,
-    alwaysRefresh: false
-};
-export function initOptions(options, origOptions = null) {
-    return {
-        ...initCommonOptions(options, origOptions),
-        ...DEFAULT_OPTIONS,
-        ...origOptions,
-        ...options,
-    };
-}
-//# sourceMappingURL=options.js.map

package/dist/options.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"options.js","sourceRoot":"","sources":["../src/options.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAiB,MAAM,iBAAiB,CAAC;AAEnE,OAAO,EAAgD,UAAU,EAAE,MAAM,SAAS,CAAC;AAkCnF,MAAM,eAAe,GAAqB;IACzC,UAAU,EAAE,SAAS,CAAC,mBAAmB;IACzC,qBAAqB,EAAE,SAAS,CAAC,uBAAuB;IACxD,UAAU,EAAE,UAAU,CAAC,cAAc;IACrC,WAAW,EAAE,EAAE;IACf,QAAQ,EAAE,IAAI;IACd,YAAY,EAAE,IAAI;IAClB,mBAAmB,EAAE,IAAI;IACzB,UAAU,EAAE,IAAI;IAChB,cAAc,EAAE,EAAE;IAClB,eAAe,EAAE,EAAE;IACnB,SAAS,EAAE,IAAI;IACf,MAAM,EAAE,KAAK;IACb,UAAU,EAAE,IAAI;IAChB,SAAS,EAAE,KAAK;IAChB,aAAa,EAAE,IAAI;IACnB,aAAa,EAAE,KAAK;CACpB,CAAC;AAEF,MAAM,UAAU,WAAW,CAAC,OAA0B,EAAE,cAAuB,IAAI;IAClF,OAAO;QACN,GAAG,iBAAiB,CAAC,OAAO,EAAE,WAAW,CAAC;QAC1C,GAAG,eAAe;QAClB,GAAG,WAAW;QACd,GAAG,OAAO;KACV,CAAC;AACH,CAAC","sourcesContent":["import constants from \"./constants\";\nimport { initCommonOptions, CommonOptions } from \"@omegagrid/core\";\nimport { NodeModel } from \"./model/nodeModel\";\nimport { FolderOptions, ItemProperty, ItemTypeOptions, SelectMode } from \"./types\";\nimport { TemplateResult } from \"lit-html\";\nimport { CSSResultOrNative } from \"lit\";\nimport { SelectedItemParams } from \"./model\";\n\nexport type Options = {\n\talwaysRefresh?: boolean,\n\tnodeHeight?: number,\n\trenderingNodeTreshold?: number,\n\tselectMode?: SelectMode|string,\n\tlevelIndent?: number,\n\tmaxLevel?: number,\n\tglobalLevels?: boolean,\n\tlevelsAlwaysVisible?: boolean,\n\tcheckboxes?: boolean,\n\texpanders?: boolean,\n\tallowEmpty?: boolean,\n\tautoClose?: boolean,\n\tsearch?: boolean,\n\tfileDrop?: boolean,\n\tpageSize?: number,\n\tcustomSearch?: boolean,\n\tfolderOptions?: FolderOptions,\n\titemProperties?: ItemProperty[],\n\titemTypeOptions?: Record<string, ItemTypeOptions>,\n\tcustomStyle?: CSSResultOrNative|string|(CSSResultOrNative|string)[],\n\tnodeRenderer?: (div: HTMLDivElement, node: NodeModel) => string|TemplateResult<1>|void,\n\tafterRenderer?: (div: HTMLDivElement, node: NodeModel) => void\n} & CommonOptions;\n\nexport type TreeDropdownOptions = Options & {\n\ttextRenderer?: (selectedItems: Map<string, SelectedItemParams>) => string|TemplateResult<1>\n}\n\nconst DEFAULT_OPTIONS: Partial<Options> = {\n\tnodeHeight: constants.DEFAULT_NODE_HEIGHT,\n\trenderingNodeTreshold: constants.RENDERING_NODE_TRESHOLD,\n\tselectMode: SelectMode.MultipleLevels,\n\tlevelIndent: 10,\n\tmaxLevel: null,\n\tglobalLevels: true,\n\tlevelsAlwaysVisible: true,\n\tallowEmpty: true,\n\titemProperties: [],\n\titemTypeOptions: {},\n\texpanders: true,\n\tsearch: false,\n\tcheckboxes: true,\n\tautoClose: false,\n\tfolderOptions: null,\n\talwaysRefresh: false\n};\n\nexport function initOptions(options?: Partial<Options>, origOptions: Options = null): Options {\n\treturn {\n\t\t...initCommonOptions(options, origOptions),\n\t\t...DEFAULT_OPTIONS,\n\t\t...origOptions,\n\t\t...options,\n\t};\n}"]}

package/dist/types.d.ts

@@ -1,42 +0,0 @@
-import { IconSpec } from "@omegagrid/core";
-import { NodeModel } from "./model";
-import { TemplateResult } from "lit-html";
-export declare enum SelectMode {
-    None = "none",
-    Single = "single",
-    Multiple = "multiple",
-    MultipleLevels = "multipleLevels"
-}
-export declare enum ItemPropertyType {
-    Numeric = "n",
-    Text = "t",
-    Date = "d",
-    Boolean = "b"
-}
-export type ItemProperty = {
-    name: string;
-    type: ItemPropertyType;
-    format: string;
-};
-export type ItemTypeOptions = {
-    folderIcon?: string;
-    openFolderIcon?: string;
-};
-export type FolderOptions = {
-    openIcon?: IconSpec | string;
-    closedIcon?: IconSpec | string;
-};
-export type TreeAdapterParams = {
-    parent?: NodeModel;
-    parentKey?: string;
-    offset?: number;
-    filter?: string;
-};
-export type NodePlaceholder = {
-    placeholder: true;
-    parent: NodeModel;
-    loading?: boolean;
-    element?: HTMLElement;
-};
-export type TreeNodeRenderer = (div: HTMLDivElement, node: NodeModel) => string | TemplateResult<1> | void;
-//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,oBAAY,UAAU;IACrB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,QAAQ,aAAa;IACrB,cAAc,mBAAmB;CACjC;AAED,oBAAY,gBAAgB;IAC3B,OAAO,MAAM;IACb,IAAI,MAAM;IACV,IAAI,MAAM;IACV,OAAO,MAAM;CACb;AAED,MAAM,MAAM,YAAY,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,gBAAgB,CAAC;IACvB,MAAM,EAAE,MAAM,CAAA;CACd,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAA;CACvB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC3B,QAAQ,CAAC,EAAE,QAAQ,GAAC,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,QAAQ,GAAC,MAAM,CAAA;CAC5B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC/B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CAEhB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC7B,WAAW,EAAE,IAAI,CAAC;IAClB,MAAM,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,WAAW,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,CAAC,GAAG,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,KAAK,MAAM,GAAC,cAAc,CAAC,CAAC,CAAC,GAAC,IAAI,CAAC"}

package/dist/types.js

@@ -1,15 +0,0 @@
-export var SelectMode;
-(function (SelectMode) {
-    SelectMode["None"] = "none";
-    SelectMode["Single"] = "single";
-    SelectMode["Multiple"] = "multiple";
-    SelectMode["MultipleLevels"] = "multipleLevels";
-})(SelectMode || (SelectMode = {}));
-export var ItemPropertyType;
-(function (ItemPropertyType) {
-    ItemPropertyType["Numeric"] = "n";
-    ItemPropertyType["Text"] = "t";
-    ItemPropertyType["Date"] = "d";
-    ItemPropertyType["Boolean"] = "b";
-})(ItemPropertyType || (ItemPropertyType = {}));
-//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAIA,MAAM,CAAN,IAAY,UAKX;AALD,WAAY,UAAU;IACrB,2BAAa,CAAA;IACb,+BAAiB,CAAA;IACjB,mCAAqB,CAAA;IACrB,+CAAiC,CAAA;AAClC,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB;AAED,MAAM,CAAN,IAAY,gBAKX;AALD,WAAY,gBAAgB;IAC3B,iCAAa,CAAA;IACb,8BAAU,CAAA;IACV,8BAAU,CAAA;IACV,iCAAa,CAAA;AACd,CAAC,EALW,gBAAgB,KAAhB,gBAAgB,QAK3B","sourcesContent":["import { IconSpec } from \"@omegagrid/core\";\nimport { NodeModel } from \"./model\";\nimport { TemplateResult } from \"lit-html\";\n\nexport enum SelectMode {\n\tNone = 'none',\n\tSingle = 'single',\n\tMultiple = 'multiple',\n\tMultipleLevels = 'multipleLevels'\n}\n\nexport enum ItemPropertyType {\n\tNumeric = 'n',\n\tText = 't',\n\tDate = 'd',\n\tBoolean = 'b',\n}\n\nexport type ItemProperty = {\n\tname: string,\n\ttype: ItemPropertyType,\n\tformat: string\n};\n\nexport type ItemTypeOptions = {\n\tfolderIcon?: string,\n\topenFolderIcon?: string\n};\n\nexport type FolderOptions = {\n\topenIcon?: IconSpec|string,\n\tclosedIcon?: IconSpec|string\n};\n\nexport type TreeAdapterParams = {\n\tparent?: NodeModel,\n\tparentKey?: string,\n\toffset?: number,\n\tfilter?: string,\n\t//selectedValues?: SerializedValue[]\n}\n\nexport type NodePlaceholder = {\n\tplaceholder: true,\n\tparent: NodeModel,\n\tloading?: boolean,\n\telement?: HTMLElement\n}\n\nexport type TreeNodeRenderer = (div: HTMLDivElement, node: NodeModel) => string|TemplateResult<1>|void;"]}

package/dist/ui/dropdown.d.ts

@@ -1,68 +0,0 @@
-import { Button, Dropdown, Tooltip, Input } from "@omegagrid/core";
-import { TreeModel, TreeSource } from "../model/treeModel";
-import { SelectedItemParams, TreeSelectionModel, SerializedValue } from "../model/selectionModel";
-import { TreeDropdownOptions } from "../options";
-import { TreeAdapter } from "../model/treeAdapter";
-import { Tree, TreeEvent } from "./tree";
-import { NodeModel } from "../model";
-export declare class TreeDropdown extends Dropdown {
-    static styles: import("lit").CSSResult[];
-    options: TreeDropdownOptions;
-    model: TreeModel;
-    adapter: TreeAdapter;
-    selection: TreeSelectionModel;
-    maxHeight: number;
-    maxWidth: number;
-    value: SerializedValue[];
-    cross: boolean;
-    caption: string;
-    placeholder: string;
-    buttonInput: boolean;
-    preventInputEnter: boolean;
-    dynamicWidth: boolean;
-    selectedItems: Map<string, SelectedItemParams>;
-    button: Button;
-    input: Input;
-    contentDiv: HTMLDivElement;
-    searchTerm: string;
-    _tree: Tree;
-    _renderDropdown: boolean;
-    _firstOpen: boolean;
-    _autoHighlight: boolean;
-    originalWidth: number;
-    _debounceWidthUpdate: {
-        (this: unknown, ...args: [] & any[]): Promise<void>;
-        cancel: (reason?: any) => void;
-    };
-    _onTreeRender: () => void;
-    get hasCrossButton(): boolean;
-    get tree(): Tree;
-    tooltip: Tooltip;
-    _onChange(e: TreeEvent): void;
-    open(): Promise<void>;
-    willUpdate(changedProps: Map<PropertyKey, unknown>): Promise<void>;
-    filter(term: string): Promise<void>;
-    clearFilter(): Promise<void>;
-    focus(): void;
-    constructor();
-    connectedCallback(): void;
-    setSourceData(sourceData: TreeSource, options?: Partial<TreeDropdownOptions>): void;
-    updateOptions(options: Partial<TreeDropdownOptions>): void;
-    adjustWidth(): void;
-    clearSelection(dispatchEvent?: boolean): Promise<void>;
-    _onMouseOver: () => void;
-    _onMouseOut: () => void;
-    getSelectionItems(): [NodeModel, [number, boolean][], boolean][];
-    getButtonContentHtml(): string | import("lit-html").TemplateResult<1>;
-    getSelectionHtml(): import("lit-html").TemplateResult<1>;
-    getSelectionText(): string;
-    _debounceFilter: {
-        (this: unknown, ...args: [term: string] & any[]): Promise<void>;
-        cancel: (reason?: any) => void;
-    };
-    _onInput: (e: InputEvent) => Promise<void>;
-    _onInputKeyDown: (e: KeyboardEvent) => void;
-    _onInputBlur: () => string;
-    render: () => import("lit-html").TemplateResult<1>;
-}
-//# sourceMappingURL=dropdown.d.ts.map

package/dist/ui/dropdown.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../src/ui/dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAO,KAAK,EAAqB,MAAM,iBAAiB,CAAC;AAE3F,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAClG,OAAO,EAAe,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAE9D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAIzC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAKrC,qBACa,YAAa,SAAQ,QAAQ;IAEzC,MAAM,CAAC,MAAM,4BAA+B;IAG5C,OAAO,EAAE,mBAAmB,CAAiB;IAG7C,KAAK,EAAE,SAAS,CAAC;IAGjB,OAAO,EAAE,WAAW,CAAC;IAGrB,SAAS,EAAE,kBAAkB,CAAwC;IAGrE,SAAS,SAAO;IAGhB,QAAQ,SAAO;IAGf,KAAK,EAAE,eAAe,EAAE,CAAC;IAGzB,KAAK,UAAS;IAGd,OAAO,EAAE,MAAM,CAAC;IAGhB,WAAW,EAAE,MAAM,CAAC;IAGpB,WAAW,UAAS;IAGpB,iBAAiB,UAAS;IAG1B,YAAY,UAAS;IAGrB,aAAa,kCAAyC;IAGtD,MAAM,EAAE,MAAM,CAAC;IAGf,KAAK,EAAE,KAAK,CAAC;IAGb,UAAU,EAAE,cAAc,CAAC;IAG3B,UAAU,SAAM;IAEhB,KAAK,EAAE,IAAI,CAAC;IACZ,eAAe,UAAQ;IACvB,UAAU,UAAQ;IAClB,cAAc,UAAQ;IACtB,aAAa,SAAK;IAElB,oBAAoB;;uBAvEZ,CAAC;MA2EN;IAEH,aAAa,aAEZ;IAED,IAAI,cAAc,YAEjB;IAED,IAAI,IAAI,SAaP;IAED,OAAO,UAA4C;IAEnD,SAAS,CAAC,CAAC,EAAE,SAAS;IAYhB,IAAI;IAKJ,UAAU,CAAC,YAAY,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAiClD,MAAM,CAAC,IAAI,EAAE,MAAM;IAQnB,WAAW;IAOjB,KAAK;;IAmBL,iBAAiB;IASjB,aAAa,CAAC,UAAU,EAAE,UAAU,EAAE,OAAO,GAAE,OAAO,CAAC,mBAAmB,CAAQ;IAMlF,aAAa,CAAC,OAAO,EAAE,OAAO,CAAC,mBAAmB,CAAC;IAKnD,WAAW;IAaL,cAAc,CAAC,aAAa,UAAQ;IAQ1C,YAAY,aASX;IAED,WAAW,aAEV;IAED,iBAAiB,IAAK,CAAC,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAAE,OAAO,CAAC,EAAE;IAgBjE,oBAAoB;IA2BpB,gBAAgB;IAehB,gBAAgB;IAOhB,eAAe;;uBAnTP,CAAC;MAsTD;IAER,QAAQ,GAAU,GAAG,UAAU,mBAK9B;IAED,eAAe,GAAI,GAAG,aAAa,UAmBlC;IAED,YAAY,eAAoD;IAEhE,MAAM,6CAqCJ;CACF"}

package/dist/ui/dropdown.js

@@ -1,383 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { Dropdown, dom, ListSelectTrigger } from "@omegagrid/core";
-import { customElement, property, query, state } from "lit/decorators.js";
-import { TreeModel } from "../model/treeModel";
-import { TreeSelectionModel } from "../model/selectionModel";
-import { initOptions } from "../options";
-import { html } from "lit";
-import { Tree, TreeEvent } from "./tree";
-import { map } from 'lit/directives/map.js';
-import { join } from 'lit/directives/join.js';
-import { debounce } from "ts-debounce";
-import { NodeModel } from "../model";
-import { style } from "./dropdown.style";
-import { unsafeHTML } from "lit-html/directives/unsafe-html.js";
-import { html as htmlUtils } from "@omegagrid/core";
-let TreeDropdown = class TreeDropdown extends Dropdown {
-    get hasCrossButton() {
-        return this.cross && ((this.selection.count > 0 && this.options.allowEmpty) || this.searchTerm !== '');
-    }
-    get tree() {
-        if (this._tree)
-            return this._tree;
-        this._tree = new Tree();
-        this._tree.disableAutoload = true;
-        this._tree.model = this.adapter ? null : this.model;
-        this._tree.adapter = this.adapter;
-        this._tree.selection = this.selection;
-        this._tree.options = this.options;
-        this._tree.maxHeight = this.maxHeight;
-        this._tree.addEventListener('change', (e) => this._onChange(e));
-        this._tree.addEventListener('render', this._onTreeRender);
-        this._tree.slot = 'inner-content';
-        return this._tree;
-    }
-    _onChange(e) {
-        this._autoHighlight = false; // prevent autoscroll after manual selection
-        this.selectedItems = null;
-        this.selectedItems = e.component.selection.items;
-        this.value = e.component.selection.serialize();
-        if (this.options.autoClose)
-            this.close();
-        this.dispatchEvent(new TreeEvent(e.type, { component: e.component, node: e.node }));
-        // if (this.input) {
-        // 	setTimeout(() => this.input.focus(), 1000);
-        // }
-    }
-    async open() {
-        if (this.tree.parentElement != this.dropdown)
-            this.dropdown.appendChild(this._tree);
-        await super.open();
-    }
-    async willUpdate(changedProps) {
-        if (this.buttonInput) {
-            this.options.search = false;
-        }
-        if (changedProps.has('value')) {
-            this.selection.setItems(this.value);
-            this.selectedItems = null;
-            this.selectedItems = this.selection.items;
-            if (this.isOpen && this.tree) {
-                if (this._autoHighlight) {
-                    this.tree.highlightFirstSelectedNode();
-                }
-                else {
-                    this._autoHighlight = true;
-                }
-                this.tree.renderItems(true);
-            }
-        }
-        if (this._tree) {
-            if (changedProps.has('adapter'))
-                this._tree.adapter = this.adapter;
-            if (changedProps.has('model'))
-                this._tree.model = this.model;
-        }
-        if (changedProps.has('adapter') && this.adapter) {
-            this._firstOpen = true; // force to reload data after opening dropdown
-            this.options = initOptions(await this.adapter.getOptions(), this.options);
-        }
-        this._renderDropdown = true;
-    }
-    async filter(term) {
-        if (this.input)
-            this.searchTerm = term;
-        await this.updateComplete;
-        if (this.input)
-            this.input.value = term;
-        await this.tree.updateComplete;
-        this.tree.filter(term);
-    }
-    async clearFilter() {
-        if (this.input)
-            this.searchTerm = '';
-        await this.updateComplete;
-        if (this.input)
-            this.input.value = '';
-        this.tree.clearFilter();
-    }
-    focus() {
-        if (this.buttonInput)
-            this.input?.focus();
-        else
-            super.focus();
-    }
-    constructor() {
-        super();
-        this.options = initOptions();
-        this.selection = new TreeSelectionModel(this.options);
-        this.maxHeight = 300;
-        this.maxWidth = 400;
-        this.cross = false;
-        this.buttonInput = false;
-        this.preventInputEnter = false;
-        this.dynamicWidth = false;
-        this.selectedItems = new Map();
-        this.searchTerm = '';
-        this._renderDropdown = true;
-        this._firstOpen = true;
-        this._autoHighlight = true;
-        this.originalWidth = 0;
-        this._debounceWidthUpdate = debounce(() => {
-            if (!this.dropdown || !this.dropdown.isConnected)
-                return;
-            if (this.dynamicWidth)
-                this.adjustWidth();
-            dom.fixElementPosition(this.dropdown);
-        });
-        this._onTreeRender = () => {
-            this._debounceWidthUpdate();
-        };
-        this.tooltip = dom.createElement('og-tooltip');
-        this._onMouseOver = () => {
-            if (this.contentDiv && this.contentDiv.scrollWidth > this.contentDiv.clientWidth) {
-                if (!this.tooltip.parentElement) {
-                    document.body.appendChild(this.tooltip);
-                    dom.setSize(this.tooltip, { w: this.button.offsetWidth });
-                }
-                this.tooltip.content = this.getSelectionHtml();
-                this.tooltip.attachTo(this.button, 'bottom');
-            }
-        };
-        this._onMouseOut = () => {
-            this.tooltip.deatach();
-        };
-        this._debounceFilter = debounce((term) => {
-            this.tree.filter(term);
-            this.dispatchEvent(new TreeEvent('tree.filter'));
-        }, 300);
-        this._onInput = async (e) => {
-            if (!this.isOpen)
-                await this.open();
-            const value = e.target.value;
-            this._debounceFilter(value);
-            this.searchTerm = value;
-        };
-        this._onInputKeyDown = (e) => {
-            switch (e.key) {
-                case 'ArrowDown':
-                    e.preventDefault();
-                    this.tree.list.moveDown();
-                    break;
-                case 'ArrowUp':
-                    e.preventDefault();
-                    this.tree.list.moveUp();
-                    break;
-                case 'Enter':
-                    e.preventDefault();
-                    if (this.preventInputEnter)
-                        return;
-                    if (this.tree.list.selectedIndex > -1) {
-                        this.tree.list.select(this.tree.list.selectedIndex, ListSelectTrigger.Enter);
-                        setTimeout(() => this.input.focus(), 100);
-                    }
-                    break;
-            }
-        };
-        this._onInputBlur = () => this.input.value = this.getSelectionText();
-        this.render = () => html `
-		${this.buttonInput ? html `
-			<og-input
-				@input="${this._onInput}"
-				@keydown="${this._onInputKeyDown}"
-				@blur="${this._onInputBlur}"
-				.value="${this.getSelectionText()}">
-			</og-input>
-		` : ''}
-
-		<og-button
-			?disabled="${this.disabled}"
-			@mousedown="${this._onMousedown}"
-			@mouseenter="${this._onMouseOver}"
-			@mouseleave="${this._onMouseOut}"
-			color="${this.color}"
-			class="main"
-			style="flex: 1" 
-			.caret="${this.noCaret ? 'none' : this.openDirection}">
-			${this.buttonInput ? '' : html `
-				<div class="content" slot="content">
-					${this.getButtonContentHtml()}
-				</div>
-			`}
-		</og-button>
-
-		${this.hasCrossButton ? html `
-			<og-button
-				class="cross"
-				?disabled="${this.disabled}"
-				@mousedown="${() => this.clearSelection(true)}"
-				icon="xmark"
-				color="red">
-			</og-button>
-		` : ``}
-
-		${this.renderDropdown()}
-	`;
-        this.addEventListener('dropdown.open', async () => {
-            this.focus();
-            if (this.adapter && (this._firstOpen || this.options.alwaysRefresh)) {
-                await this.tree.loadData();
-            }
-            this._firstOpen = false;
-        });
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        if (!this.hasUpdated) {
-            if (this.value)
-                this.selection.setItems(this.value);
-            this.selectedItems = this.selection.items;
-        }
-    }
-    setSourceData(sourceData, options = null) {
-        if (options)
-            this.updateOptions(options);
-        this.model = new TreeModel(sourceData, this.options);
-        if (this._tree)
-            this._tree.model = this.model;
-    }
-    updateOptions(options) {
-        Object.assign(this.options, options ?? {});
-        this.requestUpdate();
-    }
-    adjustWidth() {
-        if (this.tree?.list && this.dropdown) {
-            this.originalWidth = this.originalWidth || this.dropdown.offsetWidth;
-            dom.setSize(this.dropdown, { w: Math.min(this.originalWidth, this.maxWidth) });
-            const width = this.tree.list.calculateViewportMaxItemWidth();
-            if (width > this.dropdown.offsetWidth) {
-                dom.setSize(this.dropdown, { w: Math.min(width, this.maxWidth) });
-                this.layout();
-            }
-        }
-    }
-    async clearSelection(dispatchEvent = false) {
-        this.selection.clear();
-        await this.clearFilter();
-        this.requestUpdate();
-        if (dispatchEvent)
-            this.dispatchEvent(new TreeEvent('change', { component: this.tree }));
-        this.tree?.renderItems(true);
-    }
-    getSelectionItems() {
-        const model = this.tree?.model ?? this.model;
-        return Array.from(this.selectedItems).map(([key, item]) => {
-            const red = item.levels.has(0) && item.levels.get(0) == false;
-            const levels = [...item.levels.entries()].filter(item2 => item2[0] > 0);
-            const node = model?.nodeMap.has(key) ? model.nodeMap.get(key) : new NodeModel(this.tree.model, {
-                k: key,
-                v: item?.value ?? key
-            });
-            if (levels.length < item.levels.size && levels.length > 0) {
-                levels.unshift([0, item.levels.get(0)]);
-            }
-            return [node, levels, red];
-        });
-    }
-    getButtonContentHtml() {
-        if (this.options?.textRenderer) {
-            return this.options.textRenderer(this.selectedItems);
-        }
-        const items = this.getSelectionItems();
-        const caption = this.caption ? html `<div class="caption">${this.caption}</div>` : null;
-        const placeholder = this.placeholder ? html `<div class="placeholder">${this.placeholder}</div>` : null;
-        return items.length > 0 ? html `${caption ? html `${caption}:` : ``}${join(map(items, ([node, levels, red]) => html `
-			<div class="itm">
-				${node && node.icon ? html `<og-icon .icon="${node.icon}"></og-icon>` : null}
-				${red
-            ? html `<div style="color:#ff0000">${node.value}</div>`
-            : html `<div>${node.value}</div>`}
-				${levels.length > 0
-            ? html `${map(levels, level => html `
-						<og-icon class="lvl" icon="circle-${level[0]}">${level[0]}</og-icon>
-					`)}` : ``}
-			</div>
-		`), html `<div class="sep">,</div>`)}` : (caption
-            ? html `${caption}${placeholder ? html `: ${placeholder}` : ``}`
-            : (placeholder ? html `${placeholder}` : html `&nbsp;`));
-    }
-    getSelectionHtml() {
-        const items = this.getSelectionItems();
-        if (items.length === 0)
-            null;
-        return html `${unsafeHTML(items.map(([node, levels, red]) => [
-            node && node.icon ? `<og-icon icon="${node.icon}"></og-icon>` : ``,
-            red
-                ? `<span style="color:#ff0000">${node.value}</span>`
-                : `<span>${node.value}</span>`,
-            levels.length > 0
-                ? levels.map(level => `<og-icon class="lvl" icon="circle-${level[0]}">${level[0]}</og-icon>`).join('')
-                : ``
-        ].join('')).join(', '))}`;
-    }
-    getSelectionText() {
-        return this.getSelectionItems().map(([node, levels]) => htmlUtils.escapeHTML(node.value) + (levels.length > 0
-            ? ` (${levels.map(level => level[0]).join(',')})`
-            : '')).join(',');
-    }
-};
-TreeDropdown.styles = [...Dropdown.styles, style];
-__decorate([
-    property({ type: Object })
-], TreeDropdown.prototype, "options", void 0);
-__decorate([
-    property({ type: Object })
-], TreeDropdown.prototype, "model", void 0);
-__decorate([
-    property({ type: Object })
-], TreeDropdown.prototype, "adapter", void 0);
-__decorate([
-    property({ type: Object })
-], TreeDropdown.prototype, "selection", void 0);
-__decorate([
-    property({ type: Number })
-], TreeDropdown.prototype, "maxHeight", void 0);
-__decorate([
-    property({ type: Number })
-], TreeDropdown.prototype, "maxWidth", void 0);
-__decorate([
-    property({ type: Array })
-], TreeDropdown.prototype, "value", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], TreeDropdown.prototype, "cross", void 0);
-__decorate([
-    property({ type: String })
-], TreeDropdown.prototype, "caption", void 0);
-__decorate([
-    property({ type: String })
-], TreeDropdown.prototype, "placeholder", void 0);
-__decorate([
-    property({ type: Boolean })
-], TreeDropdown.prototype, "buttonInput", void 0);
-__decorate([
-    property({ type: Boolean })
-], TreeDropdown.prototype, "preventInputEnter", void 0);
-__decorate([
-    property({ type: Boolean })
-], TreeDropdown.prototype, "dynamicWidth", void 0);
-__decorate([
-    state()
-], TreeDropdown.prototype, "selectedItems", void 0);
-__decorate([
-    query('og-button')
-], TreeDropdown.prototype, "button", void 0);
-__decorate([
-    query('og-input')
-], TreeDropdown.prototype, "input", void 0);
-__decorate([
-    query('.content')
-], TreeDropdown.prototype, "contentDiv", void 0);
-__decorate([
-    state()
-], TreeDropdown.prototype, "searchTerm", void 0);
-TreeDropdown = __decorate([
-    customElement('og-tree-dropdown')
-], TreeDropdown);
-export { TreeDropdown };
-//# sourceMappingURL=dropdown.js.map