npm - @genexus/genexus-ide-ui - Versions diffs - 0.0.93 → 0.0.94 - Mend

@genexus/genexus-ide-ui 0.0.93 → 0.0.94

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

Files changed (1152) hide show

package/dist/components/ch-tree-view-render-wrapper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"ch-tree-view-render-wrapper.js","mappings":"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","names":["ChTreeViewRenderWrapper"],"sources":["node_modules/@genexus/chameleon-controls-library/dist/collection/components/test/test-tree-view/tree-view-render-wrapper.css?tag=ch-tree-view-render-wrapper","node_modules/@genexus/chameleon-controls-library/dist/collection/components/test/test-tree-view/tree-view-render-wrapper.js"],"sourcesContent":["","import { h } from \"@stencil/core\";\nconst DEFAULT_DRAG_DISABLED_VALUE = false;\nconst DEFAULT_DROP_DISABLED_VALUE = false;\nconst DEFAULT_EDITABLE_ITEMS_VALUE = true;\nconst defaultRenderItem = (itemModel, treeState, treeHasFilter, lastItem, level) => (treeState.filterType === \"none\" \|\| itemModel.render !== false) && (h(\"ch-tree-view-item\", { id: itemModel.id, caption: itemModel.caption, checkbox: itemModel.checkbox ?? treeState.checkbox, checked: itemModel.checked ?? treeState.checked, class: itemModel.class, disabled: itemModel.disabled, downloading: itemModel.downloading, dragDisabled: itemModel.dragDisabled ?? treeState.dragDisabled, dropDisabled: itemModel.dropDisabled ?? treeState.dropDisabled, editable: itemModel.editable ?? treeState.editableItems, expanded: itemModel.expanded, indeterminate: itemModel.indeterminate, lastItem: lastItem, lazyLoad: itemModel.lazy, leaf: itemModel.leaf, leftImgSrc: itemModel.leftImgSrc, level: level, metadata: itemModel.metadata, rightImgSrc: itemModel.rightImgSrc, selected: itemModel.selected, showExpandableButton: itemModel.showExpandableButton, showLines: treeState.showLines, toggleCheckboxes: itemModel.toggleCheckboxes ?? treeState.toggleCheckboxes }, !itemModel.leaf &&\n itemModel.items != null &&\n itemModel.items.map((subModel, index) => defaultRenderItem(subModel, treeState, treeHasFilter, treeState.showLines &&\n (treeHasFilter && itemModel.lastItemId !== \"\"\n ? subModel.id === itemModel.lastItemId\n : index === itemModel.items.length - 1), level + 1))));\nexport class ChTreeViewRenderWrapper {\n constructor() {\n this.checkbox = false;\n this.checked = false;\n this.checkDroppableZoneCallback = undefined;\n this.cssClass = undefined;\n this.dragDisabled = DEFAULT_DRAG_DISABLED_VALUE;\n this.dropDisabled = DEFAULT_DROP_DISABLED_VALUE;\n this.dropItemsCallback = undefined;\n this.editableItems = DEFAULT_EDITABLE_ITEMS_VALUE;\n this.filter = undefined;\n this.filterList = [];\n this.filterOptions = {};\n this.filterType = \"none\";\n this.lazyLoadTreeItemsCallback = undefined;\n this.modifyItemCaptionCallback = undefined;\n this.multiSelection = false;\n this.renderItem = defaultRenderItem;\n this.showLines = \"none\";\n this.sortItemsCallback = undefined;\n this.toggleCheckboxes = false;\n this.treeModel = [];\n }\n // Refs\n treeRef;\n /*\n Fired when the checked items change.\n * This event does not take into account the currently filtered items.\n /\n checkedItemsChange;\n /\n Fired when an element displays its contextmenu.\n /\n itemContextmenu;\n /\n Fired when the user interacts with an item in a way that its reference\n * must be opened.\n /\n itemOpenReference;\n /\n Fired when the selected items change.\n /\n selectedItemsChange;\n /\n Given an item id, an array of items to add, the download status and the\n * lazy state, updates the item's UI Model.\n /\n async loadLazyContent(itemId, items, downloading = false, lazy = false) {\n this.treeRef.loadLazyContent(itemId, items, downloading, lazy);\n }\n /\n Given an item id, it displays and scrolls into the item view.\n /\n async scrollIntoVisible(treeItemId) {\n this.treeRef.scrollIntoVisible(treeItemId);\n }\n /\n This method is used to toggle a tree item by the tree item id/ids.\n \n @param treeItemIds An array id the tree items to be toggled.\n * @param expand A boolean indicating that the tree item should be expanded or collapsed. (optional)\n * @returns The modified items after the method was called.\n /\n async toggleItems(treeItemIds, expand) {\n return this.treeRef.toggleItems(treeItemIds, expand);\n }\n /\n Given a subset of item's properties, it updates all item UI models.\n /\n async updateAllItemsProperties(properties) {\n this.treeRef.updateAllItemsProperties(properties);\n }\n /\n Given a item list and the properties to update, it updates the properties\n * of the items in the list.\n /\n async updateItemsProperties(items, properties) {\n this.treeRef.updateItemsProperties(items, properties);\n }\n /\n Update the information about the valid droppable zones.\n * @param requestTimestamp Time where the request to the server was made. Useful to avoid having old information.\n * @param newContainerId ID of the container where the drag is trying to be made.\n * @param draggedItems Information about the dragged items.\n * @param validDrop Current state of the droppable zone.\n */\n async updateValidDropZone(requestTimestamp, newContainerId, draggedItems, validDrop) {\n this.treeRef.updateValidDropZone(requestTimestamp, newContainerId, draggedItems, validDrop);\n }\n updateCheckboxValue(event) {\n event.stopPropagation();\n this.checkedItemsChange.emit(event.detail);\n }\n handleOpenReference(event) {\n event.stopPropagation();\n this.itemOpenReference.emit(event.detail);\n }\n render() {\n return (h(\"ch-tree-view-render\", { checkbox: this.checkbox, checked: this.checked, checkDroppableZoneCallback: this.checkDroppableZoneCallback, cssClass: this.cssClass, dragDisabled: this.dragDisabled, dropDisabled: this.dropDisabled, dropItemsCallback: this.dropItemsCallback, editableItems: this.editableItems, filter: this.filter, filterList: this.filterList, filterOptions: this.filterOptions, filterType: this.filterType, lazyLoadTreeItemsCallback: this.lazyLoadTreeItemsCallback, modifyItemCaptionCallback: this.modifyItemCaptionCallback, multiSelection: this.multiSelection, renderItem: this.renderItem, showLines: this.showLines, sortItemsCallback: this.sortItemsCallback, toggleCheckboxes: this.toggleCheckboxes, treeModel: this.treeModel, ref: el => (this.treeRef = el) }));\n }\n static get is() { return \"ch-tree-view-render-wrapper\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"tree-view-render-wrapper.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"tree-view-render-wrapper.css\"]\n };\n }\n static get properties() {\n return {\n \"checkbox\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Set this attribute if you want display a checkbox in all items by default.\"\n },\n \"attribute\": \"checkbox\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"checked\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Set this attribute if you want the checkbox to be checked in all items by\\ndefault.\\nOnly works if `checkbox = true`\"\n },\n \"attribute\": \"checked\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"checkDroppableZoneCallback\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"(\\n dropInformation: TreeViewDropCheckInfo\\n ) => Promise<boolean>\",\n \"resolved\": \"(dropInformation: TreeViewDropCheckInfo) => Promise<boolean>\",\n \"references\": {\n \"TreeViewDropCheckInfo\": {\n \"location\": \"import\",\n \"path\": \"../../tree-view/tree-view/types\",\n \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewDropCheckInfo\"\n },\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Callback that is executed when an element tries to drop in another item of\\nthe tree. Returns whether the drop is valid.\"\n }\n },\n \"cssClass\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"A CSS class to set as the `ch-tree-view` element class.\"\n },\n \"attribute\": \"css-class\",\n \"reflect\": false\n },\n \"dragDisabled\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"This attribute lets you specify if the drag operation is disabled in all\\nitems by default. If `true`, the items can't be dragged.\"\n },\n \"attribute\": \"drag-disabled\",\n \"reflect\": false,\n \"defaultValue\": \"DEFAULT_DRAG_DISABLED_VALUE\"\n },\n \"dropDisabled\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"This attribute lets you specify if the drop operation is disabled in all\\nitems by default. If `true`, the items won't accept any drops.\"\n },\n \"attribute\": \"drop-disabled\",\n \"reflect\": false,\n \"defaultValue\": \"DEFAULT_DROP_DISABLED_VALUE\"\n },\n \"dropItemsCallback\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"(\\n dataTransferInfo: TreeViewDataTransferInfo\\n ) => Promise<{ acceptDrop: boolean; items?: TreeViewItemModel[] }>\",\n \"resolved\": \"(dataTransferInfo: TreeViewDataTransferInfo) => Promise<{ acceptDrop: boolean; items?: TreeViewItemModel[]; }>\",\n \"references\": {\n \"TreeViewDataTransferInfo\": {\n \"location\": \"import\",\n \"path\": \"../../tree-view/tree-view/types\",\n \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewDataTransferInfo\"\n },\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"TreeViewItemModel\": {\n \"location\": \"import\",\n \"path\": \"../../tree-view/tree-view/types\",\n \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemModel\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Callback that is executed when a list of items request to be dropped into\\nanother item.\"\n }\n },\n \"editableItems\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"This attribute lets you specify if the edit operation is enabled in all\\nitems by default. If `true`, the items can edit its caption in place.\"\n },\n \"attribute\": \"editable-items\",\n \"reflect\": false,\n \"defaultValue\": \"DEFAULT_EDITABLE_ITEMS_VALUE\"\n },\n \"filter\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"This property lets you determine the expression that will be applied to the\\nfilter.\\nOnly works if `filterType = \\\"caption\\\" \| \\\"metadata\\\"`.\"\n },\n \"attribute\": \"filter\",\n \"reflect\": false\n },\n \"filterList\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string[]\",\n \"resolved\": \"string[]\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"This property lets you determine the list of items that will be filtered.\\nOnly works if `filterType = \\\"id-list\\\"`.\"\n },\n \"defaultValue\": \"[]\"\n },\n \"filterOptions\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"TreeViewFilterOptions\",\n \"resolved\": \"{ autoExpand?: boolean; hideMatchesAndShowNonMatches?: boolean; highlightMatchedItems?: boolean; matchCase?: boolean; regularExpression?: boolean; }\",\n \"references\": {\n \"TreeViewFilterOptions\": {\n \"location\": \"import\",\n \"path\": \"../../renders/tree-view/types\",\n \"id\": \"src/components/renders/tree-view/types.ts::TreeViewFilterOptions\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"This property lets you determine the options that will be applied to the\\nfilter.\\nOnly works if `filterType = \\\"caption\\\" \| \\\"metadata\\\"`.\"\n },\n \"defaultValue\": \"{}\"\n },\n \"filterType\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"TreeViewFilterType\",\n \"resolved\": \"\\\"caption\\\" \| \\\"checked\\\" \| \\\"list\\\" \| \\\"metadata\\\" \| \\\"none\\\" \| \\\"unchecked\\\"\",\n \"references\": {\n \"TreeViewFilterType\": {\n \"location\": \"import\",\n \"path\": \"../../renders/tree-view/types\",\n \"id\": \"src/components/renders/tree-view/types.ts::TreeViewFilterType\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"This attribute lets you define what kind of filter is applied to items.\\nOnly items that satisfy the filter predicate will be displayed.\\n\\n\| Value \| Details \|\\n\| ----------- \| ---------------------------------------------------------------------------------------------- \|\\n\| `checked` \| Show only the items that have a checkbox and are checked. \|\\n\| `unchecked` \| Show only the items that have a checkbox and are not checked. \|\\n\| `caption` \| Show only the items whose `caption` satisfies the regex determinate by the `filter` property. \|\\n\| `metadata` \| Show only the items whose `metadata` satisfies the regex determinate by the `filter` property. \|\\n\| `id-list` \| Show only the items that are contained in the array determinate by the `filterList` property. \|\\n\| `none` \| Show all items. \|\"\n },\n \"attribute\": \"filter-type\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"none\\\"\"\n },\n \"lazyLoadTreeItemsCallback\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"(\\n treeItemId: string\\n ) => Promise<TreeViewItemModel[]>\",\n \"resolved\": \"(treeItemId: string) => Promise<TreeViewItemModel[]>\",\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"TreeViewItemModel\": {\n \"location\": \"import\",\n \"path\": \"../../tree-view/tree-view/types\",\n \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemModel\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Callback that is executed when a item request to load its subitems.\"\n }\n },\n \"modifyItemCaptionCallback\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"(\\n treeItemId: string,\\n newCaption: string\\n ) => Promise<TreeViewOperationStatusModifyCaption>\",\n \"resolved\": \"(treeItemId: string, newCaption: string) => Promise<TreeViewOperationStatusModifyCaption>\",\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"TreeViewOperationStatusModifyCaption\": {\n \"location\": \"import\",\n \"path\": \"../../renders/tree-view/types\",\n \"id\": \"src/components/renders/tree-view/types.ts::TreeViewOperationStatusModifyCaption\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Callback that is executed when a item request to modify its caption.\"\n }\n },\n \"multiSelection\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Set this attribute if you want to allow multi selection of the items.\"\n },\n \"attribute\": \"multi-selection\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"renderItem\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"(\\n itemModel: TreeViewItemModel,\\n treeState: ChTreeViewRender,\\n treeHasFilter: boolean,\\n lastItem: boolean,\\n level: number\\n ) => any\",\n \"resolved\": \"(itemModel: TreeViewItemModel, treeState: ChTreeViewRender, treeHasFilter: boolean, lastItem: boolean, level: number) => any\",\n \"references\": {\n \"TreeViewItemModel\": {\n \"location\": \"import\",\n \"path\": \"../../tree-view/tree-view/types\",\n \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemModel\"\n },\n \"ChTreeViewRender\": {\n \"location\": \"import\",\n \"path\": \"../../renders/tree-view/tree-view-render\",\n \"id\": \"src/components/renders/tree-view/tree-view-render.tsx::ChTreeViewRender\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"This property allows us to implement custom rendering of tree items.\"\n },\n \"defaultValue\": \"defaultRenderItem\"\n },\n \"showLines\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"TreeViewLines\",\n \"resolved\": \"\\\"all\\\" \| \\\"last\\\" \| \\\"none\\\"\",\n \"references\": {\n \"TreeViewLines\": {\n \"location\": \"import\",\n \"path\": \"../../tree-view/tree-view/types\",\n \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewLines\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"`true` to display the relation between tree items and tree lists using\\nlines.\"\n },\n \"attribute\": \"show-lines\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"none\\\"\"\n },\n \"sortItemsCallback\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"(subModel: TreeViewItemModel[]) => void\",\n \"resolved\": \"(subModel: TreeViewItemModel[]) => void\",\n \"references\": {\n \"TreeViewItemModel\": {\n \"location\": \"import\",\n \"path\": \"../../tree-view/tree-view/types\",\n \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemModel\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Callback that is executed when the treeModel is changed to order its items.\"\n }\n },\n \"toggleCheckboxes\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Set this attribute if you want all the children item's checkboxes to be\\nchecked when the parent item checkbox is checked, or to be unchecked when\\nthe parent item checkbox is unchecked.\\nThis attribute will be used in all items by default.\"\n },\n \"attribute\": \"toggle-checkboxes\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"treeModel\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"TreeViewItemModel[]\",\n \"resolved\": \"TreeViewItemModel[]\",\n \"references\": {\n \"TreeViewItemModel\": {\n \"location\": \"import\",\n \"path\": \"../../tree-view/tree-view/types\",\n \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemModel\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"This property lets you define the model of the ch-tree-x control.\"\n },\n \"defaultValue\": \"[]\"\n }\n };\n }\n static get events() {\n return [{\n \"method\": \"checkedItemsChange\",\n \"name\": \"checkedItemsChange\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Fired when the checked items change.\\nThis event does not take into account the currently filtered items.\"\n },\n \"complexType\": {\n \"original\": \"Map<string, TreeViewItemModelExtended>\",\n \"resolved\": \"Map<string, TreeViewItemModelExtended>\",\n \"references\": {\n \"Map\": {\n \"location\": \"global\",\n \"id\": \"global::Map\"\n },\n \"TreeViewItemModelExtended\": {\n \"location\": \"import\",\n \"path\": \"../../renders/tree-view/types\",\n \"id\": \"src/components/renders/tree-view/types.ts::TreeViewItemModelExtended\"\n }\n }\n }\n }, {\n \"method\": \"itemContextmenu\",\n \"name\": \"itemContextmenu\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Fired when an element displays its contextmenu.\"\n },\n \"complexType\": {\n \"original\": \"TreeViewItemContextMenu\",\n \"resolved\": \"{ id: string; itemRef: HTMLChTreeViewItemElement; metadata: string; contextmenuEvent: PointerEvent; }\",\n \"references\": {\n \"TreeViewItemContextMenu\": {\n \"location\": \"import\",\n \"path\": \"../../tree-view/tree-view/types\",\n \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemContextMenu\"\n }\n }\n }\n }, {\n \"method\": \"itemOpenReference\",\n \"name\": \"itemOpenReference\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Fired when the user interacts with an item in a way that its reference\\nmust be opened.\"\n },\n \"complexType\": {\n \"original\": \"TreeViewItemOpenReferenceInfo\",\n \"resolved\": \"{ id: string; leaf: boolean; metadata: string; }\",\n \"references\": {\n \"TreeViewItemOpenReferenceInfo\": {\n \"location\": \"import\",\n \"path\": \"../../tree-view/tree-view/types\",\n \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemOpenReferenceInfo\"\n }\n }\n }\n }, {\n \"method\": \"selectedItemsChange\",\n \"name\": \"selectedItemsChange\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Fired when the selected items change.\"\n },\n \"complexType\": {\n \"original\": \"Map<string, TreeViewItemSelectedInfo>\",\n \"resolved\": \"Map<string, TreeViewItemSelectedInfo>\",\n \"references\": {\n \"Map\": {\n \"location\": \"global\",\n \"id\": \"global::Map\"\n },\n \"TreeViewItemSelectedInfo\": {\n \"location\": \"import\",\n \"path\": \"../../tree-view/tree-view/types\",\n \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemSelectedInfo\"\n }\n }\n }\n }];\n }\n static get methods() {\n return {\n \"loadLazyContent\": {\n \"complexType\": {\n \"signature\": \"(itemId: string, items?: TreeViewItemModel[], downloading?: boolean, lazy?: boolean) => Promise<void>\",\n \"parameters\": [{\n \"name\": \"itemId\",\n \"type\": \"string\",\n \"docs\": \"\"\n }, {\n \"name\": \"items\",\n \"type\": \"TreeViewItemModel[]\",\n \"docs\": \"\"\n }, {\n \"name\": \"downloading\",\n \"type\": \"boolean\",\n \"docs\": \"\"\n }, {\n \"name\": \"lazy\",\n \"type\": \"boolean\",\n \"docs\": \"\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"TreeViewItemModel\": {\n \"location\": \"import\",\n \"path\": \"../../tree-view/tree-view/types\",\n \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemModel\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Given an item id, an array of items to add, the download status and the\\nlazy state, updates the item's UI Model.\",\n \"tags\": []\n }\n },\n \"scrollIntoVisible\": {\n \"complexType\": {\n \"signature\": \"(treeItemId: string) => Promise<void>\",\n \"parameters\": [{\n \"name\": \"treeItemId\",\n \"type\": \"string\",\n \"docs\": \"\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Given an item id, it displays and scrolls into the item view.\",\n \"tags\": []\n }\n },\n \"toggleItems\": {\n \"complexType\": {\n \"signature\": \"(treeItemIds: string[], expand?: boolean) => Promise<TreeViewItemExpandedInfo[]>\",\n \"parameters\": [{\n \"name\": \"treeItemIds\",\n \"type\": \"string[]\",\n \"docs\": \"An array id the tree items to be toggled.\"\n }, {\n \"name\": \"expand\",\n \"type\": \"boolean\",\n \"docs\": \"A boolean indicating that the tree item should be expanded or collapsed. (optional)\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"TreeViewItemExpandedInfo\": {\n \"location\": \"import\",\n \"path\": \"../../tree-view/tree-view/types\",\n \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemExpandedInfo\"\n }\n },\n \"return\": \"Promise<TreeViewItemExpandedInfo[]>\"\n },\n \"docs\": {\n \"text\": \"This method is used to toggle a tree item by the tree item id/ids.\",\n \"tags\": [{\n \"name\": \"param\",\n \"text\": \"treeItemIds An array id the tree items to be toggled.\"\n }, {\n \"name\": \"param\",\n \"text\": \"expand A boolean indicating that the tree item should be expanded or collapsed. (optional)\"\n }, {\n \"name\": \"returns\",\n \"text\": \"The modified items after the method was called.\"\n }]\n }\n },\n \"updateAllItemsProperties\": {\n \"complexType\": {\n \"signature\": \"(properties: { expanded?: boolean; checked?: boolean; }) => Promise<void>\",\n \"parameters\": [{\n \"name\": \"properties\",\n \"type\": \"{ expanded?: boolean; checked?: boolean; }\",\n \"docs\": \"\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Given a subset of item's properties, it updates all item UI models.\",\n \"tags\": []\n }\n },\n \"updateItemsProperties\": {\n \"complexType\": {\n \"signature\": \"(items: string[], properties: TreeViewItemModel) => Promise<void>\",\n \"parameters\": [{\n \"name\": \"items\",\n \"type\": \"string[]\",\n \"docs\": \"\"\n }, {\n \"name\": \"properties\",\n \"type\": \"{ id: string; caption: string; checkbox?: boolean; checked?: boolean; class?: string; disabled?: boolean; downloading?: boolean; dragDisabled?: boolean; dropDisabled?: boolean; editable?: boolean; expanded?: boolean; lastItemId?: string; lazy?: boolean; leaf?: boolean; leftImgSrc?: string; indeterminate?: boolean; items?: TreeViewItemModel[]; metadata?: string; order?: number; render?: boolean; rightImgSrc?: string; selected?: boolean; showExpandableButton?: boolean; toggleCheckboxes?: boolean; }\",\n \"docs\": \"\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"TreeViewItemModel\": {\n \"location\": \"import\",\n \"path\": \"../../tree-view/tree-view/types\",\n \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemModel\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Given a item list and the properties to update, it updates the properties\\nof the items in the list.\",\n \"tags\": []\n }\n },\n \"updateValidDropZone\": {\n \"complexType\": {\n \"signature\": \"(requestTimestamp: number, newContainerId: string, draggedItems: GxDataTransferInfo[], validDrop: boolean) => Promise<void>\",\n \"parameters\": [{\n \"name\": \"requestTimestamp\",\n \"type\": \"number\",\n \"docs\": \"Time where the request to the server was made. Useful to avoid having old information.\"\n }, {\n \"name\": \"newContainerId\",\n \"type\": \"string\",\n \"docs\": \"ID of the container where the drag is trying to be made.\"\n }, {\n \"name\": \"draggedItems\",\n \"type\": \"GxDataTransferInfo[]\",\n \"docs\": \"Information about the dragged items.\"\n }, {\n \"name\": \"validDrop\",\n \"type\": \"boolean\",\n \"docs\": \"Current state of the droppable zone.\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"GxDataTransferInfo\": {\n \"location\": \"import\",\n \"path\": \"../../../common/types\",\n \"id\": \"src/common/types.ts::GxDataTransferInfo\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Update the information about the valid droppable zones.\",\n \"tags\": [{\n \"name\": \"param\",\n \"text\": \"requestTimestamp Time where the request to the server was made. Useful to avoid having old information.\"\n }, {\n \"name\": \"param\",\n \"text\": \"newContainerId ID of the container where the drag is trying to be made.\"\n }, {\n \"name\": \"param\",\n \"text\": \"draggedItems Information about the dragged items.\"\n }, {\n \"name\": \"param\",\n \"text\": \"validDrop Current state of the droppable zone.\"\n }]\n }\n }\n };\n }\n static get listeners() {\n return [{\n \"name\": \"checkedItemsChange\",\n \"method\": \"updateCheckboxValue\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }, {\n \"name\": \"itemOpenReference\",\n \"method\": \"handleOpenReference\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=tree-view-render-wrapper.js.map\n"],"version":3}
1	+ {"file":"ch-tree-view-render-wrapper.js","mappings":";;;;;;AAAA,MAAM,wBAAwB,GAAG,EAAE;;ACCnC,MAAM,2BAA2B,GAAG,KAAK,CAAC;AAC1C,MAAM,2BAA2B,GAAG,KAAK,CAAC;AAC1C,MAAM,4BAA4B,GAAG,IAAI,CAAC;AAC1C,MAAM,iBAAiB,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK;;IAAK,OAAA,CAAC,SAAS,CAAC,UAAU,KAAK,MAAM,IAAI,SAAS,CAAC,MAAM,KAAK,KAAK,MAAM,CAAC,CAAC,mBAAmB,EAAE,EAAE,EAAE,EAAE,SAAS,CAAC,EAAE,EAAE,OAAO,EAAE,SAAS,CAAC,OAAO,EAAE,QAAQ,EAAE,MAAA,SAAS,CAAC,QAAQ,mCAAI,SAAS,CAAC,QAAQ,EAAE,OAAO,EAAE,MAAA,SAAS,CAAC,OAAO,mCAAI,SAAS,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC,KAAK,EAAE,QAAQ,EAAE,SAAS,CAAC,QAAQ,EAAE,WAAW,EAAE,SAAS,CAAC,WAAW,EAAE,YAAY,EAAE,MAAA,SAAS,CAAC,YAAY,mCAAI,SAAS,CAAC,YAAY,EAAE,YAAY,EAAE,MAAA,SAAS,CAAC,YAAY,mCAAI,SAAS,CAAC,YAAY,EAAE,QAAQ,EAAE,MAAA,SAAS,CAAC,QAAQ,mCAAI,SAAS,CAAC,aAAa,EAAE,gBAAgB,EAAE,SAAS,CAAC,gBAAgB,EAAE,QAAQ,EAAE,SAAS,CAAC,QAAQ,EAAE,aAAa,EAAE,SAAS,CAAC,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,UAAU,EAAE,SAAS,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,CAAC,QAAQ,EAAE,WAAW,EAAE,SAAS,CAAC,WAAW,EAAE,QAAQ,EAAE,SAAS,CAAC,QAAQ,EAAE,SAAS,EAAE,SAAS,CAAC,SAAS,EAAE,gBAAgB,EAAE,MAAA,SAAS,CAAC,gBAAgB,mCAAI,SAAS,CAAC,gBAAgB,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI;QACxhC,SAAS,CAAC,KAAK,IAAI,IAAI;QACvB,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,KAAK,iBAAiB,CAAC,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,CAAC,SAAS;aAC7G,aAAa,IAAI,SAAS,CAAC,UAAU,KAAK,EAAE;kBACvC,QAAQ,CAAC,EAAE,KAAK,SAAS,CAAC,UAAU;kBACpC,KAAK,KAAK,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;CAAA,CAAC;MACtDA,yBAAuB;IAChC;;;;;;;QACI,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,0BAA0B,GAAG,SAAS,CAAC;QAC5C,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC;QAC1B,IAAI,CAAC,YAAY,GAAG,2BAA2B,CAAC;QAChD,IAAI,CAAC,YAAY,GAAG,2BAA2B,CAAC;QAChD,IAAI,CAAC,iBAAiB,GAAG,SAAS,CAAC;QACnC,IAAI,CAAC,aAAa,GAAG,4BAA4B,CAAC;QAClD,IAAI,CAAC,gBAAgB,GAAG,YAAY,CAAC;QACrC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;QAC1B,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;QACxB,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;QACrB,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;QACxB,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC;QACzB,IAAI,CAAC,yBAAyB,GAAG,SAAS,CAAC;QAC3C,IAAI,CAAC,yBAAyB,GAAG,SAAS,CAAC;QAC3C,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;QAC5B,IAAI,CAAC,UAAU,GAAG,iBAAiB,CAAC;QACpC,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC;QACxB,IAAI,CAAC,iBAAiB,GAAG,SAAS,CAAC;QACnC,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;KACvB;;;;;IAyBD,MAAM,eAAe,CAAC,MAAM,EAAE,KAAK,EAAE,WAAW,GAAG,KAAK,EAAE,IAAI,GAAG,KAAK;QAClE,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC;KAClE;;;;IAID,MAAM,iBAAiB,CAAC,UAAU;QAC9B,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;KAC9C;;;;;;;;IAQD,MAAM,WAAW,CAAC,WAAW,EAAE,MAAM;QACjC,OAAO,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;KACxD;;;;IAID,MAAM,wBAAwB,CAAC,UAAU;QACrC,IAAI,CAAC,OAAO,CAAC,wBAAwB,CAAC,UAAU,CAAC,CAAC;KACrD;;;;;IAKD,MAAM,qBAAqB,CAAC,KAAK,EAAE,UAAU;QACzC,IAAI,CAAC,OAAO,CAAC,qBAAqB,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;KACzD;;;;;;;;IAQD,MAAM,mBAAmB,CAAC,gBAAgB,EAAE,cAAc,EAAE,YAAY,EAAE,SAAS;QAC/E,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,gBAAgB,EAAE,cAAc,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC;KAC/F;IACD,mBAAmB,CAAC,KAAK;QACrB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;KAC9C;IACD,mBAAmB,CAAC,KAAK;QACrB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;KAC7C;IACD,MAAM;QACF,QAAQ,CAAC,CAAC,qBAAqB,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,0BAA0B,EAAE,IAAI,CAAC,0BAA0B,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,EAAE,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,yBAAyB,EAAE,IAAI,CAAC,yBAAyB,EAAE,yBAAyB,EAAE,IAAI,CAAC,yBAAyB,EAAE,cAAc,EAAE,IAAI,CAAC,cAAc,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EAAE,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE;KAC/1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["ChTreeViewRenderWrapper"],"sources":["node_modules/@genexus/chameleon-controls-library/dist/collection/components/test/test-tree-view/tree-view-render-wrapper.css?tag=ch-tree-view-render-wrapper","node_modules/@genexus/chameleon-controls-library/dist/collection/components/test/test-tree-view/tree-view-render-wrapper.js"],"sourcesContent":["","import { h } from \"@stencil/core\";\nconst DEFAULT_DRAG_DISABLED_VALUE = false;\nconst DEFAULT_DROP_DISABLED_VALUE = false;\nconst DEFAULT_EDITABLE_ITEMS_VALUE = true;\nconst defaultRenderItem = (itemModel, treeState, treeHasFilter, lastItem, level) => (treeState.filterType === \"none\" \|\| itemModel.render !== false) && (h(\"ch-tree-view-item\", { id: itemModel.id, caption: itemModel.caption, checkbox: itemModel.checkbox ?? treeState.checkbox, checked: itemModel.checked ?? treeState.checked, class: itemModel.class, disabled: itemModel.disabled, downloading: itemModel.downloading, dragDisabled: itemModel.dragDisabled ?? treeState.dragDisabled, dropDisabled: itemModel.dropDisabled ?? treeState.dropDisabled, editable: itemModel.editable ?? treeState.editableItems, expandableButton: itemModel.expandableButton, expanded: itemModel.expanded, indeterminate: itemModel.indeterminate, lastItem: lastItem, lazyLoad: itemModel.lazy, leaf: itemModel.leaf, leftImgSrc: itemModel.leftImgSrc, level: level, metadata: itemModel.metadata, rightImgSrc: itemModel.rightImgSrc, selected: itemModel.selected, showLines: treeState.showLines, toggleCheckboxes: itemModel.toggleCheckboxes ?? treeState.toggleCheckboxes }, !itemModel.leaf &&\n itemModel.items != null &&\n itemModel.items.map((subModel, index) => defaultRenderItem(subModel, treeState, treeHasFilter, treeState.showLines &&\n (treeHasFilter && itemModel.lastItemId !== \"\"\n ? subModel.id === itemModel.lastItemId\n : index === itemModel.items.length - 1), level + 1))));\nexport class ChTreeViewRenderWrapper {\n constructor() {\n this.checkbox = false;\n this.checked = false;\n this.checkDroppableZoneCallback = undefined;\n this.cssClass = undefined;\n this.dragDisabled = DEFAULT_DRAG_DISABLED_VALUE;\n this.dropDisabled = DEFAULT_DROP_DISABLED_VALUE;\n this.dropItemsCallback = undefined;\n this.editableItems = DEFAULT_EDITABLE_ITEMS_VALUE;\n this.expandableButton = \"decorative\";\n this.expandOnClick = true;\n this.filter = undefined;\n this.filterList = [];\n this.filterOptions = {};\n this.filterType = \"none\";\n this.lazyLoadTreeItemsCallback = undefined;\n this.modifyItemCaptionCallback = undefined;\n this.multiSelection = false;\n this.renderItem = defaultRenderItem;\n this.showLines = \"none\";\n this.sortItemsCallback = undefined;\n this.toggleCheckboxes = false;\n this.treeModel = [];\n }\n // Refs\n treeRef;\n /*\n Fired when the checked items change.\n * This event does not take into account the currently filtered items.\n /\n checkedItemsChange;\n /\n Fired when an element displays its contextmenu.\n /\n itemContextmenu;\n /\n Fired when the user interacts with an item in a way that its reference\n * must be opened.\n /\n itemOpenReference;\n /\n Fired when the selected items change.\n /\n selectedItemsChange;\n /\n Given an item id, an array of items to add, the download status and the\n * lazy state, updates the item's UI Model.\n /\n async loadLazyContent(itemId, items, downloading = false, lazy = false) {\n this.treeRef.loadLazyContent(itemId, items, downloading, lazy);\n }\n /\n Given an item id, it displays and scrolls into the item view.\n /\n async scrollIntoVisible(treeItemId) {\n this.treeRef.scrollIntoVisible(treeItemId);\n }\n /\n This method is used to toggle a tree item by the tree item id/ids.\n \n @param treeItemIds An array id the tree items to be toggled.\n * @param expand A boolean indicating that the tree item should be expanded or collapsed. (optional)\n * @returns The modified items after the method was called.\n /\n async toggleItems(treeItemIds, expand) {\n return this.treeRef.toggleItems(treeItemIds, expand);\n }\n /\n Given a subset of item's properties, it updates all item UI models.\n /\n async updateAllItemsProperties(properties) {\n this.treeRef.updateAllItemsProperties(properties);\n }\n /\n Given a item list and the properties to update, it updates the properties\n * of the items in the list.\n /\n async updateItemsProperties(items, properties) {\n this.treeRef.updateItemsProperties(items, properties);\n }\n /\n Update the information about the valid droppable zones.\n * @param requestTimestamp Time where the request to the server was made. Useful to avoid having old information.\n * @param newContainerId ID of the container where the drag is trying to be made.\n * @param draggedItems Information about the dragged items.\n * @param validDrop Current state of the droppable zone.\n */\n async updateValidDropZone(requestTimestamp, newContainerId, draggedItems, validDrop) {\n this.treeRef.updateValidDropZone(requestTimestamp, newContainerId, draggedItems, validDrop);\n }\n updateCheckboxValue(event) {\n event.stopPropagation();\n this.checkedItemsChange.emit(event.detail);\n }\n handleOpenReference(event) {\n event.stopPropagation();\n this.itemOpenReference.emit(event.detail);\n }\n render() {\n return (h(\"ch-tree-view-render\", { checkbox: this.checkbox, checked: this.checked, checkDroppableZoneCallback: this.checkDroppableZoneCallback, cssClass: this.cssClass, dragDisabled: this.dragDisabled, dropDisabled: this.dropDisabled, dropItemsCallback: this.dropItemsCallback, editableItems: this.editableItems, expandableButton: this.expandableButton, expandOnClick: this.expandOnClick, filter: this.filter, filterList: this.filterList, filterOptions: this.filterOptions, filterType: this.filterType, lazyLoadTreeItemsCallback: this.lazyLoadTreeItemsCallback, modifyItemCaptionCallback: this.modifyItemCaptionCallback, multiSelection: this.multiSelection, renderItem: this.renderItem, showLines: this.showLines, sortItemsCallback: this.sortItemsCallback, toggleCheckboxes: this.toggleCheckboxes, treeModel: this.treeModel, ref: el => (this.treeRef = el) }));\n }\n static get is() { return \"ch-tree-view-render-wrapper\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"tree-view-render-wrapper.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"tree-view-render-wrapper.css\"]\n };\n }\n static get properties() {\n return {\n \"checkbox\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Set this attribute if you want display a checkbox in all items by default.\"\n },\n \"attribute\": \"checkbox\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"checked\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Set this attribute if you want the checkbox to be checked in all items by\\ndefault.\\nOnly works if `checkbox = true`\"\n },\n \"attribute\": \"checked\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"checkDroppableZoneCallback\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"(\\n dropInformation: TreeViewDropCheckInfo\\n ) => Promise<boolean>\",\n \"resolved\": \"(dropInformation: TreeViewDropCheckInfo) => Promise<boolean>\",\n \"references\": {\n \"TreeViewDropCheckInfo\": {\n \"location\": \"import\",\n \"path\": \"../../tree-view/tree-view/types\",\n \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewDropCheckInfo\"\n },\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Callback that is executed when an element tries to drop in another item of\\nthe tree. Returns whether the drop is valid.\"\n }\n },\n \"cssClass\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"A CSS class to set as the `ch-tree-view` element class.\"\n },\n \"attribute\": \"css-class\",\n \"reflect\": false\n },\n \"dragDisabled\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"This attribute lets you specify if the drag operation is disabled in all\\nitems by default. If `true`, the items can't be dragged.\"\n },\n \"attribute\": \"drag-disabled\",\n \"reflect\": false,\n \"defaultValue\": \"DEFAULT_DRAG_DISABLED_VALUE\"\n },\n \"dropDisabled\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"This attribute lets you specify if the drop operation is disabled in all\\nitems by default. If `true`, the items won't accept any drops.\"\n },\n \"attribute\": \"drop-disabled\",\n \"reflect\": false,\n \"defaultValue\": \"DEFAULT_DROP_DISABLED_VALUE\"\n },\n \"dropItemsCallback\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"(\\n dataTransferInfo: TreeViewDataTransferInfo\\n ) => Promise<{ acceptDrop: boolean; items?: TreeViewItemModel[] }>\",\n \"resolved\": \"(dataTransferInfo: TreeViewDataTransferInfo) => Promise<{ acceptDrop: boolean; items?: TreeViewItemModel[]; }>\",\n \"references\": {\n \"TreeViewDataTransferInfo\": {\n \"location\": \"import\",\n \"path\": \"../../tree-view/tree-view/types\",\n \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewDataTransferInfo\"\n },\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"TreeViewItemModel\": {\n \"location\": \"import\",\n \"path\": \"../../tree-view/tree-view/types\",\n \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemModel\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Callback that is executed when a list of items request to be dropped into\\nanother item.\"\n }\n },\n \"editableItems\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"This attribute lets you specify if the edit operation is enabled in all\\nitems by default. If `true`, the items can edit its caption in place.\"\n },\n \"attribute\": \"editable-items\",\n \"reflect\": false,\n \"defaultValue\": \"DEFAULT_EDITABLE_ITEMS_VALUE\"\n },\n \"expandableButton\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"\\\"action\\\" \| \\\"decorative\\\" \| \\\"no\\\"\",\n \"resolved\": \"\\\"action\\\" \| \\\"decorative\\\" \| \\\"no\\\"\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Specifies what kind of expandable button is displayed in the items by\\ndefault.\\n - `\\\"expandableButton\\\"`: Expandable button that allows to expand/collapse\\n the items of the control.\\n - `\\\"decorative\\\"`: Only a decorative icon is rendered to display the state\\n of the item.\"\n },\n \"attribute\": \"expandable-button\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"decorative\\\"\"\n },\n \"expandOnClick\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Specifies if a tree-view-item is expanded on click interaction. If `true`\\nthe tree-view-item is expanded on click interaction. If `false`, with\\nmouse interaction the tree-view-item will only be expanded on double click.\"\n },\n \"attribute\": \"expand-on-click\",\n \"reflect\": false,\n \"defaultValue\": \"true\"\n },\n \"filter\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"This property lets you determine the expression that will be applied to the\\nfilter.\\nOnly works if `filterType = \\\"caption\\\" \| \\\"metadata\\\"`.\"\n },\n \"attribute\": \"filter\",\n \"reflect\": false\n },\n \"filterList\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string[]\",\n \"resolved\": \"string[]\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"This property lets you determine the list of items that will be filtered.\\nOnly works if `filterType = \\\"id-list\\\"`.\"\n },\n \"defaultValue\": \"[]\"\n },\n \"filterOptions\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"TreeViewFilterOptions\",\n \"resolved\": \"{ autoExpand?: boolean; hideMatchesAndShowNonMatches?: boolean; highlightMatchedItems?: boolean; matchCase?: boolean; regularExpression?: boolean; }\",\n \"references\": {\n \"TreeViewFilterOptions\": {\n \"location\": \"import\",\n \"path\": \"../../renders/tree-view/types\",\n \"id\": \"src/components/renders/tree-view/types.ts::TreeViewFilterOptions\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"This property lets you determine the options that will be applied to the\\nfilter.\\nOnly works if `filterType = \\\"caption\\\" \| \\\"metadata\\\"`.\"\n },\n \"defaultValue\": \"{}\"\n },\n \"filterType\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"TreeViewFilterType\",\n \"resolved\": \"\\\"caption\\\" \| \\\"checked\\\" \| \\\"list\\\" \| \\\"metadata\\\" \| \\\"none\\\" \| \\\"unchecked\\\"\",\n \"references\": {\n \"TreeViewFilterType\": {\n \"location\": \"import\",\n \"path\": \"../../renders/tree-view/types\",\n \"id\": \"src/components/renders/tree-view/types.ts::TreeViewFilterType\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"This attribute lets you define what kind of filter is applied to items.\\nOnly items that satisfy the filter predicate will be displayed.\\n\\n\| Value \| Details \|\\n\| ----------- \| ---------------------------------------------------------------------------------------------- \|\\n\| `checked` \| Show only the items that have a checkbox and are checked. \|\\n\| `unchecked` \| Show only the items that have a checkbox and are not checked. \|\\n\| `caption` \| Show only the items whose `caption` satisfies the regex determinate by the `filter` property. \|\\n\| `metadata` \| Show only the items whose `metadata` satisfies the regex determinate by the `filter` property. \|\\n\| `id-list` \| Show only the items that are contained in the array determinate by the `filterList` property. \|\\n\| `none` \| Show all items. \|\"\n },\n \"attribute\": \"filter-type\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"none\\\"\"\n },\n \"lazyLoadTreeItemsCallback\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"(\\n treeItemId: string\\n ) => Promise<TreeViewItemModel[]>\",\n \"resolved\": \"(treeItemId: string) => Promise<TreeViewItemModel[]>\",\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"TreeViewItemModel\": {\n \"location\": \"import\",\n \"path\": \"../../tree-view/tree-view/types\",\n \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemModel\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Callback that is executed when a item request to load its subitems.\"\n }\n },\n \"modifyItemCaptionCallback\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"(\\n treeItemId: string,\\n newCaption: string\\n ) => Promise<TreeViewOperationStatusModifyCaption>\",\n \"resolved\": \"(treeItemId: string, newCaption: string) => Promise<TreeViewOperationStatusModifyCaption>\",\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"TreeViewOperationStatusModifyCaption\": {\n \"location\": \"import\",\n \"path\": \"../../renders/tree-view/types\",\n \"id\": \"src/components/renders/tree-view/types.ts::TreeViewOperationStatusModifyCaption\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Callback that is executed when a item request to modify its caption.\"\n }\n },\n \"multiSelection\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Set this attribute if you want to allow multi selection of the items.\"\n },\n \"attribute\": \"multi-selection\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"renderItem\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"(\\n itemModel: TreeViewItemModel,\\n treeState: ChTreeViewRender,\\n treeHasFilter: boolean,\\n lastItem: boolean,\\n level: number\\n ) => any\",\n \"resolved\": \"(itemModel: TreeViewItemModel, treeState: ChTreeViewRender, treeHasFilter: boolean, lastItem: boolean, level: number) => any\",\n \"references\": {\n \"TreeViewItemModel\": {\n \"location\": \"import\",\n \"path\": \"../../tree-view/tree-view/types\",\n \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemModel\"\n },\n \"ChTreeViewRender\": {\n \"location\": \"import\",\n \"path\": \"../../renders/tree-view/tree-view-render\",\n \"id\": \"src/components/renders/tree-view/tree-view-render.tsx::ChTreeViewRender\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"This property allows us to implement custom rendering of tree items.\"\n },\n \"defaultValue\": \"defaultRenderItem\"\n },\n \"showLines\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"TreeViewLines\",\n \"resolved\": \"\\\"all\\\" \| \\\"last\\\" \| \\\"none\\\"\",\n \"references\": {\n \"TreeViewLines\": {\n \"location\": \"import\",\n \"path\": \"../../tree-view/tree-view/types\",\n \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewLines\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"`true` to display the relation between tree items and tree lists using\\nlines.\"\n },\n \"attribute\": \"show-lines\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"none\\\"\"\n },\n \"sortItemsCallback\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"(subModel: TreeViewItemModel[]) => void\",\n \"resolved\": \"(subModel: TreeViewItemModel[]) => void\",\n \"references\": {\n \"TreeViewItemModel\": {\n \"location\": \"import\",\n \"path\": \"../../tree-view/tree-view/types\",\n \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemModel\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Callback that is executed when the treeModel is changed to order its items.\"\n }\n },\n \"toggleCheckboxes\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Set this attribute if you want all the children item's checkboxes to be\\nchecked when the parent item checkbox is checked, or to be unchecked when\\nthe parent item checkbox is unchecked.\\nThis attribute will be used in all items by default.\"\n },\n \"attribute\": \"toggle-checkboxes\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"treeModel\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"TreeViewItemModel[]\",\n \"resolved\": \"TreeViewItemModel[]\",\n \"references\": {\n \"TreeViewItemModel\": {\n \"location\": \"import\",\n \"path\": \"../../tree-view/tree-view/types\",\n \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemModel\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"This property lets you define the model of the ch-tree-x control.\"\n },\n \"defaultValue\": \"[]\"\n }\n };\n }\n static get events() {\n return [{\n \"method\": \"checkedItemsChange\",\n \"name\": \"checkedItemsChange\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Fired when the checked items change.\\nThis event does not take into account the currently filtered items.\"\n },\n \"complexType\": {\n \"original\": \"Map<string, TreeViewItemModelExtended>\",\n \"resolved\": \"Map<string, TreeViewItemModelExtended>\",\n \"references\": {\n \"Map\": {\n \"location\": \"global\",\n \"id\": \"global::Map\"\n },\n \"TreeViewItemModelExtended\": {\n \"location\": \"import\",\n \"path\": \"../../renders/tree-view/types\",\n \"id\": \"src/components/renders/tree-view/types.ts::TreeViewItemModelExtended\"\n }\n }\n }\n }, {\n \"method\": \"itemContextmenu\",\n \"name\": \"itemContextmenu\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Fired when an element displays its contextmenu.\"\n },\n \"complexType\": {\n \"original\": \"TreeViewItemContextMenu\",\n \"resolved\": \"{ id: string; itemRef: HTMLChTreeViewItemElement; metadata: string; contextmenuEvent: PointerEvent; }\",\n \"references\": {\n \"TreeViewItemContextMenu\": {\n \"location\": \"import\",\n \"path\": \"../../tree-view/tree-view/types\",\n \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemContextMenu\"\n }\n }\n }\n }, {\n \"method\": \"itemOpenReference\",\n \"name\": \"itemOpenReference\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Fired when the user interacts with an item in a way that its reference\\nmust be opened.\"\n },\n \"complexType\": {\n \"original\": \"TreeViewItemOpenReferenceInfo\",\n \"resolved\": \"{ id: string; leaf: boolean; metadata: string; }\",\n \"references\": {\n \"TreeViewItemOpenReferenceInfo\": {\n \"location\": \"import\",\n \"path\": \"../../tree-view/tree-view/types\",\n \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemOpenReferenceInfo\"\n }\n }\n }\n }, {\n \"method\": \"selectedItemsChange\",\n \"name\": \"selectedItemsChange\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Fired when the selected items change.\"\n },\n \"complexType\": {\n \"original\": \"Map<string, TreeViewItemSelected>\",\n \"resolved\": \"Map<string, TreeViewItemSelected>\",\n \"references\": {\n \"Map\": {\n \"location\": \"global\",\n \"id\": \"global::Map\"\n },\n \"TreeViewItemSelected\": {\n \"location\": \"import\",\n \"path\": \"../../tree-view/tree-view/types\",\n \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemSelected\"\n }\n }\n }\n }];\n }\n static get methods() {\n return {\n \"loadLazyContent\": {\n \"complexType\": {\n \"signature\": \"(itemId: string, items?: TreeViewItemModel[], downloading?: boolean, lazy?: boolean) => Promise<void>\",\n \"parameters\": [{\n \"name\": \"itemId\",\n \"type\": \"string\",\n \"docs\": \"\"\n }, {\n \"name\": \"items\",\n \"type\": \"TreeViewItemModel[]\",\n \"docs\": \"\"\n }, {\n \"name\": \"downloading\",\n \"type\": \"boolean\",\n \"docs\": \"\"\n }, {\n \"name\": \"lazy\",\n \"type\": \"boolean\",\n \"docs\": \"\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"TreeViewItemModel\": {\n \"location\": \"import\",\n \"path\": \"../../tree-view/tree-view/types\",\n \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemModel\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Given an item id, an array of items to add, the download status and the\\nlazy state, updates the item's UI Model.\",\n \"tags\": []\n }\n },\n \"scrollIntoVisible\": {\n \"complexType\": {\n \"signature\": \"(treeItemId: string) => Promise<void>\",\n \"parameters\": [{\n \"name\": \"treeItemId\",\n \"type\": \"string\",\n \"docs\": \"\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Given an item id, it displays and scrolls into the item view.\",\n \"tags\": []\n }\n },\n \"toggleItems\": {\n \"complexType\": {\n \"signature\": \"(treeItemIds: string[], expand?: boolean) => Promise<TreeViewItemExpandedInfo[]>\",\n \"parameters\": [{\n \"name\": \"treeItemIds\",\n \"type\": \"string[]\",\n \"docs\": \"An array id the tree items to be toggled.\"\n }, {\n \"name\": \"expand\",\n \"type\": \"boolean\",\n \"docs\": \"A boolean indicating that the tree item should be expanded or collapsed. (optional)\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"TreeViewItemExpandedInfo\": {\n \"location\": \"import\",\n \"path\": \"../../tree-view/tree-view/types\",\n \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemExpandedInfo\"\n }\n },\n \"return\": \"Promise<TreeViewItemExpandedInfo[]>\"\n },\n \"docs\": {\n \"text\": \"This method is used to toggle a tree item by the tree item id/ids.\",\n \"tags\": [{\n \"name\": \"param\",\n \"text\": \"treeItemIds An array id the tree items to be toggled.\"\n }, {\n \"name\": \"param\",\n \"text\": \"expand A boolean indicating that the tree item should be expanded or collapsed. (optional)\"\n }, {\n \"name\": \"returns\",\n \"text\": \"The modified items after the method was called.\"\n }]\n }\n },\n \"updateAllItemsProperties\": {\n \"complexType\": {\n \"signature\": \"(properties: { expanded?: boolean; checked?: boolean; }) => Promise<void>\",\n \"parameters\": [{\n \"name\": \"properties\",\n \"type\": \"{ expanded?: boolean; checked?: boolean; }\",\n \"docs\": \"\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Given a subset of item's properties, it updates all item UI models.\",\n \"tags\": []\n }\n },\n \"updateItemsProperties\": {\n \"complexType\": {\n \"signature\": \"(items: string[], properties: TreeViewItemModel) => Promise<void>\",\n \"parameters\": [{\n \"name\": \"items\",\n \"type\": \"string[]\",\n \"docs\": \"\"\n }, {\n \"name\": \"properties\",\n \"type\": \"{ id: string; caption: string; checkbox?: boolean; checked?: boolean; class?: string; disabled?: boolean; downloading?: boolean; dragDisabled?: boolean; dropDisabled?: boolean; editable?: boolean; expanded?: boolean; expandableButton?: \\\"action\\\" \| \\\"no\\\" \| \\\"decorative\\\"; lastItemId?: string; lazy?: boolean; leaf?: boolean; leftImgSrc?: string; indeterminate?: boolean; items?: TreeViewItemModel[]; metadata?: string; order?: number; render?: boolean; rightImgSrc?: string; selected?: boolean; toggleCheckboxes?: boolean; }\",\n \"docs\": \"\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"TreeViewItemModel\": {\n \"location\": \"import\",\n \"path\": \"../../tree-view/tree-view/types\",\n \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemModel\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Given a item list and the properties to update, it updates the properties\\nof the items in the list.\",\n \"tags\": []\n }\n },\n \"updateValidDropZone\": {\n \"complexType\": {\n \"signature\": \"(requestTimestamp: number, newContainerId: string, draggedItems: GxDataTransferInfo[], validDrop: boolean) => Promise<void>\",\n \"parameters\": [{\n \"name\": \"requestTimestamp\",\n \"type\": \"number\",\n \"docs\": \"Time where the request to the server was made. Useful to avoid having old information.\"\n }, {\n \"name\": \"newContainerId\",\n \"type\": \"string\",\n \"docs\": \"ID of the container where the drag is trying to be made.\"\n }, {\n \"name\": \"draggedItems\",\n \"type\": \"GxDataTransferInfo[]\",\n \"docs\": \"Information about the dragged items.\"\n }, {\n \"name\": \"validDrop\",\n \"type\": \"boolean\",\n \"docs\": \"Current state of the droppable zone.\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"GxDataTransferInfo\": {\n \"location\": \"import\",\n \"path\": \"../../../common/types\",\n \"id\": \"src/common/types.ts::GxDataTransferInfo\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Update the information about the valid droppable zones.\",\n \"tags\": [{\n \"name\": \"param\",\n \"text\": \"requestTimestamp Time where the request to the server was made. Useful to avoid having old information.\"\n }, {\n \"name\": \"param\",\n \"text\": \"newContainerId ID of the container where the drag is trying to be made.\"\n }, {\n \"name\": \"param\",\n \"text\": \"draggedItems Information about the dragged items.\"\n }, {\n \"name\": \"param\",\n \"text\": \"validDrop Current state of the droppable zone.\"\n }]\n }\n }\n };\n }\n static get listeners() {\n return [{\n \"name\": \"checkedItemsChange\",\n \"method\": \"updateCheckboxValue\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }, {\n \"name\": \"itemOpenReference\",\n \"method\": \"handleOpenReference\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=tree-view-render-wrapper.js.map\n"],"version":3}

package/dist/components/date-picker.js CHANGED Viewed

@@ -17,7 +17,7 @@ const datePickerCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necol
 const GxgDatePicker = /*@__PURE__*/ proxyCustomElement(class GxgDatePicker extends HTMLElement {
     constructor() {
         this.parts = {
-            input: "input",
+            input: "input"
         };
         this.attachExportParts = () => {
             const part = this.el.getAttribute("part");
@@ -66,24 +66,14 @@ const GxgDatePicker = /*@__PURE__*/ proxyCustomElement(class GxgDatePicker exten
         if (dirHtml === "rtl" || dirBody === "rtl") {
             this.rtl = true;
         }
-        //Datepicker Options
-        let value = new Date();
         if (this.value !== undefined && this.value !== "") {
             //default/initial date
             const d = new Date(this.value);
             if (Object.prototype.toString.call(d) === "[object Date]") {
                 // it is a date
                 if (isNaN(d.getTime())) ;
-                else {
-                    // date is valid
-                    value = new Date(this.value);
-                }
             }
         }
-        //default date
-        value.getFullYear();
-        value.getMonth();
-        value.getDate();
         //min date
         const minDate = this.minDate ? new Date(this.minDate) : undefined;
         const minDateYear = minDate === null || minDate === void 0 ? void 0 : minDate.getFullYear();
@@ -97,7 +87,7 @@ const GxgDatePicker = /*@__PURE__*/ proxyCustomElement(class GxgDatePicker exten
         const pickerSelector = this.el.shadowRoot.querySelector("#date-picker");
         const picker = datepicker(pickerSelector, {
             // Event callbacks.
-            onSelect: (instance) => {
+            onSelect: instance => {
                 const newValue = instance.dateSelected;
                 this.value = newValue;
             },
@@ -127,7 +117,7 @@ const GxgDatePicker = /*@__PURE__*/ proxyCustomElement(class GxgDatePicker exten
                 "September",
                 "October",
                 "November",
-                "December",
+                "December"
             ],
             customOverlayMonths: [
                 "JAN",
@@ -141,7 +131,7 @@ const GxgDatePicker = /*@__PURE__*/ proxyCustomElement(class GxgDatePicker exten
                 "SEP",
                 "OCT",
                 "NOV",
-                "DEC",
+                "DEC"
             ],
             overlayButton: "Go!",
             overlayPlaceholder: "Enter a 4-digit year",
@@ -154,12 +144,12 @@ const GxgDatePicker = /*@__PURE__*/ proxyCustomElement(class GxgDatePicker exten
             showAllDates: true,
             // Disabling things.
             noWeekends: this.noWeekends,
-            disabler: (date) => date.getDay() === 2 && date.getMonth() === 9,
+            disabler: date => date.getDay() === 2 && date.getMonth() === 9,
             // disabledDates: [new Date(2050, 0, 1), new Date(2050, 0, 3)], // Specific disabled dates.
             disableMobile: true,
             disableYearOverlay: false,
             // ID - be sure to provide a 2nd picker with the same id to create a daterange pair.
-            id: "date-picker",
+            id: "date-picker"
         });
         //picker.setDate(new Date(2099, 0, 1), true);
         picker.calendarContainer.style.setProperty("font-size", "9px");
@@ -168,9 +158,9 @@ const GxgDatePicker = /*@__PURE__*/ proxyCustomElement(class GxgDatePicker exten
         return (h(Host, { class: {
                 rtl: this.rtl,
                 large: state.large,
-                [commonClassesNames["DISABLED_CLASS"]]: this.disabled,
+                [commonClassesNames["DISABLED_CLASS"]]: this.disabled
             }, style: {
-                maxWidth: this.maxWidth,
+                maxWidth: this.maxWidth
             }, exportParts: this.exportparts ? this.exportparts : null }, this.label ? h("gxg-label", { class: "label" }, this.label) : null, h("input", { type: "text", id: "date-picker", part: this.parts.input, readOnly: true, class: "form-element" })));
     }
     static get watchers() { return {