npm - @genexus/genexus-ide-ui - Versions diffs - 0.0.108 → 0.0.110 - Mend

@genexus/genexus-ide-ui 0.0.108 → 0.0.110

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 (265) hide show

package/dist/components/ch-grid-column2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"ch-grid-column2.js","mappings":"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","names":[],"sources":["node_modules/@genexus/chameleon-controls-library/dist/collection/components/grid/grid-column/ch-grid-column.css?tag=ch-grid-column&encapsulation=shadow","node_modules/@genexus/chameleon-controls-library/dist/collection/components/grid/grid-column/ch-grid-column.js"],"sourcesContent":[":host {\n display: flex;\n position: sticky;\n top: 0;\n grid-row: 1;\n}\n\n:host {\n background-color: inherit;\n margin-block-start: inherit;\n margin-block-end: inherit;\n border-block-start: inherit;\n border-block-end: inherit;\n padding-block-start: inherit;\n padding-block-end: inherit;\n transition: transform var(--column-drag-transition-duration, 0.2s);\n}\n\n:host {\n --ch-grid-column-z-index-head: var(--ch-grid-column-header-layer);\n}\n\n:host([show-settings]),\n:host([resizing]) {\n --ch-grid-column-z-index-active: var(--ch-grid-column-active-layer);\n}\n\n:host([sort-direction=asc]) .bar .sort .sort-asc {\n visibility: visible;\n}\n\n:host([sort-direction=desc]) .bar .sort .sort-desc {\n visibility: visible;\n}\n\n.bar {\n list-style-type: none;\n margin: 0;\n padding: 0;\n display: flex;\n align-items: center;\n}\n.bar .selector {\n overflow: hidden;\n order: 0;\n}\n.bar .selector:not([hidden]) {\n display: flex;\n}\n.bar .name {\n display: flex;\n overflow: hidden;\n order: 1;\n}\n.bar .name .name-text {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.bar .sort {\n position: relative;\n align-items: center;\n order: 2;\n}\n.bar .sort:not([hidden]) {\n display: flex;\n}\n.bar .sort .sort-asc {\n visibility: hidden;\n animation-fill-mode: forwards;\n}\n.bar .sort .sort-desc {\n position: absolute;\n visibility: hidden;\n animation-fill-mode: forwards;\n}\n.bar .settings {\n order: 3;\n}\n.bar .resize {\n align-self: stretch;\n margin-inline-start: auto;\n order: 4;\n}\n\n@keyframes column-sort {\n 0% {\n opacity: 0;\n }\n 10% {\n opacity: 1;\n }\n 90% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n}","import { Host, h } from \"@stencil/core\";\n/*\n The `ch-grid-column` component represents a grid column.\n /\nexport class ChGridColumn {\n constructor() {\n this.columnId = undefined;\n this.columnType = \"plain\";\n this.columnIconUrl = undefined;\n this.columnImage = undefined;\n this.columnImageSet = undefined;\n this.columnName = undefined;\n this.columnNameHidden = undefined;\n this.columnTooltip = undefined;\n this.columnNamePosition = \"text\";\n this.richRowDrag = undefined;\n this.richRowSelector = undefined;\n this.richRowSelectorMode = \"select\";\n this.richRowSelectorState = \"\";\n this.richRowActions = undefined;\n this.displayObserverClass = undefined;\n this.freeze = undefined;\n this.hidden = false;\n this.hideable = true;\n this.order = undefined;\n this.physicalOrder = undefined;\n this.size = undefined;\n this.resizable = true;\n this.resizing = undefined;\n this.sortable = true;\n this.settingable = true;\n this.sortDirection = undefined;\n this.showSettings = false;\n }\n dragging = false;\n dragMouseMoveFn = this.dragMouseMoveHandler.bind(this);\n dragMouseMoveStartPositionX;\n el;\n freezeHandler() {\n this.columnFreezeChanged.emit({\n columnId: this.columnId,\n freeze: this.freeze\n });\n }\n hiddenHandler() {\n this.columnHiddenChanged.emit({\n columnId: this.columnId,\n hidden: this.hidden\n });\n }\n orderHandler() {\n this.columnOrderChanged.emit({\n columnId: this.columnId,\n order: this.order\n });\n }\n sizeHandler() {\n this.columnSizeChanging.emit({\n columnId: this.columnId,\n size: this.size\n });\n }\n sortDirectionHandler() {\n if (this.sortDirection) {\n this.columnSortChanged.emit({\n columnId: this.columnId,\n sortDirection: this.sortDirection\n });\n }\n }\n /\n Event emitted when the `hidden` property is changed.\n /\n columnHiddenChanged;\n /\n Event emitted when the `size` property is currently being changed (i.e. when the user is dragging to resize the column).\n /\n columnSizeChanging;\n /\n Event emitted when the `size` property has been changed (i.e. when the user finishes dragging to resize the column).\n /\n columnSizeChanged;\n /\n Event emitted when the `order` property is changed.\n /\n columnOrderChanged;\n /\n Event emitted when the `sortDirection` property is changed.\n /\n columnSortChanged;\n /\n Event emitted when the `freeze` property is changed.\n /\n columnFreezeChanged;\n /\n Event emitted when the user is dragging the column header to move it.\n /\n columnDragStarted;\n /\n Event emitted when the user is dragging the column header to move it.\n /\n columnDragging;\n /\n Event emitted when the user stops dragging the column header to move it.\n /\n columnDragEnded;\n /\n Event emitted when the user clicks the row selector checkbox (only applicable for `richRowSelector=\"true\"`.\n */\n columnSelectorClicked;\n componentDidLoad() {\n this.el.addEventListener(\"mousedown\", this.mousedownHandler.bind(this));\n }\n clickHandler() {\n if (!this.dragging) {\n if (this.sortable) {\n this.sortDirection = this.sortDirection === \"asc\" ? \"desc\" : \"asc\";\n }\n }\n else {\n this.dragging = false;\n }\n }\n columnResizeStartedHandler() {\n this.resizing = true;\n }\n columnResizeFinishedHandler() {\n this.resizing = false;\n this.columnSizeChanged.emit({\n columnId: this.columnId,\n size: this.size\n });\n }\n allowColumnReorder() {\n return this.el.closest(\"ch-grid\").allowColumnReorder;\n }\n mousedownHandler(eventInfo) {\n eventInfo.preventDefault();\n eventInfo.stopPropagation();\n if (this.allowColumnReorder()) {\n this.dragMouseDownHandler(eventInfo);\n document.addEventListener(\"mousemove\", this.dragMouseMoveFn, {\n passive: true\n });\n document.addEventListener(\"mouseup\", this.dragMouseUpHandler.bind(this), {\n once: true\n });\n }\n }\n dragMouseDownHandler(eventInfo) {\n this.dragMouseMoveStartPositionX = eventInfo.pageX;\n this.columnDragStarted.emit({ columnId: this.columnId });\n }\n dragMouseMoveHandler(eventInfo) {\n if (this.dragging \|\|\n Math.abs(this.dragMouseMoveStartPositionX - eventInfo.pageX) > 5) {\n this.dragging = true;\n this.columnDragging.emit({\n columnId: this.columnId,\n positionX: eventInfo.pageX,\n direction: eventInfo.movementX > 0 ? \"right\" : \"left\"\n });\n }\n }\n dragMouseUpHandler() {\n document.removeEventListener(\"mousemove\", this.dragMouseMoveFn);\n this.columnDragEnded.emit({ columnId: this.columnId });\n }\n settingsMouseDownHandler(eventInfo) {\n eventInfo.stopPropagation();\n }\n settingsClickHandler = (eventInfo) => {\n eventInfo.stopPropagation();\n this.showSettings = true;\n };\n selectorClickHandler = (eventInfo) => {\n const target = eventInfo.target;\n this.richRowSelectorState = target.checked ? \"checked\" : \"\";\n this.columnSelectorClicked.emit({\n checked: target.checked\n });\n eventInfo.stopPropagation();\n };\n render() {\n return (h(Host, null, h(\"ul\", { class: \"bar\", part: \"bar\" }, this.renderSelector(), this.renderName(), this.renderSort(), this.renderSettings(), this.renderResize()), h(\"ch-grid-column-settings\", { column: this.el, onMouseDown: this.settingsMouseDownHandler, show: this.showSettings, exportparts: \"\\n mask:settings-mask,\\n window:settings-window,\\n header:settings-header,\\n caption:settings-caption,\\n close:settings-close,\\n main:settings-main,\\n footer:settings-footer\\n \" }, h(\"slot\", { name: \"settings\" }))));\n }\n renderSelector() {\n return (h(\"li\", { class: \"selector\", part: \"bar-selector\", hidden: !(this.columnType === \"rich\" && this.richRowSelector) }, h(\"label\", { part: \"selector-label\" }, h(\"input\", { type: \"checkbox\", part: [\"selector\", this.richRowSelectorState]\n .filter(part => part !== \"\")\n .join(\" \"), onClick: this.selectorClickHandler, checked: this.richRowSelectorState === \"checked\", indeterminate: this.richRowSelectorState === \"indeterminate\" }))));\n }\n renderName() {\n return (h(\"li\", { class: \"name\", part: \"bar-name\", title: this.columnTooltip \|\|\n (this.columnNamePosition === \"title\" ? this.columnName : null) }, this.columnIconUrl \|\| this.columnImage \|\| this.columnImageSet ? (h(\"img\", { class: \"name-icon\", part: \"bar-name-icon\", src: this.columnImage \|\| this.columnIconUrl, srcSet: this.columnImageSet })) : (h(\"div\", { class: \"name-icon\", part: \"bar-name-icon\" })), h(\"span\", { class: \"name-text\", part: \"bar-name-text\", hidden: this.columnNameHidden \|\| this.columnNamePosition !== \"text\" }, this.columnName)));\n }\n renderSort() {\n return (h(\"li\", { class: \"sort\", part: \"bar-sort\", hidden: !this.sortable }, h(\"div\", { class: \"sort-asc\", part: \"bar-sort-ascending\" }), h(\"div\", { class: \"sort-desc\", part: \"bar-sort-descending\" })));\n }\n renderSettings() {\n return (h(\"li\", { class: \"settings\", part: \"bar-settings\", hidden: !this.settingable }, h(\"button\", { class: \"button\", part: \"bar-settings-button\", onClick: this.settingsClickHandler })));\n }\n renderResize() {\n return (h(\"li\", { class: \"resize\", part: \"bar-resize\", hidden: !this.resizable }, h(\"ch-grid-column-resize\", { column: this.el, class: \"resize-split\", part: \"bar-resize-split\" })));\n }\n static get is() { return \"ch-grid-column\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ch-grid-column.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ch-grid-column.css\"]\n };\n }\n static get properties() {\n return {\n \"columnId\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"A unique identifier for the column.\"\n },\n \"attribute\": \"column-id\",\n \"reflect\": false\n },\n \"columnType\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"\\\"plain\\\" \| \\\"rich\\\" \| \\\"tree\\\"\",\n \"resolved\": \"\\\"plain\\\" \| \\\"rich\\\" \| \\\"tree\\\"\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"One of \\\"plain\\\", \\\"rich\\\", or \\\"tree\\\", indicating the type of cell displayed in the column.\"\n },\n \"attribute\": \"column-type\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"plain\\\"\"\n },\n \"columnIconUrl\": {\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 \"name\": \"deprecated\",\n \"text\": \"Use \\\"columnImage\\\" or \\\"columnImageSet\\\" instead.\\nA URL to an icon to display in the column header.\"\n }],\n \"text\": \"\"\n },\n \"attribute\": \"column-icon-url\",\n \"reflect\": false\n },\n \"columnImage\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"A URL to an icon to display in the column header.\"\n },\n \"attribute\": \"column-image\",\n \"reflect\": false\n },\n \"columnImageSet\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"A URL to an icon to display in the column header.\"\n },\n \"attribute\": \"column-image-set\",\n \"reflect\": false\n },\n \"columnName\": {\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\": \"The text to display in the column header and settings.\"\n },\n \"attribute\": \"column-name\",\n \"reflect\": false\n },\n \"columnNameHidden\": {\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\": \"Indicates whether the text in the column header is visible or not\"\n },\n \"attribute\": \"column-name-hidden\",\n \"reflect\": false\n },\n \"columnTooltip\": {\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\": \"The text to display when the cursor is placed over the column header.\"\n },\n \"attribute\": \"column-tooltip\",\n \"reflect\": false\n },\n \"columnNamePosition\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"\\\"text\\\" \| \\\"title\\\"\",\n \"resolved\": \"\\\"text\\\" \| \\\"title\\\"\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [{\n \"name\": \"deprecated\",\n \"text\": \"Use \\\"columnTooltip\\\" and \\\"columnNameHidden\\\" instead.\\nOne of \\\"text\\\" or \\\"title\\\", indicating whether the `columnName` should be displayed as the column text or as tooltip of the column image.\"\n }],\n \"text\": \"\"\n },\n \"attribute\": \"column-name-position\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"text\\\"\"\n },\n \"richRowDrag\": {\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\": \"A boolean value indicating whether the column cells are draggable to reorder the grid rows (only applicable for columnType=\\\"rich\\\").\"\n },\n \"attribute\": \"rich-row-drag\",\n \"reflect\": false\n },\n \"richRowSelector\": {\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\": \"A boolean indicating whether the column cells in the grid should have a checkbox selector (only applicable for columnType=\\\"rich\\\").\"\n },\n \"attribute\": \"rich-row-selector\",\n \"reflect\": false\n },\n \"richRowSelectorMode\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"\\\"select\\\" \| \\\"mark\\\"\",\n \"resolved\": \"\\\"mark\\\" \| \\\"select\\\"\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"One of \\\"select\\\" or \\\"mark\\\", indicating the mode of rich row selector.\\n\\\"select\\\" indicates that the row selector is bound to the row selection.\\n\\\"mark\\\" allows to mark a row independently of the selection.\"\n },\n \"attribute\": \"rich-row-selector-mode\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"select\\\"\"\n },\n \"richRowSelectorState\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"\| \\\"\\\"\\n \| \\\"checked\\\"\\n \| \\\"indeterminate\\\"\",\n \"resolved\": \"\\\"\\\" \| \\\"checked\\\" \| \\\"indeterminate\\\"\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Indicate the state of the rich row selector.\\n\\\"\\\" indicates that all rows are unchecked.\\n\\\"checked\\\" indicates that all rows are checked.\\n\\\"indeterminate\\\" indicates that some rows are marked.\"\n },\n \"attribute\": \"rich-row-selector-state\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"\\\"\"\n },\n \"richRowActions\": {\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\": \"A boolean indicating whether the column cells in the grid should have a set of action buttons (only applicable for columnType=\\\"rich\\\").\"\n },\n \"attribute\": \"rich-row-actions\",\n \"reflect\": false\n },\n \"displayObserverClass\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"A CSS class name to apply to the display observer element used to detect changes in the column visibility.\"\n },\n \"attribute\": \"display-observer-class\",\n \"reflect\": false\n },\n \"freeze\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"ChGridColumnFreeze\",\n \"resolved\": \"\\\"end\\\" \| \\\"start\\\"\",\n \"references\": {\n \"ChGridColumnFreeze\": {\n \"location\": \"import\",\n \"path\": \"./ch-grid-column-types\",\n \"id\": \"src/components/grid/grid-column/ch-grid-column-types.ts::ChGridColumnFreeze\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"One of \\\"left\\\" or \\\"right\\\", indicating whether the column should be \\\"frozen\\\" (i.e. remain visible when the user scrolls horizontally).\"\n },\n \"attribute\": \"freeze\",\n \"reflect\": false\n },\n \"hidden\": {\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\": \"A boolean indicating whether the column should be hidden.\\nThe user can display it from the grid settings.\"\n },\n \"attribute\": \"hidden\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"hideable\": {\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\": \"A boolean indicating whether the column should be hideable (i.e. whether the user should be able to show/hide the column).\"\n },\n \"attribute\": \"hideable\",\n \"reflect\": false,\n \"defaultValue\": \"true\"\n },\n \"order\": {\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\": \"A number indicating the order in which the column should appear.\"\n },\n \"attribute\": \"order\",\n \"reflect\": true\n },\n \"physicalOrder\": {\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\": \"A number indicating the physical order of the column (i.e. its position in the DOM).\"\n },\n \"attribute\": \"physical-order\",\n \"reflect\": false\n },\n \"size\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"A string indicating the width of the column.\\nAny value supported by the \\\"grid-template-columns\\\" CSS property is valid.\"\n },\n \"attribute\": \"size\",\n \"reflect\": true\n },\n \"resizable\": {\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\": \"A boolean indicating whether the column should be resizable (i.e. whether the user should be able to drag its width).\"\n },\n \"attribute\": \"resizable\",\n \"reflect\": false,\n \"defaultValue\": \"true\"\n },\n \"resizing\": {\n \"type\": \"boolean\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"A boolean indicating whether the column is currently being resized.\"\n },\n \"attribute\": \"resizing\",\n \"reflect\": true\n },\n \"sortable\": {\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\": \"A boolean indicating whether the column should be sortable (i.e. whether the user should be able to click the column header to sort the data).\"\n },\n \"attribute\": \"sortable\",\n \"reflect\": false,\n \"defaultValue\": \"true\"\n },\n \"settingable\": {\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\": \"A boolean indicating whether the user should be able to open a settings panel for the column.\"\n },\n \"attribute\": \"settingable\",\n \"reflect\": false,\n \"defaultValue\": \"true\"\n },\n \"sortDirection\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"ChGridColumnSortDirection\",\n \"resolved\": \"\\\"asc\\\" \| \\\"desc\\\"\",\n \"references\": {\n \"ChGridColumnSortDirection\": {\n \"location\": \"import\",\n \"path\": \"./ch-grid-column-types\",\n \"id\": \"src/components/grid/grid-column/ch-grid-column-types.ts::ChGridColumnSortDirection\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"One of \\\"asc\\\" or \\\"desc\\\", indicating the current sort direction.\"\n },\n \"attribute\": \"sort-direction\",\n \"reflect\": true\n },\n \"showSettings\": {\n \"type\": \"boolean\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"A boolean indicating whether the settings panel for the column should be visible.\"\n },\n \"attribute\": \"show-settings\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n }\n };\n }\n static get events() {\n return [{\n \"method\": \"columnHiddenChanged\",\n \"name\": \"columnHiddenChanged\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Event emitted when the `hidden` property is changed.\"\n },\n \"complexType\": {\n \"original\": \"ChGridColumnHiddenChangedEvent\",\n \"resolved\": \"ChGridColumnHiddenChangedEvent\",\n \"references\": {\n \"ChGridColumnHiddenChangedEvent\": {\n \"location\": \"import\",\n \"path\": \"./ch-grid-column-types\",\n \"id\": \"src/components/grid/grid-column/ch-grid-column-types.ts::ChGridColumnHiddenChangedEvent\"\n }\n }\n }\n }, {\n \"method\": \"columnSizeChanging\",\n \"name\": \"columnSizeChanging\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Event emitted when the `size` property is currently being changed (i.e. when the user is dragging to resize the column).\"\n },\n \"complexType\": {\n \"original\": \"ChGridColumnSizeChangedEvent\",\n \"resolved\": \"ChGridColumnSizeChangedEvent\",\n \"references\": {\n \"ChGridColumnSizeChangedEvent\": {\n \"location\": \"import\",\n \"path\": \"./ch-grid-column-types\",\n \"id\": \"src/components/grid/grid-column/ch-grid-column-types.ts::ChGridColumnSizeChangedEvent\"\n }\n }\n }\n }, {\n \"method\": \"columnSizeChanged\",\n \"name\": \"columnSizeChanged\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Event emitted when the `size` property has been changed (i.e. when the user finishes dragging to resize the column).\"\n },\n \"complexType\": {\n \"original\": \"ChGridColumnSizeChangedEvent\",\n \"resolved\": \"ChGridColumnSizeChangedEvent\",\n \"references\": {\n \"ChGridColumnSizeChangedEvent\": {\n \"location\": \"import\",\n \"path\": \"./ch-grid-column-types\",\n \"id\": \"src/components/grid/grid-column/ch-grid-column-types.ts::ChGridColumnSizeChangedEvent\"\n }\n }\n }\n }, {\n \"method\": \"columnOrderChanged\",\n \"name\": \"columnOrderChanged\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Event emitted when the `order` property is changed.\"\n },\n \"complexType\": {\n \"original\": \"ChGridColumnOrderChangedEvent\",\n \"resolved\": \"ChGridColumnOrderChangedEvent\",\n \"references\": {\n \"ChGridColumnOrderChangedEvent\": {\n \"location\": \"import\",\n \"path\": \"./ch-grid-column-types\",\n \"id\": \"src/components/grid/grid-column/ch-grid-column-types.ts::ChGridColumnOrderChangedEvent\"\n }\n }\n }\n }, {\n \"method\": \"columnSortChanged\",\n \"name\": \"columnSortChanged\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Event emitted when the `sortDirection` property is changed.\"\n },\n \"complexType\": {\n \"original\": \"ChGridColumnSortChangedEvent\",\n \"resolved\": \"ChGridColumnSortChangedEvent\",\n \"references\": {\n \"ChGridColumnSortChangedEvent\": {\n \"location\": \"import\",\n \"path\": \"./ch-grid-column-types\",\n \"id\": \"src/components/grid/grid-column/ch-grid-column-types.ts::ChGridColumnSortChangedEvent\"\n }\n }\n }\n }, {\n \"method\": \"columnFreezeChanged\",\n \"name\": \"columnFreezeChanged\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Event emitted when the `freeze` property is changed.\"\n },\n \"complexType\": {\n \"original\": \"ChGridColumnFreezeChangedEvent\",\n \"resolved\": \"ChGridColumnFreezeChangedEvent\",\n \"references\": {\n \"ChGridColumnFreezeChangedEvent\": {\n \"location\": \"import\",\n \"path\": \"./ch-grid-column-types\",\n \"id\": \"src/components/grid/grid-column/ch-grid-column-types.ts::ChGridColumnFreezeChangedEvent\"\n }\n }\n }\n }, {\n \"method\": \"columnDragStarted\",\n \"name\": \"columnDragStarted\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Event emitted when the user is dragging the column header to move it.\"\n },\n \"complexType\": {\n \"original\": \"ChGridColumnDragEvent\",\n \"resolved\": \"ChGridColumnDragEvent\",\n \"references\": {\n \"ChGridColumnDragEvent\": {\n \"location\": \"import\",\n \"path\": \"./ch-grid-column-types\",\n \"id\": \"src/components/grid/grid-column/ch-grid-column-types.ts::ChGridColumnDragEvent\"\n }\n }\n }\n }, {\n \"method\": \"columnDragging\",\n \"name\": \"columnDragging\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Event emitted when the user is dragging the column header to move it.\"\n },\n \"complexType\": {\n \"original\": \"ChGridColumnDragEvent\",\n \"resolved\": \"ChGridColumnDragEvent\",\n \"references\": {\n \"ChGridColumnDragEvent\": {\n \"location\": \"import\",\n \"path\": \"./ch-grid-column-types\",\n \"id\": \"src/components/grid/grid-column/ch-grid-column-types.ts::ChGridColumnDragEvent\"\n }\n }\n }\n }, {\n \"method\": \"columnDragEnded\",\n \"name\": \"columnDragEnded\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Event emitted when the user stops dragging the column header to move it.\"\n },\n \"complexType\": {\n \"original\": \"ChGridColumnDragEvent\",\n \"resolved\": \"ChGridColumnDragEvent\",\n \"references\": {\n \"ChGridColumnDragEvent\": {\n \"location\": \"import\",\n \"path\": \"./ch-grid-column-types\",\n \"id\": \"src/components/grid/grid-column/ch-grid-column-types.ts::ChGridColumnDragEvent\"\n }\n }\n }\n }, {\n \"method\": \"columnSelectorClicked\",\n \"name\": \"columnSelectorClicked\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Event emitted when the user clicks the row selector checkbox (only applicable for `richRowSelector=\\\"true\\\"`.\"\n },\n \"complexType\": {\n \"original\": \"ChGridColumnSelectorClickedEvent\",\n \"resolved\": \"ChGridColumnSelectorClickedEvent\",\n \"references\": {\n \"ChGridColumnSelectorClickedEvent\": {\n \"location\": \"import\",\n \"path\": \"./ch-grid-column-types\",\n \"id\": \"src/components/grid/grid-column/ch-grid-column-types.ts::ChGridColumnSelectorClickedEvent\"\n }\n }\n }\n }];\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"freeze\",\n \"methodName\": \"freezeHandler\"\n }, {\n \"propName\": \"hidden\",\n \"methodName\": \"hiddenHandler\"\n }, {\n \"propName\": \"order\",\n \"methodName\": \"orderHandler\"\n }, {\n \"propName\": \"size\",\n \"methodName\": \"sizeHandler\"\n }, {\n \"propName\": \"sortDirection\",\n \"methodName\": \"sortDirectionHandler\"\n }];\n }\n static get listeners() {\n return [{\n \"name\": \"click\",\n \"method\": \"clickHandler\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": true\n }, {\n \"name\": \"columnResizeStarted\",\n \"method\": \"columnResizeStartedHandler\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }, {\n \"name\": \"columnResizeFinished\",\n \"method\": \"columnResizeFinishedHandler\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=ch-grid-column.js.map\n"],"version":3}
1	+ {"file":"ch-grid-column2.js","mappings":"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","names":[],"sources":["node_modules/@genexus/chameleon-controls-library/dist/collection/components/grid/grid-column/ch-grid-column.css?tag=ch-grid-column&encapsulation=shadow","node_modules/@genexus/chameleon-controls-library/dist/collection/components/grid/grid-column/ch-grid-column.js"],"sourcesContent":[":host {\n display: flex;\n position: sticky;\n top: 0;\n grid-row: 1;\n}\n\n:host {\n background-color: inherit;\n margin-block-start: inherit;\n margin-block-end: inherit;\n border-block-start: inherit;\n border-block-end: inherit;\n padding-block-start: inherit;\n padding-block-end: inherit;\n transition: transform var(--column-drag-transition-duration, 0.2s);\n}\n\n:host {\n --ch-grid-column-z-index-head: var(--ch-grid-column-header-layer);\n}\n\n:host([show-settings]),\n:host([resizing]) {\n --ch-grid-column-z-index-active: var(--ch-grid-column-active-layer);\n}\n\n:host([sort-direction=asc]) .bar .sort .sort-asc {\n visibility: visible;\n}\n\n:host([sort-direction=desc]) .bar .sort .sort-desc {\n visibility: visible;\n}\n\n.bar {\n list-style-type: none;\n margin: 0;\n padding: 0;\n display: flex;\n align-items: center;\n}\n.bar .selector {\n overflow: hidden;\n order: 0;\n}\n.bar .selector:not([hidden]) {\n display: flex;\n}\n.bar .name {\n display: flex;\n overflow: hidden;\n order: 1;\n}\n.bar .name .name-text {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.bar .sort {\n position: relative;\n align-items: center;\n order: 2;\n}\n.bar .sort:not([hidden]) {\n display: flex;\n}\n.bar .sort .sort-asc {\n visibility: hidden;\n animation-fill-mode: forwards;\n}\n.bar .sort .sort-desc {\n position: absolute;\n visibility: hidden;\n animation-fill-mode: forwards;\n}\n.bar .settings {\n order: 3;\n}\n.bar .resize {\n align-self: stretch;\n margin-inline-start: auto;\n order: 4;\n}\n\n@keyframes column-sort {\n 0% {\n opacity: 0;\n }\n 10% {\n opacity: 1;\n }\n 90% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n}","import { Host, h } from \"@stencil/core\";\n/*\n The `ch-grid-column` component represents a grid column.\n /\nexport class ChGridColumn {\n constructor() {\n this.columnId = undefined;\n this.columnType = \"plain\";\n this.columnIconUrl = undefined;\n this.columnImage = undefined;\n this.columnImageSet = undefined;\n this.columnName = undefined;\n this.columnNameHidden = undefined;\n this.columnTooltip = undefined;\n this.columnNamePosition = \"text\";\n this.richRowDrag = undefined;\n this.richRowSelector = undefined;\n this.richRowSelectorMode = \"select\";\n this.richRowSelectorState = \"\";\n this.richRowActions = undefined;\n this.displayObserverClass = undefined;\n this.freeze = undefined;\n this.hidden = false;\n this.hideable = true;\n this.order = undefined;\n this.physicalOrder = undefined;\n this.size = undefined;\n this.resizable = true;\n this.resizing = undefined;\n this.sortable = true;\n this.settingable = true;\n this.sortDirection = undefined;\n this.showSettings = false;\n }\n dragging = false;\n dragMouseMoveFn = this.dragMouseMoveHandler.bind(this);\n dragMouseMoveStartPositionX;\n el;\n freezeHandler() {\n this.columnFreezeChanged.emit({\n columnId: this.columnId,\n freeze: this.freeze\n });\n }\n hiddenHandler() {\n this.columnHiddenChanged.emit({\n columnId: this.columnId,\n hidden: this.hidden\n });\n }\n orderHandler() {\n this.columnOrderChanged.emit({\n columnId: this.columnId,\n order: this.order\n });\n }\n sizeHandler() {\n this.columnSizeChanging.emit({\n columnId: this.columnId,\n size: this.size\n });\n }\n sortDirectionHandler() {\n if (this.sortDirection) {\n this.columnSortChanged.emit({\n columnId: this.columnId,\n sortDirection: this.sortDirection\n });\n }\n }\n /\n Event emitted when the `hidden` property is changed.\n /\n columnHiddenChanged;\n /\n Event emitted when the `size` property is currently being changed (i.e. when the user is dragging to resize the column).\n /\n columnSizeChanging;\n /\n Event emitted when the `size` property has been changed (i.e. when the user finishes dragging to resize the column).\n /\n columnSizeChanged;\n /\n Event emitted when the `order` property is changed.\n /\n columnOrderChanged;\n /\n Event emitted when the `sortDirection` property is changed.\n /\n columnSortChanged;\n /\n Event emitted when the `freeze` property is changed.\n /\n columnFreezeChanged;\n /\n Event emitted when the user is dragging the column header to move it.\n /\n columnDragStarted;\n /\n Event emitted when the user is dragging the column header to move it.\n /\n columnDragging;\n /\n Event emitted when the user stops dragging the column header to move it.\n /\n columnDragEnded;\n /\n Event emitted when the user clicks the row selector checkbox (only applicable for `richRowSelector=\"true\"`.\n */\n columnSelectorClicked;\n componentDidLoad() {\n this.el.addEventListener(\"mousedown\", this.mousedownHandler.bind(this));\n }\n clickHandler() {\n if (!this.dragging) {\n if (this.sortable) {\n this.sortDirection = this.sortDirection === \"asc\" ? \"desc\" : \"asc\";\n }\n }\n else {\n this.dragging = false;\n }\n }\n columnResizeStartedHandler() {\n this.resizing = true;\n }\n columnResizeFinishedHandler() {\n this.resizing = false;\n this.columnSizeChanged.emit({\n columnId: this.columnId,\n size: this.size\n });\n }\n allowColumnReorder() {\n return this.el.closest(\"ch-grid\").allowColumnReorder;\n }\n mousedownHandler(eventInfo) {\n eventInfo.preventDefault();\n eventInfo.stopPropagation();\n if (this.allowColumnReorder()) {\n this.dragMouseDownHandler(eventInfo);\n document.addEventListener(\"mousemove\", this.dragMouseMoveFn, {\n passive: true\n });\n document.addEventListener(\"mouseup\", this.dragMouseUpHandler.bind(this), {\n once: true\n });\n }\n }\n dragMouseDownHandler(eventInfo) {\n this.dragMouseMoveStartPositionX = eventInfo.pageX;\n this.columnDragStarted.emit({ columnId: this.columnId });\n }\n dragMouseMoveHandler(eventInfo) {\n if (this.dragging \|\|\n Math.abs(this.dragMouseMoveStartPositionX - eventInfo.pageX) > 5) {\n this.dragging = true;\n this.columnDragging.emit({\n columnId: this.columnId,\n positionX: eventInfo.pageX,\n direction: eventInfo.movementX > 0 ? \"right\" : \"left\"\n });\n }\n }\n dragMouseUpHandler() {\n document.removeEventListener(\"mousemove\", this.dragMouseMoveFn);\n this.columnDragEnded.emit({ columnId: this.columnId });\n }\n settingsMouseDownHandler(eventInfo) {\n eventInfo.stopPropagation();\n }\n settingsClickHandler = (eventInfo) => {\n eventInfo.stopPropagation();\n this.showSettings = true;\n };\n selectorClickHandler = (eventInfo) => {\n const target = eventInfo.target;\n this.richRowSelectorState = target.checked ? \"checked\" : \"\";\n this.columnSelectorClicked.emit({\n checked: target.checked\n });\n eventInfo.stopPropagation();\n };\n selectorTouchEndHandler = (eventInfo) => {\n eventInfo.stopPropagation();\n };\n render() {\n return (h(Host, null, h(\"ul\", { class: \"bar\", part: \"bar\" }, this.renderSelector(), this.renderName(), this.renderSort(), this.renderSettings(), this.renderResize()), h(\"ch-grid-column-settings\", { column: this.el, onMouseDown: this.settingsMouseDownHandler, show: this.showSettings, exportparts: \"\\n mask:settings-mask,\\n window:settings-window,\\n header:settings-header,\\n caption:settings-caption,\\n close:settings-close,\\n main:settings-main,\\n footer:settings-footer\\n \" }, h(\"slot\", { name: \"settings\" }))));\n }\n renderSelector() {\n return (h(\"li\", { class: \"selector\", part: \"bar-selector\", hidden: !(this.columnType === \"rich\" && this.richRowSelector) }, h(\"label\", { part: \"selector-label\" }, h(\"input\", { type: \"checkbox\", part: [\"selector\", this.richRowSelectorState]\n .filter(part => part !== \"\")\n .join(\" \"), onClick: this.selectorClickHandler, onTouchEnd: this.selectorTouchEndHandler, checked: this.richRowSelectorState === \"checked\", indeterminate: this.richRowSelectorState === \"indeterminate\" }))));\n }\n renderName() {\n return (h(\"li\", { class: \"name\", part: \"bar-name\", title: this.columnTooltip \|\|\n (this.columnNamePosition === \"title\" ? this.columnName : null) }, this.columnIconUrl \|\| this.columnImage \|\| this.columnImageSet ? (h(\"img\", { class: \"name-icon\", part: \"bar-name-icon\", src: this.columnImage \|\| this.columnIconUrl, srcSet: this.columnImageSet })) : (h(\"div\", { class: \"name-icon\", part: \"bar-name-icon\" })), h(\"span\", { class: \"name-text\", part: \"bar-name-text\", hidden: this.columnNameHidden \|\| this.columnNamePosition !== \"text\" }, this.columnName)));\n }\n renderSort() {\n return (h(\"li\", { class: \"sort\", part: \"bar-sort\", hidden: !this.sortable }, h(\"div\", { class: \"sort-asc\", part: \"bar-sort-ascending\" }), h(\"div\", { class: \"sort-desc\", part: \"bar-sort-descending\" })));\n }\n renderSettings() {\n return (h(\"li\", { class: \"settings\", part: \"bar-settings\", hidden: !this.settingable }, h(\"button\", { class: \"button\", part: \"bar-settings-button\", onClick: this.settingsClickHandler })));\n }\n renderResize() {\n return (h(\"li\", { class: \"resize\", part: \"bar-resize\", hidden: !this.resizable }, h(\"ch-grid-column-resize\", { column: this.el, class: \"resize-split\", part: \"bar-resize-split\" })));\n }\n static get is() { return \"ch-grid-column\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ch-grid-column.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ch-grid-column.css\"]\n };\n }\n static get properties() {\n return {\n \"columnId\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"A unique identifier for the column.\"\n },\n \"attribute\": \"column-id\",\n \"reflect\": false\n },\n \"columnType\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"\\\"plain\\\" \| \\\"rich\\\" \| \\\"tree\\\"\",\n \"resolved\": \"\\\"plain\\\" \| \\\"rich\\\" \| \\\"tree\\\"\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"One of \\\"plain\\\", \\\"rich\\\", or \\\"tree\\\", indicating the type of cell displayed in the column.\"\n },\n \"attribute\": \"column-type\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"plain\\\"\"\n },\n \"columnIconUrl\": {\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 \"name\": \"deprecated\",\n \"text\": \"Use \\\"columnImage\\\" or \\\"columnImageSet\\\" instead.\\nA URL to an icon to display in the column header.\"\n }],\n \"text\": \"\"\n },\n \"attribute\": \"column-icon-url\",\n \"reflect\": false\n },\n \"columnImage\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"A URL to an icon to display in the column header.\"\n },\n \"attribute\": \"column-image\",\n \"reflect\": false\n },\n \"columnImageSet\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"A URL to an icon to display in the column header.\"\n },\n \"attribute\": \"column-image-set\",\n \"reflect\": false\n },\n \"columnName\": {\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\": \"The text to display in the column header and settings.\"\n },\n \"attribute\": \"column-name\",\n \"reflect\": false\n },\n \"columnNameHidden\": {\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\": \"Indicates whether the text in the column header is visible or not\"\n },\n \"attribute\": \"column-name-hidden\",\n \"reflect\": false\n },\n \"columnTooltip\": {\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\": \"The text to display when the cursor is placed over the column header.\"\n },\n \"attribute\": \"column-tooltip\",\n \"reflect\": false\n },\n \"columnNamePosition\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"\\\"text\\\" \| \\\"title\\\"\",\n \"resolved\": \"\\\"text\\\" \| \\\"title\\\"\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [{\n \"name\": \"deprecated\",\n \"text\": \"Use \\\"columnTooltip\\\" and \\\"columnNameHidden\\\" instead.\\nOne of \\\"text\\\" or \\\"title\\\", indicating whether the `columnName` should be displayed as the column text or as tooltip of the column image.\"\n }],\n \"text\": \"\"\n },\n \"attribute\": \"column-name-position\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"text\\\"\"\n },\n \"richRowDrag\": {\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\": \"A boolean value indicating whether the column cells are draggable to reorder the grid rows (only applicable for columnType=\\\"rich\\\").\"\n },\n \"attribute\": \"rich-row-drag\",\n \"reflect\": false\n },\n \"richRowSelector\": {\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\": \"A boolean indicating whether the column cells in the grid should have a checkbox selector (only applicable for columnType=\\\"rich\\\").\"\n },\n \"attribute\": \"rich-row-selector\",\n \"reflect\": false\n },\n \"richRowSelectorMode\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"\\\"select\\\" \| \\\"mark\\\"\",\n \"resolved\": \"\\\"mark\\\" \| \\\"select\\\"\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"One of \\\"select\\\" or \\\"mark\\\", indicating the mode of rich row selector.\\n\\\"select\\\" indicates that the row selector is bound to the row selection.\\n\\\"mark\\\" allows to mark a row independently of the selection.\"\n },\n \"attribute\": \"rich-row-selector-mode\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"select\\\"\"\n },\n \"richRowSelectorState\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"\| \\\"\\\"\\n \| \\\"checked\\\"\\n \| \\\"indeterminate\\\"\",\n \"resolved\": \"\\\"\\\" \| \\\"checked\\\" \| \\\"indeterminate\\\"\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Indicate the state of the rich row selector.\\n\\\"\\\" indicates that all rows are unchecked.\\n\\\"checked\\\" indicates that all rows are checked.\\n\\\"indeterminate\\\" indicates that some rows are marked.\"\n },\n \"attribute\": \"rich-row-selector-state\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"\\\"\"\n },\n \"richRowActions\": {\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\": \"A boolean indicating whether the column cells in the grid should have a set of action buttons (only applicable for columnType=\\\"rich\\\").\"\n },\n \"attribute\": \"rich-row-actions\",\n \"reflect\": false\n },\n \"displayObserverClass\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"A CSS class name to apply to the display observer element used to detect changes in the column visibility.\"\n },\n \"attribute\": \"display-observer-class\",\n \"reflect\": false\n },\n \"freeze\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"ChGridColumnFreeze\",\n \"resolved\": \"\\\"end\\\" \| \\\"start\\\"\",\n \"references\": {\n \"ChGridColumnFreeze\": {\n \"location\": \"import\",\n \"path\": \"./ch-grid-column-types\",\n \"id\": \"src/components/grid/grid-column/ch-grid-column-types.ts::ChGridColumnFreeze\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"One of \\\"left\\\" or \\\"right\\\", indicating whether the column should be \\\"frozen\\\" (i.e. remain visible when the user scrolls horizontally).\"\n },\n \"attribute\": \"freeze\",\n \"reflect\": false\n },\n \"hidden\": {\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\": \"A boolean indicating whether the column should be hidden.\\nThe user can display it from the grid settings.\"\n },\n \"attribute\": \"hidden\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"hideable\": {\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\": \"A boolean indicating whether the column should be hideable (i.e. whether the user should be able to show/hide the column).\"\n },\n \"attribute\": \"hideable\",\n \"reflect\": false,\n \"defaultValue\": \"true\"\n },\n \"order\": {\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\": \"A number indicating the order in which the column should appear.\"\n },\n \"attribute\": \"order\",\n \"reflect\": true\n },\n \"physicalOrder\": {\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\": \"A number indicating the physical order of the column (i.e. its position in the DOM).\"\n },\n \"attribute\": \"physical-order\",\n \"reflect\": false\n },\n \"size\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"A string indicating the width of the column.\\nAny value supported by the \\\"grid-template-columns\\\" CSS property is valid.\"\n },\n \"attribute\": \"size\",\n \"reflect\": true\n },\n \"resizable\": {\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\": \"A boolean indicating whether the column should be resizable (i.e. whether the user should be able to drag its width).\"\n },\n \"attribute\": \"resizable\",\n \"reflect\": false,\n \"defaultValue\": \"true\"\n },\n \"resizing\": {\n \"type\": \"boolean\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"A boolean indicating whether the column is currently being resized.\"\n },\n \"attribute\": \"resizing\",\n \"reflect\": true\n },\n \"sortable\": {\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\": \"A boolean indicating whether the column should be sortable (i.e. whether the user should be able to click the column header to sort the data).\"\n },\n \"attribute\": \"sortable\",\n \"reflect\": false,\n \"defaultValue\": \"true\"\n },\n \"settingable\": {\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\": \"A boolean indicating whether the user should be able to open a settings panel for the column.\"\n },\n \"attribute\": \"settingable\",\n \"reflect\": false,\n \"defaultValue\": \"true\"\n },\n \"sortDirection\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"ChGridColumnSortDirection\",\n \"resolved\": \"\\\"asc\\\" \| \\\"desc\\\"\",\n \"references\": {\n \"ChGridColumnSortDirection\": {\n \"location\": \"import\",\n \"path\": \"./ch-grid-column-types\",\n \"id\": \"src/components/grid/grid-column/ch-grid-column-types.ts::ChGridColumnSortDirection\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"One of \\\"asc\\\" or \\\"desc\\\", indicating the current sort direction.\"\n },\n \"attribute\": \"sort-direction\",\n \"reflect\": true\n },\n \"showSettings\": {\n \"type\": \"boolean\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"A boolean indicating whether the settings panel for the column should be visible.\"\n },\n \"attribute\": \"show-settings\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n }\n };\n }\n static get events() {\n return [{\n \"method\": \"columnHiddenChanged\",\n \"name\": \"columnHiddenChanged\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Event emitted when the `hidden` property is changed.\"\n },\n \"complexType\": {\n \"original\": \"ChGridColumnHiddenChangedEvent\",\n \"resolved\": \"ChGridColumnHiddenChangedEvent\",\n \"references\": {\n \"ChGridColumnHiddenChangedEvent\": {\n \"location\": \"import\",\n \"path\": \"./ch-grid-column-types\",\n \"id\": \"src/components/grid/grid-column/ch-grid-column-types.ts::ChGridColumnHiddenChangedEvent\"\n }\n }\n }\n }, {\n \"method\": \"columnSizeChanging\",\n \"name\": \"columnSizeChanging\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Event emitted when the `size` property is currently being changed (i.e. when the user is dragging to resize the column).\"\n },\n \"complexType\": {\n \"original\": \"ChGridColumnSizeChangedEvent\",\n \"resolved\": \"ChGridColumnSizeChangedEvent\",\n \"references\": {\n \"ChGridColumnSizeChangedEvent\": {\n \"location\": \"import\",\n \"path\": \"./ch-grid-column-types\",\n \"id\": \"src/components/grid/grid-column/ch-grid-column-types.ts::ChGridColumnSizeChangedEvent\"\n }\n }\n }\n }, {\n \"method\": \"columnSizeChanged\",\n \"name\": \"columnSizeChanged\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Event emitted when the `size` property has been changed (i.e. when the user finishes dragging to resize the column).\"\n },\n \"complexType\": {\n \"original\": \"ChGridColumnSizeChangedEvent\",\n \"resolved\": \"ChGridColumnSizeChangedEvent\",\n \"references\": {\n \"ChGridColumnSizeChangedEvent\": {\n \"location\": \"import\",\n \"path\": \"./ch-grid-column-types\",\n \"id\": \"src/components/grid/grid-column/ch-grid-column-types.ts::ChGridColumnSizeChangedEvent\"\n }\n }\n }\n }, {\n \"method\": \"columnOrderChanged\",\n \"name\": \"columnOrderChanged\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Event emitted when the `order` property is changed.\"\n },\n \"complexType\": {\n \"original\": \"ChGridColumnOrderChangedEvent\",\n \"resolved\": \"ChGridColumnOrderChangedEvent\",\n \"references\": {\n \"ChGridColumnOrderChangedEvent\": {\n \"location\": \"import\",\n \"path\": \"./ch-grid-column-types\",\n \"id\": \"src/components/grid/grid-column/ch-grid-column-types.ts::ChGridColumnOrderChangedEvent\"\n }\n }\n }\n }, {\n \"method\": \"columnSortChanged\",\n \"name\": \"columnSortChanged\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Event emitted when the `sortDirection` property is changed.\"\n },\n \"complexType\": {\n \"original\": \"ChGridColumnSortChangedEvent\",\n \"resolved\": \"ChGridColumnSortChangedEvent\",\n \"references\": {\n \"ChGridColumnSortChangedEvent\": {\n \"location\": \"import\",\n \"path\": \"./ch-grid-column-types\",\n \"id\": \"src/components/grid/grid-column/ch-grid-column-types.ts::ChGridColumnSortChangedEvent\"\n }\n }\n }\n }, {\n \"method\": \"columnFreezeChanged\",\n \"name\": \"columnFreezeChanged\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Event emitted when the `freeze` property is changed.\"\n },\n \"complexType\": {\n \"original\": \"ChGridColumnFreezeChangedEvent\",\n \"resolved\": \"ChGridColumnFreezeChangedEvent\",\n \"references\": {\n \"ChGridColumnFreezeChangedEvent\": {\n \"location\": \"import\",\n \"path\": \"./ch-grid-column-types\",\n \"id\": \"src/components/grid/grid-column/ch-grid-column-types.ts::ChGridColumnFreezeChangedEvent\"\n }\n }\n }\n }, {\n \"method\": \"columnDragStarted\",\n \"name\": \"columnDragStarted\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Event emitted when the user is dragging the column header to move it.\"\n },\n \"complexType\": {\n \"original\": \"ChGridColumnDragEvent\",\n \"resolved\": \"ChGridColumnDragEvent\",\n \"references\": {\n \"ChGridColumnDragEvent\": {\n \"location\": \"import\",\n \"path\": \"./ch-grid-column-types\",\n \"id\": \"src/components/grid/grid-column/ch-grid-column-types.ts::ChGridColumnDragEvent\"\n }\n }\n }\n }, {\n \"method\": \"columnDragging\",\n \"name\": \"columnDragging\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Event emitted when the user is dragging the column header to move it.\"\n },\n \"complexType\": {\n \"original\": \"ChGridColumnDragEvent\",\n \"resolved\": \"ChGridColumnDragEvent\",\n \"references\": {\n \"ChGridColumnDragEvent\": {\n \"location\": \"import\",\n \"path\": \"./ch-grid-column-types\",\n \"id\": \"src/components/grid/grid-column/ch-grid-column-types.ts::ChGridColumnDragEvent\"\n }\n }\n }\n }, {\n \"method\": \"columnDragEnded\",\n \"name\": \"columnDragEnded\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Event emitted when the user stops dragging the column header to move it.\"\n },\n \"complexType\": {\n \"original\": \"ChGridColumnDragEvent\",\n \"resolved\": \"ChGridColumnDragEvent\",\n \"references\": {\n \"ChGridColumnDragEvent\": {\n \"location\": \"import\",\n \"path\": \"./ch-grid-column-types\",\n \"id\": \"src/components/grid/grid-column/ch-grid-column-types.ts::ChGridColumnDragEvent\"\n }\n }\n }\n }, {\n \"method\": \"columnSelectorClicked\",\n \"name\": \"columnSelectorClicked\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Event emitted when the user clicks the row selector checkbox (only applicable for `richRowSelector=\\\"true\\\"`.\"\n },\n \"complexType\": {\n \"original\": \"ChGridColumnSelectorClickedEvent\",\n \"resolved\": \"ChGridColumnSelectorClickedEvent\",\n \"references\": {\n \"ChGridColumnSelectorClickedEvent\": {\n \"location\": \"import\",\n \"path\": \"./ch-grid-column-types\",\n \"id\": \"src/components/grid/grid-column/ch-grid-column-types.ts::ChGridColumnSelectorClickedEvent\"\n }\n }\n }\n }];\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"freeze\",\n \"methodName\": \"freezeHandler\"\n }, {\n \"propName\": \"hidden\",\n \"methodName\": \"hiddenHandler\"\n }, {\n \"propName\": \"order\",\n \"methodName\": \"orderHandler\"\n }, {\n \"propName\": \"size\",\n \"methodName\": \"sizeHandler\"\n }, {\n \"propName\": \"sortDirection\",\n \"methodName\": \"sortDirectionHandler\"\n }];\n }\n static get listeners() {\n return [{\n \"name\": \"click\",\n \"method\": \"clickHandler\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": true\n }, {\n \"name\": \"columnResizeStarted\",\n \"method\": \"columnResizeStartedHandler\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }, {\n \"name\": \"columnResizeFinished\",\n \"method\": \"columnResizeFinishedHandler\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=ch-grid-column.js.map\n"],"version":3}