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

@genexus/genexus-ide-ui 0.0.108 → 0.0.109

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

package/dist/components/card.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"card.js","mappings":"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","names":[],"sources":["node_modules/@genexus/gemini/dist/collection/common/hiChar.js","node_modules/@genexus/gemini/dist/collection/components/card/card.css?tag=gxg-card&encapsulation=shadow","node_modules/@genexus/gemini/dist/collection/components/card/card.js"],"sourcesContent":["/* STENCIL IMPORTS /\nimport { h } from \"@stencil/core\";\n/A function that helps highlighting characters when searching./\nexport const escapeRegExp = (str) => {\n return str.replace(/[.+?^${}()\|[\\]\\\\]/g, \"\\\\$&\");\n};\nexport const hiChar = function (text, filterValue) {\n if (text && filterValue) {\n /* this function highlights the character(s) that match(es) the filter value. (hi)light (Char)acters /\n const escapedFilterValue = escapeRegExp(filterValue);\n const re = new RegExp(escapedFilterValue, \"gi\");\n return (h(\"span\", { innerHTML: text.replace(re, '<span class=\"hiChar\">$&</span>') }));\n }\n else {\n return text;\n }\n};\n//# sourceMappingURL=hiChar.js.map\n","/! normalize.css v8.0.1 \| MIT License \| github.com/necolas/normalize.css /\n/ Document\n ========================================================================== /\n/\n 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n /\nhtml {\n line-height: 1.15;\n / 1 /\n -webkit-text-size-adjust: 100%;\n / 2 /\n}\n\n/ Sections\n ========================================================================== /\n/\n Remove the margin in all browsers.\n /\nbody {\n margin: 0;\n}\n\n/\n Render the `main` element consistently in IE.\n /\nmain {\n display: block;\n}\n\n/\n Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n /\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/ Grouping content\n ========================================================================== /\n/\n 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n /\nhr {\n box-sizing: content-box;\n / 1 /\n height: 0;\n / 1 /\n overflow: visible;\n / 2 /\n}\n\n/\n 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n /\npre {\n font-family: monospace, monospace;\n / 1 /\n font-size: 1em;\n / 2 /\n}\n\n/ Text-level semantics\n ========================================================================== /\n/\n Remove the gray background on active links in IE 10.\n /\na {\n background-color: transparent;\n}\n\n/\n 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n /\nabbr[title] {\n border-bottom: none;\n / 1 /\n text-decoration: underline;\n / 2 /\n text-decoration: underline dotted;\n / 2 /\n}\n\n/\n Add the correct font weight in Chrome, Edge, and Safari.\n /\nb,\nstrong {\n font-weight: bolder;\n}\n\n/\n 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n /\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace;\n / 1 /\n font-size: 1em;\n / 2 /\n}\n\n/\n Add the correct font size in all browsers.\n /\nsmall {\n font-size: 80%;\n}\n\n/\n Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n /\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/ Embedded content\n ========================================================================== /\n/\n Remove the border on images inside links in IE 10.\n /\nimg {\n border-style: none;\n}\n\n/ Forms\n ========================================================================== /\n/\n 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n /\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit;\n / 1 /\n font-size: 100%;\n / 1 /\n line-height: 1.15;\n / 1 /\n margin: 0;\n / 2 /\n}\n\n/\n Show the overflow in IE.\n * 1. Show the overflow in Edge.\n /\nbutton,\ninput {\n / 1 /\n overflow: visible;\n}\n\n/\n Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n /\nbutton,\nselect {\n / 1 /\n text-transform: none;\n}\n\n/\n Correct the inability to style clickable types in iOS and Safari.\n /\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n -webkit-appearance: button;\n}\n\n/\n Remove the inner border and padding in Firefox.\n /\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/\n Restore the focus styles unset by the previous rule.\n /\nbutton:-moz-focusring,\n[type=button]:-moz-focusring,\n[type=reset]:-moz-focusring,\n[type=submit]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/\n Correct the padding in Firefox.\n /\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/\n 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n /\nlegend {\n box-sizing: border-box;\n / 1 /\n color: inherit;\n / 2 /\n display: table;\n / 1 /\n max-width: 100%;\n / 1 /\n padding: 0;\n / 3 /\n white-space: normal;\n / 1 /\n}\n\n/\n Add the correct vertical alignment in Chrome, Firefox, and Opera.\n /\nprogress {\n vertical-align: baseline;\n}\n\n/\n Remove the default vertical scrollbar in IE 10+.\n /\ntextarea {\n overflow: auto;\n}\n\n/\n 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n /\n[type=checkbox],\n[type=radio] {\n box-sizing: border-box;\n / 1 /\n padding: 0;\n / 2 /\n}\n\n/\n Correct the cursor style of increment and decrement buttons in Chrome.\n /\n[type=number]::-webkit-inner-spin-button,\n[type=number]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/\n 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n /\n[type=search] {\n -webkit-appearance: textfield;\n / 1 /\n outline-offset: -2px;\n / 2 /\n}\n\n/\n Remove the inner padding in Chrome and Safari on macOS.\n /\n[type=search]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/\n 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n /\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n / 1 /\n font: inherit;\n / 2 /\n}\n\n/ Interactive\n ========================================================================== /\n/\n * Add the correct display in Edge, IE 10+, and Firefox.\n /\ndetails {\n display: block;\n}\n\n/\n * Add the correct display in all browsers.\n /\nsummary {\n display: list-item;\n}\n\n/ Misc\n ========================================================================== /\n/\n Add the correct display in IE 10+.\n /\ntemplate {\n display: none;\n}\n\n/\n Add the correct display in IE 10.\n /\n[hidden] {\n display: none;\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(--ds-base-font-family-primary);\n font-weight: var(--ds-title-01-font-weight);\n font-size: var(--ds-title-01-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n/Title 01 (Negative)/\n.gxg-title-01--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-01-font-weight);\n font-size: var(--ds-title-01-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n/Title 02 (Positive)/\n.gxg-title-02 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-02-font-weight);\n font-size: var(--ds-title-02-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n text-transform: uppercase;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-02--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-02-font-weight);\n font-size: var(--ds-title-02-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n text-transform: uppercase;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--color-on-primary);\n}\n\n/Title 03/\n.gxg-title-03 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-03-font-weight);\n font-size: var(--ds-title-03-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n text-transform: uppercase;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-03--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-03-font-weight);\n font-size: var(--ds-title-03-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n text-transform: uppercase;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n/Title 04/\n.gxg-title-04 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-04-font-weight);\n font-size: var(--ds-title-04-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-04--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-04-font-weight);\n font-size: var(--ds-title-04-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n/Title 05/\n.gxg-title-05 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-05-font-weight);\n font-size: var(--ds-title-05-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-05--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-05-font-weight);\n font-size: var(--ds-title-05-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n/Text/\n.gxg-text {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-text--negative {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n.gxg-text--gray {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--dimmed);\n}\n\n/Quote/\n.gxg-quote {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n font-style: italic;\n}\n\n.gxg-quote--negative {\n color: var(--ds-base-font-color--negative);\n}\n\n/Link/\n.gxg-link {\n line-height: unset;\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--link);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n}\n.gxg-link:hover {\n color: var(--ds-base-font-color--link-hover);\n}\n.gxg-link:active {\n color: var(--ds-base-font-color--link-active);\n}\n\n.gxg-link-gray {\n line-height: unset;\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--link);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n color: var(--ds-base-font-color--dimmed);\n}\n.gxg-link-gray:hover {\n line-height: unset;\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--link);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n color: var(--ds-base-font-color--dimmed);\n filter: brightness(1.4);\n}\n\n/Alerts/\n.gxg-alert-error {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--error);\n display: inline-block;\n}\n\n.gxg-alert-warning {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--warning);\n display: inline-block;\n}\n\n.gxg-alert-success {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--success);\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(--ds-base-font-family-primary);\n font-weight: var(--gxg-label-font-weight);\n font-size: var(--gxg-label-font-size);\n color: var(--gxg-label-color);\n text-align: center;\n line-height: 1.455em;\n display: flex;\n align-items: center;\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/*************************************************\nFORM ELEMENTS\n**************************************************/\n.gxg-scrollbar {\n / Track /\n / Handle /\n / Handle on hover /\n}\n.gxg-scrollbar::-webkit-scrollbar {\n width: var(--gxg-scrollbar-width);\n height: var(--gxg-scrollbar-width);\n}\n.gxg-scrollbar::-webkit-scrollbar-track {\n background-color: var(--gxg-scrollbar-track-background);\n border-radius: var(--gxg-scrollbar-track-border-radius);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb {\n background-color: var(--gxg-scrollbar-track-thumb-background);\n border-radius: var(--gxg-scrollbar-track-thumb-radius);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb:hover {\n background-color: var(--gxg-scrollbar-track-thumb-hover-background);\n}\n.gxg-scrollbar::-webkit-scrollbar-corner {\n background: rgba(0, 0, 0, 0);\n}\n\n/--- Elevation ---/\n:host {\n display: block;\n background-color: var(--gxg-card_background-color);\n box-shadow: var(--gxg-card_box-shadow);\n border-radius: var(--gxg-card_border-radius);\n border-style: solid;\n border-width: 1px;\n border-color: transparent;\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n:host([elevation=xs]) {\n box-shadow: var(--gxg-card_box-shadow);\n}\n\n:host([elevation=m]) {\n box-shadow: var(--gxg-card_box-shadow);\n}\n\n:host([padding=\"0\"]) {\n padding: 0;\n}\n\n:host([padding=xs]) {\n padding: var(--gxg-card_padding-xs);\n}\n\n:host([padding=s]) {\n padding: var(--gxg-card_padding-s);\n}\n\n:host([padding=m]) {\n padding: var(--gxg-card_padding-m);\n}\n\n:host([padding=l]) {\n padding: var(--gxg-card_padding-l);\n}\n\n:host([padding=xl]) {\n padding: var(--gxg-card_padding-xl);\n}\n\n:host([padding=xxl]) {\n padding: var(--gxg-card_padding-xxl);\n}\n\n:host([padding=xxxl]) {\n padding: var(--gxg-card_padding-xxxl);\n}\n\n:host([background=white]) {\n background: var(--gxg-card_background-white);\n}\n\n:host([background=gray-01]) {\n background: var(--gxg-card_background-gray);\n}\n\n.content {\n / Track /\n / Handle /\n / Handle on hover /\n overflow: auto;\n height: 100%;\n}\n.content::-webkit-scrollbar {\n width: var(--gxg-scrollbar-width);\n height: var(--gxg-scrollbar-width);\n}\n.content::-webkit-scrollbar-track {\n background-color: var(--gxg-scrollbar-track-background);\n border-radius: var(--gxg-scrollbar-track-border-radius);\n}\n.content::-webkit-scrollbar-thumb {\n background-color: var(--gxg-scrollbar-track-thumb-background);\n border-radius: var(--gxg-scrollbar-track-thumb-radius);\n}\n.content::-webkit-scrollbar-thumb:hover {\n background-color: var(--gxg-scrollbar-track-thumb-hover-background);\n}\n.content::-webkit-scrollbar-corner {\n background: rgba(0, 0, 0, 0);\n}\n\n/No Shadow/\n:host(.card--no-shadow) {\n box-shadow: none;\n}\n\n/Title/\n:host(.card--title) .wrapper {\n display: flex;\n flex-direction: column;\n height: 100%;\n grid-template-rows: auto 1fr;\n}\n\n:host(.card) {\n background-color: var(--gxg-card_background-color);\n}\n:host(.card) .card__header {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: var(--gxg-card-header_margin);\n padding-block-end: var(--gxg-card-header_padding-block-end);\n border-block-end: var(--gxg-card-header_border-block-end);\n gap: var(--gxg-card-header_gap);\n}\n:host(.card) .card__header--left {\n display: flex;\n align-items: center;\n gap: var(--gxg-card-header-left_gap);\n width: var(--gxg-card-header-left_width);\n}\n:host(.card) .card__header--left .card-title-wrapper {\n width: 100%;\n white-space: nowrap;\n overflow: hidden;\n}\n:host(.card) .card__header--left-full-width {\n width: 100% !important;\n}\n:host(.card) .card__header--left-full-width .card-title-wrapper {\n white-space: unset;\n}\n:host(.card) .card__header--right {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: end;\n gap: var(--gxg-card-header-right_gap);\n font-size: var(--font-size-xl);\n width: var(--gxg-card-header-right_width);\n overflow: hidden;\n white-space: nowrap;\n}\n:host(.card) .card__header .subtitle-wrapper {\n overflow: hidden;\n text-overflow: ellipsis;\n color: var(--gxg-card-subtitle_color);\n padding-inline-end: var(--gxg-card-subtitle-wrapper_padding-inline-end);\n /prevents text cut text if italic, due to ellipsis/\n}\n:host(.card) .card__header .subtitle-wrapper a {\n color: var(--gxg-card-subtitle-wrapper_link-color);\n}\n:host(.card) .card__header .subtitle {\n white-space: nowrap;\n color: var(--gxg-card-subtitle-wrapper_color);\n}\n:host(.card) .content {\n padding: var(--gxg-card-content_padding);\n font-size: var(--gxg-card-content_font-size);\n line-height: var(--gxg-card-content_line-height);\n color: var(--gxg-card-content_color);\n}\n\n/--- Default ---/\n:host(.card--default) {\n background: var(--color-background);\n}\n:host(.card--default) .content {\n padding: 0;\n}\n\n/--- Section ---/\n:host(.card--section) {\n font-size: var(--gxg-card-section_font-size);\n border-radius: var(--gxg-card-section_border-radius);\n padding: var(--gxg-card-section_padding);\n background-color: var(--mer-elevation__background-color--01);\n border: var(--mer-elevation__border-01);\n box-shadow: var(--mer-elevation__box-shadow--01);\n}\n:host(.card--section) .card__title {\n font-weight: var(--gxg-card-section-title_font-weight);\n font-size: var(--gxg-card-section-title_font-size);\n}\n\n/--- Article ---/\n:host(.card--article) {\n font-size: var(--gxg-card-article_font-size);\n border-radius: var(--gxg-card-article_border-radius);\n padding: var(--gxg-card-article_padding);\n background-color: var(--mer-elevation__background-color--02);\n border: var(--mer-elevation__border-02);\n box-shadow: var(--mer-elevation__box-shadow--02);\n border: var(--gxg-card-article_border);\n}\n:host(.card--article) .card__header .card__title {\n margin: var(--gxg-card-article-title_margin);\n color: var(--gxg-card-article-title_color);\n overflow: hidden;\n text-overflow: ellipsis;\n font-weight: var(--gxg-card-article-title_font-weight);\n font-size: var(--gxg-card-article-title_font-size);\n}\n:host(.card--article) .card__header .subtitle-wrapper {\n color: var(--gxg-card-article-subtitle-wrapper_color);\n font-style: var(--gxg-card-article-subtitle-wrapper_font-style);\n}\n:host(.card--article) .content {\n font-style: var(--gxg-card-article-subtitle-content_font-style);\n color: var(--gxg-card-article-content_color);\n line-height: var(--gxg-card-article-subtitle-content_line-height);\n}\n\n/semibold/\n:host(.card--article.title-semibold) .card__header .card__title {\n font-weight: var(--gxg-card-article-title-semibold_font-weight);\n}\n\n/--- Mini ---/\n:host(.card--mini) {\n font-size: var(--gxg-card-mini_font-size);\n border-radius: var(--gxg-card-mini_border-radius);\n padding: var(--gxg-card-mini_padding);\n background-color: var(--mer-elevation__background-color--02);\n border: var(--mer-elevation__border-02);\n box-shadow: var(--mer-elevation__box-shadow--02);\n border: var(--gxg-card-mini_border);\n}\n:host(.card--mini) .card__header {\n margin: var(--gxg-card-mini-header_margin);\n padding-block-end: var(--gxg-card-mini-header_padding-block-end);\n border-bottom: var(--gxg-card-mini-header_border-bottom);\n}\n:host(.card--mini) .card__header .card__header--left {\n width: var(--gxg-card-mini-header-left_width);\n gap: var(--gxg-card-mini-header-left_gap);\n}\n:host(.card--mini) .card__header .card__title {\n margin: var(--gxg-card-mini-title_margin);\n overflow: hidden;\n text-overflow: ellipsis;\n font-weight: var(--gxg-card-mini-title_font-weight);\n font-size: var(--gxg-card-mini-title_font-size);\n color: var(--gxg-card-mini-title_color);\n}\n:host(.card--mini) .content {\n font-style: var(--gxg-card-mini-content_font-style);\n font-size: var(--gxg-card-mini_font-size);\n padding: var(--gxg-card-mini-content_padding);\n color: var(--gxg-card-mini-content_color);\n}\n\n:host(.card--no-content) .card__header {\n border-bottom: 0;\n}\n\n/actionable/\n:host(.card--actionable:hover) {\n filter: brightness(var(--gxg-card-actionable-brightness--hover));\n}\n:host(.card--actionable:hover) .wrapper,\n:host(.card--actionable:hover) .card__header,\n:host(.card--actionable:hover) .content {\n cursor: pointer;\n}\n\n/no header border/\n:host(.no-header-border) .card__header {\n padding-bottom: 0;\n border-bottom: 0;\n}\n\n/noBorder/\n:host(.card--no-border) {\n border: none !important;\n}\n\n/hiChar/\n.hiChar {\n color: var(--gxg-hi-char-color);\n font-weight: 600;\n}","import { h, Host } from \"@stencil/core\";\nimport state from \"../store\";\nimport { hiChar } from \"../../common/hiChar\";\nexport class GxgCard {\n constructor() {\n this.elevation = \"xs\";\n this.background = \"white\";\n this.padding = \"xs\";\n this.minHeight = \"auto\";\n this.height = \"auto\";\n this.maxWidth = \"100%\";\n this.noShadow = false;\n this.noBorder = false;\n this.hiChar = false;\n this.filterValue = undefined;\n this.noPaddingTop = false;\n this.cardTitle = undefined;\n this.noHeaderBorder = false;\n this.titleSemibold = false;\n this.cardSubtitle = undefined;\n this.subtitleLink = undefined;\n this.subtitleIcon = undefined;\n this.cardType = \"section\";\n this.icon = undefined;\n this.iconColor = \"auto\";\n this.subtitleColor = \"auto\";\n this.editableTitle = false;\n this.actionable = false;\n this.displayHeaderSlot = false;\n }\n el;\n /--- Mercury Only Tokens ---/\n titleType = \"h2\";\n hasSlot = false;\n hasHeaderSlot = false;\n componentWillLoad() {\n if (this.cardType === \"article\") {\n this.titleType = \"h2\";\n }\n else if (this.cardType === \"mini\") {\n this.titleType = \"h4\";\n }\n const hasSlot = this.el.querySelector(\"\");\n if (hasSlot) {\n this.hasSlot = true;\n }\n const headerSlot = this.el.querySelector(\"[slot='header']\");\n if (headerSlot \|\| this.displayHeaderSlot) {\n this.hasHeaderSlot = true;\n }\n }\n renderCardSubtitle = () => {\n if (this.cardSubtitle && this.subtitleLink) {\n return (h(\"a\", { class: \"subtitle\", href: this.subtitleLink, target: \"_blank\" }, this.cardSubtitle));\n }\n else if (this.cardSubtitle && !this.subtitleLink) {\n {\n return this.hiChar\n ? hiChar(this.cardSubtitle, this.filterValue)\n : this.cardSubtitle;\n }\n }\n };\n render() {\n return (h(Host, { role: \"article\", class: {\n card: true,\n mercury: state.mercury,\n \"card--no-content\": !this.hasSlot,\n \"card--section\": this.cardType === \"section\",\n \"card--article\": this.cardType === \"article\",\n \"card--mini\": this.cardType === \"mini\",\n \"card--title\": this.cardTitle !== undefined,\n \"card--actionable\": this.actionable &&\n (this.cardType === \"article\" \|\| this.cardType === \"mini\"),\n \"title-semibold\": this.titleSemibold,\n \"card--no-shadow\": this.noShadow,\n \"card--no-border\": this.noBorder,\n \"no-header-border\": this.noHeaderBorder\n }, style: {\n maxWidth: this.maxWidth,\n minHeight: this.minHeight,\n height: this.height\n } }, h(\"div\", { role: this.actionable ? \"button\" : \"none\", class: {\n wrapper: true,\n \"wrapper--header\": this.cardTitle !== undefined\n } }, this.cardTitle ? (h(\"header\", { class: \"card__header\" }, h(\"div\", { class: {\n \"card__header--left\": true,\n \"card__header--left-full-width\": !this.cardSubtitle\n } }, this.icon ? (h(\"gxg-icon\", { type: this.icon, color: this.iconColor })) : null, h(\"div\", { class: \"card-title-wrapper\" }, this.cardType === \"section\" ? (h(\"gxg-title-editable\", { class: \"card__title\", titleType: this.titleType, value: this.cardTitle, disableEdition: !this.editableTitle })) : (h(\"h2\", { class: \"card__title\" }, this.hiChar\n ? hiChar(this.cardTitle, this.filterValue)\n : this.cardTitle)))), this.cardSubtitle &&\n this.cardType !== \"mini\" &&\n !this.hasHeaderSlot ? (h(\"div\", { class: \"card__header--right\" }, h(\"div\", { class: \"subtitle-wrapper\" }, this.renderCardSubtitle()), this.subtitleIcon ? (h(\"gxg-icon\", { type: this.subtitleIcon, color: this.subtitleColor })) : null)) : null, this.hasHeaderSlot ? (h(\"div\", { class: \"card__header--right\" }, h(\"slot\", { name: \"header\" }))) : null)) : null, this.hasSlot ? (h(\"div\", { class: \"content\" }, h(\"slot\", null))) : null)));\n }\n static get is() { return \"gxg-card\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"card.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"card.css\"]\n };\n }\n static get properties() {\n return {\n \"elevation\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"elevation\",\n \"resolved\": \"\\\"m\\\" \| \\\"xs\\\"\",\n \"references\": {\n \"elevation\": {\n \"location\": \"local\",\n \"path\": \"/home/circleci/repo/src/components/card/card.tsx\",\n \"id\": \"src/components/card/card.tsx::elevation\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The card box-shadow\"\n },\n \"attribute\": \"elevation\",\n \"reflect\": true,\n \"defaultValue\": \"\\\"xs\\\"\"\n },\n \"background\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"background\",\n \"resolved\": \"\\\"gray-01\\\" \| \\\"white\\\"\",\n \"references\": {\n \"background\": {\n \"location\": \"local\",\n \"path\": \"/home/circleci/repo/src/components/card/card.tsx\",\n \"id\": \"src/components/card/card.tsx::background\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The background color\"\n },\n \"attribute\": \"background\",\n \"reflect\": true,\n \"defaultValue\": \"\\\"white\\\"\"\n },\n \"padding\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"padding\",\n \"resolved\": \"\\\"0\\\" \| \\\"l\\\" \| \\\"m\\\" \| \\\"s\\\" \| \\\"xl\\\" \| \\\"xs\\\" \| \\\"xxl\\\" \| \\\"xxxl\\\"\",\n \"references\": {\n \"padding\": {\n \"location\": \"local\",\n \"path\": \"/home/circleci/repo/src/components/card/card.tsx\",\n \"id\": \"src/components/card/card.tsx::padding\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The card padding\"\n },\n \"attribute\": \"padding\",\n \"reflect\": true,\n \"defaultValue\": \"\\\"xs\\\"\"\n },\n \"minHeight\": {\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 component min. height\"\n },\n \"attribute\": \"min-height\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"auto\\\"\"\n },\n \"height\": {\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 component height\"\n },\n \"attribute\": \"height\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"auto\\\"\"\n },\n \"maxWidth\": {\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 component max. width\"\n },\n \"attribute\": \"max-width\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"100%\\\"\"\n },\n \"noShadow\": {\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\": \"Disables box-shadow\"\n },\n \"attribute\": \"no-shadow\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"noBorder\": {\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\": \"Removes border\"\n },\n \"attribute\": \"no-border\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"hiChar\": {\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 allows to highlight any character on the card title, or subtitle.\"\n },\n \"attribute\": \"hi-char\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"filterValue\": {\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 is the filter value needed for hiChar.\"\n },\n \"attribute\": \"filter-value\",\n \"reflect\": false\n },\n \"noPaddingTop\": {\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\": \"Remove padding from the top (applies only for the \\\"section\\\" card type)\"\n },\n \"attribute\": \"no-padding-top\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"cardTitle\": {\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\": \"An optional title\"\n },\n \"attribute\": \"card-title\",\n \"reflect\": false\n },\n \"noHeaderBorder\": {\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\": \"Removes the header border\"\n },\n \"attribute\": \"no-header-border\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"titleSemibold\": {\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\": \"Card title semibold\"\n },\n \"attribute\": \"title-semibold\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"cardSubtitle\": {\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\": \"An optional subtitle\"\n },\n \"attribute\": \"card-subtitle\",\n \"reflect\": false\n },\n \"subtitleLink\": {\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\": \"An optional subtitle link\"\n },\n \"attribute\": \"subtitle-link\",\n \"reflect\": false\n },\n \"subtitleIcon\": {\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\": \"An optional subtitle icon\"\n },\n \"attribute\": \"subtitle-icon\",\n \"reflect\": false\n },\n \"cardType\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"CardType\",\n \"resolved\": \"\\\"article\\\" \| \\\"mini\\\" \| \\\"section\\\"\",\n \"references\": {\n \"CardType\": {\n \"location\": \"local\",\n \"path\": \"/home/circleci/repo/src/components/card/card.tsx\",\n \"id\": \"src/components/card/card.tsx::CardType\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The card type (only for mercury)\"\n },\n \"attribute\": \"card-type\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"section\\\"\"\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\": \"The card type (only for mercury)\"\n },\n \"attribute\": \"icon\",\n \"reflect\": false\n },\n \"iconColor\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"Color\",\n \"resolved\": \"\\\"alwaysblack\\\" \| \\\"auto\\\" \| \\\"disabled\\\" \| \\\"error\\\" \| \\\"indeterminate\\\" \| \\\"mercury\\\" \| \\\"mercury-neutral\\\" \| \\\"mercury-on-primary\\\" \| \\\"mercury-primary\\\" \| \\\"mercury-text-on-message\\\" \| \\\"negative\\\" \| \\\"onbackground\\\" \| \\\"ondisabled\\\" \| \\\"primary-active\\\" \| \\\"primary-enabled\\\" \| \\\"primary-hover\\\" \| \\\"success\\\" \| \\\"warning\\\"\",\n \"references\": {\n \"Color\": {\n \"location\": \"import\",\n \"path\": \"../icon/icon\",\n \"id\": \"src/components/icon/icon.tsx::Color\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The icon color\"\n },\n \"attribute\": \"icon-color\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"auto\\\"\"\n },\n \"subtitleColor\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"Color\",\n \"resolved\": \"\\\"alwaysblack\\\" \| \\\"auto\\\" \| \\\"disabled\\\" \| \\\"error\\\" \| \\\"indeterminate\\\" \| \\\"mercury\\\" \| \\\"mercury-neutral\\\" \| \\\"mercury-on-primary\\\" \| \\\"mercury-primary\\\" \| \\\"mercury-text-on-message\\\" \| \\\"negative\\\" \| \\\"onbackground\\\" \| \\\"ondisabled\\\" \| \\\"primary-active\\\" \| \\\"primary-enabled\\\" \| \\\"primary-hover\\\" \| \\\"success\\\" \| \\\"warning\\\"\",\n \"references\": {\n \"Color\": {\n \"location\": \"import\",\n \"path\": \"../icon/icon\",\n \"id\": \"src/components/icon/icon.tsx::Color\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The icon color\"\n },\n \"attribute\": \"subtitle-color\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"auto\\\"\"\n },\n \"editableTitle\": {\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\": \"It makes the title editable (only for mercury)\"\n },\n \"attribute\": \"editable-title\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"actionable\": {\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\": \"It applies a different style on hover. Useful when the card is actionable (has an action attached to the click event).\"\n },\n \"attribute\": \"actionable\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"displayHeaderSlot\": {\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 way to force header slot evaluation.\"\n },\n \"attribute\": \"display-header-slot\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n }\n };\n }\n static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=card.js.map\n"],"version":3}
1	+ {"file":"card.js","mappings":";;;;;;;AAAA;AAEA;AACO,MAAM,YAAY,GAAG,CAAC,GAAG,KAAK;AACrC,IAAI,OAAO,GAAG,CAAC,OAAO,CAAC,qBAAqB,EAAE,MAAM,CAAC,CAAC;AACtD,CAAC,CAAC;AACK,MAAM,MAAM,GAAG,UAAU,IAAI,EAAE,WAAW,EAAE;AACnD,IAAI,IAAI,IAAI,IAAI,WAAW,EAAE;AAC7B;AACA,QAAQ,MAAM,kBAAkB,GAAG,YAAY,CAAC,WAAW,CAAC,CAAC;AAC7D,QAAQ,MAAM,EAAE,GAAG,IAAI,MAAM,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC;AACxD,QAAQ,QAAQ,CAAC,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,EAAE,EAAE,gCAAgC,CAAC,EAAE,CAAC,EAAE;AAC9F,KAAK;AACL,SAAS;AACT,QAAQ,OAAO,IAAI,CAAC;AACpB,KAAK;AACL,CAAC;;AChBD,MAAM,OAAO,GAAG,qtgBAAqtgB;;MCGxtgB,OAAO;IAChB;;QA4BA,cAAS,GAAG,IAAI,CAAC;QACjB,YAAO,GAAG,KAAK,CAAC;QAChB,kBAAa,GAAG,KAAK,CAAC;QAiBtB,uBAAkB,GAAG;YACjB,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,EAAE;gBACxC,QAAQ,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,IAAI,CAAC,YAAY,CAAC,EAAE;aACxG;iBACI,IAAI,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;gBAC9C;oBACI,OAAO,IAAI,CAAC,MAAM;0BACZ,MAAM,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,WAAW,CAAC;0BAC3C,IAAI,CAAC,YAAY,CAAC;iBAC3B;aACJ;SACJ,CAAC;;;;QAzDE,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC;QAC1B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC;QACxB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC;QACvB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,WAAW,GAAG,SAAS,CAAC;QAC7B,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAC1B,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;QAC5B,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC;QAC9B,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC;QAC9B,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC;QAC9B,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC;QAC1B,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC;QACtB,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC;QACxB,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC;QAC5B,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;KAClC;;IAMD,iBAAiB;QACb,IAAI,IAAI,CAAC,QAAQ,KAAK,SAAS,EAAE;YAC7B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;SACzB;aACI,IAAI,IAAI,CAAC,QAAQ,KAAK,MAAM,EAAE;YAC/B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;SACzB;QACD,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QAC3C,IAAI,OAAO,EAAE;YACT,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;SACvB;QACD,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;QAC5D,IAAI,UAAU,IAAI,IAAI,CAAC,iBAAiB,EAAE;YACtC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;SAC7B;KACJ;IAaD,MAAM;QACF,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE;gBAClC,IAAI,EAAE,IAAI;gBACV,OAAO,EAAE,KAAK,CAAC,OAAO;gBACtB,kBAAkB,EAAE,CAAC,IAAI,CAAC,OAAO;gBACjC,eAAe,EAAE,IAAI,CAAC,QAAQ,KAAK,SAAS;gBAC5C,eAAe,EAAE,IAAI,CAAC,QAAQ,KAAK,SAAS;gBAC5C,YAAY,EAAE,IAAI,CAAC,QAAQ,KAAK,MAAM;gBACtC,aAAa,EAAE,IAAI,CAAC,SAAS,KAAK,SAAS;gBAC3C,kBAAkB,EAAE,IAAI,CAAC,UAAU;qBAC9B,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,KAAK,MAAM,CAAC;gBAC7D,gBAAgB,EAAE,IAAI,CAAC,aAAa;gBACpC,iBAAiB,EAAE,IAAI,CAAC,QAAQ;gBAChC,iBAAiB,EAAE,IAAI,CAAC,QAAQ;gBAChC,kBAAkB,EAAE,IAAI,CAAC,cAAc;aAC1C,EAAE,KAAK,EAAE;gBACN,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,SAAS,EAAE,IAAI,CAAC,SAAS;gBACzB,MAAM,EAAE,IAAI,CAAC,MAAM;aACtB,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,UAAU,GAAG,QAAQ,GAAG,MAAM,EAAE,KAAK,EAAE;gBAC9D,OAAO,EAAE,IAAI;gBACb,iBAAiB,EAAE,IAAI,CAAC,SAAS,KAAK,SAAS;aAClD,EAAE,EAAE,IAAI,CAAC,SAAS,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;gBAC5E,oBAAoB,EAAE,IAAI;gBAC1B,+BAA+B,EAAE,CAAC,IAAI,CAAC,YAAY;aACtD,EAAE,EAAE,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAE,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,CAAC,CAAC,oBAAoB,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,cAAc,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,IAAI,CAAC,MAAM;cACtV,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC;cACxC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,YAAY;YACvC,IAAI,CAAC,QAAQ,KAAK,MAAM;YACxB,CAAC,IAAI,CAAC,aAAa,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,IAAI,CAAC,kBAAkB,EAAE,CAAC,EAAE,IAAI,CAAC,YAAY,IAAI,CAAC,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,YAAY,EAAE,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,EAAE,IAAI,CAAC,aAAa,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE;KACvb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["node_modules/@genexus/gemini/dist/collection/common/hiChar.js","node_modules/@genexus/gemini/dist/collection/components/card/card.css?tag=gxg-card&encapsulation=shadow","node_modules/@genexus/gemini/dist/collection/components/card/card.js"],"sourcesContent":["/* STENCIL IMPORTS /\nimport { h } from \"@stencil/core\";\n/A function that helps highlighting characters when searching./\nexport const escapeRegExp = (str) => {\n return str.replace(/[.+?^${}()\|[\\]\\\\]/g, \"\\\\$&\");\n};\nexport const hiChar = function (text, filterValue) {\n if (text && filterValue) {\n /* this function highlights the character(s) that match(es) the filter value. (hi)light (Char)acters /\n const escapedFilterValue = escapeRegExp(filterValue);\n const re = new RegExp(escapedFilterValue, \"gi\");\n return (h(\"span\", { innerHTML: text.replace(re, '<span class=\"hiChar\">$&</span>') }));\n }\n else {\n return text;\n }\n};\n//# sourceMappingURL=hiChar.js.map\n","/! normalize.css v8.0.1 \| MIT License \| github.com/necolas/normalize.css /\n/ Document\n ========================================================================== /\n/\n 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n /\nhtml {\n line-height: 1.15;\n / 1 /\n -webkit-text-size-adjust: 100%;\n / 2 /\n}\n\n/ Sections\n ========================================================================== /\n/\n Remove the margin in all browsers.\n /\nbody {\n margin: 0;\n}\n\n/\n Render the `main` element consistently in IE.\n /\nmain {\n display: block;\n}\n\n/\n Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n /\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/ Grouping content\n ========================================================================== /\n/\n 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n /\nhr {\n box-sizing: content-box;\n / 1 /\n height: 0;\n / 1 /\n overflow: visible;\n / 2 /\n}\n\n/\n 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n /\npre {\n font-family: monospace, monospace;\n / 1 /\n font-size: 1em;\n / 2 /\n}\n\n/ Text-level semantics\n ========================================================================== /\n/\n Remove the gray background on active links in IE 10.\n /\na {\n background-color: transparent;\n}\n\n/\n 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n /\nabbr[title] {\n border-bottom: none;\n / 1 /\n text-decoration: underline;\n / 2 /\n text-decoration: underline dotted;\n / 2 /\n}\n\n/\n Add the correct font weight in Chrome, Edge, and Safari.\n /\nb,\nstrong {\n font-weight: bolder;\n}\n\n/\n 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n /\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace;\n / 1 /\n font-size: 1em;\n / 2 /\n}\n\n/\n Add the correct font size in all browsers.\n /\nsmall {\n font-size: 80%;\n}\n\n/\n Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n /\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/ Embedded content\n ========================================================================== /\n/\n Remove the border on images inside links in IE 10.\n /\nimg {\n border-style: none;\n}\n\n/ Forms\n ========================================================================== /\n/\n 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n /\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit;\n / 1 /\n font-size: 100%;\n / 1 /\n line-height: 1.15;\n / 1 /\n margin: 0;\n / 2 /\n}\n\n/\n Show the overflow in IE.\n * 1. Show the overflow in Edge.\n /\nbutton,\ninput {\n / 1 /\n overflow: visible;\n}\n\n/\n Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n /\nbutton,\nselect {\n / 1 /\n text-transform: none;\n}\n\n/\n Correct the inability to style clickable types in iOS and Safari.\n /\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n -webkit-appearance: button;\n}\n\n/\n Remove the inner border and padding in Firefox.\n /\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/\n Restore the focus styles unset by the previous rule.\n /\nbutton:-moz-focusring,\n[type=button]:-moz-focusring,\n[type=reset]:-moz-focusring,\n[type=submit]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/\n Correct the padding in Firefox.\n /\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/\n 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n /\nlegend {\n box-sizing: border-box;\n / 1 /\n color: inherit;\n / 2 /\n display: table;\n / 1 /\n max-width: 100%;\n / 1 /\n padding: 0;\n / 3 /\n white-space: normal;\n / 1 /\n}\n\n/\n Add the correct vertical alignment in Chrome, Firefox, and Opera.\n /\nprogress {\n vertical-align: baseline;\n}\n\n/\n Remove the default vertical scrollbar in IE 10+.\n /\ntextarea {\n overflow: auto;\n}\n\n/\n 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n /\n[type=checkbox],\n[type=radio] {\n box-sizing: border-box;\n / 1 /\n padding: 0;\n / 2 /\n}\n\n/\n Correct the cursor style of increment and decrement buttons in Chrome.\n /\n[type=number]::-webkit-inner-spin-button,\n[type=number]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/\n 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n /\n[type=search] {\n -webkit-appearance: textfield;\n / 1 /\n outline-offset: -2px;\n / 2 /\n}\n\n/\n Remove the inner padding in Chrome and Safari on macOS.\n /\n[type=search]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/\n 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n /\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n / 1 /\n font: inherit;\n / 2 /\n}\n\n/ Interactive\n ========================================================================== /\n/\n * Add the correct display in Edge, IE 10+, and Firefox.\n /\ndetails {\n display: block;\n}\n\n/\n * Add the correct display in all browsers.\n /\nsummary {\n display: list-item;\n}\n\n/ Misc\n ========================================================================== /\n/\n Add the correct display in IE 10+.\n /\ntemplate {\n display: none;\n}\n\n/\n Add the correct display in IE 10.\n /\n[hidden] {\n display: none;\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(--ds-base-font-family-primary);\n font-weight: var(--ds-title-01-font-weight);\n font-size: var(--ds-title-01-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n/Title 01 (Negative)/\n.gxg-title-01--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-01-font-weight);\n font-size: var(--ds-title-01-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n/Title 02 (Positive)/\n.gxg-title-02 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-02-font-weight);\n font-size: var(--ds-title-02-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n text-transform: uppercase;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-02--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-02-font-weight);\n font-size: var(--ds-title-02-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n text-transform: uppercase;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--color-on-primary);\n}\n\n/Title 03/\n.gxg-title-03 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-03-font-weight);\n font-size: var(--ds-title-03-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n text-transform: uppercase;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-03--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-03-font-weight);\n font-size: var(--ds-title-03-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n text-transform: uppercase;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n/Title 04/\n.gxg-title-04 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-04-font-weight);\n font-size: var(--ds-title-04-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-04--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-04-font-weight);\n font-size: var(--ds-title-04-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n/Title 05/\n.gxg-title-05 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-05-font-weight);\n font-size: var(--ds-title-05-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-05--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-05-font-weight);\n font-size: var(--ds-title-05-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n/Text/\n.gxg-text {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-text--negative {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n.gxg-text--gray {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--dimmed);\n}\n\n/Quote/\n.gxg-quote {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n font-style: italic;\n}\n\n.gxg-quote--negative {\n color: var(--ds-base-font-color--negative);\n}\n\n/Link/\n.gxg-link {\n line-height: unset;\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--link);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n}\n.gxg-link:hover {\n color: var(--ds-base-font-color--link-hover);\n}\n.gxg-link:active {\n color: var(--ds-base-font-color--link-active);\n}\n\n.gxg-link-gray {\n line-height: unset;\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--link);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n color: var(--ds-base-font-color--dimmed);\n}\n.gxg-link-gray:hover {\n line-height: unset;\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--link);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n color: var(--ds-base-font-color--dimmed);\n filter: brightness(1.4);\n}\n\n/Alerts/\n.gxg-alert-error {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--error);\n display: inline-block;\n}\n\n.gxg-alert-warning {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--warning);\n display: inline-block;\n}\n\n.gxg-alert-success {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--success);\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(--ds-base-font-family-primary);\n font-weight: var(--gxg-label-font-weight);\n font-size: var(--gxg-label-font-size);\n color: var(--gxg-label-color);\n text-align: center;\n line-height: 1.455em;\n display: flex;\n align-items: center;\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/*************************************************\nFORM ELEMENTS\n**************************************************/\n.gxg-scrollbar {\n / Track /\n / Handle /\n / Handle on hover /\n}\n.gxg-scrollbar::-webkit-scrollbar {\n width: var(--gxg-scrollbar-width);\n height: var(--gxg-scrollbar-width);\n}\n.gxg-scrollbar::-webkit-scrollbar-track {\n background-color: var(--gxg-scrollbar-track-background);\n border-radius: var(--gxg-scrollbar-track-border-radius);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb {\n background-color: var(--gxg-scrollbar-track-thumb-background);\n border-radius: var(--gxg-scrollbar-track-thumb-radius);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb:hover {\n background-color: var(--gxg-scrollbar-track-thumb-hover-background);\n}\n.gxg-scrollbar::-webkit-scrollbar-corner {\n background: rgba(0, 0, 0, 0);\n}\n\n/--- Elevation ---/\n:host {\n display: block;\n background-color: var(--gxg-card_background-color);\n box-shadow: var(--gxg-card_box-shadow);\n border-radius: var(--gxg-card_border-radius);\n border-style: solid;\n border-width: 1px;\n border-color: transparent;\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n:host([elevation=xs]) {\n box-shadow: var(--gxg-card_box-shadow);\n}\n\n:host([elevation=m]) {\n box-shadow: var(--gxg-card_box-shadow);\n}\n\n:host([padding=\"0\"]) {\n padding: 0;\n}\n\n:host([padding=xs]) {\n padding: var(--gxg-card_padding-xs);\n}\n\n:host([padding=s]) {\n padding: var(--gxg-card_padding-s);\n}\n\n:host([padding=m]) {\n padding: var(--gxg-card_padding-m);\n}\n\n:host([padding=l]) {\n padding: var(--gxg-card_padding-l);\n}\n\n:host([padding=xl]) {\n padding: var(--gxg-card_padding-xl);\n}\n\n:host([padding=xxl]) {\n padding: var(--gxg-card_padding-xxl);\n}\n\n:host([padding=xxxl]) {\n padding: var(--gxg-card_padding-xxxl);\n}\n\n:host([background=white]) {\n background: var(--gxg-card_background-white);\n}\n\n:host([background=gray-01]) {\n background: var(--gxg-card_background-gray);\n}\n\n.content {\n / Track /\n / Handle /\n / Handle on hover /\n overflow: auto;\n height: 100%;\n}\n.content::-webkit-scrollbar {\n width: var(--gxg-scrollbar-width);\n height: var(--gxg-scrollbar-width);\n}\n.content::-webkit-scrollbar-track {\n background-color: var(--gxg-scrollbar-track-background);\n border-radius: var(--gxg-scrollbar-track-border-radius);\n}\n.content::-webkit-scrollbar-thumb {\n background-color: var(--gxg-scrollbar-track-thumb-background);\n border-radius: var(--gxg-scrollbar-track-thumb-radius);\n}\n.content::-webkit-scrollbar-thumb:hover {\n background-color: var(--gxg-scrollbar-track-thumb-hover-background);\n}\n.content::-webkit-scrollbar-corner {\n background: rgba(0, 0, 0, 0);\n}\n\n/No Shadow/\n:host(.card--no-shadow) {\n box-shadow: none;\n}\n\n/Title/\n:host(.card--title) .wrapper {\n display: flex;\n flex-direction: column;\n height: 100%;\n grid-template-rows: auto 1fr;\n}\n\n:host(.card) {\n background-color: var(--gxg-card_background-color);\n}\n:host(.card) .card__header {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: var(--gxg-card-header_margin);\n padding-block-end: var(--gxg-card-header_padding-block-end);\n border-block-end: var(--gxg-card-header_border-block-end);\n gap: var(--gxg-card-header_gap);\n}\n:host(.card) .card__header--left {\n display: flex;\n align-items: center;\n gap: var(--gxg-card-header-left_gap);\n width: var(--gxg-card-header-left_width);\n}\n:host(.card) .card__header--left .card-title-wrapper {\n width: 100%;\n white-space: nowrap;\n overflow: hidden;\n}\n:host(.card) .card__header--left-full-width {\n width: 100% !important;\n}\n:host(.card) .card__header--left-full-width .card-title-wrapper {\n white-space: unset;\n}\n:host(.card) .card__header--right {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: end;\n gap: var(--gxg-card-header-right_gap);\n font-size: var(--font-size-xl);\n width: var(--gxg-card-header-right_width);\n overflow: hidden;\n white-space: nowrap;\n}\n:host(.card) .card__header .subtitle-wrapper {\n overflow: hidden;\n text-overflow: ellipsis;\n color: var(--gxg-card-subtitle_color);\n padding-inline-end: var(--gxg-card-subtitle-wrapper_padding-inline-end);\n /prevents text cut text if italic, due to ellipsis/\n}\n:host(.card) .card__header .subtitle-wrapper a {\n color: var(--gxg-card-subtitle-wrapper_link-color);\n}\n:host(.card) .card__header .subtitle {\n white-space: nowrap;\n color: var(--gxg-card-subtitle-wrapper_color);\n}\n:host(.card) .content {\n padding: var(--gxg-card-content_padding);\n font-size: var(--gxg-card-content_font-size);\n line-height: var(--gxg-card-content_line-height);\n color: var(--gxg-card-content_color);\n}\n\n/--- Default ---/\n:host(.card--default) {\n background: var(--color-background);\n}\n:host(.card--default) .content {\n padding: 0;\n}\n\n/--- Section ---/\n:host(.card--section) {\n font-size: var(--gxg-card-section_font-size);\n border-radius: var(--gxg-card-section_border-radius);\n padding: var(--gxg-card-section_padding);\n background-color: var(--mer-elevation__background-color--01);\n border: var(--mer-elevation__border-01);\n box-shadow: var(--mer-elevation__box-shadow--01);\n}\n:host(.card--section) .card__title {\n font-weight: var(--gxg-card-section-title_font-weight);\n font-size: var(--gxg-card-section-title_font-size);\n}\n\n/--- Article ---/\n:host(.card--article) {\n font-size: var(--gxg-card-article_font-size);\n border-radius: var(--gxg-card-article_border-radius);\n padding: var(--gxg-card-article_padding);\n background-color: var(--mer-elevation__background-color--02);\n border: var(--mer-elevation__border-02);\n box-shadow: var(--mer-elevation__box-shadow--02);\n border: var(--gxg-card-article_border);\n}\n:host(.card--article) .card__header .card__title {\n margin: var(--gxg-card-article-title_margin);\n color: var(--gxg-card-article-title_color);\n overflow: hidden;\n text-overflow: ellipsis;\n font-weight: var(--gxg-card-article-title_font-weight);\n font-size: var(--gxg-card-article-title_font-size);\n}\n:host(.card--article) .card__header .subtitle-wrapper {\n color: var(--gxg-card-article-subtitle-wrapper_color);\n font-style: var(--gxg-card-article-subtitle-wrapper_font-style);\n}\n:host(.card--article) .content {\n font-style: var(--gxg-card-article-subtitle-content_font-style);\n color: var(--gxg-card-article-content_color);\n line-height: var(--gxg-card-article-subtitle-content_line-height);\n}\n\n/semibold/\n:host(.card--article.title-semibold) .card__header .card__title {\n font-weight: var(--gxg-card-article-title-semibold_font-weight);\n}\n\n/--- Mini ---/\n:host(.card--mini) {\n font-size: var(--gxg-card-mini_font-size);\n border-radius: var(--gxg-card-mini_border-radius);\n padding: var(--gxg-card-mini_padding);\n background-color: var(--mer-elevation__background-color--02);\n border: var(--mer-elevation__border-02);\n box-shadow: var(--mer-elevation__box-shadow--02);\n border: var(--gxg-card-mini_border);\n}\n:host(.card--mini) .card__header {\n margin: var(--gxg-card-mini-header_margin);\n padding-block-end: var(--gxg-card-mini-header_padding-block-end);\n border-bottom: var(--gxg-card-mini-header_border-bottom);\n}\n:host(.card--mini) .card__header .card__header--left {\n width: var(--gxg-card-mini-header-left_width);\n gap: var(--gxg-card-mini-header-left_gap);\n}\n:host(.card--mini) .card__header .card__title {\n margin: var(--gxg-card-mini-title_margin);\n overflow: hidden;\n text-overflow: ellipsis;\n font-weight: var(--gxg-card-mini-title_font-weight);\n font-size: var(--gxg-card-mini-title_font-size);\n color: var(--gxg-card-mini-title_color);\n}\n:host(.card--mini) .content {\n font-style: var(--gxg-card-mini-content_font-style);\n font-size: var(--gxg-card-mini_font-size);\n padding: var(--gxg-card-mini-content_padding);\n color: var(--gxg-card-mini-content_color);\n}\n\n:host(.card--no-content) .card__header {\n border-bottom: 0;\n}\n\n/actionable/\n:host(.card--actionable:hover) {\n filter: brightness(var(--gxg-card-actionable-brightness--hover));\n}\n:host(.card--actionable:hover) .wrapper,\n:host(.card--actionable:hover) .card__header,\n:host(.card--actionable:hover) .content {\n cursor: pointer;\n}\n\n/no header border/\n:host(.no-header-border) .card__header {\n padding-bottom: 0;\n border-bottom: 0;\n}\n\n/noBorder/\n:host(.card--no-border) {\n border: none !important;\n}\n\n/hiChar/\n.hiChar {\n color: var(--gxg-hi-char-color);\n font-weight: 600;\n}","import { h, Host } from \"@stencil/core\";\nimport state from \"../store\";\nimport { hiChar } from \"../../common/hiChar\";\nexport class GxgCard {\n constructor() {\n this.elevation = \"xs\";\n this.background = \"white\";\n this.padding = \"xs\";\n this.minHeight = \"auto\";\n this.height = \"auto\";\n this.maxWidth = \"100%\";\n this.noShadow = false;\n this.noBorder = false;\n this.hiChar = false;\n this.filterValue = undefined;\n this.noPaddingTop = false;\n this.cardTitle = undefined;\n this.noHeaderBorder = false;\n this.titleSemibold = false;\n this.cardSubtitle = undefined;\n this.subtitleLink = undefined;\n this.subtitleIcon = undefined;\n this.cardType = \"section\";\n this.icon = undefined;\n this.iconColor = \"auto\";\n this.subtitleColor = \"auto\";\n this.editableTitle = false;\n this.actionable = false;\n this.displayHeaderSlot = false;\n }\n el;\n /--- Mercury Only Tokens ---/\n titleType = \"h2\";\n hasSlot = false;\n hasHeaderSlot = false;\n componentWillLoad() {\n if (this.cardType === \"article\") {\n this.titleType = \"h2\";\n }\n else if (this.cardType === \"mini\") {\n this.titleType = \"h4\";\n }\n const hasSlot = this.el.querySelector(\"\");\n if (hasSlot) {\n this.hasSlot = true;\n }\n const headerSlot = this.el.querySelector(\"[slot='header']\");\n if (headerSlot \|\| this.displayHeaderSlot) {\n this.hasHeaderSlot = true;\n }\n }\n renderCardSubtitle = () => {\n if (this.cardSubtitle && this.subtitleLink) {\n return (h(\"a\", { class: \"subtitle\", href: this.subtitleLink, target: \"_blank\" }, this.cardSubtitle));\n }\n else if (this.cardSubtitle && !this.subtitleLink) {\n {\n return this.hiChar\n ? hiChar(this.cardSubtitle, this.filterValue)\n : this.cardSubtitle;\n }\n }\n };\n render() {\n return (h(Host, { role: \"article\", class: {\n card: true,\n mercury: state.mercury,\n \"card--no-content\": !this.hasSlot,\n \"card--section\": this.cardType === \"section\",\n \"card--article\": this.cardType === \"article\",\n \"card--mini\": this.cardType === \"mini\",\n \"card--title\": this.cardTitle !== undefined,\n \"card--actionable\": this.actionable &&\n (this.cardType === \"article\" \|\| this.cardType === \"mini\"),\n \"title-semibold\": this.titleSemibold,\n \"card--no-shadow\": this.noShadow,\n \"card--no-border\": this.noBorder,\n \"no-header-border\": this.noHeaderBorder\n }, style: {\n maxWidth: this.maxWidth,\n minHeight: this.minHeight,\n height: this.height\n } }, h(\"div\", { role: this.actionable ? \"button\" : \"none\", class: {\n wrapper: true,\n \"wrapper--header\": this.cardTitle !== undefined\n } }, this.cardTitle ? (h(\"header\", { class: \"card__header\" }, h(\"div\", { class: {\n \"card__header--left\": true,\n \"card__header--left-full-width\": !this.cardSubtitle\n } }, this.icon ? (h(\"gxg-icon\", { type: this.icon, color: this.iconColor })) : null, h(\"div\", { class: \"card-title-wrapper\" }, this.cardType === \"section\" ? (h(\"gxg-title-editable\", { class: \"card__title\", titleType: this.titleType, value: this.cardTitle, disableEdition: !this.editableTitle })) : (h(\"h2\", { class: \"card__title\" }, this.hiChar\n ? hiChar(this.cardTitle, this.filterValue)\n : this.cardTitle)))), this.cardSubtitle &&\n this.cardType !== \"mini\" &&\n !this.hasHeaderSlot ? (h(\"div\", { class: \"card__header--right\" }, h(\"div\", { class: \"subtitle-wrapper\" }, this.renderCardSubtitle()), this.subtitleIcon ? (h(\"gxg-icon\", { type: this.subtitleIcon, color: this.subtitleColor })) : null)) : null, this.hasHeaderSlot ? (h(\"div\", { class: \"card__header--right\" }, h(\"slot\", { name: \"header\" }))) : null)) : null, this.hasSlot ? (h(\"div\", { class: \"content\" }, h(\"slot\", null))) : null)));\n }\n static get is() { return \"gxg-card\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"card.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"card.css\"]\n };\n }\n static get properties() {\n return {\n \"elevation\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"elevation\",\n \"resolved\": \"\\\"m\\\" \| \\\"xs\\\"\",\n \"references\": {\n \"elevation\": {\n \"location\": \"local\",\n \"path\": \"/home/circleci/repo/src/components/card/card.tsx\",\n \"id\": \"src/components/card/card.tsx::elevation\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The card box-shadow\"\n },\n \"attribute\": \"elevation\",\n \"reflect\": true,\n \"defaultValue\": \"\\\"xs\\\"\"\n },\n \"background\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"background\",\n \"resolved\": \"\\\"gray-01\\\" \| \\\"white\\\"\",\n \"references\": {\n \"background\": {\n \"location\": \"local\",\n \"path\": \"/home/circleci/repo/src/components/card/card.tsx\",\n \"id\": \"src/components/card/card.tsx::background\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The background color\"\n },\n \"attribute\": \"background\",\n \"reflect\": true,\n \"defaultValue\": \"\\\"white\\\"\"\n },\n \"padding\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"padding\",\n \"resolved\": \"\\\"0\\\" \| \\\"l\\\" \| \\\"m\\\" \| \\\"s\\\" \| \\\"xl\\\" \| \\\"xs\\\" \| \\\"xxl\\\" \| \\\"xxxl\\\"\",\n \"references\": {\n \"padding\": {\n \"location\": \"local\",\n \"path\": \"/home/circleci/repo/src/components/card/card.tsx\",\n \"id\": \"src/components/card/card.tsx::padding\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The card padding\"\n },\n \"attribute\": \"padding\",\n \"reflect\": true,\n \"defaultValue\": \"\\\"xs\\\"\"\n },\n \"minHeight\": {\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 component min. height\"\n },\n \"attribute\": \"min-height\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"auto\\\"\"\n },\n \"height\": {\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 component height\"\n },\n \"attribute\": \"height\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"auto\\\"\"\n },\n \"maxWidth\": {\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 component max. width\"\n },\n \"attribute\": \"max-width\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"100%\\\"\"\n },\n \"noShadow\": {\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\": \"Disables box-shadow\"\n },\n \"attribute\": \"no-shadow\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"noBorder\": {\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\": \"Removes border\"\n },\n \"attribute\": \"no-border\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"hiChar\": {\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 allows to highlight any character on the card title, or subtitle.\"\n },\n \"attribute\": \"hi-char\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"filterValue\": {\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 is the filter value needed for hiChar.\"\n },\n \"attribute\": \"filter-value\",\n \"reflect\": false\n },\n \"noPaddingTop\": {\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\": \"Remove padding from the top (applies only for the \\\"section\\\" card type)\"\n },\n \"attribute\": \"no-padding-top\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"cardTitle\": {\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\": \"An optional title\"\n },\n \"attribute\": \"card-title\",\n \"reflect\": false\n },\n \"noHeaderBorder\": {\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\": \"Removes the header border\"\n },\n \"attribute\": \"no-header-border\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"titleSemibold\": {\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\": \"Card title semibold\"\n },\n \"attribute\": \"title-semibold\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"cardSubtitle\": {\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\": \"An optional subtitle\"\n },\n \"attribute\": \"card-subtitle\",\n \"reflect\": false\n },\n \"subtitleLink\": {\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\": \"An optional subtitle link\"\n },\n \"attribute\": \"subtitle-link\",\n \"reflect\": false\n },\n \"subtitleIcon\": {\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\": \"An optional subtitle icon\"\n },\n \"attribute\": \"subtitle-icon\",\n \"reflect\": false\n },\n \"cardType\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"CardType\",\n \"resolved\": \"\\\"article\\\" \| \\\"mini\\\" \| \\\"section\\\"\",\n \"references\": {\n \"CardType\": {\n \"location\": \"local\",\n \"path\": \"/home/circleci/repo/src/components/card/card.tsx\",\n \"id\": \"src/components/card/card.tsx::CardType\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The card type (only for mercury)\"\n },\n \"attribute\": \"card-type\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"section\\\"\"\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\": \"The card type (only for mercury)\"\n },\n \"attribute\": \"icon\",\n \"reflect\": false\n },\n \"iconColor\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"Color\",\n \"resolved\": \"\\\"alwaysblack\\\" \| \\\"auto\\\" \| \\\"disabled\\\" \| \\\"error\\\" \| \\\"indeterminate\\\" \| \\\"mercury\\\" \| \\\"mercury-neutral\\\" \| \\\"mercury-on-primary\\\" \| \\\"mercury-on-surface\\\" \| \\\"mercury-primary\\\" \| \\\"mercury-primary-disabled\\\" \| \\\"mercury-text-on-message\\\" \| \\\"negative\\\" \| \\\"onbackground\\\" \| \\\"ondisabled\\\" \| \\\"primary-active\\\" \| \\\"primary-enabled\\\" \| \\\"primary-hover\\\" \| \\\"success\\\" \| \\\"warning\\\"\",\n \"references\": {\n \"Color\": {\n \"location\": \"import\",\n \"path\": \"../icon/icon\",\n \"id\": \"src/components/icon/icon.tsx::Color\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The icon color\"\n },\n \"attribute\": \"icon-color\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"auto\\\"\"\n },\n \"subtitleColor\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"Color\",\n \"resolved\": \"\\\"alwaysblack\\\" \| \\\"auto\\\" \| \\\"disabled\\\" \| \\\"error\\\" \| \\\"indeterminate\\\" \| \\\"mercury\\\" \| \\\"mercury-neutral\\\" \| \\\"mercury-on-primary\\\" \| \\\"mercury-on-surface\\\" \| \\\"mercury-primary\\\" \| \\\"mercury-primary-disabled\\\" \| \\\"mercury-text-on-message\\\" \| \\\"negative\\\" \| \\\"onbackground\\\" \| \\\"ondisabled\\\" \| \\\"primary-active\\\" \| \\\"primary-enabled\\\" \| \\\"primary-hover\\\" \| \\\"success\\\" \| \\\"warning\\\"\",\n \"references\": {\n \"Color\": {\n \"location\": \"import\",\n \"path\": \"../icon/icon\",\n \"id\": \"src/components/icon/icon.tsx::Color\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The icon color\"\n },\n \"attribute\": \"subtitle-color\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"auto\\\"\"\n },\n \"editableTitle\": {\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\": \"It makes the title editable (only for mercury)\"\n },\n \"attribute\": \"editable-title\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"actionable\": {\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\": \"It applies a different style on hover. Useful when the card is actionable (has an action attached to the click event).\"\n },\n \"attribute\": \"actionable\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"displayHeaderSlot\": {\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 way to force header slot evaluation.\"\n },\n \"attribute\": \"display-header-slot\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n }\n };\n }\n static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=card.js.map\n"],"version":3}

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

@@ -22,6 +22,9 @@ const ChGridColumn = /*@__PURE__*/ proxyCustomElement(class ChGridColumn extends
             });
             eventInfo.stopPropagation();
         };
+        this.selectorTouchEndHandler = (eventInfo) => {
+            eventInfo.stopPropagation();
+        };
         super();
         this.__registerHost();
         this.__attachShadow();
@@ -163,7 +166,7 @@ const ChGridColumn = /*@__PURE__*/ proxyCustomElement(class ChGridColumn extends
     renderSelector() {
         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]
                 .filter(part => part !== "")
-                .join(" "), onClick: this.selectorClickHandler, checked: this.richRowSelectorState === "checked", indeterminate: this.richRowSelectorState === "indeterminate" }))));
+                .join(" "), onClick: this.selectorClickHandler, onTouchEnd: this.selectorTouchEndHandler, checked: this.richRowSelectorState === "checked", indeterminate: this.richRowSelectorState === "indeterminate" }))));
     }
     renderName() {
         return (h("li", { class: "name", part: "bar-name", title: this.columnTooltip ||

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}