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

@genexus/genexus-ide-ui 0.0.92 → 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 (1159) hide show

package/dist/components/layout-splitter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"layout-splitter.js","mappings":"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","names":[],"sources":["node_modules/@genexus/chameleon-controls-library/dist/collection/components/layout-splitter/utils.js","node_modules/@genexus/chameleon-controls-library/dist/collection/components/layout-splitter/layout-splitter.css?tag=ch-layout-splitter&encapsulation=shadow","node_modules/@genexus/chameleon-controls-library/dist/collection/components/layout-splitter/layout-splitter.js"],"sourcesContent":["export const sizesToGridTemplate = (items) => items.map(item => item.actualSize).join(\" \");\nconst getComponentSize = (comp, fixedSizes) => {\n // Pixel value\n if (comp.size.includes(\"px\")) {\n return comp.size;\n }\n // If the component has fr value, take into account the sum of fixed values\n // to calculate the actual relative value\n const frValue = Number(comp.size.replace(\"fr\", \"\").trim());\n if (fixedSizes === 0) {\n return `${frValue * 100}%`;\n }\n return comp.fixedOffsetSize\n ? `calc(${frValue * 100}% - ${fixedSizes * frValue}px + ${comp.fixedOffsetSize}px)`\n : `calc(${frValue * 100}% - ${fixedSizes * frValue}px)`;\n};\nconst getFrSize = (comp) => Number(comp.size.replace(\"fr\", \"\").trim());\nconst getPxSize = (comp) => Number(comp.size.replace(\"px\", \"\").trim());\nconst hasAbsoluteValue = (component) => component.size.includes(\"px\");\nconst getDragBarPosition = (items, index, componentSize) => index === 0\n ? componentSize\n : `${items[index - 1].dragBarPosition} + ${componentSize}`;\nexport const getLayoutModel = (layout) => {\n const layoutModel = structuredClone(layout);\n layoutModel.fixedSizesSum = completeLayoutModel(layoutModel.items);\n return layoutModel;\n};\nfunction completeLayoutModel(items) {\n let frSum = 0;\n let fixedSizes = 0;\n // Get the sum of all fr values. Also, store the sum of fixed sizes\n items.forEach(item => {\n if (hasAbsoluteValue(item)) {\n fixedSizes += getPxSize(item);\n }\n else {\n frSum += getFrSize(item);\n }\n });\n // If there are fr values, we must adjust the frs values to be relative to 1fr\n if (frSum > 0) {\n items.forEach(item => {\n if (!hasAbsoluteValue(item)) {\n const frValue = getFrSize(item);\n const adjustedFrValue = frValue / frSum;\n item.size = `${adjustedFrValue}fr`;\n }\n });\n }\n // Update sizes array and store drag-bar position (dragBarPositions array)\n items.forEach((item, index) => {\n const componentSize = getComponentSize(item, fixedSizes);\n item.actualSize = componentSize;\n // Store each drag bar position\n const dragBarPosition = getDragBarPosition(items, index, componentSize);\n item.dragBarPosition = dragBarPosition;\n if (item.items != null) {\n item.fixedSizesSum = completeLayoutModel(item.items);\n }\n });\n return fixedSizes;\n}\nconst updateSize = (component, increment, fixedSizes, unitType) => {\n const currentValue = unitType === \"px\" ? getPxSize(component) : getFrSize(component);\n const newValue = currentValue + increment;\n component.size = `${newValue}${unitType}`;\n component.actualSize = getComponentSize(component, fixedSizes);\n};\nconst updateOffsetSize = (component, increment, fixedSizes) => {\n component.fixedOffsetSize =\n component.fixedOffsetSize != null\n ? component.fixedOffsetSize + increment\n : increment;\n component.actualSize = getComponentSize(component, fixedSizes);\n};\nexport const updateComponentsAndDragBar = (info, dragBarPositionCustomVar, gridTemplateDirectionCustomVar) => {\n // - - - - - - - - - Increments - - - - - - - - -\n let incrementInPx = info.newPosition - info.lastPosition;\n // When the language is RTL, the increment is in the opposite direction\n if (info.RTL) {\n incrementInPx = -incrementInPx;\n }\n const layoutItems = info.layoutItems;\n const fixedSizes = info.fixedSizesSum;\n const remainingRelativeSizeInPixels = info.dragBarContainerSize - info.fixedSizesSum;\n const incrementInFr = incrementInPx / remainingRelativeSizeInPixels;\n // Components at each position of the drag bar\n const leftIndex = info.index;\n const rightIndex = info.index + 1;\n const leftComp = layoutItems[leftIndex];\n const rightComp = layoutItems[rightIndex];\n // px / px\n if (hasAbsoluteValue(leftComp) && hasAbsoluteValue(rightComp)) {\n updateSize(leftComp, incrementInPx, fixedSizes, \"px\");\n updateSize(rightComp, -incrementInPx, fixedSizes, \"px\");\n }\n // px / fr\n else if (hasAbsoluteValue(leftComp)) {\n updateSize(leftComp, incrementInPx, fixedSizes, \"px\");\n updateOffsetSize(rightComp, -incrementInPx, fixedSizes);\n }\n // fr / px\n else if (hasAbsoluteValue(rightComp)) {\n updateOffsetSize(leftComp, incrementInPx, fixedSizes);\n updateSize(rightComp, -incrementInPx, fixedSizes, \"px\");\n }\n // fr / fr\n else {\n updateSize(leftComp, incrementInFr, fixedSizes, \"fr\");\n updateSize(rightComp, -incrementInFr, fixedSizes, \"fr\");\n }\n // Update drag-bar position\n const dragBarPosition = getDragBarPosition(layoutItems, leftIndex, leftComp.actualSize);\n leftComp.dragBarPosition = dragBarPosition;\n // Update in the DOM the grid distribution\n info.dragBarContainer.style.setProperty(gridTemplateDirectionCustomVar, sizesToGridTemplate(layoutItems));\n // Update in the DOM the drag bar position\n info.dragBar.style.setProperty(dragBarPositionCustomVar, `calc(${dragBarPosition})`);\n};\nexport const getMousePosition = (event, direction) => (direction === \"columns\" ? event.clientX : event.clientY);\n//# sourceMappingURL=utils.js.map\n",",\n::before,\n::after {\n box-sizing: border-box;\n}\n\n:host {\n --ch-drag-bar__size: 5px;\n --ch-drag-bar__position-fix: calc(0.5px - var(--ch-drag-bar__size) / 2);\n display: grid;\n position: relative;\n block-size: 100%;\n inline-size: 100%;\n}\n\n:host(.gx-layout-splitter--resizing) ::slotted() {\n pointer-events: none;\n}\n\n.bar {\n position: absolute;\n z-index: 1;\n}\n.bar::after {\n content: \"\";\n display: flex;\n position: absolute;\n inline-size: 100%;\n block-size: 100%;\n background-color: currentColor;\n opacity: 0;\n transition: opacity 0s linear 200ms;\n}\n.bar:hover::after, .bar:active::after {\n opacity: 1;\n}\n\n.container {\n display: grid;\n position: relative;\n}\n\n.direction--columns {\n grid-template-columns: var(--ch-layout-splitter__grid-template-direction);\n}\n.direction--columns > .bar {\n inset-block: 0;\n inset-inline-start: calc(var(--ch-drag-bar__start-position));\n inline-size: 1px;\n cursor: ew-resize;\n}\n.direction--columns > .bar::after {\n inline-size: var(--ch-drag-bar__size);\n margin-inline-start: var(--ch-drag-bar__position-fix);\n}\n\n.direction--rows {\n grid-template-rows: var(--ch-layout-splitter__grid-template-direction);\n}\n.direction--rows > .bar {\n inset-inline: 0;\n inset-block-start: calc(var(--ch-drag-bar__start-position));\n block-size: 1px;\n cursor: ns-resize;\n}\n.direction--rows > .bar::after {\n margin-block-start: var(--ch-drag-bar__position-fix);\n block-size: var(--ch-drag-bar__size);\n}","import { h } from \"@stencil/core\";\nimport { getLayoutModel, getMousePosition, sizesToGridTemplate, updateComponentsAndDragBar } from \"./utils\";\nimport { isRTL } from \"../../common/utils\";\nconst RESIZING_CLASS = \"gx-layout-splitter--resizing\";\nconst DRAG_BAR_POSITION_CUSTOM_VAR = \"--ch-drag-bar__start-position\";\nconst GRID_TEMPLATE_DIRECTION_CUSTOM_VAR = \"--ch-layout-splitter__grid-template-direction\";\nconst DIRECTION_CLASS = (direction) => `container direction--${direction}`;\nconst TEMPLATE_STYLE = (items) => ({\n [GRID_TEMPLATE_DIRECTION_CUSTOM_VAR]: sizesToGridTemplate(items)\n});\n/*\n @part bar - The bar that divides two columns or two rows\n */\nexport class ChLayoutSplitter {\n constructor() {\n this.barAccessibleName = \"\";\n this.layout = {\n direction: \"columns\",\n items: []\n };\n }\n needForRAF = true; // To prevent redundant RAF (request animation frame) calls\n mouseDownInfo;\n // Distribution of elements\n layoutModel;\n el;\n handleComponentsChange(newLayout) {\n this.updateLayoutInfo(newLayout);\n }\n handleBarDrag = (event) => {\n event.preventDefault();\n this.mouseDownInfo.newPosition = getMousePosition(event, this.mouseDownInfo.direction);\n if (!this.needForRAF) {\n return;\n }\n this.needForRAF = false; // No need to call RAF up until next frame\n requestAnimationFrame(() => {\n this.needForRAF = true; // RAF now consumes the movement instruction so a new one can come\n updateComponentsAndDragBar(this.mouseDownInfo, DRAG_BAR_POSITION_CUSTOM_VAR, GRID_TEMPLATE_DIRECTION_CUSTOM_VAR);\n // Sync new position with last\n this.mouseDownInfo.lastPosition = this.mouseDownInfo.newPosition;\n });\n };\n // Handler to remove mouse down\n removeMouseMoveHandler = () => {\n document.removeEventListener(\"mousemove\", this.handleBarDrag, {\n capture: true\n });\n };\n // Remove mousemove and mouseup handlers when mouseup\n mouseUpHandler = () => {\n this.removeMouseMoveHandler();\n document.removeEventListener(\"mouseup\", this.mouseUpHandler, {\n capture: true\n });\n // Add again pointer-events\n this.el.classList.remove(RESIZING_CLASS);\n };\n mouseDownHandler = (direction, index, fixedSizesSum, layoutItems) => (event) => {\n // Necessary to prevent selecting the inner image (or other elements) of\n // the bar item when the mouse is down\n event.preventDefault();\n // Initialize the values needed for drag processing\n const dragBar = event.target;\n const dragBarContainer = dragBar.parentElement;\n const currentMousePosition = getMousePosition(event, direction);\n this.mouseDownInfo = {\n direction: direction,\n dragBar: dragBar,\n dragBarContainer: dragBarContainer,\n dragBarContainerSize: direction === \"columns\"\n ? dragBarContainer.clientWidth\n : dragBarContainer.clientHeight,\n fixedSizesSum: fixedSizesSum,\n index: index,\n lastPosition: currentMousePosition,\n layoutItems: layoutItems,\n newPosition: currentMousePosition,\n RTL: isRTL()\n };\n // Remove pointer-events during drag\n this.el.classList.add(RESIZING_CLASS);\n // Add listeners\n document.addEventListener(\"mousemove\", this.handleBarDrag, {\n capture: true\n });\n document.addEventListener(\"mouseup\", this.mouseUpHandler, {\n capture: true\n });\n };\n renderItems = (direction, fixedSizesSum, layoutItems) => {\n const lastComponentIndex = layoutItems.length - 1;\n return layoutItems.map((item, index) => [\n item.items ? (h(\"div\", { class: DIRECTION_CLASS(item.direction), style: TEMPLATE_STYLE(item.items) }, this.renderItems(item.direction, item.fixedSizesSum, item.items))) : (h(\"slot\", { key: item.id, name: item.id })),\n !item.hideDragBar && index !== lastComponentIndex && (h(\"div\", { \"aria-label\": this.barAccessibleName, title: this.barAccessibleName, class: \"bar\", part: item.dragBarPart ? `bar ${item.dragBarPart}` : \"bar\", style: {\n [DRAG_BAR_POSITION_CUSTOM_VAR]: `calc(${item.dragBarPosition})`\n }, onMouseDown: this.mouseDownHandler(direction, index, fixedSizesSum, layoutItems) }))\n ]);\n };\n updateLayoutInfo(layout) {\n if (layout?.items?.length > 0) {\n this.layoutModel = getLayoutModel(layout);\n }\n }\n connectedCallback() {\n this.updateLayoutInfo(this.layout);\n }\n disconnectedCallback() {\n // Defensive programming. Make sure all event listeners are removed correctly\n this.mouseUpHandler();\n }\n render() {\n const layoutModel = this.layoutModel;\n if (layoutModel?.items == null) {\n return \"\";\n }\n return (h(\"div\", { class: DIRECTION_CLASS(layoutModel.direction), style: TEMPLATE_STYLE(layoutModel.items) }, this.renderItems(layoutModel.direction, layoutModel.fixedSizesSum, layoutModel.items)));\n }\n static get is() { return \"ch-layout-splitter\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"layout-splitter.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"layout-splitter.css\"]\n };\n }\n static get properties() {\n return {\n \"barAccessibleName\": {\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 attribute lets you specify the label for the drag bar.\\nImportant for accessibility.\"\n },\n \"attribute\": \"bar-accessible-name\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"\\\"\"\n },\n \"layout\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"LayoutSplitterDistribution\",\n \"resolved\": \"{ direction: LayoutSplitterDirection; items: LayoutSplitterDistributionItem[]; }\",\n \"references\": {\n \"LayoutSplitterDistribution\": {\n \"location\": \"import\",\n \"path\": \"./types\",\n \"id\": \"src/components/layout-splitter/types.ts::LayoutSplitterDistribution\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Specifies the list of component that are displayed. Each component will be\\nseparated via a drag bar.\"\n },\n \"defaultValue\": \"{\\n direction: \\\"columns\\\",\\n items: []\\n }\"\n }\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"layout\",\n \"methodName\": \"handleComponentsChange\"\n }];\n }\n}\n//# sourceMappingURL=layout-splitter.js.map\n"],"version":3}
1	+ {"file":"layout-splitter.js","mappings":";;;;;AAAA;AAEO,MAAM,SAAS,GAAG,IAAI,CAAC;AACvB,MAAM,oBAAoB,GAAG,CAAC,kBAAkB,EAAE,iBAAiB,EAAE,eAAe,KAAK;AAChG,IAAI,IAAI,gBAAgB,GAAG,kBAAkB,CAAC,gBAAgB,CAAC;AAC/D,IAAI,MAAM,MAAM,GAAG,kBAAkB,CAAC,EAAE,CAAC;AACzC,IAAI,MAAM,QAAQ,GAAG,kBAAkB,CAAC,QAAQ,CAAC;AACjD,IAAI,MAAM,OAAO,GAAG,kBAAkB,CAAC,OAAO,CAAC;AAC/C,IAAI,IAAI,QAAQ,KAAK,YAAY,EAAE;AACnC;AACA,QAAQ,OAAO,CAAC,OAAO,CAAC,MAAM,IAAI;AAClC,YAAY,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;AAC7C,SAAS,CAAC,CAAC;AACX,QAAQ,OAAO;AACf,YAAY,EAAE,EAAE,MAAM;AACtB,YAAY,IAAI,EAAE,QAAQ;AAC1B,YAAY,WAAW,EAAE,EAAE;AAC3B,YAAY,OAAO,EAAE,OAAO;AAC5B,SAAS,CAAC;AACV,KAAK;AACL,IAAI,MAAM,WAAW,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC;AACzD,IAAI,OAAO,CAAC,OAAO,CAAC,MAAM,IAAI;AAC9B,QAAQ,IAAI,MAAM,CAAC,WAAW,IAAI,gBAAgB,KAAK,MAAM,CAAC,EAAE,EAAE;AAClE;AACA,YAAY,MAAM,CAAC,WAAW,GAAG,IAAI,CAAC;AACtC,YAAY,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS;AACT,KAAK,CAAC,CAAC;AACP;AACA,IAAI,IAAI,gBAAgB,IAAI,IAAI,EAAE;AAClC,QAAQ,MAAM,cAAc,GAAG,OAAO,CAAC,QAAQ,KAAK,MAAM,IAAI,QAAQ,KAAK,UAAU,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;AAChH,QAAQ,gBAAgB,GAAG,cAAc,CAAC,EAAE,CAAC;AAC7C,QAAQ,cAAc,CAAC,WAAW,GAAG,IAAI,CAAC;AAC1C,QAAQ,eAAe,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;AAC9C,KAAK;AACL,IAAI,OAAO;AACX,QAAQ,EAAE,EAAE,MAAM;AAClB,QAAQ,WAAW;AACnB,QAAQ,gBAAgB,EAAE,gBAAgB;AAC1C,QAAQ,IAAI,EAAE,QAAQ;AACtB,QAAQ,OAAO,EAAE,OAAO;AACxB,KAAK,CAAC;AACN,CAAC,CAAC;AACF,MAAM,iBAAiB,GAAG,CAAC,IAAI,EAAE,mBAAmB,KAAK;AACzD,IAAI,IAAI,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE;AAC5B,QAAQ,mBAAmB,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;AACpD,KAAK;AACL,CAAC,CAAC;AACF,MAAM,uBAAuB,GAAG,CAAC,mBAAmB,EAAE,SAAS,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,eAAe,EAAE,UAAU,KAAK;AACzI,IAAI,mBAAmB,CAAC,OAAO,CAAC,YAAY,IAAI;AAChD;AACA,QAAQ,IAAI,YAAY,CAAC,KAAK,IAAI,IAAI,EAAE;AACxC,YAAY,MAAM,KAAK,GAAG,YAAY,CAAC;AACvC,YAAY,MAAM,oBAAoB,GAAG;AACzC,gBAAgB,IAAI,EAAE,KAAK;AAC3B,gBAAgB,UAAU,EAAE,UAAU;AACtC,aAAa,CAAC;AACd,YAAY,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,EAAE,oBAAoB,CAAC,CAAC;AAC1D,YAAY,uBAAuB,CAAC,KAAK,CAAC,KAAK;AAC/C,YAAY,SAAS,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,eAAe,EAAE,KAAK,CAAC,CAAC;AACvF,SAAS;AACT;AACA,aAAa;AACb,YAAY,MAAM,IAAI,GAAG,YAAY,CAAC;AACtC,YAAY,MAAM,oBAAoB,GAAG;AACzC,gBAAgB,IAAI,EAAE,IAAI;AAC1B,gBAAgB,UAAU,EAAE,UAAU;AACtC,gBAAgB,IAAI,EAAE,oBAAoB,CAAC,IAAI,EAAE,iBAAiB,EAAE,eAAe,CAAC;AACpF,aAAa,CAAC;AACd,YAAY,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,EAAE,oBAAoB,CAAC,CAAC;AACzD,SAAS;AACT;AACA,QAAQ,iBAAiB,CAAC,YAAY,EAAE,mBAAmB,CAAC,CAAC;AAC7D,KAAK,CAAC,CAAC;AACP,CAAC,CAAC;AACU,MAAC,oBAAoB,GAAG,CAAC,cAAc,EAAE,SAAS,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,eAAe,KAAK,uBAAuB,CAAC,cAAc,CAAC,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,eAAe,EAAE,SAAS;AACvP,EAAE;AACU,MAAC,WAAW,GAAG,CAAC,SAAS,EAAE,MAAM,KAAK,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC;AACvE,KAAK;;AC7EE,MAAM,mBAAmB,GAAG,CAAC,KAAK,EAAE,SAAS,EAAE,aAAa,KAAK,KAAK;AAC7E,KAAK,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,IAAI,KAAK,KAAK,aAAa;AAClF,MAAM,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC;AACzE,MAAM,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,UAAU;AACvC,CAAC;AACD,KAAK,IAAI,CAAC,GAAG,CAAC,CAAC;AACR,MAAM,SAAS,GAAG,CAAC,IAAI,KAAK,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;AACvE,MAAM,SAAS,GAAG,CAAC,IAAI,KAAK,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;AACvE,MAAM,gBAAgB,GAAG,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AACnE,MAAM,gBAAgB,GAAG,CAAC,IAAI,EAAE,aAAa,KAAK;AAClD;AACA,IAAI,IAAI,gBAAgB,CAAC,IAAI,CAAC,EAAE;AAChC,QAAQ,OAAO,IAAI,CAAC,IAAI,CAAC;AACzB,KAAK;AACL;AACA;AACA,IAAI,MAAM,OAAO,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;AACpC,IAAI,IAAI,aAAa,KAAK,CAAC,EAAE;AAC7B,QAAQ,OAAO,CAAC,EAAE,OAAO,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;AACnC,KAAK;AACL,IAAI,OAAO,IAAI,CAAC,eAAe;AAC/B,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,GAAG,CAAC,IAAI,EAAE,aAAa,GAAG,OAAO,GAAG,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC;AACzF,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,GAAG,CAAC,IAAI,EAAE,aAAa,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;AACnE,CAAC,CAAC;AACK,MAAM,UAAU,GAAG,CAAC,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,KAAK;AAC/E,IAAI,MAAM,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC;AACtC,IAAI,MAAM,YAAY,GAAG,QAAQ,KAAK,IAAI,GAAG,SAAS,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;AACvF,IAAI,MAAM,QAAQ,GAAG,YAAY,GAAG,SAAS,CAAC;AAC9C,IAAI,QAAQ,CAAC,IAAI,GAAG,CAAC,EAAE,QAAQ,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;AAC7C,IAAI,WAAW,CAAC,UAAU,GAAG,gBAAgB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;AACvE,CAAC,CAAC;AACK,MAAM,gBAAgB,GAAG,CAAC,WAAW,EAAE,SAAS,EAAE,aAAa,KAAK;AAC3E,IAAI,MAAM,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC;AACtC,IAAI,QAAQ,CAAC,eAAe,KAAK,CAAC,CAAC;AACnC,IAAI,QAAQ,CAAC,eAAe,IAAI,SAAS,CAAC;AAC1C,IAAI,WAAW,CAAC,UAAU,GAAG,gBAAgB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;AACvE,CAAC,CAAC;AACK,MAAM,uBAAuB,GAAG,CAAC,MAAM,EAAE,SAAS,KAAK,oBAAoB,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;AACvH,SAAS,oBAAoB,CAAC,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE;AAC5D,IAAI,IAAI,KAAK,GAAG,CAAC,CAAC;AAClB,IAAI,IAAI,aAAa,GAAG,CAAC,CAAC;AAC1B,IAAI,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;AAC3C;AACA,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,KAAK;AACnC,QAAQ,IAAI,gBAAgB,CAAC,IAAI,CAAC,EAAE;AACpC,YAAY,aAAa,IAAI,SAAS,CAAC,IAAI,CAAC,CAAC;AAC7C,SAAS;AACT,aAAa;AACb,YAAY,KAAK,IAAI,SAAS,CAAC,IAAI,CAAC,CAAC;AACrC,SAAS;AACT;AACA;AACA,QAAQ,aAAa;AACrB,YAAY,CAAC,IAAI,CAAC,eAAe,IAAI,CAAC;AACtC,iBAAiB,KAAK,KAAK,aAAa,GAAG,IAAI,CAAC,OAAO,EAAE,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;AACxE,KAAK,CAAC,CAAC;AACP;AACA,IAAI,IAAI,KAAK,GAAG,CAAC,EAAE;AACnB,QAAQ,KAAK,CAAC,OAAO,CAAC,IAAI,IAAI;AAC9B,YAAY,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE;AACzC,gBAAgB,MAAM,OAAO,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;AAChD,gBAAgB,MAAM,eAAe,GAAG,OAAO,GAAG,KAAK,CAAC;AACxD,gBAAgB,IAAI,CAAC,IAAI,GAAG,CAAC,EAAE,eAAe,CAAC,EAAE,CAAC,CAAC;AACnD,aAAa;AACb,SAAS,CAAC,CAAC;AACX,KAAK;AACL;AACA,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,IAAI;AAC1B,QAAQ,MAAM,WAAW,GAAG;AAC5B,YAAY,IAAI,EAAE,IAAI;AACtB,YAAY,UAAU,EAAE,UAAU;AAClC,YAAY,UAAU,EAAE,gBAAgB,CAAC,IAAI,EAAE,aAAa,CAAC;AAC7D,SAAS,CAAC;AACV,QAAQ,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,EAAE;AAChC;AACA,YAAY,MAAM,KAAK,GAAG,IAAI,CAAC;AAC/B,YAAY,MAAM,aAAa,GAAG,oBAAoB,CAAC,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC;AACtF,YAAY,WAAW,CAAC,aAAa,GAAG,aAAa,CAAC;AACtD,SAAS;AACT,QAAQ,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,CAAC,CAAC;AAC5C,KAAK,CAAC,CAAC;AACP,IAAI,OAAO,aAAa,CAAC;AACzB,CAAC;AACM,MAAM,0BAA0B,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,8BAA8B,KAAK;AAC9G;AACA;AACA,IAAI,MAAM,gBAAgB,GAAG,IAAI,CAAC,SAAS,KAAK,SAAS,IAAI,IAAI,CAAC,GAAG,GAAG,CAAC,aAAa,GAAG,aAAa,CAAC;AACvG,IAAI,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;AACzC,IAAI,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC;AAC1C,IAAI,MAAM,6BAA6B,GAAG,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC;AAClF,IAAI,MAAM,aAAa,GAAG,gBAAgB,GAAG,6BAA6B,CAAC;AAC3E;AACA,IAAI,MAAM,gBAAgB,GAAG,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;AAC7D,IAAI,MAAM,cAAc,GAAG,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AACzD;AACA,IAAI,IAAI,gBAAgB,CAAC,gBAAgB,CAAC,IAAI,CAAC;AAC/C,QAAQ,gBAAgB,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE;AAC/C,QAAQ,UAAU,CAAC,gBAAgB,EAAE,gBAAgB,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;AACzE,QAAQ,UAAU,CAAC,cAAc,EAAE,CAAC,gBAAgB,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;AACxE,KAAK;AACL;AACA,SAAS,IAAI,gBAAgB,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE;AACtD,QAAQ,UAAU,CAAC,gBAAgB,EAAE,gBAAgB,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;AACzE,QAAQ,gBAAgB,CAAC,cAAc,EAAE,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC;AACxE,KAAK;AACL;AACA,SAAS,IAAI,gBAAgB,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE;AACpD,QAAQ,gBAAgB,CAAC,gBAAgB,EAAE,gBAAgB,EAAE,UAAU,CAAC,CAAC;AACzE,QAAQ,UAAU,CAAC,cAAc,EAAE,CAAC,gBAAgB,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;AACxE,KAAK;AACL;AACA,SAAS;AACT,QAAQ,UAAU,CAAC,gBAAgB,EAAE,aAAa,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;AACtE,QAAQ,UAAU,CAAC,cAAc,EAAE,CAAC,aAAa,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;AACrE,KAAK;AACL;AACA,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,8BAA8B,EAAE,mBAAmB,CAAC,WAAW,EAAE,SAAS,EAAE,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;AAC1I,CAAC,CAAC;AACK,MAAM,gBAAgB,GAAG,CAAC,KAAK,EAAE,SAAS,MAAM,SAAS,KAAK,SAAS,GAAG,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;;ACrH/G,MAAM,gBAAgB,GAAG,CAAC,UAAU,KAAK;AACzC,IAAI,MAAM,MAAM,GAAG,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;AACtC,IAAI,OAAO,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,KAAK,MAAM,CAAC,CAAC;AAC7E,CAAC,CAAC;AACK,MAAM,UAAU,GAAG,CAAC,MAAM,EAAE,SAAS,KAAK;AACjD,IAAI,MAAM,mBAAmB,GAAG,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;AACtD,IAAI,IAAI,CAAC,mBAAmB,EAAE;AAC9B,QAAQ,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC;AACpD,KAAK;AACL;AACA,IAAI,MAAM,aAAa,GAAG,EAAE,CAAC;AAC7B,IAAI,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,mBAAmB,CAAC,CAAC;AACpE,IAAI,MAAM,UAAU,GAAG,mBAAmB,CAAC,UAAU,CAAC;AACtD,IAAI,MAAM,eAAe,GAAG,UAAU,CAAC,KAAK,CAAC;AAC7C,IAAI,MAAM,cAAc,GAAG,eAAe,CAAC,iBAAiB,KAAK,CAAC,GAAG,CAAC,GAAG,iBAAiB,GAAG,CAAC,CAAC,CAAC;AAChG,IAAI,MAAM,YAAY,GAAG,EAAE,CAAC;AAC5B;AACA;AACA,IAAI,aAAa,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAC;AACrE;AACA,IAAI,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC,EAAE;AACpC,QAAQ,cAAc,CAAC,mBAAmB,EAAE,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC;AACzF,KAAK;AACL;AACA;AACA,SAAS,IAAI,eAAe,CAAC,MAAM,KAAK,CAAC,EAAE;AAC3C;AACA,QAAQ,MAAM,iBAAiB,GAAG,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;AAC/D,QAAQ,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,UAAU,CAAC;AAC9D,QAAQ,MAAM,eAAe,GAAG,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;AACpE,QAAQ,MAAM,aAAa,GAAG,gBAAgB,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;AACtE;AACA,QAAQ,YAAY,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,EAAE,EAAE,KAAK,EAAE,aAAa,CAAC,EAAE,EAAE,CAAC,CAAC;AACjF;AACA,QAAQ,OAAO,aAAa,CAAC,KAAK,CAAC;AACnC;AACA,QAAQ,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,KAAK;AACrD,YAAY,IAAI,GAAG,KAAK,IAAI;AAC5B,gBAAgB,GAAG,KAAK,MAAM;AAC9B,gBAAgB,GAAG,KAAK,SAAS;AACjC,gBAAgB,GAAG,KAAK,iBAAiB,EAAE;AAC3C,gBAAgB,aAAa,CAAC,GAAG,CAAC,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;AACzD,aAAa;AACb,SAAS,CAAC,CAAC;AACX,QAAQ,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;AAC5C,KAAK;AACL,SAAS,CAEJ;AACL;AACA;AACA,IAAI,aAAa,CAAC,OAAO,CAAC,YAAY,IAAI;AAC1C,QAAQ,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;AACxD,QAAQ,SAAS,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;AAC1C,KAAK,CAAC,CAAC;AACP,IAAI,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,EAAE,CAAC;AACzD,CAAC,CAAC;AACF,SAAS,cAAc,CAAC,qBAAqB,EAAE,gBAAgB,EAAE,SAAS,EAAE;AAC5E,IAAI,OAAO,CAAC,GAAG,CAAC,qBAAqB,EAAE,gBAAgB,CAAC,CAAC;AACzD;AACA;AACA,IAAI,MAAM,kBAAkB,GAAG,qBAAqB,CAAC,IAAI,CAAC;AAC1D,IAAI,MAAM,aAAa,GAAG,gBAAgB,CAAC,IAAI,CAAC;AAChD;AACA,IAAI,IAAI,gBAAgB,CAAC,kBAAkB,CAAC,IAAI,gBAAgB,CAAC,aAAa,CAAC,EAAE;AACjF;AACA,QAAQ,UAAU,CAAC,gBAAgB,EAAE,SAAS,CAAC,kBAAkB,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC;AAC7E,KAAK;AACL;AACA,SAAS,IAAI,gBAAgB,CAAC,kBAAkB,CAAC,EAAE,CAI9C;AACL;AACA,SAAS,IAAI,gBAAgB,CAAC,aAAa,CAAC,EAAE,CAGzC;AACL;AACA,SAAS;AACT;AACA,QAAQ,MAAM,aAAa,GAAG,SAAS,CAAC,GAAG,CAAC,qBAAqB,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,aAAa,CAAC;AAC/F;AACA,QAAQ,IAAI,kBAAkB,CAAC,eAAe,IAAI,IAAI,EAAE;AACxD,YAAY,gBAAgB,CAAC,qBAAqB,EAAE,kBAAkB,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;AACvG,SAAS;AACT,QAAQ,MAAM,SAAS,GAAG,SAAS,CAAC,kBAAkB,CAAC,GAAG,SAAS,CAAC,aAAa,CAAC,CAAC;AACnF;AACA,QAAQ,UAAU,CAAC,gBAAgB,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,CAAC,CAAC;AACrE,KAAK;AACL;;AC7FA,MAAM,iBAAiB,GAAG,+rCAA+rC;;;;;;;;;;;;;;ACIztC,MAAM,cAAc,GAAG,8BAA8B,CAAC;AACtD,MAAM,kCAAkC,GAAG,oCAAoC,CAAC;AAChF,MAAM,eAAe,GAAG,CAAC,SAAS,KAAK,oBAAoB,SAAS,EAAE,CAAC;AACvE,MAAM,cAAc,GAAG,CAAC,KAAK,EAAE,SAAS,MAAM;IAC1C,CAAC,kCAAkC,GAAG,mBAAmB,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;CAChG,CAAC,CAAC;AACH,MAAM,eAAe,GAAG,CAAC,WAAW,EAAE,KAAK,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;AACxG;AACA,MAAM,QAAQ,GAAG,SAAS,CAAC;AAC3B,MAAM,WAAW,GAAG,YAAY,CAAC;AACjC,MAAM,UAAU,GAAG,WAAW,CAAC;AAC/B,MAAM,UAAU,GAAG,WAAW,CAAC;MAIlB,gBAAgB;QACzB;YAUA,uCAAc,IAAI,EAAC;YACnB,kDAAe;YACf,sDAAmB;YACnB,qDAAkB;YAClB,sDAAmB;;YAEnB,sCAAa,IAAI,GAAG,EAAE,EAAC;YAuBvB,0CAAiB,CAAC,KAAK;gBACnB,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,uBAAA,IAAI,sCAAqB,gBAAgB,CAAC,KAAK,EAAE,uBAAA,IAAI,uCAAe,CAAC,SAAS,CAAC,MAAA,CAAC;gBAChF,uBAAA,IAAI,0CAAkB,MAAtB,IAAI,CAAoB,CAAC;aAC5B,EAAC;YACF,6CAAoB,CAAC,aAAa;gBAC9B,IAAI,CAAC,uBAAA,IAAI,oCAAY,EAAE;oBACnB,OAAO;iBACV;gBACD,uBAAA,IAAI,gCAAe,KAAK,MAAA,CAAC;gBACzB,qBAAqB,CAAC;oBAClB,uBAAA,IAAI,gCAAe,IAAI,MAAA,CAAC;oBACxB,0BAA0B,CAAC,uBAAA,IAAI,uCAAe,EAAE,uBAAA,IAAI,mCAAW,EAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,uBAAA,IAAI,0CAAkB,GAAG,uBAAA,IAAI,2CAAmB;oBAClI,kCAAkC,CAAC,CAAC;;oBAEpC,uBAAA,IAAI,uCAAsB,uBAAA,IAAI,0CAAkB,MAAA,CAAC;iBACpD,CAAC,CAAC;aACN,EAAC;;YAEF,mDAA0B;gBACtB,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,uBAAA,IAAI,uCAAe,EAAE;oBAC3D,OAAO,EAAE,IAAI;iBAChB,CAAC,CAAC;aACN,EAAC;;YAEF,2CAAkB;gBACd,uBAAA,IAAI,gDAAwB,MAA5B,IAAI,CAA0B,CAAC;gBAC/B,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,uBAAA,IAAI,wCAAgB,EAAE;oBAC1D,OAAO,EAAE,IAAI;iBAChB,CAAC,CAAC;;gBAEH,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;aAC5C,EAAC;YACF,uEAA8C,CAAC,SAAS,EAAE,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,KAAK;;gBAE9F,MAAM,gBAAgB,GAAG,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC;gBACpD,uBAAA,IAAI,mCAAkB;oBAClB,SAAS,EAAE,gBAAgB;oBAC3B,aAAa,EAAE,SAAS,KAAK,SAAS;0BAChC,gBAAgB,CAAC,WAAW;0BAC5B,gBAAgB,CAAC,YAAY;oBACnC,SAAS,EAAE,SAAS;oBACpB,aAAa,EAAE,aAAa;oBAC5B,WAAW,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE;oBAClC,SAAS,EAAE,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE;oBACpC,WAAW,EAAE,WAAW;oBACxB,GAAG,EAAE,KAAK,EAAE;iBACf,MAAA,CAAC;;gBAEF,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;aACzC,EAAC;YACF,6CAAoB,CAAC,SAAS,EAAE,KAAK,EAAE,aAAa,EAAE,WAAW,KAAK,CAAC,KAAK;;;gBAGxE,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,uBAAA,IAAI,oEAA4C,MAAhD,IAAI,EAA6C,SAAS,EAAE,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC;;gBAEtG,MAAM,oBAAoB,GAAG,gBAAgB,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;gBAChE,uBAAA,IAAI,uCAAsB,oBAAoB,MAAA,CAAC;gBAC/C,uBAAA,IAAI,sCAAqB,oBAAoB,MAAA,CAAC;;gBAE9C,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,uBAAA,IAAI,uCAAe,EAAE;oBACxD,OAAO,EAAE,IAAI;iBAChB,CAAC,CAAC;gBACH,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,uBAAA,IAAI,wCAAgB,EAAE;oBACvD,OAAO,EAAE,IAAI;oBACb,OAAO,EAAE,IAAI;iBAChB,CAAC,CAAC;aACN,EAAC;YACF,yCAAgB,CAAC,SAAS,EAAE,KAAK,EAAE,aAAa,EAAE,WAAW,KAAK,CAAC,KAAK;gBACpE,IAAI,CAAC,SAAS,KAAK,MAAM;oBACrB,KAAK,CAAC,IAAI,KAAK,QAAQ;oBACvB,KAAK,CAAC,IAAI,KAAK,UAAU;qBACxB,SAAS,KAAK,SAAS;wBACpB,KAAK,CAAC,IAAI,KAAK,UAAU;wBACzB,KAAK,CAAC,IAAI,KAAK,WAAW,CAAC,EAAE;oBACjC,OAAO;iBACV;;gBAED,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,uBAAA,IAAI,oEAA4C,MAAhD,IAAI,EAA6C,SAAS,EAAE,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC;gBACtG,MAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,KAAK,WAAW,IAAI,KAAK,CAAC,IAAI,KAAK,UAAU,CAAC;gBAClF,uBAAA,IAAI,0CAAkB,MAAtB,IAAI,EAAmB,iBAAiB;sBAClC,IAAI,CAAC,qBAAqB;sBAC1B,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;aACtC,EAAC;YACF,wCAAe,CAAC,SAAS,EAAE,aAAa,EAAE,WAAW;gBACjD,MAAM,kBAAkB,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC;gBAClD,OAAO,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK;;oBAAK,OAAA;wBACpC,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,KAAK,EAAE,uBAAA,IAAI,mCAAW,CAAC,EAAE,EAAE,uBAAA,IAAI,qCAAa,MAAjB,IAAI,EAAc,IAAI,CAAC,SAAS,EAAE,uBAAA,IAAI,mCAAW,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;wBACxT,CAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,MAAM,MAAK,IAAI,IAAI,KAAK,KAAK,kBAAkB,KAAK,CAAC,CAAC,KAAK,EAAE;;4BAEvE,IAAI,EAAE,WAAW,EAAE,eAAe,EAAE,eAAe,CAAC,WAAW,EAAE,KAAK,CAAC,EAAE,eAAe,EAAE,IAAI,CAAC,eAAe,GAAG,MAAM,GAAG,IAAI,EAAE,YAAY,EAAE,IAAI,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,SAAS,KAAK,SAAS,GAAG,UAAU,GAAG,YAAY,EAAE,KAAK,EAAE,IAAI,CAAC,iBAAiB,EAAE,QAAQ,EAAE,GAAG;;4BAE3R,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,CAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,IAAG,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,CAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,IAAG,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,EAAE,GAAG,IAAI,EAAE,SAAS,EAAE,CAAC,IAAI,CAAC,eAAe;kCAClL,uBAAA,IAAI,sCAAc,MAAlB,IAAI,EAAe,SAAS,EAAE,KAAK,EAAE,aAAa,EAAE,WAAW,CAAC;kCAChE,IAAI,EAAE,WAAW,EAAE,CAAC,IAAI,CAAC,eAAe;kCACxC,uBAAA,IAAI,0CAAkB,MAAtB,IAAI,EAAmB,SAAS,EAAE,KAAK,EAAE,aAAa,EAAE,WAAW,CAAC;kCACpE,IAAI;yBACb,CAAC,CAAC;qBACN,CAAA;iBAAA,CAAC,CAAC;aACN,EAAC;;;;YA3IE,IAAI,CAAC,iBAAiB,GAAG,QAAQ,CAAC;YAClC,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;YAC7B,IAAI,CAAC,qBAAqB,GAAG,CAAC,CAAC;YAC/B,IAAI,CAAC,MAAM,GAAG;gBACV,EAAE,EAAE,MAAM;gBACV,SAAS,EAAE,SAAS;gBACpB,KAAK,EAAE,EAAE;aACZ,CAAC;SACL;;QASD,sBAAsB,CAAC,SAAS;YAC5B,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;SACpC;;;;QAID,MAAM,aAAa;YACf,WAAW,CAAC,IAAI,CAAC,CAAC;SACrB;;;;;QAKD,MAAM,UAAU,CAAC,MAAM;YACnB,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,EAAE,uBAAA,IAAI,mCAAW,CAAC,CAAC;YACnD,IAAI,MAAM,CAAC,OAAO,EAAE;;gBAEhB,WAAW,CAAC,IAAI,CAAC,CAAC;aACrB;YACD,OAAO,MAAM,CAAC;SACjB;QAuGD,gBAAgB,CAAC,MAAM;;;YAEnB,uBAAA,IAAI,mCAAW,CAAC,KAAK,EAAE,CAAC;YACxB,IAAI,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,MAAM,IAAG,CAAC,EAAE;gBAC3B,uBAAA,IAAI,uCAAsB,uBAAuB,CAAC,MAAM,EAAE,uBAAA,IAAI,mCAAW,CAAC,MAAA,CAAC;gBAC3E,OAAO,CAAC,GAAG,CAAC,uBAAA,IAAI,mCAAW,CAAC,CAAC;aAChC;SACJ;QACD,iBAAiB;YACb,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;SACtC;QACD,oBAAoB;;YAEhB,uBAAA,IAAI,wCAAgB,MAApB,IAAI,CAAkB,CAAC;SAC1B;QACD,MAAM;YACF,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC;YAChC,IAAI,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,KAAI,IAAI,EAAE;gBAC5B,OAAO,EAAE,CAAC;aACb;YACD,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,eAAe,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,WAAW,CAAC,KAAK,EAAE,uBAAA,IAAI,mCAAW,CAAC,EAAE,EAAE,uBAAA,IAAI,qCAAa,MAAjB,IAAI,EAAc,WAAW,CAAC,SAAS,EAAE,uBAAA,IAAI,2CAAmB,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE;SACzN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["node_modules/@genexus/chameleon-controls-library/dist/collection/components/renders/flexible-layout/utils.js","node_modules/@genexus/chameleon-controls-library/dist/collection/components/layout-splitter/utils.js","node_modules/@genexus/chameleon-controls-library/dist/collection/components/layout-splitter/remove-item.js","node_modules/@genexus/chameleon-controls-library/dist/collection/components/layout-splitter/layout-splitter.css?tag=ch-layout-splitter&encapsulation=shadow","node_modules/@genexus/chameleon-controls-library/dist/collection/components/layout-splitter/layout-splitter.js"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars /\nimport { tabTypeToPart } from \"../../tab/utils\";\nexport const ROOT_VIEW = null;\nexport const createAndSetViewInfo = (flexibleLayoutLeaf, blockStartWidgets, renderedWidgets) => {\n let selectedWidgetId = flexibleLayoutLeaf.selectedWidgetId;\n const viewId = flexibleLayoutLeaf.id;\n const viewType = flexibleLayoutLeaf.viewType;\n const widgets = flexibleLayoutLeaf.widgets;\n if (viewType === \"blockStart\") {\n // Add the widgets to the blockStart section\n widgets.forEach(widget => {\n blockStartWidgets.add(widget.id);\n });\n return {\n id: viewId,\n type: viewType,\n exportParts: \"\",\n widgets: widgets\n };\n }\n const exportParts = tabTypeToPart[viewType](widgets);\n widgets.forEach(widget => {\n if (widget.wasRendered \|\| selectedWidgetId === widget.id) {\n // Ensure proper initialization\n widget.wasRendered = true;\n renderedWidgets.add(widget.id);\n }\n });\n // If there is no widget selected by default, select one\n if (selectedWidgetId == null) {\n const selectedWidget = widgets[viewType === \"main\" \|\| viewType === \"blockEnd\" ? widgets.length - 1 : 0];\n selectedWidgetId = selectedWidget.id;\n selectedWidget.wasRendered = true;\n renderedWidgets.add(selectedWidgetId);\n }\n return {\n id: viewId,\n exportParts,\n selectedWidgetId: selectedWidgetId,\n type: viewType,\n widgets: widgets\n };\n};\nconst addCustomBehavior = (item, layoutSplitterParts) => {\n if (item.dragBar?.part) {\n layoutSplitterParts.add(item.dragBar?.part);\n }\n};\nconst updateFlexibleSubModels = (flexibleLayoutItems, itemsInfo, blockStartWidgets, layoutSplitterParts, renderedWidgets, parentItem) => {\n flexibleLayoutItems.forEach(flexibleItem => {\n // Group\n if (flexibleItem.items != null) {\n const group = flexibleItem;\n const flexibleItemExtended = {\n item: group,\n parentItem: parentItem\n };\n itemsInfo.set(group.id, flexibleItemExtended);\n updateFlexibleSubModels(group.items, // Subitems\n itemsInfo, blockStartWidgets, layoutSplitterParts, renderedWidgets, group);\n }\n // Leaf\n else {\n const leaf = flexibleItem;\n const flexibleItemExtended = {\n item: leaf,\n parentItem: parentItem,\n view: createAndSetViewInfo(leaf, blockStartWidgets, renderedWidgets)\n };\n itemsInfo.set(leaf.id, flexibleItemExtended);\n }\n // Custom behaviors\n addCustomBehavior(flexibleItem, layoutSplitterParts);\n });\n};\nexport const updateFlexibleModels = (flexibleLayout, itemsInfo, blockStartWidgets, layoutSplitterParts, renderedWidgets) => updateFlexibleSubModels(flexibleLayout.items, itemsInfo, blockStartWidgets, layoutSplitterParts, renderedWidgets, ROOT_VIEW // Root item\n);\nexport const getViewInfo = (itemsInfo, viewId) => itemsInfo.get(viewId)\n .view;\n//# sourceMappingURL=utils.js.map\n","import { ROOT_VIEW } from \"../renders/flexible-layout/utils\";\nexport const sizesToGridTemplate = (items, itemsInfo, lastItemIndex) => items\n .map((item, index) => item.dragBar?.hidden !== true && index !== lastItemIndex\n ? `${itemsInfo.get(item.id).actualSize} ${item.dragBar?.size ?? 0}px` // Add a column to place the drag bar\n : itemsInfo.get(item.id).actualSize // Last item or not resizable\n)\n .join(\" \");\nexport const getFrSize = (item) => Number(item.size.replace(\"fr\", \"\").trim());\nexport const getPxSize = (item) => Number(item.size.replace(\"px\", \"\").trim());\nexport const hasAbsoluteValue = (item) => item.size.includes(\"px\");\nconst getComponentSize = (item, fixedSizesSum) => {\n // Pixel value\n if (hasAbsoluteValue(item)) {\n return item.size;\n }\n // If the component has fr value, take into account the sum of fixed values\n // to calculate the actual relative value\n const frValue = getFrSize(item);\n if (fixedSizesSum === 0) {\n return `${frValue 100}%`;\n }\n return item.fixedOffsetSize\n ? `calc(${frValue * 100}% - ${fixedSizesSum * frValue - item.fixedOffsetSize}px)`\n : `calc(${frValue * 100}% - ${fixedSizesSum * frValue}px)`;\n};\nexport const updateSize = (itemUIModel, increment, fixedSizesSum, unitType) => {\n const itemInfo = itemUIModel.item;\n const currentValue = unitType === \"px\" ? getPxSize(itemInfo) : getFrSize(itemInfo);\n const newValue = currentValue + increment;\n itemInfo.size = `${newValue}${unitType}`;\n itemUIModel.actualSize = getComponentSize(itemInfo, fixedSizesSum);\n};\nexport const updateOffsetSize = (itemUIModel, increment, fixedSizesSum) => {\n const itemInfo = itemUIModel.item;\n itemInfo.fixedOffsetSize ??= 0;\n itemInfo.fixedOffsetSize += increment;\n itemUIModel.actualSize = getComponentSize(itemInfo, fixedSizesSum);\n};\nexport const fixAndUpdateLayoutModel = (layout, itemsInfo) => fixAndUpdateSubModel(layout.items, itemsInfo, ROOT_VIEW);\nfunction fixAndUpdateSubModel(items, itemsInfo, parentItem) {\n let frSum = 0;\n let fixedSizesSum = 0;\n const lastItemIndex = items.length - 1;\n // Get the sum of all fr values. Also, store the sum of fixed sizes\n items.forEach((item, index) => {\n if (hasAbsoluteValue(item)) {\n fixedSizesSum += getPxSize(item);\n }\n else {\n frSum += getFrSize(item);\n }\n // Take into account previous resizes (fixedOffsetSize values) and add drag\n // bar sizes if this is not the last item\n fixedSizesSum +=\n (item.fixedOffsetSize ?? 0) +\n (index !== lastItemIndex ? item.dragBar?.size ?? 0 : 0);\n });\n // If there are fr values, we must adjust the frs values to be relative to 1fr\n if (frSum > 0) {\n items.forEach(item => {\n if (!hasAbsoluteValue(item)) {\n const frValue = getFrSize(item);\n const adjustedFrValue = frValue / frSum;\n item.size = `${adjustedFrValue}fr`;\n }\n });\n }\n // Update the actualSizes and fixedSizes maps\n items.forEach(item => {\n const itemUIModel = {\n item: item,\n parentItem: parentItem,\n actualSize: getComponentSize(item, fixedSizesSum)\n };\n if (item.items != null) {\n // eslint-disable-next-line prettier/prettier\n const group = item;\n const fixedSizesSum = fixAndUpdateSubModel(group.items, itemsInfo, group);\n itemUIModel.fixedSizesSum = fixedSizesSum;\n }\n itemsInfo.set(item.id, itemUIModel);\n });\n return fixedSizesSum;\n}\nexport const updateComponentsAndDragBar = (info, itemsInfo, incrementInPx, gridTemplateDirectionCustomVar) => {\n // - - - - - - - - - Increments - - - - - - - - -\n // When the language is RTL, the increment is in the opposite direction\n const incrementInPxRTL = info.direction === \"columns\" && info.RTL ? -incrementInPx : incrementInPx;\n const layoutItems = info.layoutItems;\n const fixedSizes = info.fixedSizesSum;\n const remainingRelativeSizeInPixels = info.containerSize - info.fixedSizesSum;\n const incrementInFr = incrementInPxRTL / remainingRelativeSizeInPixels;\n // Components at each position of the drag bar\n const startItemUIModel = itemsInfo.get(info.itemStartId);\n const endItemUIModel = itemsInfo.get(info.itemEndId);\n // px / px\n if (hasAbsoluteValue(startItemUIModel.item) &&\n hasAbsoluteValue(endItemUIModel.item)) {\n updateSize(startItemUIModel, incrementInPxRTL, fixedSizes, \"px\");\n updateSize(endItemUIModel, -incrementInPxRTL, fixedSizes, \"px\");\n }\n // px / fr\n else if (hasAbsoluteValue(startItemUIModel.item)) {\n updateSize(startItemUIModel, incrementInPxRTL, fixedSizes, \"px\");\n updateOffsetSize(endItemUIModel, -incrementInPxRTL, fixedSizes);\n }\n // fr / px\n else if (hasAbsoluteValue(endItemUIModel.item)) {\n updateOffsetSize(startItemUIModel, incrementInPxRTL, fixedSizes);\n updateSize(endItemUIModel, -incrementInPxRTL, fixedSizes, \"px\");\n }\n // fr / fr\n else {\n updateSize(startItemUIModel, incrementInFr, fixedSizes, \"fr\");\n updateSize(endItemUIModel, -incrementInFr, fixedSizes, \"fr\");\n }\n // Update in the DOM the grid distribution\n info.container.style.setProperty(gridTemplateDirectionCustomVar, sizesToGridTemplate(layoutItems, itemsInfo, layoutItems.length - 1));\n};\nexport const getMousePosition = (event, direction) => (direction === \"columns\" ? event.clientX : event.clientY);\n//# sourceMappingURL=utils.js.map\n","import { removeElement } from \"../../common/array\";\nimport { getFrSize, getPxSize, hasAbsoluteValue, updateOffsetSize, updateSize } from \"./utils\";\nconst findItemInParent = (itemToFind) => {\n const itemId = itemToFind.item.id;\n return itemToFind.parentItem.items.findIndex(item => item.id === itemId);\n};\nexport const removeItem = (itemId, itemsInfo) => {\n const itemToRemoveUIModel = itemsInfo.get(itemId);\n if (!itemToRemoveUIModel) {\n return { success: false, renamedItems: [] };\n }\n // TODO: Valid whether the parent is the root node or not. If it is the root, update the fixedSizesSum\n const itemsToRemove = [];\n const itemToRemoveIndex = findItemInParent(itemToRemoveUIModel);\n const parentItem = itemToRemoveUIModel.parentItem;\n const parentItemItems = parentItem.items;\n const itemToAddSpace = parentItemItems[itemToRemoveIndex === 0 ? 1 : itemToRemoveIndex - 1];\n const renamedItems = [];\n // const itemToAddSpaceUIModel = itemsInfo.get(itemToAddSpace.id);\n // Remove the item in a future iteration\n itemsToRemove.push([parentItemItems, itemToRemoveIndex, itemId]);\n // The space reserved for the item can be given to a sibling item\n if (parentItemItems.length > 2) {\n addSpaceToItem(itemToRemoveUIModel, itemsInfo.get(itemToAddSpace.id), itemsInfo);\n }\n // The current group will have one child. Remove the group and and reconnect\n // the child item with the parent of its group\n else if (parentItemItems.length === 2) {\n // TODO: CHECK PARENT ROOT\n const parentItemUIModel = itemsInfo.get(parentItem.id);\n const secondParentItem = parentItemUIModel.parentItem;\n const parentItemIndex = findItemInParent(parentItemUIModel);\n const itemToReplace = secondParentItem.items[parentItemIndex];\n // Push the item rename\n renamedItems.push({ oldId: itemToAddSpace.id, newId: itemToReplace.id });\n // This property is no longer valid in the new parent\n delete itemToReplace.items;\n // Update all properties in the new parent, except for some specific properties\n Object.keys(itemToAddSpace).forEach((key) => {\n if (key !== \"id\" &&\n key !== \"size\" &&\n key !== \"dragBar\" &&\n key !== \"fixedOffsetSize\") {\n itemToReplace[key] = itemToAddSpace[key];\n }\n });\n itemsInfo.delete(itemToAddSpace.id);\n }\n else {\n // Remove the item and its group parent\n }\n // Delete the item and all its descendants...\n // TODO: Add recursive removal\n itemsToRemove.forEach(itemToRemove => {\n removeElement(itemToRemove[0], itemToRemove[1]);\n itemsInfo.delete(itemToRemove[2]);\n });\n return { success: true, renamedItems: renamedItems };\n};\nfunction addSpaceToItem(itemToSubtractUIModel, itemToAddUIModel, itemsInfo) {\n console.log(itemToSubtractUIModel, itemToAddUIModel);\n // TODO: Add implementation. Ensure the given space is relative to 100% (1fr)\n // TODO: Remove drag bar Size from fixedSizesSum\n const itemToSubtractInfo = itemToSubtractUIModel.item;\n const itemToAddInfo = itemToAddUIModel.item;\n // px / px\n if (hasAbsoluteValue(itemToSubtractInfo) && hasAbsoluteValue(itemToAddInfo)) {\n // TODO: FixedSizesSum does not make sense when adding pixels. Update implementation to improve this\n updateSize(itemToAddUIModel, getPxSize(itemToSubtractInfo), 0, \"px\");\n }\n // px / fr\n else if (hasAbsoluteValue(itemToSubtractInfo)) {\n // TODO: UPDATE FIXED SIZES SUM IN THE PARENT\n // updateSize(startItemUIModel, incrementInPxRTL, fixedSizes, \"px\");\n // updateOffsetSize(endItemUIModel, -incrementInPxRTL, fixedSizes);\n }\n // fr / px\n else if (hasAbsoluteValue(itemToAddInfo)) {\n // updateOffsetSize(startItemUIModel, incrementInPxRTL, fixedSizes);\n // updateSize(endItemUIModel, -incrementInPxRTL, fixedSizes, \"px\");\n }\n // fr / fr\n else {\n // TODO: Check if the node is the root\n const fixedSizesSum = itemsInfo.get(itemToSubtractUIModel.parentItem.id).fixedSizesSum;\n // Update fixedOffsetSize if the removed item had\n if (itemToSubtractInfo.fixedOffsetSize != null) {\n updateOffsetSize(itemToSubtractUIModel, itemToSubtractInfo.fixedOffsetSize, fixedSizesSum);\n }\n const newFrSize = getFrSize(itemToSubtractInfo) + getFrSize(itemToAddInfo);\n // TODO: In some situations, this should be avoided (fixedSizesSum). Find a way to remove the use of fixedSizesSum\n updateSize(itemToAddUIModel, newFrSize, fixedSizesSum, \"fr\");\n }\n}\n//# sourceMappingURL=remove-item.js.map\n",",\n::after,\n::before {\n box-sizing: border-box;\n}\n\n:host {\n --ch-drag-bar__size: 5px;\n display: grid;\n position: relative;\n block-size: 100%;\n inline-size: 100%;\n}\n\n:host(.gx-layout-splitter--resizing) ::slotted() {\n pointer-events: none;\n}\n\n.bar {\n --position-fix: calc((var(--size, 0px) - var(--ch-drag-bar__size)) / 2);\n position: relative;\n inline-size: 100%;\n block-size: 100%;\n background-color: currentColor;\n z-index: 1;\n}\n.bar[aria-disabled] {\n pointer-events: none;\n}\n.bar:focus-visible {\n outline: unset;\n}\n.bar::after {\n content: \"\";\n display: flex;\n position: absolute;\n background-color: currentColor;\n opacity: 0;\n transition: opacity 0s linear;\n}\n.bar:is(:active, :focus-visible, :hover)::after {\n opacity: 1;\n}\n.bar:hover::after {\n transition-delay: 250ms;\n}\n\n.leaf {\n display: contents;\n}\n\n.group {\n display: grid;\n position: relative;\n}\n\n.direction--columns {\n grid-template-columns: var(--ch-layout-splitter__distribution);\n}\n.direction--columns > .bar {\n cursor: ew-resize;\n}\n.direction--columns > .bar::after {\n block-size: 100%;\n inline-size: var(--ch-drag-bar__size);\n margin-inline-start: var(--position-fix);\n}\n\n.direction--rows {\n grid-template-rows: var(--ch-layout-splitter__distribution);\n}\n.direction--rows > .bar {\n cursor: ns-resize;\n}\n.direction--rows > .bar::after {\n block-size: var(--ch-drag-bar__size);\n inline-size: 100%;\n margin-block-start: var(--position-fix);\n}","import { forceUpdate, h } from \"@stencil/core\";\nimport { fixAndUpdateLayoutModel, getMousePosition, sizesToGridTemplate, updateComponentsAndDragBar } from \"./utils\";\nimport { isRTL } from \"../../common/utils\";\nimport { removeItem } from \"./remove-item\";\nconst RESIZING_CLASS = \"gx-layout-splitter--resizing\";\nconst GRID_TEMPLATE_DIRECTION_CUSTOM_VAR = \"--ch-layout-splitter__distribution\";\nconst DIRECTION_CLASS = (direction) => `group direction--${direction}`;\nconst TEMPLATE_STYLE = (items, itemsInfo) => ({\n [GRID_TEMPLATE_DIRECTION_CUSTOM_VAR]: sizesToGridTemplate(items, itemsInfo, items.length - 1)\n});\nconst getAriaControls = (layoutItems, index) => `${layoutItems[index].id} ${layoutItems[index + 1].id}`;\n// Key codes\nconst ARROW_UP = \"ArrowUp\";\nconst ARROW_RIGHT = \"ArrowRight\";\nconst ARROW_DOWN = \"ArrowDown\";\nconst ARROW_LEFT = \"ArrowLeft\";\n/*\n @part bar - The bar that divides two columns or two rows\n /\nexport class ChLayoutSplitter {\n constructor() {\n this.barAccessibleName = \"Resize\";\n this.dragBarDisabled = false;\n this.incrementWithKeyboard = 2;\n this.layout = {\n id: \"root\",\n direction: \"columns\",\n items: []\n };\n }\n #needForRAF = true; // To prevent redundant RAF (request animation frame) calls\n #mouseDownInfo;\n #lastMousePosition;\n #newMousePosition;\n #fixedSizesSumRoot;\n // Distribution of elements\n #itemsInfo = new Map();\n el;\n handleComponentsChange(newLayout) {\n this.updateLayoutInfo(newLayout);\n }\n /\n Schedules a new render of the control even if no state changed.\n /\n async refreshLayout() {\n forceUpdate(this);\n }\n /\n Removes the item that is identified by the given ID.\n * The layout is rearranged depending on the state of the removed item.\n */\n async removeItem(viewId) {\n const result = removeItem(viewId, this.#itemsInfo);\n if (result.success) {\n // Queue re-renders\n forceUpdate(this);\n }\n return result;\n }\n #handleBarDrag = (event) => {\n event.preventDefault();\n this.#newMousePosition = getMousePosition(event, this.#mouseDownInfo.direction);\n this.#handleBarDragRAF();\n };\n #handleBarDragRAF = (incrementInPx) => {\n if (!this.#needForRAF) {\n return;\n }\n this.#needForRAF = false; // No need to call RAF up until next frame\n requestAnimationFrame(() => {\n this.#needForRAF = true; // RAF now consumes the movement instruction so a new one can come\n updateComponentsAndDragBar(this.#mouseDownInfo, this.#itemsInfo, incrementInPx ?? this.#newMousePosition - this.#lastMousePosition, // Increment in px\n GRID_TEMPLATE_DIRECTION_CUSTOM_VAR);\n // Sync new position with last\n this.#lastMousePosition = this.#newMousePosition;\n });\n };\n // Handler to remove mouse down\n #removeMouseMoveHandler = () => {\n document.removeEventListener(\"mousemove\", this.#handleBarDrag, {\n capture: true\n });\n };\n // Remove mousemove and mouseup handlers when mouseup\n #mouseUpHandler = () => {\n this.#removeMouseMoveHandler();\n document.removeEventListener(\"mouseup\", this.#mouseUpHandler, {\n capture: true\n });\n // Add again pointer-events\n this.el.classList.remove(RESIZING_CLASS);\n };\n #initializeDragBarValuesForResizeProcessing = (direction, index, fixedSizesSum, layoutItems, event) => {\n // Initialize the values needed for drag processing\n const dragBarContainer = event.target.parentElement;\n this.#mouseDownInfo = {\n container: dragBarContainer,\n containerSize: direction === \"columns\"\n ? dragBarContainer.clientWidth\n : dragBarContainer.clientHeight,\n direction: direction,\n fixedSizesSum: fixedSizesSum,\n itemStartId: layoutItems[index].id,\n itemEndId: layoutItems[index + 1].id,\n layoutItems: layoutItems,\n RTL: isRTL()\n };\n // Remove pointer-events during drag\n this.el.classList.add(RESIZING_CLASS);\n };\n #mouseDownHandler = (direction, index, fixedSizesSum, layoutItems) => (event) => {\n // Necessary to prevent selecting the inner image (or other elements) of\n // the bar item when the mouse is down\n event.preventDefault();\n this.#initializeDragBarValuesForResizeProcessing(direction, index, fixedSizesSum, layoutItems, event);\n // Mouse position\n const currentMousePosition = getMousePosition(event, direction);\n this.#lastMousePosition = currentMousePosition;\n this.#newMousePosition = currentMousePosition; // Also updated in mouse move\n // Add listeners\n document.addEventListener(\"mousemove\", this.#handleBarDrag, {\n capture: true\n });\n document.addEventListener(\"mouseup\", this.#mouseUpHandler, {\n capture: true,\n passive: true\n });\n };\n #handleResize = (direction, index, fixedSizesSum, layoutItems) => (event) => {\n if ((direction === \"rows\" &&\n event.code !== ARROW_UP &&\n event.code !== ARROW_DOWN) \|\|\n (direction === \"columns\" &&\n event.code !== ARROW_LEFT &&\n event.code !== ARROW_RIGHT)) {\n return;\n }\n // Prevent scroll\n event.preventDefault();\n this.#initializeDragBarValuesForResizeProcessing(direction, index, fixedSizesSum, layoutItems, event);\n const positiveIncrement = event.code === ARROW_RIGHT \|\| event.code === ARROW_DOWN;\n this.#handleBarDragRAF(positiveIncrement\n ? this.incrementWithKeyboard\n : -this.incrementWithKeyboard);\n };\n #renderItems = (direction, fixedSizesSum, layoutItems) => {\n const lastComponentIndex = layoutItems.length - 1;\n return layoutItems.map((item, index) => [\n item.items ? (h(\"div\", { id: item.id, class: DIRECTION_CLASS(item.direction), style: TEMPLATE_STYLE(item.items, this.#itemsInfo) }, this.#renderItems(item.direction, this.#itemsInfo.get(item.id).fixedSizesSum, item.items))) : (h(\"div\", { id: item.id, class: \"leaf\" }, h(\"slot\", { key: item.id, name: item.id }))),\n item.dragBar?.hidden !== true && index !== lastComponentIndex && (h(\"div\", {\n // - - - Accessibility - - -\n role: \"separator\", \"aria-controls\": getAriaControls(layoutItems, index), \"aria-disabled\": this.dragBarDisabled ? \"true\" : null, \"aria-label\": this.barAccessibleName, \"aria-orientation\": direction === \"columns\" ? \"vertical\" : \"horizontal\", title: this.barAccessibleName, tabindex: \"0\",\n // - - - - - - - - - - - - -\n class: \"bar\", part: item.dragBar?.part ? `bar ${item.dragBar.part}` : \"bar\", style: item.dragBar?.size ? { \"--size\": `${item.dragBar.size}px` } : null, onKeyDown: !this.dragBarDisabled\n ? this.#handleResize(direction, index, fixedSizesSum, layoutItems)\n : null, onMouseDown: !this.dragBarDisabled\n ? this.#mouseDownHandler(direction, index, fixedSizesSum, layoutItems)\n : null\n }))\n ]);\n };\n updateLayoutInfo(layout) {\n // Clear old information\n this.#itemsInfo.clear();\n if (layout?.items?.length > 0) {\n this.#fixedSizesSumRoot = fixAndUpdateLayoutModel(layout, this.#itemsInfo);\n console.log(this.#itemsInfo);\n }\n }\n connectedCallback() {\n this.updateLayoutInfo(this.layout);\n }\n disconnectedCallback() {\n // Defensive programming. Make sure all event listeners are removed correctly\n this.#mouseUpHandler();\n }\n render() {\n const layoutModel = this.layout;\n if (layoutModel?.items == null) {\n return \"\";\n }\n return (h(\"div\", { class: DIRECTION_CLASS(layoutModel.direction), style: TEMPLATE_STYLE(layoutModel.items, this.#itemsInfo) }, this.#renderItems(layoutModel.direction, this.#fixedSizesSumRoot, layoutModel.items)));\n }\n static get is() { return \"ch-layout-splitter\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"layout-splitter.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"layout-splitter.css\"]\n };\n }\n static get properties() {\n return {\n \"barAccessibleName\": {\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 attribute lets you specify the label for the drag bar.\\nImportant for accessibility.\"\n },\n \"attribute\": \"bar-accessible-name\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"Resize\\\"\"\n },\n \"dragBarDisabled\": {\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 resize operation is disabled in all\\ndrag bars. If `true`, the drag bars are disabled.\"\n },\n \"attribute\": \"drag-bar-disabled\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"incrementWithKeyboard\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Specifies the resizing increment (in pixel) that is applied when using the\\nkeyboard to resize a drag bar.\"\n },\n \"attribute\": \"increment-with-keyboard\",\n \"reflect\": false,\n \"defaultValue\": \"2\"\n },\n \"layout\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"LayoutSplitterDistribution\",\n \"resolved\": \"{ id: \\\"root\\\"; direction: LayoutSplitterDirection; items: LayoutSplitterDistributionItem[]; }\",\n \"references\": {\n \"LayoutSplitterDistribution\": {\n \"location\": \"import\",\n \"path\": \"./types\",\n \"id\": \"src/components/layout-splitter/types.ts::LayoutSplitterDistribution\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Specifies the list of component that are displayed. Each component will be\\nseparated via a drag bar.\"\n },\n \"defaultValue\": \"{\\n id: \\\"root\\\",\\n direction: \\\"columns\\\",\\n items: []\\n }\"\n }\n };\n }\n static get methods() {\n return {\n \"refreshLayout\": {\n \"complexType\": {\n \"signature\": \"() => Promise<void>\",\n \"parameters\": [],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Schedules a new render of the control even if no state changed.\",\n \"tags\": []\n }\n },\n \"removeItem\": {\n \"complexType\": {\n \"signature\": \"(viewId: string) => Promise<LayoutSplitterItemRemoveResult>\",\n \"parameters\": [{\n \"name\": \"viewId\",\n \"type\": \"string\",\n \"docs\": \"\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"LayoutSplitterItemRemoveResult\": {\n \"location\": \"import\",\n \"path\": \"./types\",\n \"id\": \"src/components/layout-splitter/types.ts::LayoutSplitterItemRemoveResult\"\n }\n },\n \"return\": \"Promise<LayoutSplitterItemRemoveResult>\"\n },\n \"docs\": {\n \"text\": \"Removes the item that is identified by the given ID.\\nThe layout is rearranged depending on the state of the removed item.\",\n \"tags\": []\n }\n }\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"layout\",\n \"methodName\": \"handleComponentsChange\"\n }];\n }\n}\n//# sourceMappingURL=layout-splitter.js.map\n"],"version":3}

package/dist/components/list-box-item.js CHANGED Viewed

@@ -8,12 +8,12 @@ import { d as defineCustomElement$3 } from './icon2.js';
 import { d as defineCustomElement$2 } from './gxg-label2.js';
 import { d as defineCustomElement$1 } from './tooltip.js';
-const listBoxItemCss = ":host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--gxg-background-color--disabled) !important;color:var(--gxg-color--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default !important}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{cursor:initial}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px);height:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px);border:var(--gxg-scrollbar-track-thumb-border);background-clip:padding-box}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04)}:host{display:block;font-family:var(--font-family-primary);font-size:inherit;color:inherit;display:flex;box-sizing:border-box;align-items:center;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-o-user-select:none;outline:none;border-bottom:1px solid transparent}:host .container{display:flex;align-items:center;padding:var(--spacing-comp-00) var(--spacing-comp-02);width:100%;height:var(--gxg-list-item-height--spaced);box-sizing:border-box}:host .icon{margin-inline-end:var(--spacing-comp-01);flex-shrink:0}:host gxg-form-checkbox{margin-inline-end:var(--spacing-comp-01)}:host gxg-form-checkbox::part(box){outline:none}:host(:not([disabled])){cursor:pointer !important}:host([disabled]){pointer-events:none;border-bottom:transparent}:host(:hover:not([selected])){background-color:var(--gxg-background-color--hover)}:host(.has-icon.no-checkbox) .container{padding-inline-start:calc(var(--spacing-comp-01) * 1.5)}.description{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;}:host([active]){outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px;background-color:var(--gxg-background-color--hover);color:var(--gxg-color--hover)}:host([selected]:not(.gxg--disabled)){background-color:var(--gxg-background-color--selected);color:var(--gxg-color--selected)}:host([selected][sibling-is-selected]:not(.gxg--disabled)){border-bottom-color:var(--gxg-border-color--selected)}:host([selected]:hover){background-color:var(--gxg-background-color--selected-hover)}:host(:not([sibling-is-selected])){border-bottom-color:transparent}:host(.large) .container{padding:var(--spacing-comp-01) var(--spacing-comp-02)}";
+const listBoxItemCss = ":host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--gxg-background-color--disabled) !important;color:var(--gxg-color--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default !important}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{cursor:initial}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px);height:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px);border:var(--gxg-scrollbar-track-thumb-border);background-clip:padding-box}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04)}:host{display:block;font-family:var(--font-family-primary);font-size:inherit;color:inherit;display:flex;box-sizing:border-box;align-items:center;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-o-user-select:none;outline:none;border-bottom:1px solid transparent}:host .container{display:flex;align-items:center;padding:var(--spacing-comp-00) var(--spacing-comp-02);width:100%;height:var(--gxg-list-item-height--spaced);box-sizing:border-box}:host .icon{margin-inline-end:var(--spacing-comp-01);flex-shrink:0}:host gxg-form-checkbox{margin-inline-end:var(--spacing-comp-01)}:host gxg-form-checkbox::part(box){outline:none}:host(:not([disabled])){cursor:pointer !important}:host([disabled]){pointer-events:none;border-bottom:transparent}:host(:hover:not([selected])){background-color:var(--gxg-background-color--hover)}:host(.has-icon.no-checkbox) .container{padding-inline-start:calc(var(--spacing-comp-01) * 1.5)}.description{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;}:host([active]){outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px;color:var(--gxg-color--hover)}:host([selected]:not(.gxg--disabled)){background-color:var(--gxg-background-color--selected);color:var(--gxg-color--selected)}:host([selected][sibling-is-selected]:not(.gxg--disabled)){border-bottom-color:var(--gxg-border-color--selected)}:host([selected]:hover){background-color:var(--gxg-background-color--selected-hover)}:host(:not([sibling-is-selected])){border-bottom-color:transparent}:host(.large) .container{padding:var(--spacing-comp-01) var(--spacing-comp-02)}";
 const GxgListboxItem = /*@__PURE__*/ proxyCustomElement(class GxgListboxItem extends HTMLElement {
     constructor() {
         this.parts = {
-            checkbox: "checkbox",
+            checkbox: "checkbox"
         };
         this.handleCheckboxClick = (e) => {
             e.stopPropagation();
@@ -55,7 +55,7 @@ const GxgListboxItem = /*@__PURE__*/ proxyCustomElement(class GxgListboxItem ext
         this.emitCheckboxChange &&
             this.checkboxStateChanged.emit({
                 checkedItem: this.el,
-                checked: checked,
+                checked: checked
             });
     }
     iconColor() {
@@ -73,7 +73,7 @@ const GxgListboxItem = /*@__PURE__*/ proxyCustomElement(class GxgListboxItem ext
         this.attachExportParts();
     }
     componentDidLoad() {
-        this.itemLoaded.emit();
+        this.itemLoaded.emit({ value: this.value });
     }
     itemClickedFunc(e) {
         this.itemClicked.emit({
@@ -81,7 +81,7 @@ const GxgListboxItem = /*@__PURE__*/ proxyCustomElement(class GxgListboxItem ext
             ctrlKey: e.ctrlKey,
             cmdKey: e.metaKey,
             shiftKey: e.shiftKey,
-            index: this.index,
+            index: this.index
         });
     }
     onMouseOver() {
@@ -95,7 +95,7 @@ const GxgListboxItem = /*@__PURE__*/ proxyCustomElement(class GxgListboxItem ext
                 "has-icon": this.icon !== undefined,
                 "no-checkbox": !this.checkbox,
                 large: state.large,
-                [commonClassesNames["DISABLED_CLASS"]]: this.disabled,
+                [commonClassesNames["DISABLED_CLASS"]]: this.disabled
             }, onClick: this.itemClickedFunc.bind(this),
             // onMouseOver={this.onMouseOver.bind(this)}
             // onMouseOut={this.onMouseOut.bind(this)}

package/dist/components/list-box-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"list-box-item.js","mappings":"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","names":[],"sources":["node_modules/@genexus/gemini/dist/collection/components/list-box-item/list-box-item.css?tag=gxg-list-box-item&encapsulation=shadow","node_modules/@genexus/gemini/dist/collection/components/list-box-item/list-box-item.js"],"sourcesContent":[":host(.gxg--disabled) .form-element,\n:host(.gxg--disabled.form-element) {\n pointer-events: none;\n background-color: var(--gxg-background-color--disabled) !important;\n color: var(--gxg-color--disabled) !important;\n border-color: var(--gxg-border-color--disabled) !important;\n cursor: default !important;\n}\n\n:root {\n --ui-animaton-speed: 0.2s;\n}\n\n/ALIGNMENT/\n/Ellipsis/\n/***************************************************\nTYPOGRAPHY\n**************************************************/\n/Title 01 (Positive)/\n.gxg-title-01 {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-md);\n letter-spacing: var(--letter-spacing-md);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n}\n\n/Title 01 (Negative)/\n.gxg-title-01--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-md);\n letter-spacing: var(--letter-spacing-md);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-on-primary);\n}\n\n/Title 02 (Positive)/\n.gxg-title-02 {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n text-transform: uppercase;\n line-height: 1.556em;\n}\n\n.gxg-title-02--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n text-transform: uppercase;\n line-height: 1.556em;\n color: var(--color-on-primary);\n}\n\n/Title 03/\n.gxg-title-03 {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-xs);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n text-transform: uppercase;\n line-height: 1.556em;\n}\n\n.gxg-title-03--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-xs);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n text-transform: uppercase;\n line-height: 1.556em;\n color: var(--color-on-primary);\n}\n\n/Title 04/\n.gxg-title-04 {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-md);\n letter-spacing: var(--letter-spacing-md);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n}\n\n.gxg-title-04--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-md);\n letter-spacing: var(--letter-spacing-md);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-on-primary);\n}\n\n/Title 05/\n.gxg-title-05 {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.556em;\n}\n\n.gxg-title-05--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.556em;\n color: var(--color-on-primary);\n}\n\n/Text/\n.gxg-text {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n}\n\n.gxg-text--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-on-primary);\n}\n\n.gxg-text--gray {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--gray-05);\n}\n\n/Quote/\n.gxg-quote {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n font-style: italic;\n}\n\n.gxg-quote--negative {\n color: var(--color-on-primary);\n}\n\n/Link/\n.gxg-link {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-primary);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n}\n.gxg-link:hover {\n color: var(--color-primary-hover);\n}\n.gxg-link:active {\n color: var(--color-primary-active);\n}\n\n.gxg-link-gray {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-primary);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n color: var(--gray-04);\n}\n.gxg-link-gray:hover {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-primary);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n color: var(--gray-04);\n color: var(--gray-06);\n}\n\n/Alerts/\n.gxg-alert-error {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-error-dark);\n display: inline-block;\n}\n\n.gxg-alert-warning {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-warning-dark);\n display: inline-block;\n}\n\n.gxg-alert-success {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-success-dark);\n display: inline-block;\n}\n\n/Tab/\n.gxg-tab--disabled {\n color: var(--color-primary-disabled);\n pointer-events: none;\n}\n.gxg-tab--disabled[disabled] {\n color: var(--color-primary-disabled);\n pointer-events: none;\n}\n\n/Label/\n.gxg-label {\n font-family: var(--font-family-primary) !important;\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-sm) !important;\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-primary-enabled);\n text-align: center;\n line-height: 1.455em;\n}\n.gxg-label:hover {\n color: var(--color-primary-hover);\n}\n.gxg-label:focus {\n color: var(--color-primary-active);\n}\n.gxg-label:active {\n color: var(--color-primary-active);\n}\n.gxg-label[disabled] {\n color: var(--color-primary-disabled);\n}\n\n.gxg-label--negative {\n color: var(--color-on-primary);\n}\n.gxg-label--negative[disabled] {\n color: var(--color-on-disabled);\n}\n\n/**************************************************\nGXG-BUTTON and GXG-BUTTON-GROUP COMMON STYLES\n*************************************************/\n.gxg-button-styles {\n font-family: var(--font-family-primary) !important;\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-sm) !important;\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-primary-enabled);\n text-align: center;\n line-height: 1.455em;\n}\n\n/*************************************************\nFORM ELEMENTS\n**************************************************/\n.gxg-scrollbar {\n / Track /\n / Handle /\n / Handle on hover /\n cursor: initial;\n}\n.gxg-scrollbar::-webkit-scrollbar {\n width: var(--gxg-scrollbar-width, 6px);\n height: var(--gxg-scrollbar-width, 6px);\n}\n.gxg-scrollbar::-webkit-scrollbar-track {\n background-color: var(--gxg-scrollbar-track-background, --gray-02);\n border-radius: var(--gxg-scrollbar-track-border-radius, 10px);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb {\n background-color: var(--gxg-scrollbar-track-thumb-background, --gray-05);\n border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);\n border: var(--gxg-scrollbar-track-thumb-border);\n background-clip: padding-box;\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb:hover {\n background-color: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);\n}\n\n:host {\n display: block;\n font-family: var(--font-family-primary);\n font-size: inherit;\n color: inherit;\n display: flex;\n box-sizing: border-box;\n align-items: center;\n -moz-user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -o-user-select: none;\n outline: none;\n border-bottom: 1px solid transparent;\n}\n:host .container {\n display: flex;\n align-items: center;\n padding: var(--spacing-comp-00) var(--spacing-comp-02);\n width: 100%;\n height: var(--gxg-list-item-height--spaced);\n box-sizing: border-box;\n}\n:host .icon {\n margin-inline-end: var(--spacing-comp-01);\n flex-shrink: 0;\n}\n:host gxg-form-checkbox {\n margin-inline-end: var(--spacing-comp-01);\n}\n:host gxg-form-checkbox::part(box) {\n outline: none;\n}\n\n:host(:not([disabled])) {\n cursor: pointer !important;\n}\n\n:host([disabled]) {\n pointer-events: none;\n border-bottom: transparent;\n}\n\n:host(:hover:not([selected])) {\n background-color: var(--gxg-background-color--hover);\n}\n\n:host(.has-icon.no-checkbox) .container {\n padding-inline-start: calc(var(--spacing-comp-01) 1.5);\n}\n\n.description {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n width: 100%;\n /* Adjust as needed /\n}\n\n/HIGHLIGHTED/\n/ACTIVE/\n:host([active]) {\n outline: var(--border-width-md) solid var(--gxg-border-color--focused);\n outline-offset: -2px;\n background-color: var(--gxg-background-color--hover);\n color: var(--gxg-color--hover);\n}\n\n/SELECTED/\n:host([selected]:not(.gxg--disabled)) {\n background-color: var(--gxg-background-color--selected);\n color: var(--gxg-color--selected);\n}\n\n:host([selected][sibling-is-selected]:not(.gxg--disabled)) {\n border-bottom-color: var(--gxg-border-color--selected);\n}\n\n:host([selected]:hover) {\n background-color: var(--gxg-background-color--selected-hover);\n}\n\n:host(:not([sibling-is-selected])) {\n border-bottom-color: transparent;\n}\n\n/******************************************\nLARGE VERSION (html tag has 'gxg-large' class)\n******************************************/\n:host(.large) .container {\n padding: var(--spacing-comp-01) var(--spacing-comp-02);\n}","import { Host, h, } from \"@stencil/core\";\nimport state from \"../store\";\nimport { commonClassesNames } from \"../../common/classesNames\";\nimport { exportParts } from \"../../common/export-parts\";\nexport class GxgListboxItem {\n constructor() {\n this.disabled = undefined;\n this.icon = undefined;\n this.selected = false;\n this.siblingIsSelected = false;\n this.highlighted = false;\n this.active = false;\n this.index = null;\n this.emitCheckboxChange = true;\n this.value = undefined;\n this.checkbox = false;\n this.checked = false;\n this.mouseOver = false;\n }\n parts = {\n checkbox: \"checkbox\",\n };\n exportparts;\n el;\n /\n * (This event is for internal use.)\n /\n itemClicked;\n /\n (This event is for internal use.)\n /\n itemLoaded;\n /\n (This event is for internal use.)\n /\n itemSelected;\n /\n (This event is for internal use.)\n */\n checkboxStateChanged;\n watchPropHandler() {\n this.itemSelected.emit();\n }\n checkboxChangedHandler(e) {\n const checked = e.detail.value;\n this.emitCheckboxChange &&\n this.checkboxStateChanged.emit({\n checkedItem: this.el,\n checked: checked,\n });\n }\n handleCheckboxClick = (e) => {\n e.stopPropagation();\n e.target.checked\n ? (this.checked = true)\n : (this.checked = false);\n };\n iconColor() {\n if (this.disabled) {\n return \"disabled\";\n }\n else if (this.selected) {\n return \"primary-enabled\";\n }\n else {\n return \"auto\";\n }\n }\n componentWillLoad() {\n this.attachExportParts();\n }\n attachExportParts = () => {\n const part = this.el.getAttribute(\"part\");\n const exportPartsResult = exportParts(part, this.parts);\n exportPartsResult.length && (this.exportparts = exportPartsResult);\n };\n componentDidLoad() {\n this.itemLoaded.emit();\n }\n itemClickedFunc(e) {\n this.itemClicked.emit({\n clickedItem: this.el,\n ctrlKey: e.ctrlKey,\n cmdKey: e.metaKey,\n shiftKey: e.shiftKey,\n index: this.index,\n });\n }\n onMouseOver() {\n this.mouseOver = true;\n }\n onMouseOut() {\n this.mouseOver = false;\n }\n render() {\n return (h(Host, { class: {\n \"has-icon\": this.icon !== undefined,\n \"no-checkbox\": !this.checkbox,\n large: state.large,\n [commonClassesNames[\"DISABLED_CLASS\"]]: this.disabled,\n }, onClick: this.itemClickedFunc.bind(this),\n // onMouseOver={this.onMouseOver.bind(this)}\n // onMouseOut={this.onMouseOut.bind(this)}\n exportParts: this.exportparts ? this.exportparts : null }, h(\"div\", { class: { container: true, \"form-element\": true } }, this.checkbox && !this.disabled ? (h(\"gxg-form-checkbox\", { tabindex: \"-1\", checked: this.checked, onClick: this.handleCheckboxClick, disabled: this.disabled, part: this.parts.checkbox })) : null, this.icon !== undefined ? (h(\"gxg-icon\", { class: \"icon\", color: this.iconColor(), size: \"regular\", type: this.icon })) : null, h(\"div\", { class: \"description\" }, h(\"slot\", null)))));\n }\n static get is() { return \"gxg-list-box-item\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"list-box-item.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"list-box-item.css\"]\n };\n }\n static get properties() {\n return {\n \"disabled\": {\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\": \"The presence of this attribute disabled the list-box-item\"\n },\n \"attribute\": \"disabled\",\n \"reflect\": true\n },\n \"icon\": {\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\": \"Any icon that belongs to Gemini icon library: https://gx-gemini.netlify.app/?path=/story/icons\"\n },\n \"attribute\": \"icon\",\n \"reflect\": false,\n \"defaultValue\": \"undefined\"\n },\n \"selected\": {\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\": \"The presence of this attribute sets this item as selected\"\n },\n \"attribute\": \"selected\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"siblingIsSelected\": {\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 property is for internal use\"\n },\n \"attribute\": \"sibling-is-selected\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"highlighted\": {\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\": \"The presence of this attribute sets this item as highlighted\"\n },\n \"attribute\": \"highlighted\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"active\": {\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\": \"The presence of this attribute sets this item as active (it is as if it was focused)\\nOnly one item at a time should be active.\"\n },\n \"attribute\": \"active\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"index\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"This property is set by the list-box item. It should not be set by the user.\"\n },\n \"attribute\": \"index\",\n \"reflect\": true,\n \"defaultValue\": \"null\"\n },\n \"emitCheckboxChange\": {\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\": \"The presence of this attribute emits the 'checkboxChanged' event every time a checkbox value is changed.\"\n },\n \"attribute\": \"emit-checkbox-change\",\n \"reflect\": false,\n \"defaultValue\": \"true\"\n },\n \"value\": {\n \"type\": \"any\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The item value. If value is not provided, the value will be the item innerHTML.\"\n },\n \"attribute\": \"value\",\n \"reflect\": false,\n \"defaultValue\": \"undefined\"\n },\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\": \"The presence of this attribute will add a checkbox to the item.\"\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\": \"The presence of this attribute will make the checkbox checked.\"\n },\n \"attribute\": \"checked\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n }\n };\n }\n static get states() {\n return {\n \"mouseOver\": {}\n };\n }\n static get events() {\n return [{\n \"method\": \"itemClicked\",\n \"name\": \"itemClicked\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"(This event is for internal use.)\"\n },\n \"complexType\": {\n \"original\": \"ItemClicked\",\n \"resolved\": \"{ clickedItem: HTMLGxgListBoxItemElement; ctrlKey: boolean; cmdKey: boolean; shiftKey: boolean; index: number; }\",\n \"references\": {\n \"ItemClicked\": {\n \"location\": \"local\",\n \"path\": \"/home/circleci/repo/src/components/list-box-item/list-box-item.tsx\",\n \"id\": \"src/components/list-box-item/list-box-item.tsx::ItemClicked\"\n }\n }\n }\n }, {\n \"method\": \"itemLoaded\",\n \"name\": \"itemLoaded\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"(This event is for internal use.)\"\n },\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n }\n }, {\n \"method\": \"itemSelected\",\n \"name\": \"itemSelected\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"(This event is for internal use.)\"\n },\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n }\n }, {\n \"method\": \"checkboxStateChanged\",\n \"name\": \"checkboxStateChanged\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"(This event is for internal use.)\"\n },\n \"complexType\": {\n \"original\": \"ItemChecked\",\n \"resolved\": \"{ checkedItem: HTMLGxgListBoxItemElement; checked: boolean; }\",\n \"references\": {\n \"ItemChecked\": {\n \"location\": \"local\",\n \"path\": \"/home/circleci/repo/src/components/list-box-item/list-box-item.tsx\",\n \"id\": \"src/components/list-box-item/list-box-item.tsx::ItemChecked\"\n }\n }\n }\n }];\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"selected\",\n \"methodName\": \"watchPropHandler\"\n }];\n }\n static get listeners() {\n return [{\n \"name\": \"change\",\n \"method\": \"checkboxChangedHandler\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=list-box-item.js.map\n"],"version":3}
1	+ {"file":"list-box-item.js","mappings":"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","names":[],"sources":["node_modules/@genexus/gemini/dist/collection/components/list-box-item/list-box-item.css?tag=gxg-list-box-item&encapsulation=shadow","node_modules/@genexus/gemini/dist/collection/components/list-box-item/list-box-item.js"],"sourcesContent":[":host(.gxg--disabled) .form-element,\n:host(.gxg--disabled.form-element) {\n pointer-events: none;\n background-color: var(--gxg-background-color--disabled) !important;\n color: var(--gxg-color--disabled) !important;\n border-color: var(--gxg-border-color--disabled) !important;\n cursor: default !important;\n}\n\n:root {\n --ui-animaton-speed: 0.2s;\n}\n\n/ALIGNMENT/\n/Ellipsis/\n/***************************************************\nTYPOGRAPHY\n**************************************************/\n/Title 01 (Positive)/\n.gxg-title-01 {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-md);\n letter-spacing: var(--letter-spacing-md);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n}\n\n/Title 01 (Negative)/\n.gxg-title-01--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-md);\n letter-spacing: var(--letter-spacing-md);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-on-primary);\n}\n\n/Title 02 (Positive)/\n.gxg-title-02 {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n text-transform: uppercase;\n line-height: 1.556em;\n}\n\n.gxg-title-02--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n text-transform: uppercase;\n line-height: 1.556em;\n color: var(--color-on-primary);\n}\n\n/Title 03/\n.gxg-title-03 {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-xs);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n text-transform: uppercase;\n line-height: 1.556em;\n}\n\n.gxg-title-03--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-xs);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n text-transform: uppercase;\n line-height: 1.556em;\n color: var(--color-on-primary);\n}\n\n/Title 04/\n.gxg-title-04 {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-md);\n letter-spacing: var(--letter-spacing-md);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n}\n\n.gxg-title-04--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-md);\n letter-spacing: var(--letter-spacing-md);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-on-primary);\n}\n\n/Title 05/\n.gxg-title-05 {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.556em;\n}\n\n.gxg-title-05--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.556em;\n color: var(--color-on-primary);\n}\n\n/Text/\n.gxg-text {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n}\n\n.gxg-text--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-on-primary);\n}\n\n.gxg-text--gray {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--gray-05);\n}\n\n/Quote/\n.gxg-quote {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n font-style: italic;\n}\n\n.gxg-quote--negative {\n color: var(--color-on-primary);\n}\n\n/Link/\n.gxg-link {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-primary);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n}\n.gxg-link:hover {\n color: var(--color-primary-hover);\n}\n.gxg-link:active {\n color: var(--color-primary-active);\n}\n\n.gxg-link-gray {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-primary);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n color: var(--gray-04);\n}\n.gxg-link-gray:hover {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-primary);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n color: var(--gray-04);\n color: var(--gray-06);\n}\n\n/Alerts/\n.gxg-alert-error {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-error-dark);\n display: inline-block;\n}\n\n.gxg-alert-warning {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-warning-dark);\n display: inline-block;\n}\n\n.gxg-alert-success {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-success-dark);\n display: inline-block;\n}\n\n/Tab/\n.gxg-tab--disabled {\n color: var(--color-primary-disabled);\n pointer-events: none;\n}\n.gxg-tab--disabled[disabled] {\n color: var(--color-primary-disabled);\n pointer-events: none;\n}\n\n/Label/\n.gxg-label {\n font-family: var(--font-family-primary) !important;\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-sm) !important;\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-primary-enabled);\n text-align: center;\n line-height: 1.455em;\n}\n.gxg-label:hover {\n color: var(--color-primary-hover);\n}\n.gxg-label:focus {\n color: var(--color-primary-active);\n}\n.gxg-label:active {\n color: var(--color-primary-active);\n}\n.gxg-label[disabled] {\n color: var(--color-primary-disabled);\n}\n\n.gxg-label--negative {\n color: var(--color-on-primary);\n}\n.gxg-label--negative[disabled] {\n color: var(--color-on-disabled);\n}\n\n/**************************************************\nGXG-BUTTON and GXG-BUTTON-GROUP COMMON STYLES\n*************************************************/\n.gxg-button-styles {\n font-family: var(--font-family-primary) !important;\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-sm) !important;\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-primary-enabled);\n text-align: center;\n line-height: 1.455em;\n}\n\n/*************************************************\nFORM ELEMENTS\n**************************************************/\n.gxg-scrollbar {\n / Track /\n / Handle /\n / Handle on hover /\n cursor: initial;\n}\n.gxg-scrollbar::-webkit-scrollbar {\n width: var(--gxg-scrollbar-width, 6px);\n height: var(--gxg-scrollbar-width, 6px);\n}\n.gxg-scrollbar::-webkit-scrollbar-track {\n background-color: var(--gxg-scrollbar-track-background, --gray-02);\n border-radius: var(--gxg-scrollbar-track-border-radius, 10px);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb {\n background-color: var(--gxg-scrollbar-track-thumb-background, --gray-05);\n border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);\n border: var(--gxg-scrollbar-track-thumb-border);\n background-clip: padding-box;\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb:hover {\n background-color: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);\n}\n\n:host {\n display: block;\n font-family: var(--font-family-primary);\n font-size: inherit;\n color: inherit;\n display: flex;\n box-sizing: border-box;\n align-items: center;\n -moz-user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -o-user-select: none;\n outline: none;\n border-bottom: 1px solid transparent;\n}\n:host .container {\n display: flex;\n align-items: center;\n padding: var(--spacing-comp-00) var(--spacing-comp-02);\n width: 100%;\n height: var(--gxg-list-item-height--spaced);\n box-sizing: border-box;\n}\n:host .icon {\n margin-inline-end: var(--spacing-comp-01);\n flex-shrink: 0;\n}\n:host gxg-form-checkbox {\n margin-inline-end: var(--spacing-comp-01);\n}\n:host gxg-form-checkbox::part(box) {\n outline: none;\n}\n\n:host(:not([disabled])) {\n cursor: pointer !important;\n}\n\n:host([disabled]) {\n pointer-events: none;\n border-bottom: transparent;\n}\n\n:host(:hover:not([selected])) {\n background-color: var(--gxg-background-color--hover);\n}\n\n:host(.has-icon.no-checkbox) .container {\n padding-inline-start: calc(var(--spacing-comp-01) 1.5);\n}\n\n.description {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n width: 100%;\n /* Adjust as needed /\n}\n\n/HIGHLIGHTED/\n/ACTIVE/\n:host([active]) {\n outline: var(--border-width-md) solid var(--gxg-border-color--focused);\n outline-offset: -2px;\n color: var(--gxg-color--hover);\n}\n\n/SELECTED/\n:host([selected]:not(.gxg--disabled)) {\n background-color: var(--gxg-background-color--selected);\n color: var(--gxg-color--selected);\n}\n\n:host([selected][sibling-is-selected]:not(.gxg--disabled)) {\n border-bottom-color: var(--gxg-border-color--selected);\n}\n\n:host([selected]:hover) {\n background-color: var(--gxg-background-color--selected-hover);\n}\n\n:host(:not([sibling-is-selected])) {\n border-bottom-color: transparent;\n}\n\n/******************************************\nLARGE VERSION (html tag has 'gxg-large' class)\n******************************************/\n:host(.large) .container {\n padding: var(--spacing-comp-01) var(--spacing-comp-02);\n}","import { Host, h } from \"@stencil/core\";\nimport state from \"../store\";\nimport { commonClassesNames } from \"../../common/classesNames\";\nimport { exportParts } from \"../../common/export-parts\";\nexport class GxgListboxItem {\n constructor() {\n this.disabled = undefined;\n this.icon = undefined;\n this.selected = false;\n this.siblingIsSelected = false;\n this.highlighted = false;\n this.active = false;\n this.index = null;\n this.emitCheckboxChange = true;\n this.value = undefined;\n this.checkbox = false;\n this.checked = false;\n this.mouseOver = false;\n }\n parts = {\n checkbox: \"checkbox\"\n };\n exportparts;\n el;\n /\n * (This event is for internal use.)\n /\n itemClicked;\n /\n (This event is for internal use.)\n /\n itemLoaded;\n /\n (This event is for internal use.)\n /\n itemSelected;\n /\n (This event is for internal use.)\n */\n checkboxStateChanged;\n watchPropHandler() {\n this.itemSelected.emit();\n }\n checkboxChangedHandler(e) {\n const checked = e.detail.value;\n this.emitCheckboxChange &&\n this.checkboxStateChanged.emit({\n checkedItem: this.el,\n checked: checked\n });\n }\n handleCheckboxClick = (e) => {\n e.stopPropagation();\n e.target.checked\n ? (this.checked = true)\n : (this.checked = false);\n };\n iconColor() {\n if (this.disabled) {\n return \"disabled\";\n }\n else if (this.selected) {\n return \"primary-enabled\";\n }\n else {\n return \"auto\";\n }\n }\n componentWillLoad() {\n this.attachExportParts();\n }\n attachExportParts = () => {\n const part = this.el.getAttribute(\"part\");\n const exportPartsResult = exportParts(part, this.parts);\n exportPartsResult.length && (this.exportparts = exportPartsResult);\n };\n componentDidLoad() {\n this.itemLoaded.emit({ value: this.value });\n }\n itemClickedFunc(e) {\n this.itemClicked.emit({\n clickedItem: this.el,\n ctrlKey: e.ctrlKey,\n cmdKey: e.metaKey,\n shiftKey: e.shiftKey,\n index: this.index\n });\n }\n onMouseOver() {\n this.mouseOver = true;\n }\n onMouseOut() {\n this.mouseOver = false;\n }\n render() {\n return (h(Host, { class: {\n \"has-icon\": this.icon !== undefined,\n \"no-checkbox\": !this.checkbox,\n large: state.large,\n [commonClassesNames[\"DISABLED_CLASS\"]]: this.disabled\n }, onClick: this.itemClickedFunc.bind(this),\n // onMouseOver={this.onMouseOver.bind(this)}\n // onMouseOut={this.onMouseOut.bind(this)}\n exportParts: this.exportparts ? this.exportparts : null }, h(\"div\", { class: { container: true, \"form-element\": true } }, this.checkbox && !this.disabled ? (h(\"gxg-form-checkbox\", { tabindex: \"-1\", checked: this.checked, onClick: this.handleCheckboxClick, disabled: this.disabled, part: this.parts.checkbox })) : null, this.icon !== undefined ? (h(\"gxg-icon\", { class: \"icon\", color: this.iconColor(), size: \"regular\", type: this.icon })) : null, h(\"div\", { class: \"description\" }, h(\"slot\", null)))));\n }\n static get is() { return \"gxg-list-box-item\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"list-box-item.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"list-box-item.css\"]\n };\n }\n static get properties() {\n return {\n \"disabled\": {\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\": \"The presence of this attribute disabled the list-box-item\"\n },\n \"attribute\": \"disabled\",\n \"reflect\": true\n },\n \"icon\": {\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\": \"Any icon that belongs to Gemini icon library: https://gx-gemini.netlify.app/?path=/story/icons\"\n },\n \"attribute\": \"icon\",\n \"reflect\": false,\n \"defaultValue\": \"undefined\"\n },\n \"selected\": {\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\": \"The presence of this attribute sets this item as selected\"\n },\n \"attribute\": \"selected\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"siblingIsSelected\": {\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 property is for internal use\"\n },\n \"attribute\": \"sibling-is-selected\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"highlighted\": {\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\": \"The presence of this attribute sets this item as highlighted\"\n },\n \"attribute\": \"highlighted\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"active\": {\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\": \"The presence of this attribute sets this item as active (it is as if it was focused)\\nOnly one item at a time should be active.\"\n },\n \"attribute\": \"active\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"index\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"This property is set by the list-box item. It should not be set by the user.\"\n },\n \"attribute\": \"index\",\n \"reflect\": true,\n \"defaultValue\": \"null\"\n },\n \"emitCheckboxChange\": {\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\": \"The presence of this attribute emits the 'checkboxChanged' event every time a checkbox value is changed.\"\n },\n \"attribute\": \"emit-checkbox-change\",\n \"reflect\": false,\n \"defaultValue\": \"true\"\n },\n \"value\": {\n \"type\": \"any\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The item value. If value is not provided, the value will be the item innerHTML.\"\n },\n \"attribute\": \"value\",\n \"reflect\": false,\n \"defaultValue\": \"undefined\"\n },\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\": \"The presence of this attribute will add a checkbox to the item.\"\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\": \"The presence of this attribute will make the checkbox checked.\"\n },\n \"attribute\": \"checked\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n }\n };\n }\n static get states() {\n return {\n \"mouseOver\": {}\n };\n }\n static get events() {\n return [{\n \"method\": \"itemClicked\",\n \"name\": \"itemClicked\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"(This event is for internal use.)\"\n },\n \"complexType\": {\n \"original\": \"ItemClicked\",\n \"resolved\": \"{ clickedItem: HTMLGxgListBoxItemElement; ctrlKey: boolean; cmdKey: boolean; shiftKey: boolean; index: number; }\",\n \"references\": {\n \"ItemClicked\": {\n \"location\": \"local\",\n \"path\": \"/home/circleci/repo/src/components/list-box-item/list-box-item.tsx\",\n \"id\": \"src/components/list-box-item/list-box-item.tsx::ItemClicked\"\n }\n }\n }\n }, {\n \"method\": \"itemLoaded\",\n \"name\": \"itemLoaded\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"(This event is for internal use.)\"\n },\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n }\n }, {\n \"method\": \"itemSelected\",\n \"name\": \"itemSelected\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"(This event is for internal use.)\"\n },\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n }\n }, {\n \"method\": \"checkboxStateChanged\",\n \"name\": \"checkboxStateChanged\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"(This event is for internal use.)\"\n },\n \"complexType\": {\n \"original\": \"ItemChecked\",\n \"resolved\": \"{ checkedItem: HTMLGxgListBoxItemElement; checked: boolean; }\",\n \"references\": {\n \"ItemChecked\": {\n \"location\": \"local\",\n \"path\": \"/home/circleci/repo/src/components/list-box-item/list-box-item.tsx\",\n \"id\": \"src/components/list-box-item/list-box-item.tsx::ItemChecked\"\n }\n }\n }\n }];\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"selected\",\n \"methodName\": \"watchPropHandler\"\n }];\n }\n static get listeners() {\n return [{\n \"name\": \"change\",\n \"method\": \"checkboxChangedHandler\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=list-box-item.js.map\n"],"version":3}