@genexus/genexus-ide-ui 0.0.45 → 0.0.47
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.
- package/dist/cjs/{ch-tree-x_3.cjs.entry.js → ch-checkbox_4.cjs.entry.js} +249 -184
- package/dist/cjs/ch-global-stylesheet-0e78f960.js +20 -0
- package/dist/cjs/ch-grid-action-refresh_6.cjs.entry.js +43 -37
- package/dist/cjs/ch-grid-infinite-scroll.cjs.entry.js +57 -0
- package/dist/cjs/ch-grid-virtual-scroller.cjs.entry.js +31 -25
- package/dist/cjs/ch-grid_8.cjs.entry.js +30 -21
- package/dist/cjs/ch-style.cjs.entry.js +5 -5
- package/dist/cjs/ch-suggest_4.cjs.entry.js +1 -1
- package/dist/cjs/ch-test-tree-x.cjs.entry.js +26 -6
- package/dist/cjs/ch-window_2.cjs.entry.js +2 -2
- package/dist/cjs/{common-facb7f18.js → common-5d08e273.js} +10 -4
- package/dist/cjs/genexus-ide-ui.cjs.js +1 -1
- package/dist/cjs/gx-ide-container_5.cjs.entry.js +2 -2
- package/dist/cjs/gx-ide-create-kb-from-server.cjs.entry.js +2 -2
- package/dist/cjs/gx-ide-entity-selector_2.cjs.entry.js +2 -2
- package/dist/cjs/gx-ide-new-environment.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-new-kb.cjs.entry.js +40 -55
- package/dist/cjs/gx-ide-new-object.cjs.entry.js +1 -4
- package/dist/cjs/gx-ide-team-dev-select-recent-comment.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-ww-images.cjs.entry.js +1 -1
- package/dist/cjs/gxg-button.cjs.entry.js +1 -1
- package/dist/cjs/gxg-combo-box_2.cjs.entry.js +39 -42
- package/dist/cjs/gxg-drop-down.cjs.entry.js +1 -1
- package/dist/cjs/gxg-form-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/gxg-form-text.cjs.entry.js +3 -2
- package/dist/cjs/gxg-form-textarea.cjs.entry.js +1 -1
- package/dist/cjs/gxg-label_2.cjs.entry.js +1 -1
- package/dist/cjs/gxg-list-box_2.cjs.entry.js +71 -60
- package/dist/cjs/gxg-menu-slim-item.cjs.entry.js +1 -1
- package/dist/cjs/gxg-option.cjs.entry.js +1 -1
- package/dist/cjs/gxg-select.cjs.entry.js +1 -1
- package/dist/cjs/gxg-test.cjs.entry.js +86 -79
- package/dist/cjs/gxg-tree-view.cjs.entry.js +342 -0
- package/dist/cjs/gxg-tree_2.cjs.entry.js +1 -1
- package/dist/cjs/{helpers-8845f008.js → helpers-291cb1cb.js} +10 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +2 -0
- package/dist/collection/common/common.js +10 -4
- package/dist/collection/components/container/container.css +5 -0
- package/dist/collection/components/create-kb-from-server/create-kb-from-server.js +1 -1
- package/dist/collection/components/entity-selector/entity-selector.css +1 -1
- package/dist/collection/components/new-kb/gx-ide-assets/new-kb/langs/new-kb.lang.en.json +50 -10
- package/dist/collection/components/new-kb/new-kb.js +39 -54
- package/dist/collection/components/new-object/new-object.js +1 -4
- package/dist/collection/components/team-dev-select-recent-comment/team-dev-select-recent-comment.js +1 -1
- package/dist/components/button.js +1 -1
- package/dist/components/ch-global-stylesheet.js +14 -1
- package/dist/components/ch-grid-infinite-scroll.js +75 -0
- package/dist/components/ch-grid-rowset-legend.js +32 -1
- package/dist/components/ch-grid-virtual-scroller.js +32 -25
- package/dist/components/ch-grid2.js +30 -21
- package/dist/components/ch-paginator2.js +43 -37
- package/dist/components/ch-style.js +5 -5
- package/dist/components/ch-test-tree-x.js +29 -7
- package/dist/components/ch-window2.js +2 -2
- package/dist/components/combo-box-item.js +2 -2
- package/dist/components/combo-box.js +37 -41
- package/dist/components/common.js +10 -4
- package/dist/components/container.js +1 -1
- package/dist/components/date-picker.js +1 -1
- package/dist/components/entity-selector.js +1 -1
- package/dist/components/form-checkbox.js +1 -1
- package/dist/components/form-text.js +3 -2
- package/dist/components/form-textarea.js +1 -1
- package/dist/components/gx-ide-create-kb-from-server.js +1 -1
- package/dist/components/gx-ide-new-kb.js +40 -55
- package/dist/components/gx-ide-new-object.js +1 -4
- package/dist/components/gx-ide-team-dev-select-recent-comment.js +1 -1
- package/dist/components/gxg-drop-down.js +1 -1
- package/dist/components/gxg-label2.js +1 -1
- package/dist/components/gxg-menu-slim-item.js +1 -1
- package/dist/components/gxg-option.js +1 -1
- package/dist/components/gxg-select.js +1 -1
- package/dist/components/gxg-test.js +106 -145
- package/dist/components/gxg-tree-item2.js +1 -1
- package/dist/components/gxg-tree-view.js +393 -0
- package/dist/components/helpers.js +10 -1
- package/dist/components/index.js +2 -0
- package/dist/components/list-box-item.js +15 -18
- package/dist/components/list-box.js +58 -46
- package/dist/components/suggest.js +1 -1
- package/dist/components/tab-button.js +1 -1
- package/dist/components/tree-x-list-item.js +42 -48
- package/dist/components/tree-x-list.js +2 -51
- package/dist/components/tree-x.js +124 -91
- package/dist/esm/{ch-tree-x_3.entry.js → ch-checkbox_4.entry.js} +249 -185
- package/dist/esm/ch-global-stylesheet-4638bea5.js +16 -0
- package/dist/esm/ch-grid-action-refresh_6.entry.js +43 -37
- package/dist/esm/ch-grid-infinite-scroll.entry.js +53 -0
- package/dist/esm/ch-grid-virtual-scroller.entry.js +31 -25
- package/dist/esm/ch-grid_8.entry.js +30 -21
- package/dist/esm/ch-style.entry.js +5 -5
- package/dist/esm/ch-suggest_4.entry.js +1 -1
- package/dist/esm/ch-test-tree-x.entry.js +26 -6
- package/dist/esm/ch-window_2.entry.js +2 -2
- package/dist/esm/{common-a3df0966.js → common-ec35ec2f.js} +10 -4
- package/dist/esm/genexus-ide-ui.js +1 -1
- package/dist/esm/gx-ide-container_5.entry.js +2 -2
- package/dist/esm/gx-ide-create-kb-from-server.entry.js +2 -2
- package/dist/esm/gx-ide-entity-selector_2.entry.js +2 -2
- package/dist/esm/gx-ide-new-environment.entry.js +1 -1
- package/dist/esm/gx-ide-new-kb.entry.js +40 -55
- package/dist/esm/gx-ide-new-object.entry.js +1 -4
- package/dist/esm/gx-ide-team-dev-select-recent-comment.entry.js +1 -1
- package/dist/esm/gx-ide-ww-images.entry.js +1 -1
- package/dist/esm/gxg-button.entry.js +1 -1
- package/dist/esm/gxg-combo-box_2.entry.js +39 -42
- package/dist/esm/gxg-drop-down.entry.js +1 -1
- package/dist/esm/gxg-form-checkbox.entry.js +1 -1
- package/dist/esm/gxg-form-text.entry.js +3 -2
- package/dist/esm/gxg-form-textarea.entry.js +1 -1
- package/dist/esm/gxg-label_2.entry.js +1 -1
- package/dist/esm/gxg-list-box_2.entry.js +71 -60
- package/dist/esm/gxg-menu-slim-item.entry.js +1 -1
- package/dist/esm/gxg-option.entry.js +1 -1
- package/dist/esm/gxg-select.entry.js +1 -1
- package/dist/esm/gxg-test.entry.js +87 -80
- package/dist/esm/gxg-tree-view.entry.js +338 -0
- package/dist/esm/gxg-tree_2.entry.js +1 -1
- package/dist/esm/{helpers-56190205.js → helpers-1ecd5e26.js} +10 -1
- package/dist/esm/loader.js +1 -1
- package/dist/genexus-ide-ui/genexus-ide-ui.css +2 -2
- package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
- package/dist/genexus-ide-ui/gx-ide-assets/new-kb/langs/new-kb.lang.en.json +50 -10
- package/dist/genexus-ide-ui/p-052744b8.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-9014609e.entry.js → p-059830b9.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-e5a3e3b9.entry.js → p-282b73f8.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-6da13f78.entry.js → p-2aeae374.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-437069b0.entry.js +1 -0
- package/dist/genexus-ide-ui/p-447c3a31.entry.js +1 -0
- package/dist/genexus-ide-ui/p-4ff84cb2.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-c38c6957.entry.js → p-54d15f4d.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-5c0cb73d.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-0141cbce.entry.js → p-5cb871e3.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-a82042ee.entry.js → p-64cbe277.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-50c603e6.entry.js → p-7c88194a.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-7dbe195c.entry.js +1 -0
- package/dist/genexus-ide-ui/p-8c4b08ea.entry.js +1 -0
- package/dist/genexus-ide-ui/p-93b1e1e9.entry.js +1 -0
- package/dist/genexus-ide-ui/p-98c6b820.entry.js +1 -0
- package/dist/genexus-ide-ui/p-9aa2dd17.entry.js +1 -0
- package/dist/genexus-ide-ui/p-9ba292a0.entry.js +1 -0
- package/dist/genexus-ide-ui/p-a2fa3132.entry.js +1 -0
- package/dist/genexus-ide-ui/p-b374d112.js +1 -0
- package/dist/genexus-ide-ui/p-b5dc509f.entry.js +1 -0
- package/dist/genexus-ide-ui/p-b8d5c561.js +1 -0
- package/dist/genexus-ide-ui/p-c0edbeb5.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-f1116ac5.entry.js → p-cbeac1ab.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-cd5482fa.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-6c825ffc.entry.js → p-ce7a7b5f.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-d02f6ce4.entry.js +1 -0
- package/dist/genexus-ide-ui/p-d30c5a8e.entry.js +1 -0
- package/dist/genexus-ide-ui/p-d312fe25.entry.js +1 -0
- package/dist/genexus-ide-ui/p-d557b2fe.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-72e1b9d5.entry.js → p-e586d05e.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-e6ae0460.entry.js +1 -0
- package/dist/genexus-ide-ui/p-eb8f4ad5.js +1 -0
- package/dist/genexus-ide-ui/p-eddf8a1e.entry.js +1 -0
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/grid/grid-infinite-scroll/ch-grid-infinite-scroll.css +9 -0
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/test/test-tree-x.css +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/button/button.css +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/combo-box-item/combo-box-item.css +9 -5
- package/dist/node_modules/@genexus/gemini/dist/collection/components/date-picker/date-picker.css +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/drop-down/drop-down.css +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-checkbox/form-checkbox.css +3 -3
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-option/option.css +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-select/select.css +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-text/form-text.css +7 -7
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-textarea/form-textarea.css +3 -3
- package/dist/node_modules/@genexus/gemini/dist/collection/components/label/gxg-label.css +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/list-box/list-box.css +16 -9
- package/dist/node_modules/@genexus/gemini/dist/collection/components/list-box-item/list-box-item.css +27 -9
- package/dist/node_modules/@genexus/gemini/dist/collection/components/menu-slim/item/item.css +6 -6
- package/dist/node_modules/@genexus/gemini/dist/collection/components/suggest/styles.css +5 -5
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tab-button/tab-button.css +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tree-item/gxg-tree-item.css +4 -4
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tree-view/tree-view.css +49 -0
- package/dist/types/common/common.d.ts +1 -1
- package/dist/types/components/new-kb/new-kb.d.ts +0 -9
- package/package.json +3 -3
- package/dist/cjs/ch-checkbox.cjs.entry.js +0 -93
- package/dist/cjs/ch-global-stylesheet-145c4b20.js +0 -5
- package/dist/components/ch-grid-rowset-legend2.js +0 -34
- package/dist/esm/ch-checkbox.entry.js +0 -89
- package/dist/esm/ch-global-stylesheet-f8bbf095.js +0 -3
- package/dist/genexus-ide-ui/p-04f69ecc.entry.js +0 -1
- package/dist/genexus-ide-ui/p-080f6c41.js +0 -1
- package/dist/genexus-ide-ui/p-1ccf523f.entry.js +0 -1
- package/dist/genexus-ide-ui/p-24f47ee2.entry.js +0 -1
- package/dist/genexus-ide-ui/p-28d0afda.entry.js +0 -1
- package/dist/genexus-ide-ui/p-44964acf.js +0 -1
- package/dist/genexus-ide-ui/p-4b7f7425.entry.js +0 -1
- package/dist/genexus-ide-ui/p-597a1d43.entry.js +0 -1
- package/dist/genexus-ide-ui/p-6afc6187.entry.js +0 -1
- package/dist/genexus-ide-ui/p-70489f0c.entry.js +0 -1
- package/dist/genexus-ide-ui/p-84e91b37.entry.js +0 -1
- package/dist/genexus-ide-ui/p-87e8eb72.js +0 -1
- package/dist/genexus-ide-ui/p-8bf7f0e1.entry.js +0 -1
- package/dist/genexus-ide-ui/p-8c2ab053.entry.js +0 -1
- package/dist/genexus-ide-ui/p-917c5696.entry.js +0 -1
- package/dist/genexus-ide-ui/p-92e84fcc.entry.js +0 -1
- package/dist/genexus-ide-ui/p-9dc36eb3.entry.js +0 -1
- package/dist/genexus-ide-ui/p-ad9fdfdf.entry.js +0 -1
- package/dist/genexus-ide-ui/p-bb1809cb.entry.js +0 -1
- package/dist/genexus-ide-ui/p-c056d050.entry.js +0 -1
- package/dist/genexus-ide-ui/p-c6ad49cc.entry.js +0 -1
- package/dist/genexus-ide-ui/p-e1cd9135.entry.js +0 -1
- package/dist/genexus-ide-ui/p-f28601c2.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,H as r,g as o}from"./p-976c3a09.js";import{e as a}from"./p-d8501cb4.js";const n=class{constructor(e){t(this,e),this.treeItemStateChanged=i(this,"treeItemStateChanged",7),this.masterTree=!1,this.checkbox=!0,this.checked=!1,this.opened=!0,this.toggleCheckboxes=!1,this.multiSelection=!1,this.evaluateIsMasterTree=()=>{var t;const i=null===(t=this.el.parentElement)||void 0===t?void 0:t.parentElement;void 0!==i&&"GXG-TREE"===i.nodeName||(this.masterTree=!0)},this.initialConfig=()=>{const t=this.el.parentElement;if("GXG-TREE-ITEM"===(null==t?void 0:t.tagName)){const i=t;this.checkbox=void 0!==i.checkbox?i.checkbox:this.checkbox,this.checked=void 0!==i.checked?i.checked:this.checked,this.opened=void 0!==i.opened?i.opened:this.opened,this.toggleCheckboxes=void 0!==i.toggleCheckboxes?i.toggleCheckboxes:this.toggleCheckboxes}},this.emitTreeItemNewState=(t,i)=>{this.treeItemStateChanged.emit({itemData:t,emittedBy:i})}}componentWillLoad(){this.initialConfig(),this.evaluateIsMasterTree()}checkboxToggledHandler(t){this.masterTree&&this.emitTreeItemNewState(t.detail,"checkboxToggled")}doubleClickedHandler(t){this.masterTree&&this.emitTreeItemNewState(t.detail,"doubleClicked")}selectionChangedHandler(t){const i=this.el.querySelectorAll("gxg-tree-item");(this.masterTree&&this.multiSelection&&!t.detail.ctrl||this.masterTree&&!this.multiSelection)&&Array.from(i).forEach((i=>{i!==t.detail.ref&&(i.selected=!1)})),this.masterTree&&this.emitTreeItemNewState(t.detail,"selectionChanged")}toggleIconClickedHandler(t){this.masterTree&&this.emitTreeItemNewState(t.detail,"toggleIconClicked")}async getCheckedItems(t){const i=Array.from(this.el.querySelectorAll("gxg-tree-item")),e=[];return(null==t?void 0:t.length)?t.forEach((t=>{const r=i.find((i=>t===i.id));r&&e.push({id:r.id,label:r.label,checked:r.checked,selected:r.selected})})):i.forEach((t=>{t.checked&&e.push({id:t.id,label:t.label,checked:t.checked,selected:t.selected})})),e}async getSelectedItems(){const t=[],i=this.el.querySelectorAll("gxg-tree-item");return(null==i?void 0:i.length)&&Array.from(i).forEach((i=>{i.selected&&t.push({id:i.id,label:i.label,checked:i.checked,selected:i.selected})})),t}async toggleItems(t,i){if(!(null==t?void 0:t.length))return[];const e=Array.from(this.el.querySelectorAll("gxg-tree-item")),r=[];return t.forEach((t=>{const o=e.find((i=>t===i.id));o&&void 0===i?o.opened=!o.opened:o&&i&&!o.opened?o.opened=!0:o&&!i&&o.opened&&(o.opened=!1),o&&r.push({id:o.id,opened:o.opened})})),r}render(){return e(r,null,e("div",{class:{tree:!0}},e("ul",{ref:t=>this.ulTree=t},e("slot",null))))}get el(){return o(this)}};n.style=":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host{display:block;--gxg-tree-item-inner-spacing:var(--spacing-comp-01);overflow:auto;height:100%}:host::-webkit-scrollbar{width:6px;height:6px}:host::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}:host::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}:host::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host ul{margin:0;padding-left:0;width:100%}";const l=class{constructor(e){t(this,e),this.checkboxToggled=i(this,"checkboxToggled",7),this.doubleClicked=i(this,"doubleClicked",7),this.lazyChanged=i(this,"lazyChanged",7),this.selectionChanged=i(this,"selectionChanged",7),this.toggleIconClicked=i(this,"toggleIconClicked",7),this.lazy=!1,this.parentTreeIsMasterTree=!1,this.numberOfParentTrees=1,this.firstItem=!1,this.lastItem=!1,this.leftPadding="0px",this.verticalLineStartPosition="0px",this.horizontalLineWidth="24px",this.horizontalLineStartPosition="0px",this.parts={item:"item",checkbox:"checkbox",toggleButton:"toggle-button"},this.horizontalLinePaddingLeft=0,this.lastTreeItem=!1,this.lastTreeItemOfParentTree=!1,this.numberOfVisibleDescendantItems=0,this.time=0,this.downloading=!1,this.checkbox=void 0,this.checked=void 0,this.opened=void 0,this.toggleCheckboxes=void 0,this.disabled=void 0,this.leaf=!1,this.selected=!1,this.numberOfChildren=0,this.hasChildTree=!1,this.indeterminate=!1,this.evaluateId=()=>{this.id||(this.id=this.el.getAttribute("id"))},this.evaluateLazy=()=>{this.leaf||0!==this.numberOfChildren||(this.lazy=!0,this.opened=!1)},this.observer=new MutationObserver((t=>{for(const i of t)"childList"===i.type&&(this.lazy=!1,this.opened=!0,this.reRender())})),this.initiateMutationObserver=()=>{this.observer.observe(this.el,{childList:!0,subtree:!0})},this.cascadeConfig=()=>{const t=this.el.parentElement;this.checkbox=void 0!==this.checkbox?this.checkbox:t.checkbox,this.checked=void 0!==this.checked?this.checked:t.checked,this.opened=void 0!==this.opened?this.opened:t.opened,this.toggleCheckboxes=void 0!==this.toggleCheckboxes?this.toggleCheckboxes:t.checkbox},this.attachExportParts=()=>{const t=this.el.getAttribute("part"),i=a(t,this.parts);i.length&&(this.exportparts=i)},this.defineLineHeight=()=>{let t=11.5;this.parentTreeIsMasterTree&&(t=0,this.lastItem&&(t=11));let i=0;if(!this.leaf&&!this.lazy){const t=this.el.querySelectorAll("gxg-tree-item").length,e=this.el.querySelector(":scope > gxg-tree").querySelectorAll(":scope > gxg-tree-item");i=this.parentTreeIsMasterTree?t:t-e[e.length-1].querySelectorAll("gxg-tree-item").length}this.lineHeight=24.2*i-t+"px"},this.defineStartPosition=()=>{let t=0,i=13;this.numberOfParentTrees>1?(t=45*(this.numberOfParentTrees-1),this.numberOfParentTrees>2&&(i=t-36)):t=5,this.verticalLineStartPosition=`${t+7}px`,this.leftPadding=`${t}px`,this.horizontalLineStartPosition=`${i}px`},this.liTextClickedHandler=t=>{t.target.classList.contains("toggle-icon")||"GXG-FORM-CHECKBOX"===t.target.nodeName||(this.selected=!t.ctrlKey||!this.selected,this.selectionChanged.emit(this.getItemData(t.ctrlKey)))},this.liTextDoubleClicked=()=>{this.doubleClicked.emit(this.getItemData(!1)),!this.leaf&&this.toggleClickedHandler()},this.liTextKeyDownPressed=t=>{if("ArrowDown"!==t.key&&"ArrowUp"!==t.key||t.preventDefault(),"Enter"===t.key&&this.checkboxClickedHandler(),"ArrowRight"!==t.key||this.leaf||(this.opened?this.el.querySelector("gxg-tree").querySelector("gxg-tree-item").shadowRoot.querySelector(".li-text").focus():this.opened=!0),"ArrowLeft"===t.key){let t=!1;const i=this.el.parentElement.parentElement;let e=null;"GXG-TREE-ITEM"===i.tagName&&(t=!0,e=i.shadowRoot.querySelector(".li-text")),this.leaf?t&&e.focus():this.el.shadowRoot.querySelector("li").classList.contains("tree-open")?this.opened=!1:t&&e.focus()}if(("ArrowUp"===t.key||"Tab"===t.key&&t.shiftKey)&&(t.preventDefault(),!this.firstItem)){let i;const e=this.el.previousElementSibling;if(t.shiftKey&&"Tab"!==t.key)null!==e&&(i=e.shadowRoot.querySelector("li .li-text"));else if(null===e)i=this.el.parentElement.parentElement.shadowRoot.querySelector("li .li-text");else if(i=e.shadowRoot.querySelector("li .li-text"),null!==e&&e.hasChildTree)if(e.opened){const t=this.el.previousElementSibling.querySelector("gxg-tree");i=t.lastElementChild.hasChildTree&&t.lastElementChild.shadowRoot.querySelector("li").classList.contains("tree-open")?t.lastElementChild.querySelector("gxg-tree").lastElementChild.shadowRoot.querySelector("li .li-text"):t.lastElementChild.shadowRoot.querySelector("li .li-text")}else i=this.el.previousElementSibling.shadowRoot.querySelector("li .li-text");null!=i&&i.focus()}if("ArrowDown"===t.key||"Tab"===t.key&&!t.shiftKey)if(t.preventDefault(),this.lastTreeItemOfParentTree)!this.leaf&&this.opened&&this.el.firstElementChild.firstElementChild.shadowRoot.querySelector("li .li-text").focus();else{let i;if(t.shiftKey)null!==this.el.nextElementSibling&&(i=this.el.nextElementSibling.shadowRoot.querySelector("li .li-text"));else if(this.lastTreeItem)if(this.hasChildTree&&this.opened)i=this.el.firstElementChild.firstElementChild.shadowRoot.querySelector(".li-text");else{const t=this.el.parentElement.parentElement,e=t.nextElementSibling;null===e?null!==t.parentElement.parentElement.nextElementSibling&&(i=t.parentElement.parentElement.nextElementSibling.shadowRoot.querySelector(".li-text")):i=e.shadowRoot.querySelector(".li-text")}else i=this.hasChildTree&&this.opened?this.el.querySelector("gxg-tree gxg-tree-item").shadowRoot.querySelector("li .li-text"):this.el.nextElementSibling.shadowRoot.querySelector(".li-text");null!=i&&i.focus()}},this.returnToggleIconType=()=>!this.opened||this.lazy?"gemini-tools/add":"gemini-tools/minus",this.checkboxClickedHandler=()=>{this.checkbox&&(this.checked=!this.checked,this.leaf||this.toggleChildrenCheckboxes(this.checked),this.getParentItems().forEach((t=>{t.evaluateCheckboxStatus()})))},this.toggleChildrenCheckboxes=t=>{this.indeterminate=!1;const i=this.el.querySelectorAll("gxg-tree-item");(null==i?void 0:i.length)&&Array.from(i).forEach((i=>{i.indeterminate=!1,i.checked=t}))},this.getParentItems=()=>{var t;const i=[];let e=this.el.parentElement.parentElement;for(;"GXG-TREE-ITEM"===(null==e?void 0:e.nodeName);)i.push(e),e=null===(t=e.parentElement)||void 0===t?void 0:t.parentElement;return i},this.getParentsNumber=()=>{var t;let i=0,e=this.el.parentElement;for(;"GXG-TREE"===(null==e?void 0:e.nodeName);)i++,e=null===(t=e.parentElement)||void 0===t?void 0:t.parentElement;return i},this.getChildrenNumber=()=>{if(0===this.numberOfChildren)return this.el.querySelectorAll("gxg-tree-item").length},this.toggleClickedHandler=()=>{this.lazy&&!this.opened&&(this.downloading=!0,this.toggleIconClicked.emit(this.getItemData())),this.lazy||(this.opened=!this.opened)},this.getItemData=(t=!1)=>({ref:this.el,checkbox:this.checkbox,checked:this.checked,ctrl:t,description:this.description,disabled:this.disabled,icon:this.icon,id:this.id,indeterminate:this.indeterminate,label:this.label,lazy:this.lazy,leaf:this.leaf,opened:this.opened,selected:this.selected})}checkedHandler(t,i){void 0!==i&&this.checkboxToggled.emit(this.getItemData(!1))}openedHandler(t,i){void 0!==i&&this.toggleIconClicked.emit(this.getItemData(!1))}componentWillLoad(){this.numberOfParentTrees=this.getParentsNumber(),this.numberOfChildren=this.getChildrenNumber(),null===this.el.nextElementSibling&&(this.lastTreeItem=!0),1===this.numberOfParentTrees&&(this.parentTreeIsMasterTree=!0,null===this.el.previousElementSibling&&(this.firstItem=!0)),this.el.nextElementSibling||(this.lastItem=!0),this.evaluateId(),this.evaluateLazy(),this.defineLineHeight(),this.defineStartPosition(),this.cascadeConfig(),this.attachExportParts(),this.initiateMutationObserver()}async reRender(){this.defineLineHeight()}evaluateCheckboxStatus(){const t=this.el.querySelectorAll("gxg-tree-item");let i=0;(null==t?void 0:t.length)&&(Array.from(t).forEach((t=>{t.checked&&i++})),t.length===i?(this.checked=!0,this.indeterminate=!1):0===i?(this.checked=!1,this.indeterminate=!1):this.indeterminate=!0)}render(){return e(r,{class:{leaf:this.leaf,"not-leaf":!this.leaf},exportParts:this.exportparts?this.exportparts:null},e("li",{class:{"tree-open":this.opened,"tree-closed":!this.opened,disabled:this.disabled}},e("div",{class:{"li-text":!0,"li-text--not-leaf":!this.leaf,"li-text--leaf":this.leaf,"li-text--first-tree-item":this.firstItem,"li-text--has-child-tree":this.hasChildTree,"li-text--selected":this.selected},style:{paddingLeft:this.leftPadding},onClick:this.liTextClickedHandler.bind(this),onDblClick:this.liTextDoubleClicked.bind(this),onKeyDown:this.liTextKeyDownPressed.bind(this),tabIndex:-1,part:this.parts.item},this.leaf?null:[e("span",{class:{"vertical-line":!0},style:{height:this.lineHeight,left:this.verticalLineStartPosition}}),e("div",{class:{"closed-opened-icons":!0}},e("gxg-icon",{onClick:this.toggleClickedHandler.bind(this),type:this.returnToggleIconType(),color:"auto",class:"icon toggle-icon",part:this.parts.toggleButton}))],this.numberOfParentTrees>1?e("span",{class:{"horizontal-line":!0},style:{left:this.horizontalLineStartPosition,width:this.horizontalLineWidth}}):null,this.checkbox?e("gxg-form-checkbox",{checked:this.checked,class:{checkbox:!0},tabIndex:-1,indeterminate:this.indeterminate,disabled:this.disabled,onClick:this.checkboxClickedHandler,part:this.parts.checkbox}):null,this.icon?e("gxg-icon",{type:this.icon,color:"auto",class:"icon icon--left",style:{"--icon-size":"14px"}}):null,this.downloading&&this.lazy?e("span",{class:"loading"}):null,e("span",{class:"text"},e("slot",null))),e("slot",{name:"tree"}),this.treeModel?this.treeModel:null))}static get assetsDirs(){return["tree-item-assets"]}get el(){return o(this)}static get watchers(){return{checked:["checkedHandler"],opened:["openedHandler"]}}};l.style='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host{--text-color:var(--color-on-background);--font-family:"Source Sans Pro", sans-serif;--font-weight:normal;--font-size:12px;--guide-color:var(--gray-06);--item-hover-color:var(--gray-01);--item-active-color:var(--silverGray);color:var(--color-on-background);width:100%;display:block}:host li{list-style:none;font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight);color:var(--text-color);overflow:hidden}:host li>::slotted(gxg-tree){display:none}:host li.tree-open>::slotted(gxg-tree){display:block}:host li.tree-closed .vertical-line{display:none}:host li .li-text{min-height:24px;cursor:pointer;display:flex;align-items:center;position:relative;padding-inline-end:var(--spacing-comp-01)}:host li .li-text:hover{background-color:var(--item-hover-color)}:host li .li-text:active{background-color:var(--gxg-background-color-item-selected)}:host li .li-text:focus{outline-style:solid;outline-color:var(--color-primary-active);outline-width:var(--border-width-md);outline-offset:-2px}:host li .li-text--selected{background-color:var(--gxg-background-color-item-selected)}:host li .li-text>*{flex-shrink:0}:host li .vertical-line{position:absolute;width:1px;height:0;top:23px;left:15px;z-index:1;background-image:linear-gradient(var(--guide-color) 28%, rgba(255, 255, 255, 0) 0%);background-position:right;background-size:1px 4px;background-repeat:repeat-y}:host li .horizontal-line{position:absolute;height:1px;top:11px;z-index:1;background-image:linear-gradient(to right, var(--guide-color) 33%, rgba(255, 255, 255, 0) 0%);background-position:bottom;background-size:3px 1px;background-repeat:repeat-x}:host li .horizontal-line.display-none{display:none}:host li .closed-opened-icons{position:relative;display:flex;margin-left:-2px}:host li .toggle-icon{position:relative;z-index:2;transform:scale(0.75, 0.75);margin-inline-end:var(--spacing-comp-00);transition-property:opacity;transition-duration:0.5s;transition-timing-function:ease;background-color:var(--color-hover)}:host li .toggle-icon:hover{background-color:var(--color-background)}:host .checkbox{margin-inline-end:var(--spacing-comp-01)}:host .icon--left{margin:0 var(--spacing-comp-01) 0 var(--spacing-comp-00)}:host .right-icon{margin-inline-start:auto;position:relative;top:0;transition-property:top;transition-duration:0.5s;transition-timing-function:ease}:host .loading{opacity:1;display:inline;z-index:1;margin-inline-end:var(--spacing-comp-01);border-radius:50%;width:8px;height:8px;border:0.18rem solid var(--gray-04);border-top-color:var(--gray-01);animation:spin 1s infinite linear}:host .loading--double{border-style:double;border-width:0.5rem}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host([disabled]) li .text{color:var(--darkGray)}:host([disabled]) .toggle-icon{pointer-events:none}';export{n as gxg_tree,l as gxg_tree_item}
|
|
1
|
+
import{r as t,c as i,h as e,H as r,g as o}from"./p-976c3a09.js";import{e as a}from"./p-d8501cb4.js";const n=class{constructor(e){t(this,e),this.treeItemStateChanged=i(this,"treeItemStateChanged",7),this.masterTree=!1,this.checkbox=!0,this.checked=!1,this.opened=!0,this.toggleCheckboxes=!1,this.multiSelection=!1,this.evaluateIsMasterTree=()=>{var t;const i=null===(t=this.el.parentElement)||void 0===t?void 0:t.parentElement;void 0!==i&&"GXG-TREE"===i.nodeName||(this.masterTree=!0)},this.initialConfig=()=>{const t=this.el.parentElement;if("GXG-TREE-ITEM"===(null==t?void 0:t.tagName)){const i=t;this.checkbox=void 0!==i.checkbox?i.checkbox:this.checkbox,this.checked=void 0!==i.checked?i.checked:this.checked,this.opened=void 0!==i.opened?i.opened:this.opened,this.toggleCheckboxes=void 0!==i.toggleCheckboxes?i.toggleCheckboxes:this.toggleCheckboxes}},this.emitTreeItemNewState=(t,i)=>{this.treeItemStateChanged.emit({itemData:t,emittedBy:i})}}componentWillLoad(){this.initialConfig(),this.evaluateIsMasterTree()}checkboxToggledHandler(t){this.masterTree&&this.emitTreeItemNewState(t.detail,"checkboxToggled")}doubleClickedHandler(t){this.masterTree&&this.emitTreeItemNewState(t.detail,"doubleClicked")}selectionChangedHandler(t){const i=this.el.querySelectorAll("gxg-tree-item");(this.masterTree&&this.multiSelection&&!t.detail.ctrl||this.masterTree&&!this.multiSelection)&&Array.from(i).forEach((i=>{i!==t.detail.ref&&(i.selected=!1)})),this.masterTree&&this.emitTreeItemNewState(t.detail,"selectionChanged")}toggleIconClickedHandler(t){this.masterTree&&this.emitTreeItemNewState(t.detail,"toggleIconClicked")}async getCheckedItems(t){const i=Array.from(this.el.querySelectorAll("gxg-tree-item")),e=[];return(null==t?void 0:t.length)?t.forEach((t=>{const r=i.find((i=>t===i.id));r&&e.push({id:r.id,label:r.label,checked:r.checked,selected:r.selected})})):i.forEach((t=>{t.checked&&e.push({id:t.id,label:t.label,checked:t.checked,selected:t.selected})})),e}async getSelectedItems(){const t=[],i=this.el.querySelectorAll("gxg-tree-item");return(null==i?void 0:i.length)&&Array.from(i).forEach((i=>{i.selected&&t.push({id:i.id,label:i.label,checked:i.checked,selected:i.selected})})),t}async toggleItems(t,i){if(!(null==t?void 0:t.length))return[];const e=Array.from(this.el.querySelectorAll("gxg-tree-item")),r=[];return t.forEach((t=>{const o=e.find((i=>t===i.id));o&&void 0===i?o.opened=!o.opened:o&&i&&!o.opened?o.opened=!0:o&&!i&&o.opened&&(o.opened=!1),o&&r.push({id:o.id,opened:o.opened})})),r}render(){return e(r,null,e("div",{class:{tree:!0}},e("ul",{ref:t=>this.ulTree=t},e("slot",null))))}get el(){return o(this)}};n.style=":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host{display:block;--gxg-tree-item-inner-spacing:var(--spacing-comp-01);overflow:auto;height:100%}:host::-webkit-scrollbar{width:6px;height:6px}:host::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}:host::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}:host::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host ul{margin:0;padding-left:0;width:100%}";const l=class{constructor(e){t(this,e),this.checkboxToggled=i(this,"checkboxToggled",7),this.doubleClicked=i(this,"doubleClicked",7),this.lazyChanged=i(this,"lazyChanged",7),this.selectionChanged=i(this,"selectionChanged",7),this.toggleIconClicked=i(this,"toggleIconClicked",7),this.lazy=!1,this.parentTreeIsMasterTree=!1,this.numberOfParentTrees=1,this.firstItem=!1,this.lastItem=!1,this.leftPadding="0px",this.verticalLineStartPosition="0px",this.horizontalLineWidth="24px",this.horizontalLineStartPosition="0px",this.parts={item:"item",checkbox:"checkbox",toggleButton:"toggle-button"},this.horizontalLinePaddingLeft=0,this.lastTreeItem=!1,this.lastTreeItemOfParentTree=!1,this.numberOfVisibleDescendantItems=0,this.time=0,this.downloading=!1,this.checkbox=void 0,this.checked=void 0,this.opened=void 0,this.toggleCheckboxes=void 0,this.disabled=void 0,this.leaf=!1,this.selected=!1,this.numberOfChildren=0,this.hasChildTree=!1,this.indeterminate=!1,this.evaluateId=()=>{this.id||(this.id=this.el.getAttribute("id"))},this.evaluateLazy=()=>{this.leaf||0!==this.numberOfChildren||(this.lazy=!0,this.opened=!1)},this.observer=new MutationObserver((t=>{for(const i of t)"childList"===i.type&&(this.lazy=!1,this.opened=!0,this.reRender())})),this.initiateMutationObserver=()=>{this.observer.observe(this.el,{childList:!0,subtree:!0})},this.cascadeConfig=()=>{const t=this.el.parentElement;this.checkbox=void 0!==this.checkbox?this.checkbox:t.checkbox,this.checked=void 0!==this.checked?this.checked:t.checked,this.opened=void 0!==this.opened?this.opened:t.opened,this.toggleCheckboxes=void 0!==this.toggleCheckboxes?this.toggleCheckboxes:t.checkbox},this.attachExportParts=()=>{const t=this.el.getAttribute("part"),i=a(t,this.parts);i.length&&(this.exportparts=i)},this.defineLineHeight=()=>{let t=11.5;this.parentTreeIsMasterTree&&(t=0,this.lastItem&&(t=11));let i=0;if(!this.leaf&&!this.lazy){const t=this.el.querySelectorAll("gxg-tree-item").length,e=this.el.querySelector(":scope > gxg-tree").querySelectorAll(":scope > gxg-tree-item");i=this.parentTreeIsMasterTree?t:t-e[e.length-1].querySelectorAll("gxg-tree-item").length}this.lineHeight=24.2*i-t+"px"},this.defineStartPosition=()=>{let t=0,i=13;this.numberOfParentTrees>1?(t=45*(this.numberOfParentTrees-1),this.numberOfParentTrees>2&&(i=t-36)):t=5,this.verticalLineStartPosition=`${t+7}px`,this.leftPadding=`${t}px`,this.horizontalLineStartPosition=`${i}px`},this.liTextClickedHandler=t=>{t.target.classList.contains("toggle-icon")||"GXG-FORM-CHECKBOX"===t.target.nodeName||(this.selected=!t.ctrlKey||!this.selected,this.selectionChanged.emit(this.getItemData(t.ctrlKey)))},this.liTextDoubleClicked=()=>{this.doubleClicked.emit(this.getItemData(!1)),!this.leaf&&this.toggleClickedHandler()},this.liTextKeyDownPressed=t=>{if("ArrowDown"!==t.key&&"ArrowUp"!==t.key||t.preventDefault(),"Enter"===t.key&&this.checkboxClickedHandler(),"ArrowRight"!==t.key||this.leaf||(this.opened?this.el.querySelector("gxg-tree").querySelector("gxg-tree-item").shadowRoot.querySelector(".li-text").focus():this.opened=!0),"ArrowLeft"===t.key){let t=!1;const i=this.el.parentElement.parentElement;let e=null;"GXG-TREE-ITEM"===i.tagName&&(t=!0,e=i.shadowRoot.querySelector(".li-text")),this.leaf?t&&e.focus():this.el.shadowRoot.querySelector("li").classList.contains("tree-open")?this.opened=!1:t&&e.focus()}if(("ArrowUp"===t.key||"Tab"===t.key&&t.shiftKey)&&(t.preventDefault(),!this.firstItem)){let i;const e=this.el.previousElementSibling;if(t.shiftKey&&"Tab"!==t.key)null!==e&&(i=e.shadowRoot.querySelector("li .li-text"));else if(null===e)i=this.el.parentElement.parentElement.shadowRoot.querySelector("li .li-text");else if(i=e.shadowRoot.querySelector("li .li-text"),null!==e&&e.hasChildTree)if(e.opened){const t=this.el.previousElementSibling.querySelector("gxg-tree");i=t.lastElementChild.hasChildTree&&t.lastElementChild.shadowRoot.querySelector("li").classList.contains("tree-open")?t.lastElementChild.querySelector("gxg-tree").lastElementChild.shadowRoot.querySelector("li .li-text"):t.lastElementChild.shadowRoot.querySelector("li .li-text")}else i=this.el.previousElementSibling.shadowRoot.querySelector("li .li-text");null!=i&&i.focus()}if("ArrowDown"===t.key||"Tab"===t.key&&!t.shiftKey)if(t.preventDefault(),this.lastTreeItemOfParentTree)!this.leaf&&this.opened&&this.el.firstElementChild.firstElementChild.shadowRoot.querySelector("li .li-text").focus();else{let i;if(t.shiftKey)null!==this.el.nextElementSibling&&(i=this.el.nextElementSibling.shadowRoot.querySelector("li .li-text"));else if(this.lastTreeItem)if(this.hasChildTree&&this.opened)i=this.el.firstElementChild.firstElementChild.shadowRoot.querySelector(".li-text");else{const t=this.el.parentElement.parentElement,e=t.nextElementSibling;null===e?null!==t.parentElement.parentElement.nextElementSibling&&(i=t.parentElement.parentElement.nextElementSibling.shadowRoot.querySelector(".li-text")):i=e.shadowRoot.querySelector(".li-text")}else i=this.hasChildTree&&this.opened?this.el.querySelector("gxg-tree gxg-tree-item").shadowRoot.querySelector("li .li-text"):this.el.nextElementSibling.shadowRoot.querySelector(".li-text");null!=i&&i.focus()}},this.returnToggleIconType=()=>!this.opened||this.lazy?"gemini-tools/add":"gemini-tools/minus",this.checkboxClickedHandler=()=>{this.checkbox&&(this.checked=!this.checked,this.leaf||this.toggleChildrenCheckboxes(this.checked),this.getParentItems().forEach((t=>{t.evaluateCheckboxStatus()})))},this.toggleChildrenCheckboxes=t=>{this.indeterminate=!1;const i=this.el.querySelectorAll("gxg-tree-item");(null==i?void 0:i.length)&&Array.from(i).forEach((i=>{i.indeterminate=!1,i.checked=t}))},this.getParentItems=()=>{var t;const i=[];let e=this.el.parentElement.parentElement;for(;"GXG-TREE-ITEM"===(null==e?void 0:e.nodeName);)i.push(e),e=null===(t=e.parentElement)||void 0===t?void 0:t.parentElement;return i},this.getParentsNumber=()=>{var t;let i=0,e=this.el.parentElement;for(;"GXG-TREE"===(null==e?void 0:e.nodeName);)i++,e=null===(t=e.parentElement)||void 0===t?void 0:t.parentElement;return i},this.getChildrenNumber=()=>{if(0===this.numberOfChildren)return this.el.querySelectorAll("gxg-tree-item").length},this.toggleClickedHandler=()=>{this.lazy&&!this.opened&&(this.downloading=!0,this.toggleIconClicked.emit(this.getItemData())),this.lazy||(this.opened=!this.opened)},this.getItemData=(t=!1)=>({ref:this.el,checkbox:this.checkbox,checked:this.checked,ctrl:t,description:this.description,disabled:this.disabled,icon:this.icon,id:this.id,indeterminate:this.indeterminate,label:this.label,lazy:this.lazy,leaf:this.leaf,opened:this.opened,selected:this.selected})}checkedHandler(t,i){void 0!==i&&this.checkboxToggled.emit(this.getItemData(!1))}openedHandler(t,i){void 0!==i&&this.toggleIconClicked.emit(this.getItemData(!1))}componentWillLoad(){this.numberOfParentTrees=this.getParentsNumber(),this.numberOfChildren=this.getChildrenNumber(),null===this.el.nextElementSibling&&(this.lastTreeItem=!0),1===this.numberOfParentTrees&&(this.parentTreeIsMasterTree=!0,null===this.el.previousElementSibling&&(this.firstItem=!0)),this.el.nextElementSibling||(this.lastItem=!0),this.evaluateId(),this.evaluateLazy(),this.defineLineHeight(),this.defineStartPosition(),this.cascadeConfig(),this.attachExportParts(),this.initiateMutationObserver()}async reRender(){this.defineLineHeight()}evaluateCheckboxStatus(){const t=this.el.querySelectorAll("gxg-tree-item");let i=0;(null==t?void 0:t.length)&&(Array.from(t).forEach((t=>{t.checked&&i++})),t.length===i?(this.checked=!0,this.indeterminate=!1):0===i?(this.checked=!1,this.indeterminate=!1):this.indeterminate=!0)}render(){return e(r,{class:{leaf:this.leaf,"not-leaf":!this.leaf},exportParts:this.exportparts?this.exportparts:null},e("li",{class:{"tree-open":this.opened,"tree-closed":!this.opened,disabled:this.disabled}},e("div",{class:{"li-text":!0,"li-text--not-leaf":!this.leaf,"li-text--leaf":this.leaf,"li-text--first-tree-item":this.firstItem,"li-text--has-child-tree":this.hasChildTree,"li-text--selected":this.selected},style:{paddingLeft:this.leftPadding},onClick:this.liTextClickedHandler.bind(this),onDblClick:this.liTextDoubleClicked.bind(this),onKeyDown:this.liTextKeyDownPressed.bind(this),tabIndex:-1,part:this.parts.item},this.leaf?null:[e("span",{class:{"vertical-line":!0},style:{height:this.lineHeight,left:this.verticalLineStartPosition}}),e("div",{class:{"closed-opened-icons":!0}},e("gxg-icon",{onClick:this.toggleClickedHandler.bind(this),type:this.returnToggleIconType(),color:"auto",class:"icon toggle-icon",part:this.parts.toggleButton}))],this.numberOfParentTrees>1?e("span",{class:{"horizontal-line":!0},style:{left:this.horizontalLineStartPosition,width:this.horizontalLineWidth}}):null,this.checkbox?e("gxg-form-checkbox",{checked:this.checked,class:{checkbox:!0},tabIndex:-1,indeterminate:this.indeterminate,disabled:this.disabled,onClick:this.checkboxClickedHandler,part:this.parts.checkbox}):null,this.icon?e("gxg-icon",{type:this.icon,color:"auto",class:"icon icon--left",style:{"--icon-size":"14px"}}):null,this.downloading&&this.lazy?e("span",{class:"loading"}):null,e("span",{class:"text"},e("slot",null))),e("slot",{name:"tree"}),this.treeModel?this.treeModel:null))}static get assetsDirs(){return["tree-item-assets"]}get el(){return o(this)}static get watchers(){return{checked:["checkedHandler"],opened:["openedHandler"]}}};l.style='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host{--text-color:var(--color-on-background);--font-family:"Source Sans Pro", sans-serif;--font-weight:normal;--font-size:12px;--guide-color:var(--gray-06);--item-hover-color:var(--gxg-background-color--hover);--item-active-color:var(--silverGray);color:var(--color-on-background);width:100%;display:block}:host li{list-style:none;font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight);color:var(--text-color);overflow:hidden}:host li>::slotted(gxg-tree){display:none}:host li.tree-open>::slotted(gxg-tree){display:block}:host li.tree-closed .vertical-line{display:none}:host li .li-text{min-height:24px;cursor:pointer;display:flex;align-items:center;position:relative;padding-inline-end:var(--spacing-comp-01)}:host li .li-text:hover{background-color:var(--item-hover-color)}:host li .li-text:active{background-color:var(--gxg-background-color--selected)}:host li .li-text:focus{outline-style:solid;outline-color:var(--gxg-border-color--focused);outline-width:var(--border-width-md);outline-offset:-2px}:host li .li-text--selected{background-color:var(--gxg-background-color--selected)}:host li .li-text>*{flex-shrink:0}:host li .vertical-line{position:absolute;width:1px;height:0;top:23px;left:15px;z-index:1;background-image:linear-gradient(var(--guide-color) 28%, rgba(255, 255, 255, 0) 0%);background-position:right;background-size:1px 4px;background-repeat:repeat-y}:host li .horizontal-line{position:absolute;height:1px;top:11px;z-index:1;background-image:linear-gradient(to right, var(--guide-color) 33%, rgba(255, 255, 255, 0) 0%);background-position:bottom;background-size:3px 1px;background-repeat:repeat-x}:host li .horizontal-line.display-none{display:none}:host li .closed-opened-icons{position:relative;display:flex;margin-left:-2px}:host li .toggle-icon{position:relative;z-index:2;transform:scale(0.75, 0.75);margin-inline-end:var(--spacing-comp-00);transition-property:opacity;transition-duration:0.5s;transition-timing-function:ease;background-color:var(--color-hover)}:host li .toggle-icon:hover{background-color:var(--color-background)}:host .checkbox{margin-inline-end:var(--spacing-comp-01)}:host .icon--left{margin:0 var(--spacing-comp-01) 0 var(--spacing-comp-00)}:host .right-icon{margin-inline-start:auto;position:relative;top:0;transition-property:top;transition-duration:0.5s;transition-timing-function:ease}:host .loading{opacity:1;display:inline;z-index:1;margin-inline-end:var(--spacing-comp-01);border-radius:50%;width:8px;height:8px;border:0.18rem solid var(--gray-04);border-top-color:var(--gray-01);animation:spin 1s infinite linear}:host .loading--double{border-style:double;border-width:0.5rem}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host([disabled]) li .text{color:var(--darkGray)}:host([disabled]) .toggle-icon{pointer-events:none}';export{n as gxg_tree,l as gxg_tree_item}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as a,g as l}from"./p-976c3a09.js";const i=class{constructor(l){e(this,l),this.comboValues=[{id:"web-net",label:"Web (.NET)",iconName:null},{id:"android",label:"Android",iconName:"general/android",selected:!0},{id:"apple",label:"Apple",iconName:"general/apple"},{id:"web-angular",label:"Web (Angular)",iconName:"general/angular"},{id:"we-chat-mini-program",label:"We Chat Mini Program",iconName:null}],this.updatedComboValues=[{id:"1",label:"1",iconName:null},{id:"2",label:"2",iconName:"general/android"},{id:"3",label:"3",iconName:"general/apple",selected:!0},{id:"4",label:"4",iconName:"general/angular"}],this.renderComboBoxItems=e=>{const l=[];return e.forEach((e=>{l.push(a("gxg-combo-box-item",{value:e.value||e.id,icon:e.iconName||e.icon,key:e.id},e.label||e.name))})),l},this.getSelectedGxOption=e=>{let a;if(null==e?void 0:e.length)for(let l=0;l<e.length;l++)if(e[l].selected){a=e[l];break}return a?a.id:e[0].id},this.updateFrontEnds=()=>{this.comboValues=this.updatedComboValues},this.valueChangedHandler=e=>{console.log("value updated",e.detail)}}render(){return[a("gxg-combo-box",{id:"combo-fruits",placeholder:"Select item","max-width":"100%","label-position":"start","center-label":!0,"cursor-end":!0,value:this.getSelectedGxOption(this.comboValues),onValueChanged:this.valueChangedHandler},this.renderComboBoxItems(this.comboValues)),a("button",{onClick:this.updateFrontEnds},"update")]}get el(){return l(this)}};i.style=".tree-buttons{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}";export{i as gxg_test}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as s,g as t}from"./p-976c3a09.js";import{a as o,e as a}from"./p-eb8f4ad5.js";const e=class{constructor(t){s(this,t)}componentDidLoad(){this.href?fetch(this.href).then((s=>{s.ok&&s.text().then((s=>{o(s),a()}))})):(o(this.el.innerText),a())}get el(){return t(this)}};e.style=":host{display:none}";export{e as ch_style}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,c as t,h as o,H as e,g as a}from"./p-976c3a09.js";import{a as i,r as n}from"./p-01406cbc.js";import{s as l}from"./p-e46e26a6.js";import{f as s,c as g}from"./p-e7e4f76c.js";import{e as c}from"./p-d8501cb4.js";const m=class{constructor(o){r(this,o),this.input=t(this,"input",7),this.change=t(this,"change",7),this.parts={textarea:"textarea"},this.error=!1,this.labelPosition="above",this.centerLabel=!1,this.maxWidth="100%",this.height="auto",this.rows=4,this.warning=!1,this.hideValidationMessage=!1,this.disabled=!1,this.formMessageLogic=i,this.required=!1,this.validationStatus="indeterminate",this.resize=!1,this.attachExportParts=()=>{const r=this.el.getAttribute("part"),t=c(r,this.parts);t.length&&(this.exportparts=t)}}disabledHandler(r){!0===r?(this.valueBeforeDisabled=this.value,this.value=null):this.value=this.valueBeforeDisabled}componentWillLoad(){this.attachExportParts()}updateTextareaValue(){this.value=this.textArea.value}handleInput(r){this.value=r.target.value,this.input.emit(this.value)}handleChange(){this.change.emit(this.value)}render(){return o(e,{role:"textbox","aria-label":this.label,style:{maxWidth:this.maxWidth},class:{textarea:!0,large:l.large,[s.VALIDATION_INDETERMINATE_CLASS]:"indeterminate"===this.validationStatus,[s.VALIDATION_WARNING_CLASS]:"warning"===this.validationStatus,[s.VALIDATION_ERROR_CLASS]:"error"===this.validationStatus,[s.VALIDATION_SUCCESS_CLASS]:"success"===this.validationStatus,[g.DISABLED_CLASS]:this.disabled},exportParts:this.exportparts?this.exportparts:null},this.label?o("gxg-label",{labelPosition:this.labelPosition,center:this.centerLabel,width:this.labelWidth},this.label,n(this)):null,o("textarea",{ref:r=>this.textArea=r,class:{"form-element":!0,textarea:!0,"textarea--resize":this.resize},placeholder:this.placeholder,disabled:this.disabled,onInput:this.handleInput.bind(this),onChange:this.handleChange.bind(this),value:this.disabled?null:this.value,rows:this.rows,required:this.required,style:{height:this.height},part:this.parts.textarea}),i(this))}get el(){return a(this)}static get watchers(){return{disabled:["disabledHandler"]}}};m.style="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host(.gxg-validation--warning) .form-element{border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus{outline-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-warning-dark)}:host(.gxg-validation--error) .form-element{border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus{outline-color:var(--color-error-dark);border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-error-dark)}:host(.gxg-validation--success) .form-element{border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus{outline-color:var(--color-success-dark);border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-success-dark)}:host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--gxg-background-color--disabled) !important;color:var(--gxg-color--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default !important}:host{display:flex;flex-direction:column;width:100%}:host .form-element-wrapper{position:relative;width:100%}:host label{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;display:flex;align-items:center;cursor:default}:host label .required{padding-left:2px}:host textarea{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}:host textarea{resize:none;border-width:var(--border-width-sm);border-color:var(--gray-02);border-style:var(--border-style-regular);border-radius:var(--border-radius-sm);padding-left:var(--spacing-comp-01);padding-right:var(--spacing-comp-01);color:var(--color-on-background);background-color:var(--color-background)}:host textarea:focus{outline-style:solid;outline-color:var(--gxg-border-color--focused);outline-width:var(--border-width-md);outline-offset:-2px}:host textarea--resize{resize:both}:host textarea[disabled]{background-color:var(--gray-01);color:var(--color-on-disabled)}:host textarea.textarea--error{border-color:var(--color-error-dark);background-color:var(--color-error-light);margin-bottom:0}:host textarea.textarea--error:focus{outline-color:var(--color-error-dark);border-color:var(--color-error-dark)}:host textarea.textarea--warning{border-color:var(--color-warning-dark);background-color:var(--color-warning-light);margin-bottom:0}:host textarea.textarea--warning:focus{outline-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}:host(.large) label,:host(.large) textarea{font-size:var(--font-size-lg)}:host(.large) textarea{padding:var(--spacing-comp-01) var(--spacing-comp-02)}";export{m as gxg_form_textarea}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as i,H as r,g as s,a as o}from"./p-976c3a09.js";import{b as n}from"./p-eb8f4ad5.js";import{f as l,m as a,M as c,a as h,b as d}from"./p-b374d112.js";import{s as g}from"./p-e46e26a6.js";class u extends HTMLElement{constructor(){super()}connectedCallback(){this.addEventListener("cellCaretClicked",this.cellCaretClickedHandler)}get grid(){var t;return null!==(t=this.parentGrid)&&void 0!==t?t:this.loadParentGrid()}get rowId(){var t;return null!==(t=this.getAttribute("rowid"))&&void 0!==t?t:""}get highlighted(){return this.hasAttribute("highlighted")}set highlighted(t){var e;const i=null===(e=this.grid.rowHighlightedClass)||void 0===e?void 0:e.split(" ");!0===t?(this.setAttribute("highlighted",""),this.grid.rowHighlightedClass&&this.classList.add(...i)):(this.removeAttribute("highlighted"),this.grid.rowHighlightedClass&&this.classList.remove(...i))}get selected(){return this.hasAttribute("selected")}set selected(t){var e;const i=null===(e=this.grid.rowSelectedClass)||void 0===e?void 0:e.split(" ");!0===t?(this.setAttribute("selected",""),this.grid.rowSelectedClass&&this.classList.add(...i)):(this.removeAttribute("selected"),this.grid.rowSelectedClass&&this.classList.remove(...i))}get marked(){return this.hasAttribute("marked")}set marked(t){var e;const i=null===(e=this.grid.rowMarkedClass)||void 0===e?void 0:e.split(" ");!0===t?(this.setAttribute("marked",""),this.grid.rowMarkedClass&&this.classList.add(...i)):(this.removeAttribute("marked"),this.grid.rowMarkedClass&&this.classList.remove(...i))}get focused(){return this.hasAttribute("focused")}set focused(t){var e;const i=null===(e=this.grid.rowFocusedClass)||void 0===e?void 0:e.split(" ");!0===t?(this.setAttribute("focused",""),this.grid.rowFocusedClass&&this.classList.add(...i)):(this.removeAttribute("focused"),this.grid.rowFocusedClass&&this.classList.remove(...i))}get hasChildRows(){return!!this.querySelector("ch-grid-rowset")}get collapsed(){return this.hasAttribute("collapsed")}set collapsed(t){const e=this.collapsed!==t;t?this.setAttribute("collapsed",""):this.removeAttribute("collapsed"),e&&this.dispatchEvent(new CustomEvent("rowCollapsedChanged",{bubbles:!0,composed:!0,detail:{rowId:this.rowId,collapsed:t}}))}get leaf(){return this.hasAttribute("leaf")}set leaf(t){!0===t?this.setAttribute("leaf",""):this.removeAttribute("leaf")}getCell(t){return this.querySelector(`:scope > ch-grid-cell:nth-of-type(${t.physicalOrder})`)}isVisible(){return Array.from(this.querySelectorAll(":scope > ch-grid-cell")).some((t=>t.isVisible()))}ensureVisible(){this.dispatchEvent(new CustomEvent("rowEnsureVisible",{bubbles:!0,composed:!0}))}getBoundingClientRect(){let t;if(this.firstElementChild)if(this.firstElementChild===this.lastElementChild)t=this.firstElementChild.getBoundingClientRect();else{const e=this.firstElementChild.getBoundingClientRect(),i=this.lastElementChild.getBoundingClientRect();t=new DOMRect(e.x,e.y,i.x-e.x+i.width,i.y-e.y+i.height)}else t=new DOMRect;return t}cellCaretClickedHandler(t){t.currentTarget.hasChildRows&&(this.collapsed=!this.collapsed),t.stopPropagation()}loadParentGrid(){return this.parentGrid=this.closest("ch-grid"),this.parentGrid}}customElements.get("ch-grid-row")||customElements.define("ch-grid-row",u);class m extends HTMLElement{constructor(){super(),this.computedLevel=0}connectedCallback(){this.addEventListener("rowsetLegendClicked",this.rowsetLegendClickedHandler),this.defineLevel()}get collapsed(){return this.hasAttribute("collapsed")}set collapsed(t){t?this.setAttribute("collapsed",""):this.removeAttribute("collapsed")}get level(){return this.computedLevel||this.computeLevel(),this.computedLevel}getBoundingClientRect(){let t;const e=parseInt(this.style.getPropertyValue("padding-top")),i=parseInt(this.style.getPropertyValue("padding-bottom"));if(this.firstElementChild)if(this.firstElementChild===this.lastElementChild){const r=this.firstElementChild.getBoundingClientRect();t=new DOMRect(r.x,r.y-e,r.x+r.width,r.y+r.height+e+i)}else{const r=this.firstElementChild.getBoundingClientRect(),s=this.lastElementChild.getBoundingClientRect();t=new DOMRect(r.x,r.y-e,s.x-r.x+s.width,s.y-r.y+s.height+e+i)}else{const e=this.grid.shadowRoot.querySelector(".main").getBoundingClientRect();t=new DOMRect(e.x,e.y,e.width,0)}return t}rowsetLegendClickedHandler(t){t.stopPropagation(),this.collapsed=!this.collapsed}defineLevel(){this.style.setProperty("--level",this.level.toString())}computeLevel(){var t,e;this.computedLevel=null!==(e=null===(t=this.getParentRowset())||void 0===t?void 0:t.level)&&void 0!==e?e:0,(this.hasLegend()||this.isNestedRow())&&this.computedLevel++}hasLegend(){var t;return"CH-GRID-ROWSET-LEGEND"===(null===(t=this.firstElementChild)||void 0===t?void 0:t.tagName)}isNestedRow(){return"CH-GRID-ROW"===this.parentElement.tagName}getParentRowset(){const t=this.parentElement.closest("ch-grid-rowset, ch-grid");if("CH-GRID-ROWSET"===t.tagName)return t}}var p,v;customElements.get("ch-grid-rowset")||customElements.define("ch-grid-rowset",m),function(t){t.Plain="plain",t.Rich="rich",t.TreeNode="node"}(p||(p={}));class b extends HTMLElement{constructor(){super(),this.cellType=p.Plain,this.defineFocusHandler()}static get observedAttributes(){return["cell-type","row-drag","row-selector","row-actions"]}connectedCallback(){this.cellType!==p.Plain&&this.define()}attributeChangedCallback(t,e,i){"cell-type"===t&&(this.cellType=i),"row-drag"===t&&(this.rowDrag=null!==i&&"false"!==i),"row-selector"===t&&(this.rowSelector=null!==i&&"false"!==i),"row-actions"===t&&(this.rowActions=null!==i&&"false"!==i)}get type(){return this.cellType}set type(t){this.cellType!==t&&(this.cellType=t,this.define())}get grid(){return this.closest("ch-grid")}get column(){const t=Array.prototype.indexOf.call(this.row.querySelectorAll(":scope > ch-grid-cell"),this);return this.grid.querySelector(`ch-grid-column:nth-of-type(${t+1})`)}get row(){return this.parentElement}get cellId(){var t;return null!==(t=this.getAttribute("cellid"))&&void 0!==t?t:""}get selected(){return this.hasAttribute("selected")}set selected(t){!0===t?this.setAttribute("selected",""):this.removeAttribute("selected")}isVisible(){return null!==this.offsetParent}ensureVisible(){this.dispatchEvent(new CustomEvent("cellEnsureVisible",{bubbles:!0,composed:!0}))}setSelectorChecked(t){this.selector.checked=t,this.selector.setAttribute("part",this.selector.checked?"selector checked":"selector")}defineFocusHandler(){this.addEventListener("focusin",(()=>{this.dispatchEvent(new CustomEvent("cellFocused",{bubbles:!0,composed:!0}))}))}caretMouseDownHandler(t){t.stopPropagation(),this.dispatchEvent(new CustomEvent("cellCaretClicked",{bubbles:!0,composed:!0}))}selectorClickHandler(t){t.stopPropagation(),this.dispatchEvent(new CustomEvent("cellSelectorClicked",{bubbles:!0,composed:!0,detail:{checked:this.selector.checked,range:t.shiftKey}}))}selectorLabelClickHandler(t){t.shiftKey||t.stopPropagation()}dragMouseDownHandler(t){t.preventDefault(),t.stopPropagation(),this.dispatchEvent(new CustomEvent("rowDragStarted",{bubbles:!0,composed:!0,detail:{row:this.row}}))}actionClickHandler(){this.dispatchEvent(new CustomEvent("cellRowActionClicked",{bubbles:!0,composed:!0}))}define(){switch(this.cellType){case p.Rich:this.defineRich();break;case p.TreeNode:this.defineTreeNode()}}defineRich(){let t="";this.shadowRoot&&""!==this.shadowRoot.innerHTML||(this.attachShadow({mode:"open"}),this.rowDrag&&(t+='\n <div part="drag-icon"></div>\n '),this.rowSelector&&(t+='\n <style>label {display:flex}</style>\n <label part="selector-label">\n <input type="checkbox" part="selector">\n </label>\n '),this.rowActions&&(t+='\n <button part="actions-icon"></button>\n '),this.shadowRoot.innerHTML=`\n ${t}\n <slot></slot>\n `,this.rowDrag&&(this.drag=this.shadowRoot.querySelector("[part='drag-icon']"),this.drag.addEventListener("mousedown",this.dragMouseDownHandler.bind(this))),this.rowActions&&(this.action=this.shadowRoot.querySelector("[part='actions-icon']"),this.action.addEventListener("click",this.actionClickHandler.bind(this))),this.rowSelector&&(this.selector=this.shadowRoot.querySelector("[part='selector']"),this.selector.addEventListener("mousedown",(t=>t.stopPropagation())),this.selector.addEventListener("click",this.selectorClickHandler.bind(this)),this.selectorLabel=this.shadowRoot.querySelector("[part='selector-label']"),this.selectorLabel.addEventListener("mousedown",(t=>t.stopPropagation())),this.selectorLabel.addEventListener("click",this.selectorLabelClickHandler.bind(this))))}defineTreeNode(){this.shadowRoot&&""!==this.shadowRoot.innerHTML||(this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML='\n <style>:host::before {content: none !important}</style>\n <div part="indent"></div>\n <div part="caret"></div>\n <input type="checkbox" part="node-selector" hidden>\n <div part="node-icon"></div>\n <slot></slot>\n ',this.caret=this.shadowRoot.querySelector("[part='caret']"),this.caret.addEventListener("mousedown",this.caretMouseDownHandler.bind(this)))}}customElements.get("ch-grid-cell")||customElements.define("ch-grid-cell",b);class f{constructor(t,e,i){this.lastTargetOrder=0,this.isRTL=i,this.columns=e.map((t=>({element:t,rect:t.getBoundingClientRect(),translateX:0,order:t.order}))),this.column=this.columns.find((e=>e.element.columnId===t)),this.columns.forEach(this.setColumnHiddenRect.bind(this))}dragging(t){const e=this.column.element.order,i=this.column.element.freeze;let r=0,s=!1;return this.column.translateX=0,this.columns.filter((t=>t.element.freeze===i)).forEach((i=>{const s=i.element.order,o=e>s?1:-1,n=(e>s?1:-1)*(this.isRTL?-1:1);i.rect.left<t&&t<i.rect.right&&s!==e?(this.swapColumnPosition(i,n),i.order=i.element.order+o,r=s):t<i.rect.left&&(this.isRTL?s>e:s<e)?(this.swapColumnPosition(i,n),i.order=i.element.order+o,r&&!(this.isRTL?s>r:s<r)||(r=s)):t>i.rect.right&&(this.isRTL?s<e:s>e)?(this.swapColumnPosition(i,n),i.order=i.element.order+o,r&&!(this.isRTL?s<r:s>r)||(r=s)):s!==e&&this.resetColumnPosition(i)})),this.column.order=r||this.column.element.order,s=r!==this.lastTargetOrder,this.lastTargetOrder=r,s}dragEnd(){this.columns.forEach((t=>{t.element.order=t.order,t.translateX=0}))}getColumnStyle(t){return{[`--ch-grid-column-${t.physicalOrder}-transform`]:`translateX(${this.columns.find((e=>e.element===t)).translateX}px)`}}getColumnsFirstLast(){let t,e;return this.columns.forEach((i=>{i.element.hidden||t&&!(i.order<t.order)||(t=i),i.element.hidden||e&&!(i.order>e.order)||(e=i)})),{columnFirst:t.element,columnLast:e.element}}swapColumnPosition(t,e){t.translateX=this.column.rect.width*e,this.column.translateX+=t.rect.width*(-1*e)}resetColumnPosition(t){t.translateX=0,t.order=t.element.order}setColumnHiddenRect(t){if(t.element.hidden){const e=this.getPreviousSiblingVisible(t)||this.getNextSiblingVisible(t);t.rect=new DOMRect(t.element.order<e.element.order?e.rect.left:e.rect.right,e.rect.y,0,e.rect.height)}}getPreviousSiblingVisible(t){let e;return this.columns.forEach((i=>{!i.element.hidden&&i.element.order<t.element.order&&(!e||i.element.order>e.element.order)&&(e=i)})),e}getNextSiblingVisible(t){let e;return this.columns.forEach((i=>{!i.element.hidden&&i.element.order>t.element.order&&(!e||i.element.order<e.element.order)&&(e=i)})),e}}class w{constructor(t){this.columnsetObserver=new MutationObserver(this.reloadColumns.bind(this)),this.columnResizeObserver=new ResizeObserver(this.resizeColumnHandler.bind(this)),this.columnsDisplay=[],this.columnsWidth=[],this.manager=t,this.columns=Array.from(this.manager.grid.querySelectorAll("ch-grid-column")),this.observeColumnset(),this.defineColumns(this.columns),this.defineColumnsVariables(),this.adjustFreezeOrder(),this.adjustBaseLayer()}getColumn(t){return this.columns.find((e=>e.columnId===t))}getColumns(t=!1){return t?this.columns.sort(this.fnSortByOrder):this.columns}getColumnsFirstLast(){let t,e;return this.columns.forEach((i=>{i.hidden||t&&!(i.order<t.order)||(t=i),i.hidden||e&&!(i.order>e.order)||(e=i)})),{columnFirst:t,columnLast:e}}getColumnSelector(){return this.columns.find((t=>"rich"===t.columnType&&t.richRowSelector))}adjustFreezeOrder(){const t=this.columns.filter((t=>"start"===t.freeze)).sort(this.fnSortByOrder),e=this.columns.filter((t=>"start"!==t.freeze&&"end"!==t.freeze)).sort(this.fnSortByOrder),i=this.columns.filter((t=>"end"===t.freeze)).sort(this.fnSortByOrder);let r=1;t.forEach((t=>t.order=r++)),e.forEach((t=>t.order=r++)),i.forEach((t=>t.order=r++))}defineColumns(t){t.forEach((t=>{this.defineColumnId(t),this.defineColumnIndex(t),this.defineColumnOrder(t),this.defineColumnSize(t),this.defineColumnDisplayObserver(t),this.defineColumnResizeObserver(t),this.defineColumnType(t)}))}defineColumnId(t){t.columnId||(t.columnId=this.getColumnUniqueId())}defineColumnIndex(t){t.physicalOrder=this.columns.indexOf(t)+1}defineColumnOrder(t){t.order||(t.order=t.physicalOrder)}defineColumnSize(t){t.size||(t.size="auto")}defineColumnDisplayObserver(t){if(t.displayObserverClass&&!t.hidden){const e=this.columnsDisplay.push(document.createElement("ch-grid-column-display"))-1;this.columnsDisplay[e].setAttribute("slot","column-display"),this.columnsDisplay[e].setAttribute("class",t.displayObserverClass),this.columnsDisplay[e].column=t,this.manager.grid.appendChild(this.columnsDisplay[e])}}defineColumnResizeObserver(t){this.columnResizeObserver.observe(t,{box:"border-box"})}defineColumnType(t){switch(t.columnType){case"tree":this.manager.grid.querySelectorAll(`ch-grid-cell:nth-child(${t.physicalOrder})`).forEach((t=>{t.type=p.TreeNode}));break;case"rich":this.manager.grid.querySelectorAll(`ch-grid-cell:nth-child(${t.physicalOrder})`).forEach((e=>{e.rowDrag=t.richRowDrag,e.rowSelector=t.richRowSelector,e.rowActions=t.richRowActions,e.type=p.Rich}))}}defineColumnsVariables(){const t=document.head.querySelector("#ch-grid-columns-variables");if(!t||parseInt(t.getAttribute("data-columns"))<this.columns.length){let e="";for(let t=1;t<=this.columns.length;t++)e+=`ch-grid-column:nth-child(${t}), ch-grid-cell:nth-child(${t}) {\n display: var(--ch-grid-column-${t}-display, flex);\n grid-column: var(--ch-grid-column-${t}-position, ${t});\n margin-inline-start: var(--ch-grid-column-${t}-margin-start);\n border-inline-start: var(--ch-grid-column-${t}-border-start);\n padding-inline-start: var(--ch-grid-column-${t}-padding-start);\n margin-inline-end: var(--ch-grid-column-${t}-margin-end);\n border-inline-end: var(--ch-grid-column-${t}-border-end);\n padding-inline-end: var(--ch-grid-column-${t}-padding-end);\n transform: var(--ch-grid-column-${t}-transform);\n left: var(--ch-grid-column-${t}-left-freeze);\n right: var(--ch-grid-column-${t}-right-freeze);\n }\n ch-grid-column:nth-child(${t}) {\n z-index: calc(var(--ch-grid-column-${t}-z-index-freeze, 0) + var(--ch-grid-column-z-index-head, 0) + var(--ch-grid-column-z-index-active, 0));\n }\n ch-grid-cell:nth-child(${t}) {\n z-index: calc(var(--ch-grid-column-${t}-z-index-freeze, 0) + var(--ch-grid-cell-z-index-active, 0));\n }\n ch-grid-cell:nth-child(${t})::before {\n content: var(--ch-grid-column-${t}-content);\n }\n `;const i=`@layer ch-grid {\n ${e}\n }`;t?(t.setAttribute("data-columns",this.columns.length.toString()),t.innerHTML=i):document.head.insertAdjacentHTML("beforeend",`<style id="ch-grid-columns-variables" data-columns="${this.columns.length}">${i}</style>`)}}undefineColumns(t){t.forEach((t=>{this.columnResizeObserver.unobserve(t),this.columnsDisplay.filter((e=>e.column===t)).forEach((t=>{t.remove()}))}))}observeColumnset(){this.columnsetObserver.observe(this.manager.grid.querySelector("ch-grid-columnset"),{childList:!0})}reloadColumns(){const t=Array.from(this.manager.grid.querySelectorAll("ch-grid-column")),e=t.filter((t=>!this.columns.includes(t))),i=this.columns.filter((e=>!t.includes(e)));(e.length||i.length)&&(this.columns=t,this.undefineColumns(i),this.defineColumns(e),this.defineColumnsVariables(),this.adjustOrders(),this.adjustBaseLayer())}resizeColumnHandler(t){for(const e of t)this.columnsWidth[e.target.physicalOrder-1]=e.contentRect.width;this.manager.setColumnWidthVariables(this.columnsWidth)}getColumnUniqueId(){return`ch-grid-column-auto-${Date.now().toString(36)+Math.random().toString(36).substring(2)}`}adjustOrders(){this.columns.forEach(((t,e)=>t.physicalOrder=e+1)),[...this.columns].sort(this.fnSortByOrder).forEach(((t,e)=>{t.order=e+1}))}adjustBaseLayer(){this.manager.setBaseLayer(this.columns.length)}fnSortByOrder(t,e){return t.order<e.order?-1:t.order>e.order?1:0}}class y{constructor(t){this.selectionStateNone={rowFocused:null,rowsSelected:[],cellSelected:null},this.manager=t}select(t,e,i,r,s,o){var n;if("none"===this.manager.grid.rowSelectionMode)return this.selectionStateNone;"multiple"!==this.manager.grid.rowSelectionMode&&(r=!1,s=!1);let l=t.rowFocused,a=t.rowsSelected,c=t.cellSelected;if(l=e,s){const t=this.manager.getRowsRange(null!==(n=this.rangeStart)&&void 0!==n?n:e,e);this.rangeValue?(a=r?Array.from(new Set(a.concat(t))):a.length===t.length?a:t,c=i||e.getCell((null==c?void 0:c.column)||this.manager.getFirstColumn())):(a=a.filter((e=>!t.includes(e))),c=null)}else r?(this.rangeStart=e,this.rangeValue=!e.selected,a.includes(e)?(a=a.filter((t=>t!==e)),c=null):(a=[...a,e],c=i||e.getCell((null==c?void 0:c.column)||this.manager.getFirstColumn()))):(this.rangeStart=e,this.rangeValue=!0,1===a.length&&a[0]===e||o&&a.includes(e)||(a=[e]),c=i||e.getCell((null==c?void 0:c.column)||this.manager.getFirstColumn()));return{rowFocused:l,rowsSelected:a,cellSelected:c}}selectAll(t,e=!0){var i;if("none"===this.manager.grid.rowSelectionMode)return this.selectionStateNone;const r=this.manager.getRows();let s=t.rowFocused,o=t.rowsSelected,n=t.cellSelected;return e?(s=null!=s?s:this.manager.getFirstRow(),o=r,n=s.getCell((null===(i=t.cellSelected)||void 0===i?void 0:i.column)||this.manager.getFirstColumn())):(s=null!=s?s:this.manager.getFirstRow(),o=[],n=null),{rowFocused:s,rowsSelected:o,cellSelected:n}}selectSet(t,e,i,r=!0){let s=!0;if("none"===this.manager.grid.rowSelectionMode)return this.selectionStateNone;"multiple"!==this.manager.grid.rowSelectionMode&&(s=!1);let o=t.rowFocused,n=t.rowsSelected,l=t.cellSelected;return o=e,r?(n=s?n.includes(e)?n:[...n,e]:n.includes(e)?n:[e],l=i):(n=n.includes(e)?n.filter((t=>t!==e)):n,l=null),{rowFocused:o,rowsSelected:n,cellSelected:l}}selectFirstRow(t,e){var i;if("none"===this.manager.grid.rowSelectionMode)return this.selectionStateNone;"multiple"!==this.manager.grid.rowSelectionMode&&(e=!1);const r=this.manager.getFirstRow();let s=t.rowFocused,o=t.rowsSelected,n=t.cellSelected;if(r){if(e){const t=this.manager.getRowsRange(null!=s?s:r,r);o=Array.from(new Set(o.concat(t)))}else o=[r];s=r,n=r.getCell((null===(i=t.cellSelected)||void 0===i?void 0:i.column)||this.manager.getFirstColumn())}return{rowFocused:s,rowsSelected:o,cellSelected:n}}selectPreviousRow(t,e){if("none"===this.manager.grid.rowSelectionMode)return this.selectionStateNone;"multiple"!==this.manager.grid.rowSelectionMode&&(e=!1);const i=this.manager.getPreviousRow(t.rowFocused);let r=t.rowFocused,s=t.rowsSelected,o=t.cellSelected;if(i){if(e){const t=this.sortRowsSelected(s),e=this.isContiguousSelection(t);s=e&&r===t[0]?[...s,i]:e&&r===t[t.length-1]?s.slice(0,-1):[r,i]}else s=[i];r=i,o=i.getCell((null==o?void 0:o.column)||this.manager.getFirstColumn())}return{rowFocused:r,rowsSelected:s,cellSelected:o}}selectNextRow(t,e){if("none"===this.manager.grid.rowSelectionMode)return this.selectionStateNone;"multiple"!==this.manager.grid.rowSelectionMode&&(e=!1);const i=this.manager.getNextRow(t.rowFocused);let r=t.rowFocused,s=t.rowsSelected,o=t.cellSelected;if(i){if(e){const t=this.sortRowsSelected(s),e=this.isContiguousSelection(t);s=e&&r===t[t.length-1]?[...s,i]:e&&r===t[0]?s.slice(1):[r,i]}else s=[i];r=i,o=i.getCell((null==o?void 0:o.column)||this.manager.getFirstColumn())}return{rowFocused:r,rowsSelected:s,cellSelected:o}}selectLastRow(t,e){var i;if("none"===this.manager.grid.rowSelectionMode)return this.selectionStateNone;"multiple"!==this.manager.grid.rowSelectionMode&&(e=!1);const r=this.manager.getLastRow();let s=t.rowFocused,o=t.rowsSelected,n=t.cellSelected;if(r){if(e){const t=this.manager.getRowsRange(null!=s?s:r,r);o=Array.from(new Set(o.concat(t)))}else o=[r];s=r,n=r.getCell((null===(i=t.cellSelected)||void 0===i?void 0:i.column)||this.manager.getFirstColumn())}return{rowFocused:s,rowsSelected:o,cellSelected:n}}selectPreviousPageRow(t,e){var i;if("none"===this.manager.grid.rowSelectionMode)return this.selectionStateNone;"multiple"!==this.manager.grid.rowSelectionMode&&(e=!1);const r=this.manager.getRows(),s=this.manager.getRowsPerPage();let o=t.rowFocused,n=t.rowsSelected,l=t.cellSelected;const a=r[Math.max(r.indexOf(o)-s,0)];if(a){if(e){const t=this.manager.getRowsRange(null!=o?o:a,a);n=Array.from(new Set(n.concat(t)))}else n=1===n.length&&n[0]===a?n:[a];o=a,l=a.getCell((null===(i=t.cellSelected)||void 0===i?void 0:i.column)||this.manager.getFirstColumn())}return{rowFocused:o,rowsSelected:n,cellSelected:l}}selectNextPageRow(t,e){var i;if("none"===this.manager.grid.rowSelectionMode)return this.selectionStateNone;"multiple"!==this.manager.grid.rowSelectionMode&&(e=!1);const r=this.manager.getRows(),s=this.manager.getRowsPerPage();let o=t.rowFocused,n=t.rowsSelected,l=t.cellSelected;const a=r[Math.min(r.indexOf(o)+s,r.length-1)];if(a){if(e){const t=this.manager.getRowsRange(null!=o?o:a,a);n=Array.from(new Set(n.concat(t)))}else n=1===n.length&&n[0]===a?n:[a];o=a,l=a.getCell((null===(i=t.cellSelected)||void 0===i?void 0:i.column)||this.manager.getFirstColumn())}return{rowFocused:o,rowsSelected:n,cellSelected:l}}selectPreviousCell(t){if("none"===this.manager.grid.rowSelectionMode)return this.selectionStateNone;const e=t.rowFocused;let i=t.rowsSelected,r=t.cellSelected;if(r){const t=this.manager.getPreviousCell(r);t&&(r=t)}else i.includes(e)||(i=[...i,e]),r||(r=e.getCell(this.manager.getFirstColumn()));return{rowFocused:e,rowsSelected:i,cellSelected:r}}selectNextCell(t){if("none"===this.manager.grid.rowSelectionMode)return this.selectionStateNone;const e=t.rowFocused;let i=t.rowsSelected,r=t.cellSelected;if(r){const t=this.manager.getNextCell(r);t&&(r=t)}else i.includes(e)||(i=[...i,e]),r||(r=e.getCell(this.manager.getFirstColumn()));return{rowFocused:e,rowsSelected:i,cellSelected:r}}markRow(t,e,i,r){var s;if(t){if(i){const e=!t.marked,i=this.manager.getRowsRange(null!==(s=this.lastRowMarked)&&void 0!==s?s:t,t);return this.lastRowMarked=t,e?r.concat(i.filter((t=>!r.includes(t)))):r.filter((t=>!i.includes(t)))}if(this.lastRowMarked=t,e&&!r.includes(t))return r.concat([t]);if(!e&&r.includes(t))return r.filter((e=>e!==t))}return r}markAllRows(t=!0){return t?this.manager.getRows():[]}syncRowSelector(t,e=[],i){const r=this.manager.columns.getColumnSelector();if((null==r?void 0:r.richRowSelectorMode)===i){const i=r.physicalOrder-1;null==e||e.filter((e=>!t.includes(e))).forEach((t=>{t.marked=!1,t.children[i].setSelectorChecked(!1)})),null==t||t.forEach((t=>{t.marked="mark"===r.richRowSelectorMode,t.children[i].setSelectorChecked(!0)})),r.richRowSelectorState=0===t.length?"":t.length===this.manager.getRows().length?"checked":"indeterminate"}}sortRowsSelected(t){const e=Array.from(this.manager.grid.querySelectorAll("ch-grid-row"));return t.sort(((t,i)=>{const r=e.indexOf(t),s=e.indexOf(i);return r<s?-1:r>s?1:0}))}isContiguousSelection(t){const e=Array.from(this.manager.grid.querySelectorAll("ch-grid-row")).filter((t=>t.isVisible()));if(0===t.length)return!1;if(1===t.length)return!0;{const i=e.indexOf(t[0]);return e.indexOf(t[t.length-1])-i+1===t.length}}}class k{constructor(t){this.dragMouseMoveFn=this.dragMouseMoveHandler.bind(this),this.manager=t}dragStart(t){this.row=t,this.rowIndex=this.manager.getGridRowIndex(t),this.defineListeners(),this.createRowShadow(),this.floatRow(),this.updateRowPosition()}dragMouseMoveHandler(t){const e=t.target.closest("ch-grid-row");if(e&&e.parentElement===this.row.parentElement&&e.grid===this.manager.grid){const t=this.manager.getGridRowIndex(e),i=t+2,r=this.rowIndex<t?-1:1;this.rowShadow.style.getPropertyValue("--row-shadow-row-start")!==`${i}`?this.rowShadow.style.setProperty("--row-shadow-row-start",`${i}`):this.rowShadow.style.setProperty("--row-shadow-row-start",`${i+r}`),this.updateRowPosition()}}dragMouseUpHandler(){document.removeEventListener("mousemove",this.dragMouseMoveFn);const t=parseInt(this.rowShadow.style.getPropertyValue("--row-shadow-row-start")),e=this.manager.grid.querySelectorAll("ch-grid-row").item(t-2);t<this.rowIndex+2&&e.before(this.row),t>this.rowIndex+2&&e.after(this.row),this.unfloatRow(),this.rowShadow.remove(),this.row=null,this.rowShadow=null}defineListeners(){document.addEventListener("mousemove",this.dragMouseMoveFn,{passive:!0}),document.addEventListener("mouseup",this.dragMouseUpHandler.bind(this),{once:!0})}createRowShadow(){const t=this.manager.getRowHeight(this.row);this.rowShadow=document.createElement("div"),this.rowShadow.style.display="contents",this.manager.getColumnsWidth().forEach((e=>{const i=document.createElement("div");i.style.opacity="0",i.style.minWidth=e,i.style.height=`${t}px`,i.style.gridRowStart="var(--row-shadow-row-start)",this.rowShadow.append(i)}))}floatRow(){const t=this.manager.getColumnsWidth(),e=this.manager.gridLayout.clientWidth;this.row.before(this.rowShadow),this.row.setAttribute("dragging",""),this.row.style.width=`${e}px`,this.row.querySelectorAll(":scope > ch-grid-cell").forEach(((e,i)=>{const r=parseInt(this.manager.gridLayout.style.getPropertyValue(`--ch-grid-column-${i+1}-position`));e.hidden||(e.style.width=t[r-1],e.style.order=`${r}`)}))}unfloatRow(){this.row.removeAttribute("dragging"),this.row.style.width="",this.row.querySelectorAll(":scope > ch-grid-cell").forEach((t=>{t.style.width="",t.style.order=""}))}updateRowPosition(){const t=this.rowShadow.children[0].getBoundingClientRect();this.row.style.top=`${t.top}px`,this.row.style.left=`${t.left}px`}}class x{constructor(t){var e;this.manager=t,null===(e=this.manager.grid.querySelectorAll("ch-grid-row-actions"))||void 0===e||e.forEach((t=>{t.showOnRowHover&&(this.showOnRowHover=t),t.showOnRowActions&&(this.showOnRowActions=t),t.showOnRowContext&&(this.showOnRowContext=t)}))}}!function(t){t[t.BASE_LAYER=0]="BASE_LAYER",t[t.COLUMNS_WIDTH=1]="COLUMNS_WIDTH"}(v||(v={}));class S{constructor(t){this.styleSheet=new CSSStyleSheet,this.grid=t,this.styleSheet.insertRule(":host {}",v.BASE_LAYER),this.styleSheet.insertRule(".main {}",v.COLUMNS_WIDTH),this.grid.shadowRoot.adoptedStyleSheets.push(this.styleSheet),n(this.grid.shadowRoot.adoptedStyleSheets),this.columns=new w(this),this.selection=new y(this),this.rowActions=new x(this)}get gridLayout(){return this.gridLayoutElement}componentDidLoad(t){this.gridLayoutElement=t}getColumns(){return this.columns.getColumns()}getColumnsWidth(){return getComputedStyle(this.gridLayout).gridTemplateColumns.split(" ")}getColumnsetHeight(){const t=getComputedStyle(this.gridLayout).gridTemplateRows.split(" ");return parseInt(t[0])||0}getFirstColumn(){return this.columns.getColumnsFirstLast().columnFirst}getFirstRow(){return this.grid.querySelector("ch-grid-row")}getScrollOffsetTop(){return this.gridLayout.offsetTop+this.getColumnsetHeight()}getScrollOffsetLeft(){return this.columns.getColumns(!0).reduce(((t,e)=>"start"!==e.freeze||e.hidden?t:t+e.offsetWidth),0)}getScrollOffsetRight(){return this.columns.getColumns(!0).reduce(((t,e)=>"end"!==e.freeze||e.hidden?t:t+e.offsetWidth),0)}getPreviousRow(t){const e=this.getRows(),i=e.indexOf(t);return e.slice(0,i).reverse().find((t=>t.isVisible()))}getNextRow(t){const e=this.getRows(),i=e.indexOf(t);return e.slice(i+1).find((t=>t.isVisible()))}getLastRow(){return this.getRows().reverse().find((t=>t.isVisible()))}getPreviousCell(t){const e=t.column.order,i=this.columns.getColumns().reduce(((t,i)=>i.order<e&&!i.hidden&&(!t||i.order>t.order)?i:t),null);if(i)return t.row.querySelector(`:scope > ch-grid-cell:nth-of-type(${i.physicalOrder})`)}getNextCell(t){const e=t.column.order,i=this.columns.getColumns().reduce(((t,i)=>i.order>e&&!i.hidden&&(!t||i.order<t.order)?i:t),null);if(i)return t.row.querySelector(`:scope > ch-grid-cell:nth-of-type(${i.physicalOrder})`)}getGridRowIndex(t){return Array.prototype.indexOf.call(this.grid.querySelectorAll("ch-grid-row, ch-grid-rowset-legend"),t)}getRowsetRowIndex(t){return Array.prototype.indexOf.call(t.parentElement.children,t)}getRowHeight(t){const e=getComputedStyle(this.gridLayout).gridTemplateRows.split(" "),i=this.getGridRowIndex(t)+1;return parseInt(e[i])||0}getRowsPerPage(){const t=this.gridLayout.clientHeight,e=this.getColumnsetHeight(),i=this.getRowHeight(this.getFirstRow());return Math.floor((t-e)/i)}getRow(t){return this.grid.querySelector(`ch-grid-row[rowid="${t}"]`)}getRows(t="all"){const e=Array.from(this.grid.querySelectorAll("ch-grid-row"));return"visible"===t?e.filter((t=>t.isVisible())):e}getRowsSelected(){return Array.from(this.grid.querySelectorAll("ch-grid-row[selected]"))}getRowsRange(t,e){const i=this.getRows(),r=i.indexOf(t),s=i.indexOf(e);return i.slice(Math.min(r,s),Math.max(r,s)+1).filter((t=>t.isVisible()))}getRowEventTarget(t){return t.composedPath().find((t=>"CH-GRID-ROW"===t.tagName))}isRowActionsEventTarget(t){return null!=t.composedPath().find((t=>"CH-GRID-ROW-ACTIONS"===t.tagName))}getCell(t,e,i){if(t)return this.grid.querySelector(`ch-grid-cell[cellid="${t}"]`);if(e&&i){const t=this.getRow(e),r=this.columns.getColumn(i);if(t&&r)return t.getCell(r)}}getCellEventTarget(t){return t.composedPath().find((t=>"CH-GRID-CELL"===t.tagName))}columnDragStart(t){this.columnDragManager=new f(t,this.columns.getColumns(),this.isRTLDirection())}columnDragging(t){return this.columnDragManager.dragging(t)}columnDragEnd(){this.columnDragManager.dragEnd(),this.columnDragManager=null}rowDragStart(t){this.rowDragManager=new k(this),this.rowDragManager.dragStart(t)}getGridStyle(){return Object.assign(Object.assign(Object.assign(Object.assign({display:"grid"},this.getGridTemplateColumns()),this.getRowBoxSimulationStyle()),this.getDragTransitionStyle()),this.getColumnsStyle())}setBaseLayer(t){this.styleSheet.deleteRule(v.BASE_LAYER),this.styleSheet.insertRule(`:host { --ch-grid-base-layer: ${t}; }`,v.BASE_LAYER)}setColumnWidthVariables(t){this.styleSheet.deleteRule(v.COLUMNS_WIDTH),this.styleSheet.insertRule(`.main { ${t.map(((t,e)=>`--ch-grid-column-${e+1}-width:${t}px;`)).join("\n")} }`,v.COLUMNS_WIDTH)}ensureRowVisible(t){let e=t.parentElement.closest("ch-grid-row, ch-grid-rowset");const{columnFirst:i}=this.columns.getColumnsFirstLast();for(;e;)e.collapsed=!1,e=e.parentElement.closest("ch-grid-row, ch-grid-rowset");t.children[i.physicalOrder]&&this.ensureVisible(t.children[i.physicalOrder])}ensureCellVisible(t){let e=t.closest("ch-grid-row, ch-grid-rowset");for(;!t.isVisible()&&e;)e.collapsed=!1,e=e.parentElement.closest("ch-grid-row, ch-grid-rowset");t.isVisible()||(t.column.hidden=!1),this.ensureVisible(t)}ensureVisible(t){const e=["start","end"].includes(t.column.freeze),i=this.gridLayout,r=this.getScrollOffsetTop(),s=this.getScrollOffsetLeft(),o=this.getScrollOffsetRight();i.scrollTop+r>t.offsetTop?i.scrollBy({top:-1*(i.scrollTop-t.offsetTop+r)}):i.scrollTop+i.offsetHeight<t.offsetTop+t.offsetHeight?i.scrollBy({top:t.offsetTop+t.offsetHeight-(i.scrollTop+i.offsetHeight)}):i.scrollLeft+s>t.offsetLeft&&!e?i.scrollBy({left:-1*(i.scrollLeft-t.offsetLeft+s)}):i.scrollLeft+i.clientWidth-o<t.offsetLeft+t.offsetWidth&&!e&&i.scrollBy({left:t.offsetLeft+t.offsetWidth-(i.scrollLeft+i.clientWidth-o)})}getGridTemplateColumns(){return{"grid-template-columns":this.columns.getColumns().map((t=>`var(--ch-grid-column-${t.physicalOrder}-size)`)).join(" ")}}getRowBoxSimulationStyle(){const{columnFirst:t,columnLast:e}=this.columnDragManager?this.columnDragManager.getColumnsFirstLast():this.columns.getColumnsFirstLast();return t&&e?{[`--ch-grid-column-${t.physicalOrder}-margin-start`]:"var(--ch-grid-fallback, inherit)",[`--ch-grid-column-${t.physicalOrder}-border-start`]:"var(--ch-grid-fallback, inherit)",[`--ch-grid-column-${t.physicalOrder}-padding-start`]:"var(--ch-grid-fallback, inherit)",[`--ch-grid-column-${e.physicalOrder}-margin-end`]:"var(--ch-grid-fallback, inherit)",[`--ch-grid-column-${e.physicalOrder}-border-end`]:"var(--ch-grid-fallback, inherit)",[`--ch-grid-column-${e.physicalOrder}-padding-end`]:"var(--ch-grid-fallback, inherit)"}:null}getDragTransitionStyle(){return{"--column-drag-transition-duration":this.columnDragManager?".2s":"0s"}}getColumnsStyle(){return this.columns.getColumns().reduce(((t,e)=>Object.assign(Object.assign({},t),this.getColumnStyle(e))),{})}getColumnStyle(t){return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.getColumnSizeStyle(t)),this.getColumnOrderStyle(t)),this.getColumnDisplayStyle(t)),this.getColumnFreezeStyle(t)),this.getColumnDraggingStyle(t)),this.getColumnIndentStyle(t))}getColumnSizeStyle(t){return{[`--ch-grid-column-${t.order}-size`]:t.hidden?"0px":t.size}}getColumnOrderStyle(t){return{[`--ch-grid-column-${t.physicalOrder}-position`]:t.order.toString()}}getColumnFreezeStyle(t){switch(t.freeze){case"start":return this.getColumnFreezeStartStyle(t);case"end":return this.getColumnFreezeEndStyle(t)}}getColumnFreezeStartStyle(t){const e=["0px"];for(let i=1;i<t.order;i++)e.push(`var(--ch-grid-column-${i}-width)`);return{[`--ch-grid-column-${t.physicalOrder}-left-freeze`]:`calc(${e.join(" + ")})`,[`--ch-grid-column-${t.physicalOrder}-z-index-freeze`]:"var(--ch-grid-column-freeze-layer)"}}getColumnFreezeEndStyle(t){const e=["0px"];for(let i=this.columns.getColumns().length;i>t.order;i--)e.push(`var(--ch-grid-column-${i}-width)`);return{[`--ch-grid-column-${t.physicalOrder}-right-freeze`]:`calc(${e.join(" + ")})`,[`--ch-grid-column-${t.physicalOrder}-z-index-freeze`]:"var(--ch-grid-column-freeze-layer)"}}getColumnDisplayStyle(t){return t.hidden?{[`--ch-grid-column-${t.physicalOrder}-display`]:"none"}:null}getColumnDraggingStyle(t){return this.columnDragManager?this.columnDragManager.getColumnStyle(t):null}getColumnIndentStyle(t){return{[`--ch-grid-column-${t.physicalOrder}-content`]:1===t.order?"''":"none"}}isRTLDirection(){return"rtl"===getComputedStyle(this.grid).direction}}const C=class{constructor(i){t(this,i),this.selectionChanged=e(this,"selectionChanged",7),this.rowMarkingChanged=e(this,"rowMarkingChanged",7),this.cellSelectionChanged=e(this,"cellSelectionChanged",7),this.rowClicked=e(this,"rowClicked",7),this.rowDoubleClicked=e(this,"rowDoubleClicked",7),this.rowEnterPressed=e(this,"rowEnterPressed",7),this.rowContextMenu=e(this,"rowContextMenu",7),this.rowsMarked=[],this.rowsSelected=[],this.rowSelectionMode="single",this.rowHighlightEnabled="auto",this.allowColumnReorder=!0}rowFocusedHandler(t,e){t&&(t.focused=!0),e&&(e.focused=!1)}rowHighlightedHandler(t,e){var i,r;t&&(t.highlighted=!0),e&&(e.highlighted=!1),t?null===(i=this.manager.rowActions.showOnRowHover)||void 0===i||i.openRowHover(t):null===(r=this.manager.rowActions.showOnRowHover)||void 0===r||r.close()}rowsMarkedHandler(t,e){this.manager.selection.syncRowSelector(t,e,"mark"),this.rowMarkingChanged.emit({rowsId:t.map((t=>t.rowId)),addedRowsId:t.filter((t=>!e.includes(t))).map((t=>t.rowId)),removedRowsId:e.filter((e=>!t.includes(e))).map((t=>t.rowId)),unalteredRowsId:t.filter((t=>e.includes(t))).map((t=>t.rowId))})}rowsSelectedHandler(t,e){e&&e.filter((e=>!t.includes(e))).forEach((t=>t.selected=!1)),t&&t.forEach((t=>t.selected=!0)),this.manager.selection.syncRowSelector(t,e,"select"),this.selectionChanged.emit({rowsId:t.map((t=>t.rowId))})}cellSelectedHandler(t,e){t&&(t.selected=!0),e&&(e.selected=!1),this.cellSelectionChanged.emit({cellId:this.cellSelected?this.cellSelected.cellId:null,rowId:this.cellSelected?this.cellSelected.row.rowId:null,columnId:this.cellSelected?this.cellSelected.column.columnId:null})}componentWillLoad(){this.manager=new S(this.el),this.gridStyle=this.manager.getGridStyle(),this.rowsSelected=this.manager.getRowsSelected()}componentDidLoad(){this.manager.componentDidLoad(this.gridLayoutElement)}componentShouldUpdate(t,e,i){if("rowFocused"===i||"rowHighlighted"===i||"rowSelected"===i||"rowsMarked"===i||"cellSelected"===i)return!1}focusHandler(){"none"!==this.rowSelectionMode&&(this.rowFocused=this.rowsSelected[0]||this.manager.getFirstRow())}blurHandler(){this.rowFocused=null}cellFocusedHandler(t){const e=t.target;"none"===this.rowSelectionMode||e.selected||this.setCellSelected(e)}windowKeyDownHandler(t){l()[0]===this.el&&[" ","+","-","Home","End","PageUp","PageDown","ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(t.key)&&t.preventDefault()}keyDownHandler(t){if(l()[0]===this.el)switch(t.key){case" ":this.toggleRowsMarked();break;case"+":this.setRowCollapsed(this.rowFocused,!1);break;case"-":this.setRowCollapsed(this.rowFocused,!0);break;case"Home":this.selectByKeyboardEvent(this.manager.selection.selectFirstRow.bind(this.manager.selection),t.shiftKey);break;case"End":this.selectByKeyboardEvent(this.manager.selection.selectLastRow.bind(this.manager.selection),t.shiftKey);break;case"PageUp":this.selectByKeyboardEvent(this.manager.selection.selectPreviousPageRow.bind(this.manager.selection),t.shiftKey);break;case"PageDown":this.selectByKeyboardEvent(this.manager.selection.selectNextPageRow.bind(this.manager.selection),t.shiftKey);break;case"ArrowUp":this.selectByKeyboardEvent(this.manager.selection.selectPreviousRow.bind(this.manager.selection),t.shiftKey);break;case"ArrowDown":this.selectByKeyboardEvent(this.manager.selection.selectNextRow.bind(this.manager.selection),t.shiftKey);break;case"ArrowLeft":this.selectByKeyboardEvent(this.manager.selection.selectPreviousCell.bind(this.manager.selection),t.shiftKey);break;case"ArrowRight":this.selectByKeyboardEvent(this.manager.selection.selectNextCell.bind(this.manager.selection),t.shiftKey);break;case"Enter":this.enterPressedHandler()}}mouseMoveHandler(t){("auto"===this.rowHighlightEnabled&&"none"!==this.rowSelectionMode||!0===this.rowHighlightEnabled)&&(this.rowHighlighted=this.manager.getRowEventTarget(t)||(this.manager.isRowActionsEventTarget(t)?this.rowHighlighted:null));t:if(this.manager.selection.selecting){if(l()[0]!==this.el){this.stopSelecting();break t}const e=this.manager.getRowEventTarget(t),i=this.manager.getCellEventTarget(t);if(e&&(this.manager.selection.selectingRow!==e||this.manager.selection.selectingCell!==i)){const r=a(t),s=h(t,d.RIGHT);this.selectByPointerEvent(e,i,r&&!s,!s,s),this.manager.selection.selectingRow=e,this.manager.selection.selectingCell=i}}}mouseLeaveHandler(){this.rowHighlighted&&(this.rowHighlighted=null)}clickHandler(t){const e=this.manager.getRowEventTarget(t),i=this.manager.getCellEventTarget(t);e&&(this.rowClicked.emit({rowId:e.rowId,cellId:null==i?void 0:i.cellId,columnId:null==i?void 0:i.column.columnId}),this.manager.selection.selecting=!0,this.selectByPointerEvent(e,i,a(t),t.shiftKey,t.button===c.RIGHT))}mouseUpHandler(){this.stopSelecting()}dblclickHandler(t){const e=this.manager.getRowEventTarget(t),i=this.manager.getCellEventTarget(t);e&&this.rowDoubleClicked.emit({rowId:e.rowId,cellId:null==i?void 0:i.cellId,columnId:null==i?void 0:i.column.columnId})}contextmenuHandler(t){var e,i;let r;if(r=t.target===this.el?this.rowFocused:this.manager.getRowEventTarget(t),r){const s=(null===(e=this.cellSelected)||void 0===e?void 0:e.row)===r?this.cellSelected:null,o=this.rowContextMenu.emit({rowId:r.rowId,cellId:null==s?void 0:s.cellId,columnId:null==s?void 0:s.column.columnId,selectedRowsId:this.rowsSelected.map((t=>t.rowId)),clientX:t.clientX,clientY:t.clientY});null===(i=this.manager.rowActions.showOnRowContext)||void 0===i||i.openRowContext(t.clientX,t.clientY),(o.defaultPrevented||this.manager.rowActions.showOnRowContext)&&t.preventDefault()}}columnSelectorClickedHandler(t){const e=this.manager.columns.getColumnSelector();"select"===(null==e?void 0:e.richRowSelectorMode)?this.selectAll(t.detail.checked):"mark"===(null==e?void 0:e.richRowSelectorMode)&&(this.rowsMarked=this.manager.selection.markAllRows(t.detail.checked))}cellSelectorClickedHandler(t){const e=this.manager.columns.getColumnSelector();"select"===(null==e?void 0:e.richRowSelectorMode)?this.selectByPointerEvent(this.manager.getRowEventTarget(t),this.manager.getCellEventTarget(t),!0,t.detail.range,!1):"mark"===(null==e?void 0:e.richRowSelectorMode)&&(this.rowsMarked=this.manager.selection.markRow(this.manager.getRowEventTarget(t),t.detail.checked,t.detail.range,this.rowsMarked))}cellRowActionClickedHandler(t){var e;null===(e=this.manager.rowActions.showOnRowActions)||void 0===e||e.openRowActions(t.target)}columnStyleChangedHandler(){this.manager&&(this.gridStyle=this.manager.getGridStyle())}columnFreezeChangedHandler(){this.manager.columns.adjustFreezeOrder()}columnDragStartHandler(t){this.manager.columnDragStart(t.detail.columnId)}columnDraggingHandler(t){this.manager.columnDragging(t.detail.positionX)&&(this.gridStyle=this.manager.getGridStyle())}columnDragEndHandler(){this.manager.columnDragEnd(),this.gridStyle=this.manager.getGridStyle()}rowDragStartHandler(t){this.manager.rowDragStart(t.detail.row)}rowEnsureVisibleHandler(t){this.manager.ensureRowVisible(t.target)}cellEnsureVisibleHandler(t){this.manager.ensureCellVisible(t.target)}settingsShowClickedHandler(){this.settingsUI.show=!0}settingsCloseClickedHandler(){this.settingsUI.show=!1}async getFocusedRow(){var t;return null===(t=this.rowFocused)||void 0===t?void 0:t.rowId}async getHoveredRow(){var t;return null===(t=this.rowHighlighted)||void 0===t?void 0:t.rowId}async getSelectedRows(){return this.rowsSelected.map((t=>t.rowId))}async getMarkedRows(){return this.rowsMarked.map((t=>t.rowId))}async getSelectedCell(){return{cellId:this.cellSelected?this.cellSelected.cellId:null,rowId:this.cellSelected?this.cellSelected.row.rowId:null,columnId:this.cellSelected?this.cellSelected.column.columnId:null}}async selectRow(t,e=!0){const i=this.manager.getRow(t);if(i){const{rowFocused:t,rowsSelected:r,cellSelected:s}=this.manager.selection.selectSet({rowFocused:this.rowFocused,rowsSelected:this.rowsSelected,cellSelected:this.cellSelected},i,null,e);this.rowFocused=t,this.rowsSelected=r,this.cellSelected=s,null==t||t.ensureVisible()}}async selectAllRows(t=!0){this.selectAll(t)}async selectCell(t,e,i,r=!0){const s=this.manager.getCell(t,e,i);s&&this.setCellSelected(s,r)}async markRow(t,e=!0){const i=this.manager.columns.getColumnSelector(),r=this.manager.getRow(t);r&&"mark"===(null==i?void 0:i.richRowSelectorMode)&&(this.rowsMarked=this.manager.selection.markRow(r,e,!1,this.rowsMarked))}async markAllRows(t=!0){const e=this.manager.columns.getColumnSelector();"mark"===(null==e?void 0:e.richRowSelectorMode)&&(this.rowsMarked=this.manager.selection.markAllRows(t))}async expandRow(t){this.setRowCollapsed(this.manager.getRow(t),!1)}async collapseRow(t){this.setRowCollapsed(this.manager.getRow(t),!0)}async rowEnsureVisible(t){const e=this.manager.getRow(t);e&&this.manager.ensureRowVisible(e)}async cellEnsureVisible(t){const e=this.manager.getCell(t);e&&this.manager.ensureCellVisible(e)}async getPreviousRow(){var t,e;const i=null===(t=this.cellSelected)||void 0===t?void 0:t.row;if(i)return(null===(e=this.manager.getPreviousRow(i))||void 0===e?void 0:e.rowId)||null}async getNextRow(){var t,e;const i=null===(t=this.cellSelected)||void 0===t?void 0:t.row;if(i)return(null===(e=this.manager.getNextRow(i))||void 0===e?void 0:e.rowId)||null}async getPreviousCell(){const t=this.manager.getPreviousCell(this.cellSelected);return{cellId:t?t.cellId:null,rowId:t?t.row.rowId:null,columnId:t?t.column.columnId:null}}async getNextCell(){const t=this.manager.getNextCell(this.cellSelected);return{cellId:t?t.cellId:null,rowId:t?t.row.rowId:null,columnId:t?t.column.columnId:null}}enterPressedHandler(){var t;if(this.rowFocused){const e=(null===(t=this.cellSelected)||void 0===t?void 0:t.row)===this.rowFocused?this.cellSelected:null;this.rowEnterPressed.emit({rowId:this.rowFocused.rowId,cellId:e?e.cellId:null,columnId:e?e.column.columnId:null})}}toggleRowsMarked(){const t=this.manager.columns.getColumnSelector();"mark"===(null==t?void 0:t.richRowSelectorMode)&&(this.rowsMarked=this.rowFocused.marked?this.rowsMarked.filter((t=>!this.rowsSelected.includes(t))):Array.from(new Set(this.rowsMarked.concat(this.rowsSelected))))}selectByPointerEvent(t,e,i,r,s){const{rowFocused:o,rowsSelected:n,cellSelected:l}=this.manager.selection.select({rowFocused:this.rowFocused,rowsSelected:this.rowsSelected,cellSelected:this.cellSelected},t,e,i,r,s);this.rowFocused=o,this.rowsSelected=n,this.cellSelected=l,l?l.ensureVisible():null==o||o.ensureVisible()}selectByKeyboardEvent(t,e){const{rowFocused:i,rowsSelected:r,cellSelected:s}=t({rowFocused:this.rowFocused,rowsSelected:this.rowsSelected,cellSelected:this.cellSelected},e);this.rowFocused=i,this.rowsSelected=r,this.cellSelected=s,s?s.ensureVisible():null==i||i.ensureVisible()}selectAll(t=!0){const{rowFocused:e,rowsSelected:i,cellSelected:r}=this.manager.selection.selectAll({rowFocused:this.rowFocused,rowsSelected:this.rowsSelected,cellSelected:this.cellSelected},t);this.rowFocused=e,this.rowsSelected=i,this.cellSelected=r,r?r.ensureVisible():null==e||e.ensureVisible()}setRowCollapsed(t,e){t&&e?t&&t.hasChildRows&&(t.collapsed=!0):t&&!e&&(t.collapsed=!1)}setCellSelected(t,e=!0){const{rowFocused:i,rowsSelected:r,cellSelected:s}=this.manager.selection.selectSet({rowFocused:this.rowFocused,rowsSelected:this.rowsSelected,cellSelected:this.cellSelected},t.row,t,e);this.rowFocused=i,this.rowsSelected=r,this.cellSelected=s,null==i||i.ensureVisible()}stopSelecting(){this.manager.selection.selecting=!1,this.manager.selection.selectingRow=null,this.manager.selection.selectingCell=null}renderSettings(){return i("ch-grid-settings",{grid:this.el,ref:t=>this.settingsUI=t,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 "},i("slot",{name:"settings"},i("ch-grid-settings-columns",{part:"settings-columns",columns:[...this.manager.getColumns()],exportparts:"\n column:settings-columns-item,\n column-label:settings-columns-label,\n column-visible:settings-columns-visible,\n column-visible-checked:settings-columns-visible-checked\n "})))}render(){return i(r,{tabindex:"none"!==this.rowSelectionMode&&"0"},i("header",{part:"header"},i("slot",{name:"header"})),i("section",{class:"main",style:this.gridStyle,part:"main",ref:t=>this.gridLayoutElement=t},i("slot",null)),i("aside",null,this.renderSettings(),i("slot",{name:"column-display"}),i("slot",{name:"row-actions"})),i("footer",{part:"footer"},i("slot",{name:"footer"})))}get el(){return s(this)}static get watchers(){return{rowFocused:["rowFocusedHandler"],rowHighlighted:["rowHighlightedHandler"],rowsMarked:["rowsMarkedHandler"],rowsSelected:["rowsSelectedHandler"],cellSelected:["cellSelectedHandler"]}}};C.style=":host{display:flex;position:relative;flex-direction:column;--ch-grid-cell-active-layer:calc(var(--ch-grid-base-layer) * 1);--ch-grid-column-header-layer:calc(var(--ch-grid-base-layer) * 2);--ch-grid-column-freeze-layer:calc(var(--ch-grid-base-layer) * 4);--ch-grid-column-active-layer:calc(var(--ch-grid-base-layer) * 8);--ch-grid-settings-layer:calc(var(--ch-grid-base-layer) * 16)}.main{display:none;grid-auto-flow:dense;overflow-x:auto;user-select:none}";const z=class{constructor(i){t(this,i),this.columnHiddenChanged=e(this,"columnHiddenChanged",7),this.columnSizeChanging=e(this,"columnSizeChanging",7),this.columnSizeChanged=e(this,"columnSizeChanged",7),this.columnOrderChanged=e(this,"columnOrderChanged",7),this.columnSortChanged=e(this,"columnSortChanged",7),this.columnFreezeChanged=e(this,"columnFreezeChanged",7),this.columnDragStarted=e(this,"columnDragStarted",7),this.columnDragging=e(this,"columnDragging",7),this.columnDragEnded=e(this,"columnDragEnded",7),this.columnSelectorClicked=e(this,"columnSelectorClicked",7),this.dragging=!1,this.dragMouseMoveFn=this.dragMouseMoveHandler.bind(this),this.columnType="plain",this.columnNamePosition="text",this.richRowSelectorMode="select",this.richRowSelectorState="",this.hidden=!1,this.hideable=!0,this.resizable=!0,this.sortable=!0,this.settingable=!0,this.showSettings=!1,this.settingsClickHandler=t=>{t.stopPropagation(),this.showSettings=!0},this.selectorClickHandler=t=>{const e=t.target;this.richRowSelectorState=e.checked?"checked":"",this.columnSelectorClicked.emit({checked:e.checked}),t.stopPropagation()}}freezeHandler(){this.columnFreezeChanged.emit({columnId:this.columnId,freeze:this.freeze})}hiddenHandler(){this.columnHiddenChanged.emit({columnId:this.columnId,hidden:this.hidden})}orderHandler(){this.columnOrderChanged.emit({columnId:this.columnId,order:this.order})}sizeHandler(){this.columnSizeChanging.emit({columnId:this.columnId,size:this.size})}sortDirectionHandler(){this.sortDirection&&this.columnSortChanged.emit({columnId:this.columnId,sortDirection:this.sortDirection})}componentDidLoad(){this.el.addEventListener("mousedown",this.mousedownHandler.bind(this))}clickHandler(){this.dragging?this.dragging=!1:this.sortable&&(this.sortDirection="asc"===this.sortDirection?"desc":"asc")}columnResizeStartedHandler(){this.resizing=!0}columnResizeFinishedHandler(){this.resizing=!1,this.columnSizeChanged.emit({columnId:this.columnId,size:this.size})}allowColumnReorder(){return this.el.closest("ch-grid").allowColumnReorder}mousedownHandler(t){t.preventDefault(),t.stopPropagation(),this.allowColumnReorder()&&(this.dragMouseDownHandler(t),document.addEventListener("mousemove",this.dragMouseMoveFn,{passive:!0}),document.addEventListener("mouseup",this.dragMouseUpHandler.bind(this),{once:!0}))}dragMouseDownHandler(t){this.dragMouseMoveStartPositionX=t.pageX,this.columnDragStarted.emit({columnId:this.columnId})}dragMouseMoveHandler(t){(this.dragging||Math.abs(this.dragMouseMoveStartPositionX-t.pageX)>5)&&(this.dragging=!0,this.columnDragging.emit({columnId:this.columnId,positionX:t.pageX,direction:t.movementX>0?"right":"left"}))}dragMouseUpHandler(){document.removeEventListener("mousemove",this.dragMouseMoveFn),this.columnDragEnded.emit({columnId:this.columnId})}settingsMouseDownHandler(t){t.stopPropagation()}render(){return i(r,null,i("ul",{class:"bar",part:"bar"},this.renderSelector(),this.renderName(),this.renderSort(),this.renderSettings(),this.renderResize()),i("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 "},i("slot",{name:"settings"})))}renderSelector(){return i("li",{class:"selector",part:"bar-selector",hidden:!("rich"===this.columnType&&this.richRowSelector)},i("label",{part:"selector-label"},i("input",{type:"checkbox",part:["selector",this.richRowSelectorState].filter((t=>""!==t)).join(" "),onClick:this.selectorClickHandler,checked:"checked"===this.richRowSelectorState,indeterminate:"indeterminate"===this.richRowSelectorState})))}renderName(){return i("li",{class:"name",part:"bar-name",title:this.columnTooltip||("title"===this.columnNamePosition?this.columnName:null)},this.columnIconUrl||this.columnImage||this.columnImageSet?i("img",{class:"name-icon",part:"bar-name-icon",src:this.columnImage||this.columnIconUrl,srcSet:this.columnImageSet}):i("div",{class:"name-icon",part:"bar-name-icon"}),i("span",{class:"name-text",part:"bar-name-text",hidden:this.columnNameHidden||"text"!==this.columnNamePosition},this.columnName))}renderSort(){return i("li",{class:"sort",part:"bar-sort",hidden:!this.sortable},i("div",{class:"sort-asc",part:"bar-sort-ascending"}),i("div",{class:"sort-desc",part:"bar-sort-descending"}))}renderSettings(){return i("li",{class:"settings",part:"bar-settings",hidden:!this.settingable},i("button",{class:"button",part:"bar-settings-button",onClick:this.settingsClickHandler}))}renderResize(){return i("li",{class:"resize",part:"bar-resize",hidden:!this.resizable},i("ch-grid-column-resize",{column:this.el,class:"resize-split",part:"bar-resize-split"}))}get el(){return s(this)}static get watchers(){return{freeze:["freezeHandler"],hidden:["hiddenHandler"],order:["orderHandler"],size:["sizeHandler"],sortDirection:["sortDirectionHandler"]}}};z.style=":host{display:flex;position:sticky;top:0}:host{background-color:inherit;margin-block-start:inherit;margin-block-end:inherit;border-block-start:inherit;border-block-end:inherit;padding-block-start:inherit;padding-block-end:inherit;transition:transform var(--column-drag-transition-duration, 0.2s)}:host{--ch-grid-column-z-index-head:var(--ch-grid-column-header-layer)}:host([show-settings]),:host([resizing]){--ch-grid-column-z-index-active:var(--ch-grid-column-active-layer)}:host([sort-direction=asc]) .bar .sort .sort-asc{visibility:visible}:host([sort-direction=desc]) .bar .sort .sort-desc{visibility:visible}.bar{list-style-type:none;margin:0;padding:0;display:flex;align-items:center}.bar .selector{overflow:hidden;order:0}.bar .selector:not([hidden]){display:flex}.bar .name{display:flex;overflow:hidden;order:1}.bar .name .name-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar .sort{position:relative;align-items:center;order:2}.bar .sort:not([hidden]){display:flex}.bar .sort .sort-asc{visibility:hidden;animation-fill-mode:forwards}.bar .sort .sort-desc{position:absolute;visibility:hidden;animation-fill-mode:forwards}.bar .settings{order:3}.bar .resize{align-self:stretch;margin-left:auto;order:4}@keyframes column-sort{0%{opacity:0}10%{opacity:1}90%{opacity:1}100%{opacity:0}}";const H=class{constructor(i){t(this,i),this.columnResizeStarted=e(this,"columnResizeStarted",7),this.columnResizeFinished=e(this,"columnResizeFinished",7),this.mousemoveFn=this.mousemoveHandler.bind(this),this.resizing=!1}componentDidLoad(){this.el.addEventListener("mousedown",this.mousedownHandler.bind(this))}clickHandler(t){t.stopPropagation()}dblclickHandler(t){t.stopPropagation(),this.column.size=a(t)?"auto":"max-content"}columnResizeStartedHandler(){this.resizing=!0}columnResizeFinishedHandler(){this.resizing=!1}mousedownHandler(t){t.stopPropagation(),t.preventDefault(),this.startPageX=t.pageX,this.startColumnWidth=this.column.getBoundingClientRect().width,document.addEventListener("mousemove",this.mousemoveFn,{passive:!0}),document.addEventListener("mouseup",this.mouseupHandler.bind(this),{once:!0}),this.columnResizeStarted.emit()}mousemoveHandler(t){const e=this.startColumnWidth-(this.startPageX-t.pageX);e>=0&&(this.column.size=`minmax(min-content, ${e}px)`)}mouseupHandler(){document.removeEventListener("mousemove",this.mousemoveFn),this.columnResizeFinished.emit()}render(){return i("div",{class:"resize-mask",hidden:!this.resizing})}get el(){return s(this)}};H.style=":host{display:block;min-width:1px;height:100%;cursor:ew-resize}.resize-mask{position:fixed;inset:0}";const R=class{constructor(e){t(this,e),this.show=!1}windowClosedHandler(t){t.stopPropagation(),this.column.showSettings=!1}columnSettingsChangedHandler(){this.column.showSettings=!1}render(){return i(r,null,i("ch-window",{modal:!0,container:this.column,xAlign:"inside-start",yAlign:"outside-end",caption:this.column.columnName,closeText:"Close",closeOnOutsideClick:!0,closeOnEscape:!0,allowDrag:"header",hidden:!this.show,exportparts:"mask,window,header,caption,close,main,footer"},i("slot",null)))}};R.style=":host{display:contents}";const I=class{constructor(e){t(this,e)}columnSortChangedHandler(t){Array.from(this.el.querySelectorAll("ch-grid-column")).forEach((e=>{e.columnId!==t.detail.columnId&&(e.sortDirection=null)}))}get el(){return s(this)}};I.style='@layer ch-grid {\n ch-grid-columnset {\n display: contents;\n }\n}\n@layer ch-grid {\n ch-grid-row {\n display: contents;\n }\n\n ch-grid-row[collapsed] > ch-grid-rowset {\n display: none;\n }\n\n ch-grid-row:is([leaf="false"], :has(> ch-grid-rowset)) > ch-grid-cell::part(caret) {\n visibility: visible;\n }\n\n ch-grid-row[dragging] {\n display: flex;\n position: fixed;\n pointer-events: none;\n box-shadow: rgba(0, 0, 0, 0.7) 0px 5px 15px;\n z-index: 1000;\n transition: top var(--row-drag-transition-duration, 0.1s);\n }\n}\n@layer ch-grid {\n ch-grid-rowset {\n display: contents;\n }\n\n ch-grid-rowset[collapsed] > :not(ch-grid-rowset-legend) {\n display: none;\n }\n}\n@layer ch-grid {\n ch-grid-cell {\n position: sticky;\n grid-column: var(--grid-column);\n transition: transform var(--column-drag-transition-duration, 0.2s);\n }\n\n ch-grid-cell[selected] {\n --ch-grid-cell-z-index-active: var(--ch-grid-cell-active-layer);\n }\n\n ch-grid-cell,\nch-grid-row[selected] > ch-grid-cell,\nch-grid-row[highlighted] > ch-grid-cell {\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 }\n\n ch-grid-cell:before {\n margin-inline-start: calc(var(--indent) * var(--level));\n }\n\n ch-grid-cell::part(indent) {\n width: calc(var(--indent) * var(--level));\n }\n\n ch-grid-cell::part(caret) {\n visibility: hidden;\n }\n}';const $=class{constructor(i){t(this,i),this.settingsCloseClicked=e(this,"settingsCloseClicked",7),this.show=!1}windowClosedHandler(t){t.stopPropagation(),this.show=!1,this.settingsCloseClicked.emit()}render(){return i(r,null,i("ch-window",{modal:!0,container:this.grid,caption:"Options",closeText:"Close",closeOnOutsideClick:!0,closeOnEscape:!0,allowDrag:"header",hidden:!this.show,exportparts:"mask,window,header,caption,close,main,footer"},i("slot",null)))}};$.style=":host{display:contents;--ch-window-mask-z-index:var(--ch-grid-settings-layer)}";const D=class{constructor(e){t(this,e),this.handleClick=t=>{const e=t.target;this.columns.find((t=>t.columnId===e.name)).hidden=!e.checked,t.stopPropagation()}}getColumnsSorted(){return[...this.columns].sort(((t,e)=>t.order<e.order?-1:t.order>e.order?1:0))}render(){const t=this.getColumnsSorted();return i("ul",null,t.map((t=>i("li",{part:"column"},i("label",{part:"column-label"},i("input",{part:t.hidden?"column-visible":"column-visible column-visible-checked",type:"checkbox",checked:!t.hidden,disabled:!t.hideable,name:t.columnId,onClick:this.handleClick}),t.columnName)))))}};D.style=":host{display:flex;flex-direction:column}ul{display:contents;list-style-type:none}";const E=class{constructor(e){t(this,e),this.noBorder=!1,this.fullHeight=!1}componentWillLoad(){const t=o("./icon-assets/");this.el.style.setProperty("--refreshIconUrl",`url("${t}gemini-tools/reset.svg")`),this.el.style.setProperty("--settingshIconUrl",`url("${t}gemini-tools/settings.svg")`),this.el.style.setProperty("--barSortAscendingIconUrl",`url("${t}navigation/chevron-down.svg")`),this.el.style.setProperty("--barSortDescendingIconUrl",`url("${t}navigation/chevron-up.svg")`),this.el.style.setProperty("--barSettingsButtonIconUrl",`url("${t}gemini-tools/settings.svg")`),this.el.style.setProperty("--settingsCloseIconUrl",`url("${t}gemini-tools/close.svg")`),this.el.style.setProperty("--dragIconUrl",`url("${t}navigation/drag.svg")`),this.el.style.setProperty("--caretCollapseIconUrl",`url("${t}gemini-tools/minus.svg")`),this.el.style.setProperty("--caretExpandIconUrl",`url("${t}gemini-tools/add.svg")`)}render(){return i(r,{class:{large:g.large,"no-border":this.noBorder}},i("slot",null))}get el(){return s(this)}};E.style=':root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:root{--indent:var(--spacing-comp-02)}gxg-grid{display:contents}ch-grid{border:1px solid var(--gray-02);--focus-style:2px solid var(--color-primary-active)}ch-grid::part(main){}ch-grid::part(main)::-webkit-scrollbar{width:6px;height:6px}ch-grid::part(main)::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}ch-grid::part(main)::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}ch-grid::part(main)::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}gxg-grid.no-border ch-grid{border:0}gxg-grid:focus-visible,ch-grid:focus-visible{outline:none}ch-grid::part(header),ch-grid::part(footer){background-color:var(--color-background)}ch-grid-actionbar ch-grid-action-refresh,ch-grid-actionbar ch-grid-action-settings,ch-grid-column::part(bar-sort-ascending),ch-grid-column::part(bar-sort-descending),ch-grid-column::part(bar-settings-button),ch-grid-column::part(settings-close),ch-grid::part(settings-close),ch-grid-cell::part(drag-icon),ch-grid-cell::part(caret),ch-grid-rowset-legend::part(caret){display:inline-flex;align-items:center;justify-content:center}ch-grid-actionbar ch-grid-action-refresh:before,ch-grid-actionbar ch-grid-action-settings:before,ch-grid-column::part(bar-sort-ascending):before,ch-grid-column::part(bar-sort-descending):before,ch-grid-column::part(bar-settings-button):before,ch-grid-column::part(settings-close):before,ch-grid::part(settings-close):before,ch-grid-cell::part(drag-icon):before,ch-grid-cell::part(caret):before,ch-grid-rowset-legend::part(caret):before{content:"";display:block;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center;width:70%;height:70%;background-color:var(--color-on-secondary)}ch-grid-action-refresh,ch-grid-action-settings{width:var(--spacing-comp-05);height:var(--spacing-comp-05);cursor:pointer;background-color:var(--color-secondary-enabled);display:inline-block}ch-grid-action-refresh:hover,ch-grid-action-settings:hover{background-color:var(--color-secondary-hover)}ch-grid-action-refresh:focus-visible,ch-grid-action-settings:focus-visible{outline:var(--focus-style)}ch-grid-action-refresh:before{-webkit-mask-image:var(--refreshIconUrl)}ch-grid-action-settings:before{-webkit-mask-image:var(--settingshIconUrl)}ch-grid{font-family:var(--font-family-primary);font-size:var(--font-size-sm);color:var(--gray-06)}ch-grid-column{background-color:var(--color-background);font-weight:var(--font-weight-bold);padding:var(--spacing-comp-02) !important;cursor:pointer}ch-grid-column::part(bar){gap:var(--spacing-comp-02);width:100%}ch-grid-column:not([sort-direction])::part(bar-sort){display:none}ch-grid-column::part(bar-settings){line-height:0}ch-grid-column::part(bar-sort-ascending),ch-grid-column::part(bar-sort-descending){width:var(--spacing-comp-03);height:var(--spacing-comp-03);margin-left:var(--spacing-comp-02);margin-right:var(--spacing-comp-01)}ch-grid-column::part(bar-sort-ascending):before,ch-grid-column::part(bar-sort-descending):before{width:100%;height:100%;-webkit-mask-size:200%}ch-grid-column::part(bar-sort-descending):before{-webkit-mask-image:var(--barSortDescendingIconUrl)}ch-grid-column::part(bar-sort-ascending):before{-webkit-mask-image:var(--barSortAscendingIconUrl)}ch-grid-column::part(bar-resize-split){width:3px;background-color:var(--gray-02)}ch-grid-column:last-child::part(bar-resize-split){display:none}ch-grid-column::part(bar-settings-button){padding:0;width:var(--spacing-comp-05);height:var(--spacing-comp-05);border:none;background-color:transparent;cursor:pointer}ch-grid-column::part(bar-settings-button):hover{background-color:var(--gray-02)}ch-grid-column::part(bar-settings-button):focus-visible{outline:var(--focus-style)}ch-grid-column::part(bar-settings-button):before{-webkit-mask-image:var(--barSettingsButtonIconUrl)}ch-grid-row{background-color:var(--color-background);color:var(--gray-04);border:2px solid transparent}ch-grid-row:nth-of-type(odd){background-color:var(--gray-00)}ch-grid-row[highlighted]{background-color:var(--color-hover)}ch-grid-row[dragging]{box-shadow:var(--box-shadow-03)}ch-grid-row[selected]>ch-grid-cell:not([selected]){background-color:var(--color-secondary-enabled)}ch-grid-cell[selected]{z-index:1;background-color:var(--color-secondary-enabled) !important}ch-grid-row[selected]>ch-grid-cell{color:var(--color-on-secondary)}ch-grid-row[selected]+ch-grid-row[selected] ch-grid-cell{border-top-color:var(--color-secondary-hover)}ch-grid-cell{box-sizing:border-box;padding-inline-start:var(--spacing-comp-02) !important;padding-inline-end:var(--spacing-comp-02) !important;padding-block-start:var(--spacing-comp-01);padding-block-end:var(--spacing-comp-01);align-items:center;font-size:var(--font-size-md);line-height:var(--line-height-regular)}ch-grid-column::part(settings-mask){cursor:default}ch-grid-column::part(settings-mask),ch-grid::part(settings-mask){background-color:rgba(0, 0, 0, 0.3);cursor:arrow;color:var(--color-on-secondary)}ch-grid-column::part(settings-window),ch-grid::part(settings-window){background-color:var(--color-background);width:100%;max-width:600px;padding:var(--spacing-comp-03);border-radius:var(--border-width-lg);box-shadow:var(--box-shadow-04)}ch-grid::part(settings-window){margin:0 var(--spacing-comp-05)}ch-grid-column::part(settings-header),ch-grid::part(settings-header){display:flex;align-items:center;gap:var(--spacing-comp-04);justify-content:space-between;border-bottom:var(--border-width-sm) solid var(--gray-02);padding-bottom:var(--spacing-comp-02);margin-bottom:var(--spacing-comp-03);font-weight:var(--font-weight-bold)}ch-grid-column::part(settings-close),ch-grid::part(settings-close){padding:0;width:var(--spacing-comp-05);height:var(--spacing-comp-05);cursor:pointer;background-color:var(--color-secondary-enabled);font-size:0;border:0}ch-grid-column::part(settings-close):hover,ch-grid::part(settings-close):hover{background-color:var(--color-secondary-hover)}ch-grid-column::part(settings-close):before,ch-grid::part(settings-close):before{-webkit-mask-image:var(--settingsCloseIconUrl)}ch-grid-column::part(settings-close):focus-visible,ch-grid::part(settings-close):focus-visible{outline:var(--focus-style)}ch-grid::part(settings-columns){gap:var(--spacing-comp-03)}ch-grid::part(settings-columns-label){display:inline-flex;align-items:center;gap:var(--spacing-comp-03);cursor:pointer;height:var(--spacing-comp-04)}ch-grid::part(settings-columns-visible),ch-grid-cell::part(selector),ch-grid-column::part(selector){position:relative;margin:0;height:var(--spacing-comp-04);width:var(--spacing-comp-04)}ch-grid::part(settings-columns-visible):focus-visible,ch-grid-cell::part(selector):focus-visible,ch-grid-column::part(selector):focus-visible{outline:var(--focus-style)}ch-grid::part(settings-columns-visible):before,ch-grid-cell::part(selector):before,ch-grid-column::part(selector):before{cursor:pointer;content:"";display:inline-block;position:relative;height:var(--spacing-comp-04);width:var(--spacing-comp-04);border-width:var(--border-width-sm);border-style:var(--border-style-regular);border-radius:var(--border-radius-md);border-color:var(--gray-04);box-sizing:border-box;flex-shrink:0;background:var(--color-background)}ch-grid::part(settings-columns-visible):after,ch-grid-cell::part(selector):after,ch-grid-column::part(selector):after{opacity:0;display:block;position:absolute;content:"";left:6px;top:3px;width:3px;height:7px;border:solid;border-color:var(--color-primary-hover);border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);transition-property:opacity;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease;cursor:pointer}ch-grid-column::part(indeterminate):after{opacity:1;display:block;position:absolute;content:"";left:50%;top:50%;width:8px;height:1.5px;border:0;background-color:var(--color-primary-hover);-webkit-transform:rotate(0) translateY(-50%) translateX(-50%);-ms-transform:rotate(0) translateY(-50%) translateX(-50%);transform:rotate(0) translateY(-50%) translateX(-50%)}ch-grid::part(settings-columns-visible-checked):before,ch-grid-cell::part(checked):before,ch-grid-column::part(checked):before{border-color:var(--color-primary-hover)}ch-grid::part(settings-columns-visible-checked):after,ch-grid-cell::part(checked):after,ch-grid-column::part(checked):after{opacity:1}ch-grid-cell::part(drag-icon):before{width:var(--spacing-comp-04);height:var(--spacing-comp-04);cursor:grab}ch-grid-cell::part(drag-icon):before{-webkit-mask-image:var(--dragIconUrl)}ch-grid::part(row-actions){padding-top:2px;right:var(--spacing-comp-02)}ch-grid-column::part(selector){margin-right:8px}ch-grid-rowset-legend{background-color:var(--gray-01);padding-inline-start:var(--spacing-comp-02);padding-inline-end:var(--spacing-comp-02);padding-block-start:var(--spacing-comp-01);padding-block-end:var(--spacing-comp-01)}ch-grid>ch-grid-rowset:first-of-type ch-grid-rowset-legend{border-top:1px solid var(--color-background)}ch-grid-rowset-legend{margin-inline-start:calc(var(--indent) * (var(--level) - 1));display:flex;align-items:center;gap:var(--spacing-comp-01);cursor:pointer}ch-grid-rowset-legend::part(caret),ch-grid-cell::part(caret){width:var(--spacing-comp-04);height:var(--spacing-comp-04)}ch-grid-cell::part(caret){cursor:pointer;margin-right:var(--spacing-comp-01)}ch-grid-rowset>ch-grid-rowset-legend::part(caret):before,ch-grid-row>ch-grid-cell::part(caret):before{-webkit-mask-image:var(--caretCollapseIconUrl)}ch-grid-rowset[collapsed]>ch-grid-rowset-legend::part(caret):before,ch-grid-row[collapsed]>ch-grid-cell::part(caret):before{-webkit-mask-image:var(--caretExpandIconUrl)}ch-grid-rowset[collapsed] ch-grid-rowset-legend{border-bottom:1px solid var(--color-background)}ch-grid gxg-paginator{padding-top:0;padding-bottom:0}gxg-grid[full-height]{height:100%}gxg-grid[full-height] ch-grid{height:100%}gxg-grid[ellipsis] ch-grid-cell{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}gxg-grid[ellipsis-cell-wrapper] ch-grid-cell{width:1fr}gxg-grid[ellipsis-cell-wrapper] .cell-wrapper{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:inherit}gxg-grid[ellipsis-cell-wrapper] ch-grid-column::part(bar-resize-split){display:none}gxg-grid.large ch-grid{font-size:var(--font-size-lg)}';export{C as ch_grid,z as ch_grid_column,H as ch_grid_column_resize,R as ch_grid_column_settings,I as ch_grid_columnset,$ as ch_grid_settings,D as ch_grid_settings_columns,E as gxg_grid}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,h as r,H as o,g as a}from"./p-976c3a09.js";import{f as i,r as l}from"./p-01406cbc.js";import{s}from"./p-e46e26a6.js";const n=class{constructor(r){e(this,r),this.change=t(this,"change",7),this.disabled=!1,this.error=!1,this.labelPosition="above",this.minimal=!0,this.required=!1,this.initialValue=void 0,this.warning=!1,this.maxWidth="100%",this.rtl=!1,this.rerender=!1}todoCompletedHandler(e){this.value=e.detail}clickTest(e,t,r){let o,a,i;const l=e.srcElement,s=l.parentNode.parentNode.getElementsByTagName("select")[0],n=l.parentNode.previousSibling;for(a=0;a<t.length;a++)if(t[a].innerHTML==l.innerHTML){for(r(l.getAttribute("value")),s.selectedIndex=a,n.innerHTML=l.innerHTML,o=l.parentNode.getElementsByClassName("same-as-selected"),i=0;i<o.length;i++)o[i].removeAttribute("class");l.setAttribute("class","same-as-selected"),l.setAttribute("aria-selected","true");break}n.click()}componentDidLoad(){this.el.shadowRoot.querySelectorAll("slot")[0].addEventListener("slotchange",function(){this.el.shadowRoot.querySelector(".select-selected").remove(),this.el.shadowRoot.querySelector(".select-items").remove(),this.selectCore()}.bind(this));const e=document.getElementsByTagName("html")[0].getAttribute("dir"),t=document.getElementsByTagName("body")[0].getAttribute("dir");"rtl"!==e&&"rtl"!==t||(this.rtl=!0),this.selectCore(),this.setInitialValue()}setInitialValue(){void 0!==this.initialValue&&this.updateSelectedOption(this.initialValue)}selectCore(){const e=e=>{this.value=e};let t,r,o,a,i;const l=this.el.shadowRoot.querySelectorAll(".custom-select");for(this.el.shadowRoot.querySelector(".select-items"),t=0;t<l.length;t++){o=document.createElement("DIV"),o.setAttribute("class","select-selected"),o.setAttribute("tabindex","0"),o.setAttribute("role","listbox"),o.addEventListener("keydown",(e=>{const t=this.el.shadowRoot.querySelector(".select-items");let r=t.querySelector(".same-as-selected");if(13===e.keyCode){t.classList.toggle("select-hide");const e=t.querySelector(".same-as-selected").getAttribute("value");this.change.emit(e)}else 38===e.keyCode?null!==r&&(t.classList.contains("select-hide")?t.classList.remove("select-hide"):null!==r.previousElementSibling&&(r.classList.remove("same-as-selected"),r.previousElementSibling.classList.add("same-as-selected"))):40===e.keyCode?null!==r?t.classList.contains("select-hide")?t.classList.remove("select-hide"):null!==r.nextElementSibling&&(r.classList.remove("same-as-selected"),r.nextElementSibling.classList.add("same-as-selected")):(r=t.querySelector("div[role='option']:first-child"),r.classList.add("same-as-selected")):27===e.keyCode&&t.classList.add("select-hide");if(null!==r){const e=this.el.shadowRoot.querySelector(".select-items .same-as-selected");this.el.shadowRoot.querySelector(".select-selected").textContent=e.textContent}}));const s=this.el.querySelectorAll("gxg-option");let n=s[0];this.disabled&&o.setAttribute("disabled","disabled");for(let e=0;e<s.length;e++)!0===s[e].selected&&(n=s[e]);o.innerHTML=n.innerHTML,this.value=n.value;const c=this.el.querySelectorAll("gxg-option");for(l[t].appendChild(o),a=document.createElement("DIV"),a.setAttribute("class","select-items select-hide"),r=0;r<c.length;r++){i=document.createElement("DIV"),i.setAttribute("role","option"),i.innerHTML=c[r].innerHTML;const t=document.createAttribute("value");t.value=c[r].value,i.setAttributeNode(t),i.addEventListener("click",(t=>this.clickTest(t,c,e))),a.appendChild(i)}l[t].appendChild(a),o.addEventListener("click",(function(e){document.querySelectorAll("gxg-select").forEach((e=>{const t=e.shadowRoot.querySelector(".select-items");t.classList.contains(".select-hide")||t.classList.add("select-hide")})),e.stopPropagation(),this.nextSibling.classList.toggle("select-hide"),this.classList.toggle("select-arrow-active")})),this.el.shadowRoot.querySelector(".select-items div[role='option'][value='"+this.value+"']").classList.add("same-as-selected")}document.addEventListener("click",function(e){let t;const r=[],o=this.el.shadowRoot.querySelectorAll(".select-items"),a=this.el.shadowRoot.querySelectorAll(".select-selected");for(t=0;t<a.length;t++)e==a[t]?r.push(t):a[t].classList.remove("select-arrow-active");for(t=0;t<o.length;t++)r.indexOf(t)&&o[t].classList.add("select-hide")}.bind(this))}async isOpen(){return!this.el.shadowRoot.querySelector(".select-items").classList.contains("select-hide")}valueHandler(e,t){this.el.querySelector("gxg-option[value='"+e+"']")?(void 0!==t&&this.change.emit(e),void 0!==t&&this.updateSelectedOption(e)):this.value=t}updateSelectedOption(e){const t=this.el.querySelector("gxg-option[value='"+e+"']");if(t){this.el.shadowRoot.querySelector(".select-selected").innerHTML=t.innerHTML;const r=this.el.shadowRoot.querySelector(".select-items"),o=r.querySelector(".same-as-selected");o&&o.classList.remove("same-as-selected"),r.querySelector("div[value='"+e+"']").classList.add("same-as-selected"),this.value=e}}handlerOnKeyDown(e){9==e.keyCode&&e.shiftKey&&this.el.previousSibling.previousSibling.focus()}render(){return r(o,{style:{maxWidth:this.maxWidth,"--size":this.size},class:{rtl:this.rtl,large:s.large},onKeyDown:this.handlerOnKeyDown.bind(this)},r("div",{class:"outer-wrapper"},this.label?r("gxg-label",{class:{label:!0}},this.label,l(this)):"",r("div",{class:{"custom-select":!0,select:!0,"select--error":!0===this.error,"select--warning":!0===this.warning},ref:e=>this.select=e},r("select",{id:"original"},r("slot",null)))),i())}static get delegatesFocus(){return!0}get el(){return a(this)}static get watchers(){return{value:["valueHandler"]}}};n.style='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host{--size:3;display:block}:host .outer-wrapper{position:relative;width:100%}:host label{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;display:flex;align-items:center;cursor:default}:host label .required{padding-left:2px}:host textarea{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}:host{}:host .custom-select{position:relative;font-family:var(--font-family-primary)}:host .custom-select select{display:none;}:host .select-selected{background-color:var(--color-on-primary);border-width:var(--border-width-sm);border-color:var(--gray-02);border-style:var(--border-style-regular);height:10px}:host .select-selected:focus{outline-style:solid;outline-color:var(--color-primary-active);outline-width:var(--border-width-md);outline-offset:-2px;border-color:transparent}:host .select-selected:after,:host .select-selected:before{position:absolute;content:"";right:6px;width:0;height:0;border:4px solid transparent;border-color:var(--gray-06) transparent transparent transparent}:host .select-selected:after{top:12px}:host .select-selected:before{top:1px;transform:rotate(180deg)}:host .select-selected:hover:after,:host .select-selected:hover:before{border-color:var(--gray-04) transparent transparent transparent}:host .select-items div,:host .select-selected{color:var(--color-on-background);padding:var(--spacing-comp-01);cursor:pointer;font-size:var(--font-size-sm);line-height:0.95em}:host .select-items div{border-color:transparent transparent rgba(0, 0, 0, 0.1) transparent;border:1px solid transparent}:host .select-items{color:var(--color-on-background);position:absolute;background-color:var(--color-on-primary);top:100%;left:0;right:0;z-index:99;border-width:var(--border-width-sm);border-color:var(--gray-02);border-style:var(--border-style-regular);border-top:0;overflow-y:scroll;border-bottom-right-radius:var(--border-radius-md);border-bottom-left-radius:var(--border-radius-md);max-height:calc( var(--size) * 20px )}:host .select-items div{height:10px}:host .select-hide{display:none}:host .select-items div:hover{background-color:var(--color-secondary-enabled);color:var(--color-on-secondary)}:host .select-items div.same-as-selected{background-color:var(--color-secondary-hover);color:var(--color-on-secondary)}:host([disabled]) .select-selected{pointer-events:none;background-color:var(--gray-01);color:var(--color-on-disabled)}:host([disabled]) .custom-select{cursor:not-allowed}:host(.rtl) .select-selected:after,:host(.rtl) .select-selected:before{left:6px;right:auto}:host([minimal]) .select-selected:not(:focus){border-color:transparent;background-color:transparent}:host{}:host ::-webkit-scrollbar{width:6px}:host ::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}:host ::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}:host ::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host .select--error .select-selected{border-color:var(--color-error-dark);background-color:var(--color-error-light);margin-bottom:0}:host .select--error .select-selected:focus{outline-color:var(--color-error-dark);border-color:var(--color-error-dark)}:host .select--warning .select-selected{border-color:var(--color-warning-dark);background-color:var(--color-warning-light);margin-bottom:0}:host .select--warning .select-selected:focus{outline-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}:host([label-position=start]) .outer-wrapper{display:flex;align-items:center}:host([label-position=start]) .custom-select{width:100%}:host([label-position=start]) .label{margin-bottom:0;margin-inline-end:var(--spacing-comp-02);flex-shrink:0}:host(.large) label{font-size:var(--font-size-lg)}:host(.large) .select-selected{height:var(--spacing-comp-05);box-sizing:border-box;display:flex;align-items:center;font-size:var(--font-size-lg)}:host(.large) .select-selected:before{top:3px}:host(.large) .select-selected:after{top:14px}:host(.large) .select-items{max-height:calc(var(--size) * var(--spacing-comp-05))}:host(.large) .select-items div{height:14px;display:flex;align-items:center;font-size:var(--font-size-lg)}';export{n as gxg_select}
|
|
1
|
+
import{r as e,c as t,h as r,H as o,g as a}from"./p-976c3a09.js";import{f as i,r as l}from"./p-01406cbc.js";import{s}from"./p-e46e26a6.js";const n=class{constructor(r){e(this,r),this.change=t(this,"change",7),this.disabled=!1,this.error=!1,this.labelPosition="above",this.minimal=!0,this.required=!1,this.initialValue=void 0,this.warning=!1,this.maxWidth="100%",this.rtl=!1,this.rerender=!1}todoCompletedHandler(e){this.value=e.detail}clickTest(e,t,r){let o,a,i;const l=e.srcElement,s=l.parentNode.parentNode.getElementsByTagName("select")[0],n=l.parentNode.previousSibling;for(a=0;a<t.length;a++)if(t[a].innerHTML==l.innerHTML){for(r(l.getAttribute("value")),s.selectedIndex=a,n.innerHTML=l.innerHTML,o=l.parentNode.getElementsByClassName("same-as-selected"),i=0;i<o.length;i++)o[i].removeAttribute("class");l.setAttribute("class","same-as-selected"),l.setAttribute("aria-selected","true");break}n.click()}componentDidLoad(){this.el.shadowRoot.querySelectorAll("slot")[0].addEventListener("slotchange",function(){this.el.shadowRoot.querySelector(".select-selected").remove(),this.el.shadowRoot.querySelector(".select-items").remove(),this.selectCore()}.bind(this));const e=document.getElementsByTagName("html")[0].getAttribute("dir"),t=document.getElementsByTagName("body")[0].getAttribute("dir");"rtl"!==e&&"rtl"!==t||(this.rtl=!0),this.selectCore(),this.setInitialValue()}setInitialValue(){void 0!==this.initialValue&&this.updateSelectedOption(this.initialValue)}selectCore(){const e=e=>{this.value=e};let t,r,o,a,i;const l=this.el.shadowRoot.querySelectorAll(".custom-select");for(this.el.shadowRoot.querySelector(".select-items"),t=0;t<l.length;t++){o=document.createElement("DIV"),o.setAttribute("class","select-selected"),o.setAttribute("tabindex","0"),o.setAttribute("role","listbox"),o.addEventListener("keydown",(e=>{const t=this.el.shadowRoot.querySelector(".select-items");let r=t.querySelector(".same-as-selected");if(13===e.keyCode){t.classList.toggle("select-hide");const e=t.querySelector(".same-as-selected").getAttribute("value");this.change.emit(e)}else 38===e.keyCode?null!==r&&(t.classList.contains("select-hide")?t.classList.remove("select-hide"):null!==r.previousElementSibling&&(r.classList.remove("same-as-selected"),r.previousElementSibling.classList.add("same-as-selected"))):40===e.keyCode?null!==r?t.classList.contains("select-hide")?t.classList.remove("select-hide"):null!==r.nextElementSibling&&(r.classList.remove("same-as-selected"),r.nextElementSibling.classList.add("same-as-selected")):(r=t.querySelector("div[role='option']:first-child"),r.classList.add("same-as-selected")):27===e.keyCode&&t.classList.add("select-hide");if(null!==r){const e=this.el.shadowRoot.querySelector(".select-items .same-as-selected");this.el.shadowRoot.querySelector(".select-selected").textContent=e.textContent}}));const s=this.el.querySelectorAll("gxg-option");let n=s[0];this.disabled&&o.setAttribute("disabled","disabled");for(let e=0;e<s.length;e++)!0===s[e].selected&&(n=s[e]);o.innerHTML=n.innerHTML,this.value=n.value;const c=this.el.querySelectorAll("gxg-option");for(l[t].appendChild(o),a=document.createElement("DIV"),a.setAttribute("class","select-items select-hide"),r=0;r<c.length;r++){i=document.createElement("DIV"),i.setAttribute("role","option"),i.innerHTML=c[r].innerHTML;const t=document.createAttribute("value");t.value=c[r].value,i.setAttributeNode(t),i.addEventListener("click",(t=>this.clickTest(t,c,e))),a.appendChild(i)}l[t].appendChild(a),o.addEventListener("click",(function(e){document.querySelectorAll("gxg-select").forEach((e=>{const t=e.shadowRoot.querySelector(".select-items");t.classList.contains(".select-hide")||t.classList.add("select-hide")})),e.stopPropagation(),this.nextSibling.classList.toggle("select-hide"),this.classList.toggle("select-arrow-active")})),this.el.shadowRoot.querySelector(".select-items div[role='option'][value='"+this.value+"']").classList.add("same-as-selected")}document.addEventListener("click",function(e){let t;const r=[],o=this.el.shadowRoot.querySelectorAll(".select-items"),a=this.el.shadowRoot.querySelectorAll(".select-selected");for(t=0;t<a.length;t++)e==a[t]?r.push(t):a[t].classList.remove("select-arrow-active");for(t=0;t<o.length;t++)r.indexOf(t)&&o[t].classList.add("select-hide")}.bind(this))}async isOpen(){return!this.el.shadowRoot.querySelector(".select-items").classList.contains("select-hide")}valueHandler(e,t){this.el.querySelector("gxg-option[value='"+e+"']")?(void 0!==t&&this.change.emit(e),void 0!==t&&this.updateSelectedOption(e)):this.value=t}updateSelectedOption(e){const t=this.el.querySelector("gxg-option[value='"+e+"']");if(t){this.el.shadowRoot.querySelector(".select-selected").innerHTML=t.innerHTML;const r=this.el.shadowRoot.querySelector(".select-items"),o=r.querySelector(".same-as-selected");o&&o.classList.remove("same-as-selected"),r.querySelector("div[value='"+e+"']").classList.add("same-as-selected"),this.value=e}}handlerOnKeyDown(e){9==e.keyCode&&e.shiftKey&&this.el.previousSibling.previousSibling.focus()}render(){return r(o,{style:{maxWidth:this.maxWidth,"--size":this.size},class:{rtl:this.rtl,large:s.large},onKeyDown:this.handlerOnKeyDown.bind(this)},r("div",{class:"outer-wrapper"},this.label?r("gxg-label",{class:{label:!0}},this.label,l(this)):"",r("div",{class:{"custom-select":!0,select:!0,"select--error":!0===this.error,"select--warning":!0===this.warning},ref:e=>this.select=e},r("select",{id:"original"},r("slot",null)))),i())}static get delegatesFocus(){return!0}get el(){return a(this)}static get watchers(){return{value:["valueHandler"]}}};n.style='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host{--size:3;display:block}:host .outer-wrapper{position:relative;width:100%}:host label{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;display:flex;align-items:center;cursor:default}:host label .required{padding-left:2px}:host textarea{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}:host{}:host .custom-select{position:relative;font-family:var(--font-family-primary)}:host .custom-select select{display:none;}:host .select-selected{background-color:var(--color-on-primary);border-width:var(--border-width-sm);border-color:var(--gray-02);border-style:var(--border-style-regular);height:10px}:host .select-selected:focus{outline-style:solid;outline-color:var(--gxg-border-color--focused);outline-width:var(--border-width-md);outline-offset:-2px;border-color:transparent}:host .select-selected:after,:host .select-selected:before{position:absolute;content:"";right:6px;width:0;height:0;border:4px solid transparent;border-color:var(--gray-06) transparent transparent transparent}:host .select-selected:after{top:12px}:host .select-selected:before{top:1px;transform:rotate(180deg)}:host .select-selected:hover:after,:host .select-selected:hover:before{border-color:var(--gray-04) transparent transparent transparent}:host .select-items div,:host .select-selected{color:var(--color-on-background);padding:var(--spacing-comp-01);cursor:pointer;font-size:var(--font-size-sm);line-height:0.95em}:host .select-items div{border-color:transparent transparent rgba(0, 0, 0, 0.1) transparent;border:1px solid transparent}:host .select-items{color:var(--color-on-background);position:absolute;background-color:var(--color-on-primary);top:100%;left:0;right:0;z-index:99;border-width:var(--border-width-sm);border-color:var(--gray-02);border-style:var(--border-style-regular);border-top:0;overflow-y:scroll;border-bottom-right-radius:var(--border-radius-md);border-bottom-left-radius:var(--border-radius-md);max-height:calc( var(--size) * 20px )}:host .select-items div{height:10px}:host .select-hide{display:none}:host .select-items div:hover{background-color:var(--color-secondary-enabled);color:var(--color-on-secondary)}:host .select-items div.same-as-selected{background-color:var(--color-secondary-hover);color:var(--color-on-secondary)}:host([disabled]) .select-selected{pointer-events:none;background-color:var(--gray-01);color:var(--color-on-disabled)}:host([disabled]) .custom-select{cursor:not-allowed}:host(.rtl) .select-selected:after,:host(.rtl) .select-selected:before{left:6px;right:auto}:host([minimal]) .select-selected:not(:focus){border-color:transparent;background-color:transparent}:host{}:host ::-webkit-scrollbar{width:6px}:host ::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}:host ::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}:host ::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host .select--error .select-selected{border-color:var(--color-error-dark);background-color:var(--color-error-light);margin-bottom:0}:host .select--error .select-selected:focus{outline-color:var(--color-error-dark);border-color:var(--color-error-dark)}:host .select--warning .select-selected{border-color:var(--color-warning-dark);background-color:var(--color-warning-light);margin-bottom:0}:host .select--warning .select-selected:focus{outline-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}:host([label-position=start]) .outer-wrapper{display:flex;align-items:center}:host([label-position=start]) .custom-select{width:100%}:host([label-position=start]) .label{margin-bottom:0;margin-inline-end:var(--spacing-comp-02);flex-shrink:0}:host(.large) label{font-size:var(--font-size-lg)}:host(.large) .select-selected{height:var(--spacing-comp-05);box-sizing:border-box;display:flex;align-items:center;font-size:var(--font-size-lg)}:host(.large) .select-selected:before{top:3px}:host(.large) .select-selected:after{top:14px}:host(.large) .select-items{max-height:calc(var(--size) * var(--spacing-comp-05))}:host(.large) .select-items div{height:14px;display:flex;align-items:center;font-size:var(--font-size-lg)}';export{n as gxg_select}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as i,H as s,g as n,w as a}from"./p-976c3a09.js";import{D as h}from"./p-bac6580b.js";import{m as r}from"./p-b374d112.js";const d="checkbox",o=class{constructor(i){t(this,i),this.click=e(this,"click",7),this.input=e(this,"input",7),this.disabled=!1,this.highlightable=!1,this.indeterminate=!1,this.readonly=!1,this.getValue=t=>t?this.checkedValue:this.unCheckedValue,this.handleClick=t=>{this.readonly||this.disabled||t.stopPropagation()},this.handleChange=t=>{t.stopPropagation();const e=t.target,i=e.checked,s=this.getValue(i);this.checked=i,this.value=s,e.value=s,this.input.emit(t),this.highlightable&&this.click.emit()}}valueChanged(){this.checked=this.value===this.checkedValue}componentWillLoad(){this.checked=this.value===this.checkedValue}render(){var t;const e=`${this.checked?" checked":""}${this.indeterminate?" indeterminate":""}`;return i(s,{class:{[h]:this.disabled,"ch-checkbox--actionable":!this.readonly&&!this.disabled||this.readonly&&this.highlightable}},i("div",{class:{container:!0,"container--checked":this.checked},part:`container${e}`},i("input",{"aria-label":""!==(null===(t=this.accessibleName)||void 0===t?void 0:t.trim())&&this.accessibleName!==this.caption?this.accessibleName:null,id:this.caption?d:null,class:"input",part:"input",type:"checkbox",checked:this.checked,disabled:this.disabled||this.readonly,indeterminate:this.indeterminate,value:this.value,onClick:this.handleClick,onInput:this.handleChange}),i("div",{class:{option:!0,"option--checked":this.checked&&!this.indeterminate,"option--indeterminate":this.indeterminate},part:`option${e}`,"aria-hidden":"true"})),this.caption&&i("label",{class:"label",part:"label",htmlFor:d,onClick:this.handleClick},this.caption))}get element(){return n(this)}static get watchers(){return{value:["valueChanged"]}}};o.style="*,::before,::after{box-sizing:border-box}:host{display:flex;align-items:center;align-self:stretch;outline:unset;touch-action:manipulation;user-select:none}:host(.ch-checkbox--actionable) :is(.input,.label){cursor:pointer}.container{position:relative;width:min(1em, 20px);height:min(1em, 20px);border:1px solid var(--option-border-color, #000);border-radius:18.75%}.container--checked{background-color:var(--option-checked-color, #ffffff00)}.container:focus-within{box-shadow:0 0 1px 1px #00000040}.input{display:flex;width:100%;height:100%;opacity:0;margin:0;padding:0}.option{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:50%;height:50%;background-color:#000;opacity:0;pointer-events:none}.option--checked{opacity:1;-webkit-mask:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' %3E%3Cpath fill='currentColor' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z' /%3E%3C/svg%3E\")}.option--indeterminate{opacity:1}.label{margin-inline-start:min(0.35em, 7px)}";const l="ch-tree-x-list-item",c="text/plain",p=(t,e)=>t.composedPath().includes(e),g=()=>document.activeElement.editing,x=(t,e)=>`"newContainerId":"${t}","metadata":"${JSON.stringify(e)}"`,b=class{constructor(i){t(this,i),this.droppableZoneEnter=e(this,"droppableZoneEnter",7),this.expandedItemChange=e(this,"expandedItemChange",7),this.selectedItemsChange=e(this,"selectedItemsChange",7),this.itemsDropped=e(this,"itemsDropped",7),this.keyDownEvents={ArrowDown:t=>{p(t,this.el)&&!g()&&(t.preventDefault(),document.activeElement.focusNextItem(r(t)))},ArrowUp:t=>{p(t,this.el)&&!g()&&(t.preventDefault(),document.activeElement.focusPreviousItem(r(t)))},F2:t=>{document.activeElement.tagName.toLowerCase()===l&&(t.preventDefault(),document.activeElement.editing=!0)}},this.draggingSelectedItems=!1,this.needForRAF=!0,this.selectedItemsInfo=new Map,this.validDroppableZoneCache=new Map,this.draggedIds=[],this.draggedParentIds=[],this.draggingInTheDocument=!1,this.draggingInTree=!1,this.multiSelection=!1,this.openSubTreeCountdown=750,this.scrollToEdgeOnDrag=!0,this.waitDropProcessing=!1,this.trackItemDrag=t=>{t.preventDefault(),this.lastDragEvent=t,this.updateDropEffect(t),this.needForRAF&&(this.needForRAF=!1,requestAnimationFrame((()=>{this.needForRAF=!0,this.el.style.setProperty("--ch-tree-x-dragging-item-x",`${this.lastDragEvent.pageX}px`),this.el.style.setProperty("--ch-tree-x-dragging-item-y",`${this.lastDragEvent.pageY}px`)})))},this.fixScrollPositionOnDrag=()=>{this.draggingInTree&&this.lastDragEvent&&requestAnimationFrame((()=>{((t,e)=>{const i=this.lastDragEvent.clientY-e.getBoundingClientRect().top,s=e.clientHeight,n=i<=30;(n||i>s-30)&&(e.scrollTop+=(n?i-30:i-(s-30))/10)})(0,this.el),requestAnimationFrame(this.fixScrollPositionOnDrag)}))}}handleKeyDownEvents(t){const e=this.keyDownEvents[t.key];e&&e(t)}handleDragStart(t){this.validDroppableZoneCache.clear(),this.draggingInTheDocument=!0,this.dragStartTimestamp=(new Date).getTime(),this.draggedItems=JSON.parse(t.dataTransfer.getData(c))}handleDragEnd(){this.draggingInTheDocument=!1}handleDragEnter(t){this.cancelSubTreeOpening(null,!0),t.stopPropagation();const e=t.target;e.tagName.toLowerCase()===l&&(this.lastOpenSubTreeItem=e,this.openSubTreeAfterCountdown(e),"valid"===this.validDroppableZone(t)&&(e.dragState="enter"))}handleDragLeave(t){const e=t.target;if(e.tagName.toLowerCase()!==l)return;const i=e;i.dragState="none",this.cancelSubTreeOpening(i)}cancelSubTreeOpening(t,e=!1){(this.lastOpenSubTreeItem===t||e)&&(clearTimeout(this.openSubTreeTimeout),this.lastOpenSubTreeItem=null)}handleItemDrop(t){t.stopPropagation(),this.cancelSubTreeOpening(null,!0);const e=t.target,i=JSON.parse(t.dataTransfer.getData(c));"valid"===this.validDroppableZone(t)&&this.itemsDropped.emit({newContainer:{id:e.id,metadata:e.metadata},draggingSelectedItems:this.draggingSelectedItems,draggedItems:i,dropInTheSameTree:this.draggingInTree})}handleItemDragStart(t){document.body.addEventListener("dragover",this.trackItemDrag,{capture:!0}),this.currentDraggedItem=t.target,this.checkDragValidityAndUpdateDragInfo(t.detail)?(this.draggingInTree=!0,this.scrollToEdgeOnDrag&&this.fixScrollPositionOnDrag()):t.detail.dragEvent.dataTransfer.effectAllowed="none"}handleItemDragEnd(){this.draggingInTree=!1,document.body.removeEventListener("dragover",this.trackItemDrag,{capture:!0}),this.resetVariables()}handleSelectedItemSync(t){t.stopPropagation();const e=t.detail;e.selected?this.selectedItemsInfo.set(e.id,e):this.selectedItemsInfo.delete(e.id)}handleSelectedItemChange(t){t.stopPropagation(),this.handleItemSelection(t.target,t.detail)}async clearSelectedItemsInfo(){this.clearSelectedItems()}async scrollIntoVisible(t){const e=this.el.querySelector(`${l}#${t}`);if(!e)return;let i=e.parentElement.parentElement;for(;i.tagName.toLowerCase()===l;)i.expanded=!0,i=i.parentElement.parentElement;requestAnimationFrame((()=>{e.scrollIntoView()}))}async updateValidDroppableZone(t,e,i,s){var n;if(!this.draggingInTheDocument||t<=this.dragStartTimestamp)return;const a=x(e,i);this.validDroppableZoneCache.set(a,s?"valid":"invalid"),(null===(n=this.lastOpenSubTreeItem)||void 0===n?void 0:n.id)===e&&(this.lastOpenSubTreeItem.dragState="enter")}validDroppableZone(t){const e=t.target,i=x(e.id,this.draggedItems),s=this.validDroppableZoneCache.get(i);return null!=s?s:"none"===t.dataTransfer.effectAllowed||e.dropDisabled||this.draggingInTree&&(this.draggedIds.includes(e.id)||this.draggedParentIds.includes(e.id))?(this.validDroppableZoneCache.set(i,"invalid"),"invalid"):(this.validDroppableZoneCache.set(i,"checking"),this.droppableZoneEnter.emit({newContainer:{id:e.id,metadata:e.metadata},draggedItems:this.draggedItems}),"checking")}openSubTreeAfterCountdown(t){t.leaf||t.expanded||(this.openSubTreeTimeout=setTimeout((()=>{t.expanded=!0,this.expandedItemChange.emit({id:t.id,expanded:!0})}),this.openSubTreeCountdown))}updateDropEffect(t){const e=t.target;if(e.tagName.toLowerCase()!==l||e.closest("ch-tree-x")!==this.el)return;const i=x(e.id,this.draggedItems);"invalid"===this.validDroppableZoneCache.get(i)&&(t.dataTransfer.dropEffect="none")}resetVariables(){this.draggedIds=[],this.draggedParentIds=[]}checkDragValidityAndUpdateDragInfo(t){const e=t.elem,i=this.selectedItemsInfo.has(e.id);this.draggingSelectedItems=i;let s,n=[];if(i){const t=[...this.selectedItemsInfo.keys()],i=[...this.selectedItemsInfo.values()],a=t.length;s=i.every((t=>!t.itemRef.dragDisabled)),this.draggedIds=t,n=i.map((t=>({id:t.id,metadata:t.metadata}))),this.dragInfo=1===a?e.caption:a.toString()}else s=!e.dragDisabled,n=[{id:e.id,metadata:e.metadata}],this.draggedIds=[e.id],this.dragInfo=e.caption;this.getDirectParentsOfDraggableItems(i);const a=JSON.stringify(n);return t.dragEvent.dataTransfer.setData(c,a),s}getDirectParentsOfDraggableItems(t){if(t)this.selectedItemsInfo.forEach((t=>{const e=t.parentId;""!==e&&this.draggedParentIds.push(e)}));else{const t=this.currentDraggedItem.parentElement.parentElement;t.tagName.toLowerCase()===l&&this.draggedParentIds.push(t.id)}}handleItemSelection(t,e){e.ctrlKeyPressed&&this.multiSelection||(this.selectedItemsInfo.delete(e.id),this.selectedItemsInfo.forEach((t=>{t.itemRef.selected=!1})),this.clearSelectedItems(),t.selected=e.selected),e.selected&&this.selectedItemsInfo.set(e.id,e),this.selectedItemsChange.emit(this.selectedItemsInfo)}clearSelectedItems(){this.selectedItemsInfo.clear()}disconnectedCallback(){this.resetVariables(),this.handleItemDragEnd()}render(){return i(s,{class:{"ch-tree-x-dragging-item":this.draggingInTheDocument,"ch-tree-x--dragging-selected-items":this.draggingInTree&&this.draggingSelectedItems,"ch-tree-x-waiting-drop-processing":this.waitDropProcessing}},i("slot",null),this.draggingInTree&&i("span",{"aria-hidden":"true",class:"ch-tree-x-drag-info"},this.dragInfo))}get el(){return n(this)}};b.style="ch-tree-x{display:flex;position:relative;overflow:auto}ch-tree-x>ch-tree-x-list{position:absolute;inset:0;min-width:max-content}ch-tree-x.ch-tree-x-dragging-item ch-tree-x-list-item{pointer-events:var(--ch-tree-x-pointer-events, all)}ch-tree-x.ch-tree-x-dragging-item .ch-tree-x-list-item--deny-drop,ch-tree-x.ch-tree-x-dragging-item ch-tree-x-list{pointer-events:none}ch-tree-x.ch-tree-x--dragging-selected-items ch-tree-x-list-item[selected]{--ch-tree-x-pointer-events:none}ch-tree-x.ch-tree-x-waiting-drop-processing{cursor:wait}ch-tree-x.ch-tree-x-waiting-drop-processing>ch-tree-x-list{pointer-events:none}.ch-tree-x-drag-info{--rtl-offset:16px;position:fixed;left:0;top:0;transform:translate(calc(var(--ch-tree-x-dragging-item-x) + var(--rtl-offset)), calc(var(--ch-tree-x-dragging-item-y) + 8px));pointer-events:none;z-index:1;animation:ch-tree-x-drag-info-fade-in 10ms}@keyframes ch-tree-x-drag-info-fade-in{0%,100%{opacity:0}}html[dir=rtl] .ch-tree-x-drag-info{--rtl-offset:-100%}";const m=class{constructor(e){t(this,e),this.level=0}render(){return i(s,{role:0===this.level?"tree":"group"},i("slot",null))}get el(){return n(this)}};m.style=":host{display:grid;grid-auto-rows:min-content;position:relative;width:100%}";const u=new Image,v="ch-tree-x-list-item",f=`:scope>*>${v}`,w=`${v}:not([disabled])`,k=`:scope>*>${v}:last-child`,y="expandable",C="Enter",I=class{constructor(s){t(this,s),this.checkboxChange=e(this,"checkboxChange",7),this.itemDragStart=e(this,"itemDragStart",7),this.itemDragEnd=e(this,"itemDragEnd",7),this.loadLazyContent=e(this,"loadLazyContent",7),this.modifyCaption=e(this,"modifyCaption",7),this.selectedItemChange=e(this,"selectedItemChange",7),this.selectedItemSync=e(this,"selectedItemSync",7),this.ignoreCheckboxChange=!1,this.checkbox=!1,this.checked=!1,this.customRender=!1,this.disabled=!1,this.dragDisabled=!1,this.dropDisabled=!1,this.dragState="none",this.downloading=!1,this.editing=!1,this.expanded=!1,this.lastItem=!1,this.lazyLoad=!1,this.leaf=!1,this.level=0,this.indeterminate=!1,this.selected=!1,this.showDownloadingSpinner=!0,this.showExpandableButton=!0,this.showLines="none",this.toggleCheckboxes=!1,this.checkIfShouldRemoveEditMode=t=>{t.stopPropagation(),(t.code===C||"Escape"===t.code)&&(t.preventDefault(),this.removeEditMode(!0,t.code===C)())},this.removeEditModeOnClick=t=>{!t.composedPath().includes(this.inputRef)&&t.pointerType&&this.removeEditMode(!1)()},this.removeEditMode=(t,e=!1)=>()=>{if(!this.editing)return;this.editing=!1,document.body.removeEventListener("click",this.removeEditModeOnClick,{capture:!0});const i=this.inputRef.value;e&&""!==i.trim()&&this.modifyCaption.emit({id:this.el.id,caption:i}),t&&this.headerRef.focus()},this.toggleExpand=t=>{t.stopPropagation(),this.leaf||(this.expanded=!this.expanded),this.selected=!0,this.selectedItemChange.emit(this.getSelectedInfo(r(t),!1,!0))},this.getSelectedInfo=(t,e,i)=>({ctrlKeyPressed:t,expanded:this.expanded,goToReference:e,id:this.el.id,itemRef:this.el,metadata:this.metadata,parentId:this.el.parentElement.parentElement.id,selected:i}),this.handleActionDblClick=t=>{t.stopPropagation(),r(t)?this.toggleSelected():this.toggleExpand(t)},this.handleActionClick=t=>{t.stopPropagation(),this.editing||(t.preventDefault(),t.pointerType?this.toggleOrSelect(t):this.toggleExpand(t))},this.handleActionKeyDown=t=>{r(t)&&t.code===C&&(t.stopPropagation(),this.toggleSelected())},this.handleCheckedChange=t=>{t.stopPropagation();const e=t.target.checked;this.checked=e,this.checkboxChange.emit(e)},this.renderImg=(t,e)=>i("img",{"aria-hidden":"true",class:t,part:t,alt:"",src:e,loading:"lazy"}),this.handleDragStart=t=>{if(this.editing)return t.preventDefault(),void t.stopPropagation();t.dataTransfer.setDragImage(u,0,0),t.dataTransfer.effectAllowed="move",this.dragState="start",this.itemDragStart.emit({elem:this.el,dragEvent:t})},this.handleDragEnd=()=>{this.dragState="none",this.itemDragEnd.emit()},this.handleDrop=()=>{this.dragState="none"}}updateChildrenCheckedValue(t){!this.toggleCheckboxes||this.leaf||this.ignoreCheckboxChange?this.ignoreCheckboxChange=!1:this.getDirectTreeItems().forEach((e=>{e.checked=t}))}handleEditingChange(t){t&&(document.body.addEventListener("click",this.removeEditModeOnClick,{capture:!0}),a((()=>{requestAnimationFrame((()=>{this.inputRef&&this.inputRef.focus()}))})))}handleExpandedChange(t){this.lazyLoadItems(t)}handleLasItemChange(t){t&&this.showLines?this.setResizeObserver():this.disconnectObserver()}handleSelectedChange(t){this.selectedItemSync.emit(this.getSelectedInfo(!0,!1,t))}handleShowLinesChange(t){t&&this.lastItem?this.setResizeObserver():this.disconnectObserver()}updateCheckboxValue(t){if(!this.toggleCheckboxes)return;const e=t.detail,i=this.getDirectTreeItems().every((t=>t.checked===e));this.ignoreCheckboxChange=this.checked!==e,this.checked=e,this.indeterminate=!i}async focusNextItem(t){if(!this.leaf&&this.expanded){const e=this.el.querySelector(w);if(e)return void e.setFocus(t)}this.focusNextSibling(t)}async focusNextSibling(t){const e=this.el.nextElementSibling;e?e.disabled?e.focusNextItem(t):e.setFocus(t):0!==this.level&&this.el.parentElement.parentElement.focusNextSibling(t)}async focusPreviousItem(t){const e=this.el.previousElementSibling;if(e)return void e.focusLastItem(t);if(0===this.level)return;const i=this.el.parentElement.parentElement;i.disabled?i.focusPreviousItem(t):i.setFocus(t)}async focusLastItem(t){if(!this.leaf&&this.expanded){const e=this.el.querySelector(k);if(e)return void e.focusLastItem(t)}this.disabled?this.focusPreviousItem(t):this.setFocus(t)}async setFocus(t){this.headerRef.focus(),t||this.setSelected(!1)}getDirectTreeItems(){return Array.from(this.el.querySelectorAll(f))}setResizeObserver(){this.watcher=new ResizeObserver((()=>{const t=this.el.getBoundingClientRect().height-this.headerRef.getBoundingClientRect().height/2;this.el.style.setProperty("--distance-to-checkbox",t+"px")})),this.watcher.observe(this.el),this.watcher.observe(this.headerRef)}disconnectObserver(){this.watcher&&(this.watcher.disconnect(),this.watcher=null)}lazyLoadItems(t){this.lazyLoad&&t&&(this.lazyLoad=!1,this.loadLazyContent.emit(this.el.id))}toggleSelected(){const t=!this.selected;this.selected=t,this.selectedItemChange.emit(this.getSelectedInfo(!0,!1,t))}setSelected(t){this.selected=!0,this.selectedItemChange.emit(this.getSelectedInfo(!1,t,!0))}toggleOrSelect(t){r(t)?this.toggleSelected():this.setSelected(!0)}componentWillLoad(){const t=this.el.parentElement;if(this.lazyLoadItems(this.expanded),this.selected&&this.selectedItemChange.emit(this.getSelectedInfo(!0,!1,!0)),0===this.level)return;const e=t.parentElement;e.checkbox&&(this.checked=e.checked)}componentDidLoad(){this.lastItem&&this.showLines&&this.setResizeObserver()}disconnectedCallback(){this.editing&&this.removeEditMode(!1),this.disconnectObserver()}render(){const t=this.level%2==0,e=!this.leaf&&this.showExpandableButton,n=!this.leaf&&!this.showExpandableButton,a=!this.leaf&&!this.lazyLoad,h="all"===this.showLines&&0!==this.level,r="last"===this.showLines&&0!==this.level&&this.lastItem;return i(s,{role:"treeitem","aria-selected":this.selected?"true":null,class:{[v+"--downloading"]:this.downloading,[v+"--editing"]:this.editing,[v+"--drag-"+this.dragState]:"none"!==this.dragState&&"start"!==this.dragState,[v+"--deny-drop"]:this.leaf},style:{"--level":`${this.level}`},onDrop:this.dropDisabled||this.leaf||"start"===this.dragState?null:this.handleDrop},i("button",{"aria-controls":a?y:null,"aria-expanded":a?this.expanded.toString():null,class:{header:!0,"header--selected":this.selected,"header--disabled":this.disabled,"header--expandable-offset":e,"header--checkbox-offset":n&&this.checkbox,"header--even":t,"header--odd":!t,"header--even-expandable":t&&e,"header--odd-expandable":!t&&e,"header--level-0":0===this.level},part:`header${this.disabled?" disabled":""}${this.selected?" selected":""}`,type:"button",disabled:this.disabled,onClick:this.handleActionClick,onKeyDown:this.editing?null:this.handleActionKeyDown,draggable:!this.dragDisabled,onDragStart:this.handleDragStart,onDragEnd:this.dragDisabled?null:this.handleDragEnd,ref:t=>this.headerRef=t},!this.leaf&&this.showExpandableButton&&i("button",{type:"button",class:{"expandable-button":!0,"expandable-button--expanded":this.expanded,"expandable-button--collapsed":!this.expanded},part:`expandable-button${this.disabled?" disabled":""}${this.expanded?" expanded":" collapsed"}`,disabled:this.disabled,onClick:this.toggleExpand}),this.checkbox&&i("ch-checkbox",{accessibleName:this.caption,class:"checkbox",part:`checkbox${this.disabled?" disabled":""}${this.checked?" checked":""}${this.indeterminate?" indeterminate":""}`,checkedValue:"true",disabled:this.disabled,indeterminate:this.indeterminate,unCheckedValue:"false",value:`${this.checked}`,onInput:this.handleCheckedChange}),this.customRender?i("slot",{name:"custom-content"}):[i("div",{class:{action:!0,"readonly-mode":!this.editing},part:"action "+(this.editing?"":"readonly-mode"),onDblClick:this.leaf||this.editing?null:this.handleActionDblClick},this.leftImgSrc&&this.renderImg("left-img",this.leftImgSrc),this.editing?i("input",{class:"edit-name",part:"edit-name",disabled:this.disabled,type:"text",value:this.caption,onBlur:this.removeEditMode(!1),onKeyDown:this.checkIfShouldRemoveEditMode,ref:t=>this.inputRef=t}):this.caption,this.rightImgSrc&&this.renderImg("right-img",this.rightImgSrc)),this.showDownloadingSpinner&&!this.leaf&&this.downloading&&i("div",{class:"downloading",part:"downloading"})],(h||r)&&i("div",{class:{"dashed-line":!0,"last-all-line":h&&this.lastItem,"last-line":r},part:"dashed-line"+(this.lastItem?" last-all-line":"")})),a&&i("div",{"aria-busy":this.downloading.toString(),"aria-live":this.downloading?"polite":null,id:y,class:{expandable:!0,expanded:this.expanded},part:"expandable"+(this.expanded?" expanded":"")},i("slot",{name:"tree"})))}get el(){return n(this)}static get watchers(){return{checked:["updateChildrenCheckedValue"],editing:["handleEditingChange"],expanded:["handleExpandedChange"],lastItem:["handleLasItemChange"],selected:["handleSelectedChange"],showLines:["handleShowLinesChange"]}}};I.style=':where(button){all:unset;display:flex;cursor:pointer;user-select:none;touch-action:manipulation;-webkit-user-drag:element}*,::before,::after{box-sizing:border-box}:host{--checkbox-size:1em;--expandable-button-width:0.75em;--ch-tree-x-list-item-dashed-line--offset:0px;--tab-width:calc(\n var(--checkbox-size) + var(--expandable-button-width) +\n (5px * 2)\n );display:grid;grid-template-rows:min-content;overflow:hidden}.header{--own-offset:0px;display:flex;align-items:center;min-height:calc(1em + 6px);padding-inline-start:var(--padding-inline-start)}.header--disabled{opacity:0.5;pointer-events:none}.header--even{--padding-inline-start:calc(\n var(--parent-padding-inline-start--odd, 0px) + var(--tab-width)\n )}.header--even+.expandable{--parent-padding-inline-start--even:calc(\n var(--parent-padding-inline-start--odd, 0px) + var(--tab-width)\n )}.header--even .dashed-line{--inset-inline-start:calc(\n var(--parent-padding-inline-start--odd, 0px) +\n var(--parent-checkbox-offset) + var(--parent-expandable-offset)\n )}.header--even-expandable{--padding-inline-start:calc(\n var(--parent-padding-inline-start--odd, 0px) + var(--tab-width) - calc(\n var(--expandable-button-width) + 5px\n )\n )}.header--even-expandable+.expandable{--parent-padding-inline-start--even:calc(\n var(--parent-padding-inline-start--odd, 0px) + var(--tab-width) - calc(\n var(--expandable-button-width) + 5px\n )\n )}.header--odd{--padding-inline-start:calc(\n var(--parent-padding-inline-start--even, 0px) + var(--tab-width)\n )}.header--odd+.expandable{--parent-padding-inline-start--odd:calc(\n var(--parent-padding-inline-start--even, 0px) + var(--tab-width)\n )}.header--odd .dashed-line{--inset-inline-start:calc(\n var(--parent-padding-inline-start--even, 0px) +\n var(--parent-checkbox-offset) + var(--parent-expandable-offset)\n )}.header--odd-expandable{--padding-inline-start:calc(\n var(--parent-padding-inline-start--even, 0px) + var(--tab-width) - calc(\n var(--expandable-button-width) + 5px\n )\n )}.header--odd-expandable+.expandable{--parent-padding-inline-start--odd:calc(\n var(--parent-padding-inline-start--even, 0px) + var(--tab-width) - calc(\n var(--expandable-button-width) + 5px\n )\n )}.header--level-0{--padding-inline-start:0px}.header--level-0+.expandable{--parent-padding-inline-start--even:0px}.header--expandable-offset{--own-offset:calc(\n var(--expandable-button-width) + 5px\n )}.header--expandable-offset+.expandable{--parent-expandable-offset:calc(var(--expandable-button-width) / 2)}.header--checkbox-offset+.expandable{--parent-checkbox-offset:calc(var(--checkbox-size) / 2);--parent-negative-checkbox-offset:calc(var(--checkbox-size) / 2)}.dashed-line{position:absolute;inset-inline-start:calc( var(--inset-inline-start) + var(--ch-tree-x-list-item-dashed-line--offset) );height:1px;width:calc( var(--tab-width) - var(--parent-checkbox-offset) - var(--parent-expandable-offset) - var(--own-offset) - var(--ch-tree-x-list-item-dashed-line--offset) - 4px );border:0 dashed #a9a9a9;border-block-end-width:1px;pointer-events:none;content-visibility:hidden;z-index:1}.last-all-line{inset-block-start:0;height:calc(100% - var(--distance-to-checkbox));border-inline-start-width:1px;border-end-start-radius:2px}.last-line{inset-block-start:0;height:100%;border-inline-start-width:1px;border-style:solid;border-block-end:unset}.expandable-button{display:grid;place-items:center;width:var(--expandable-button-width);height:var(--expandable-button-width);margin-inline-end:5px;z-index:1;content-visibility:auto;contain-intrinsic-size:auto var(--expandable-button-width)}.expandable-button::before{content:"";width:calc(100% - 2px);height:calc(100% - 2px);background-color:currentColor;-webkit-mask-size:calc(var(--expandable-button-width) - 2px)}.expandable-button--collapsed::before{-webkit-mask-image:url(\'data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.15,8.5H8.54v5.61h-1V8.5H1.93v-1H7.54V1.89h1V7.5h5.61Z"/></svg>\')}.expandable-button--expanded::before{-webkit-mask-image:url(\'data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.15,8.5H1.93v-1H14.15Z"/></svg>\')}.expandable-button:focus-visible{outline:1px solid #000}.checkbox{margin-inline-end:5px}.checkbox::part(container){width:var(--checkbox-size);height:var(--checkbox-size)}.action{display:grid;grid-template:"left-img text right-img"/max-content 1fr max-content;align-items:center;height:100%;flex:1}.readonly-mode{padding-block:0.75px}.left-img,.right-img{display:block;width:0.875em;height:0.875em;content-visibility:auto;contain-intrinsic-size:auto 0.875em}.left-img{grid-area:left-img;margin-inline-end:5px}.right-img{grid-area:right-img;margin-inline-start:5px}.edit-name{grid-area:text;width:100%;height:100%;background-color:unset;padding:0;margin:0;border:1px solid currentColor;font:unset;outline:unset}.downloading{width:0.75em;height:0.75em;margin-inline-start:8px;border:2px solid currentColor;border-inline-start-color:transparent;border-radius:50%;opacity:0.75;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.expandable{--parent-expandable-offset:0px;--parent-negative-checkbox-offset:0px;--parent-checkbox-offset:0px;display:grid;grid-template-rows:0fr;content-visibility:auto;contain-intrinsic-size:auto 100px}.expanded{grid-template-rows:1fr}:not(.expanded) ::slotted([slot=tree]){display:none;overflow:hidden;content-visibility:hidden}';export{o as ch_checkbox,b as ch_tree_x,m as ch_tree_x_list,I as ch_tree_x_list_item}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const e=new CSSStyleSheet({disabled:!0});function t(t){t.push(e)}function n(t){const n=new CSSStyleSheet({disabled:!0});n.replace(t);for(let t=0;t<n.cssRules.length;t++)e.insertRule(n.cssRules.item(t).cssText)}function S(){e.disabled=!1}export{n as a,t as b,S as e}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as i,h as s,H as n,g as e}from"./p-976c3a09.js";import{b as o}from"./p-eb8f4ad5.js";const a=class{constructor(s){t(this,s),this.windowOpened=i(this,"windowOpened",7),this.windowClosed=i(this,"windowClosed",7),this.isContainerCssOverride=!1,this.relativeWindow=!1,this.validCssAligns=["outside-start","inside-start","center","inside-end","outside-end"],this.draggedX=0,this.draggedY=0,this.xAlign="center",this.yAlign="center",this.hidden=!0,this.modal=!0,this.caption="",this.allowDrag="no",this.showFooter=!0,this.showHeader=!0,this.showMain=!0,this.showSeparation=!1,this.mousemoveHandler=t=>{const i=this.draggedY+t.clientY-this.dragStartY;this.window.style.setProperty("--ch-window-x-drag",this.draggedX+t.clientX-this.dragStartX+"px"),this.window.style.setProperty("--ch-window-y-drag",`${i}px`)},this.mouseupHandler=()=>{document.removeEventListener("mousemove",this.mousemoveHandler),this.draggedX=parseInt(this.window.style.getPropertyValue("--ch-window-x-drag")),this.draggedY=parseInt(this.window.style.getPropertyValue("--ch-window-y-drag"))},this.maskClickHandler=t=>{t.stopPropagation()},this.updatePosition=()=>{if(!this.isContainerCssOverride&&this.container&&this.mask){const t=this.container.getBoundingClientRect();if(this.el.style.setProperty("--ch-window-mask-width",`${t.width}px`),this.el.style.setProperty("--ch-window-mask-height",`${t.height}px`),this.relativeWindow)return;this.el.style.setProperty("--ch-window-inset-inline-start",`${t.left}px`),this.el.style.setProperty("--ch-window-inset-block-start",`${t.top}px`)}else if(this.isContainerCssOverride||!this.container){if(this.el.style.removeProperty("--ch-window-mask-width"),this.el.style.removeProperty("--ch-window-mask-height"),this.relativeWindow)return;this.el.style.removeProperty("--ch-window-inset-inline-start"),this.el.style.removeProperty("--ch-window-inset-block-start")}},this.windowResizeHandler=()=>{this.updatePosition(),this.watchCSSAlign()},this.windowScrollHandler=()=>{this.updatePosition()},this.closeOnOutsideClickHandler=t=>{t.composedPath().includes(this.window)||(this.hidden=!0)},this.closeOnEscapeHandler=t=>{"Escape"===t.key&&(this.hidden=!0)}}containerHandler(t,i){this.checkRelativePosition(),this.containerResizeObserverHandler(t,i),this.updatePosition()}hiddenHandler(){this.hidden?(this.resetDrag(),this.removeListeners(),this.windowClosed.emit()):(this.checkRelativePosition(),this.updatePosition(),this.watchCSSAlign(),this.addListeners(),this.windowOpened.emit())}componentWillLoad(){this.containerResizeObserver=new ResizeObserver(this.updatePosition),this.containerResizeObserverHandler(this.container),this.watchCSSAlign(),this.loadGlobalStyleSheet()}mousedownHandler(t){this.isDraggable(t.composedPath())&&(this.dragStartX=t.clientX,this.dragStartY=t.clientY,document.addEventListener("mousemove",this.mousemoveHandler,{passive:!0}),document.addEventListener("mouseup",this.mouseupHandler,{once:!0}))}windowCloseClickedHandler(){this.hidden=!0}checkRelativePosition(){const t=getComputedStyle(this.el);this.relativeWindow=!!t.getPropertyValue("--ch-window-relative-position")}resetDrag(){this.dragStartX=void 0,this.dragStartY=void 0,this.draggedX=0,this.draggedY=0,this.window.style.removeProperty("--ch-window-x-drag"),this.window.style.removeProperty("--ch-window-y-drag")}isDraggable(t){return"no"!==this.allowDrag&&("header"===this.allowDrag&&t.includes(this.header)||"box"===this.allowDrag&&t.includes(this.window))}watchCSSAlign(){const t=getComputedStyle(this.el),i=t.getPropertyValue("--ch-window-container").trim(),s=t.getPropertyValue("--ch-window-align-x").trim(),n=t.getPropertyValue("--ch-window-align-y").trim();this.isContainerCssOverride=i.includes("window"),this.validCssAligns.includes(s)&&(this.xAlign=s),this.validCssAligns.includes(n)&&(this.yAlign=n)}containerResizeObserverHandler(t,i){t&&this.containerResizeObserver.observe(t),i&&this.containerResizeObserver.unobserve(i)}addListeners(){window.addEventListener("resize",this.windowResizeHandler,{passive:!0}),this.container&&document.addEventListener("scroll",this.windowScrollHandler,{capture:!0,passive:!0}),this.closeOnOutsideClick&&document.addEventListener("click",this.closeOnOutsideClickHandler,{capture:!0}),this.closeOnEscape&&document.addEventListener("keydown",this.closeOnEscapeHandler,{capture:!0})}removeListeners(){window.removeEventListener("resize",this.windowResizeHandler),document.removeEventListener("scroll",this.windowScrollHandler,{capture:!0}),document.removeEventListener("click",this.closeOnOutsideClickHandler,{capture:!0}),document.removeEventListener("keydown",this.closeOnEscapeHandler,{capture:!0})}loadGlobalStyleSheet(){o(this.el.shadowRoot.adoptedStyleSheets)}render(){const t="outside-start"===this.yAlign||"outside-end"===this.yAlign,i="outside-start"===this.xAlign||"outside-end"===this.xAlign;return s(n,{style:this.relativeWindow&&{"--ch-window-inset-inline-start":"0px","--ch-window-inset-block-start":"0px"}},s("div",{class:"mask",part:"mask",ref:t=>this.mask=t,onClick:this.maskClickHandler},s("section",{class:"window",part:"window",ref:t=>this.window=t},this.showHeader&&s("header",{part:"header",ref:t=>this.header=t},s("slot",{name:"header"},s("span",{part:"caption"},this.caption),s("ch-window-close",{part:"close",title:this.closeTooltip},this.closeText))),this.showMain?s("div",{part:"main"},s("slot",null)):s("slot",null),this.showFooter&&s("footer",{part:"footer"},s("slot",{name:"footer"}))),this.showSeparation&&s("div",{class:{separation:!0,"separation--x":i&&!t,"separation--y":t&&!i,"separation--both":i&&t},part:"separation"})))}get el(){return e(this)}static get watchers(){return{container:["containerHandler"],hidden:["hiddenHandler"]}}};a.style=':host{--ch-window-offset-x:0px;--ch-window-offset-y:0px;--ch-window-separation-x:0px;--ch-window-separation-y:0px;--ch-window-x-outside:0px;--ch-window-y-outside:0px}:host(:not([hidden])){display:contents}:host(:is(:not([modal]),[modal="false"])) .mask{pointer-events:none}.window{pointer-events:all}.mask{display:flex;position:fixed;inset:0;left:calc( var(--ch-window-inset-inline-start) + var(--ch-window-offset-x) + var(--ch-window-separation-x) );inset-block-start:calc( var(--ch-window-inset-block-start) + var(--ch-window-offset-y) + var(--ch-window-separation-y) );width:var(--ch-window-mask-width);height:var(--ch-window-mask-height);z-index:var(--ch-window-mask-z-index, 1000)}:host(:is([x-align="outside-start"],[x-align="inside-start"])) .mask{justify-content:flex-start}:host([x-align=center]) .mask{justify-content:center}:host(:is([x-align="outside-end"],[x-align="inside-end"])) .mask{justify-content:flex-end}:host(:is([y-align="outside-start"],[y-align="inside-start"])) .mask{align-items:flex-start}:host([y-align=center]) .mask{align-items:center}:host(:is([y-align="outside-end"],[y-align="inside-end"])) .mask{align-items:flex-end}.window{display:flex;flex-direction:column;transform:translate(var(--ch-window-x-outside), var(--ch-window-y-outside)) translate(var(--ch-window-x-drag, 0px), var(--ch-window-y-drag, 0px));z-index:inherit}:host([x-align=outside-start]) .window{--ch-window-x-outside:-100%}:host([x-align=outside-end]) .window{--ch-window-x-outside:100%}:host([y-align=outside-start]) .window{--ch-window-y-outside:-100%}:host([y-align=outside-end]) .window{--ch-window-y-outside:100%}.separation{position:fixed;inset:0;pointer-events:all}.separation--x{top:var(--ch-window-inset-block-start);width:var(--ch-window-separation);height:var(--ch-window-mask-height)}.separation--y{left:var(--ch-window-inset-inline-start);width:var(--ch-window-mask-width);height:var(--ch-window-separation)}.separation--both{width:calc(var(--ch-window-separation) * 4);height:calc(var(--ch-window-separation) * 4)}:host([x-align=outside-start]) .separation{left:calc( var(--ch-window-inset-inline-start) - var(--ch-window-separation) )}:host([x-align=outside-start]) .separation--both{left:calc( var(--ch-window-inset-inline-start) - var(--ch-window-separation) * 3 )}:host([x-align=outside-end]) .separation{left:calc( var(--ch-window-inset-inline-start) + var(--ch-window-mask-width) )}:host([x-align=outside-end]) .separation--both{left:calc( var(--ch-window-inset-inline-start) + var(--ch-window-mask-width) - var(--ch-window-separation) )}:host([y-align=outside-start]) .separation{top:calc(var(--ch-window-inset-block-start) - var(--ch-window-separation))}:host([y-align=outside-start]) .separation--both{top:calc( var(--ch-window-inset-block-start) - var(--ch-window-separation) * 3 )}:host([y-align=outside-end]) .separation{top:calc( var(--ch-window-inset-block-start) + var(--ch-window-mask-height) )}:host([y-align=outside-end]) .separation--both{top:calc( var(--ch-window-inset-block-start) + var(--ch-window-mask-height) - var(--ch-window-separation) )}';const h=class{constructor(s){t(this,s),this.windowCloseClicked=i(this,"windowCloseClicked",7)}pressedHandler(t){t.key&&"Enter"!==t.key&&" "!==t.key||(this.windowCloseClicked.emit(),t.stopPropagation())}render(){return s(n,{role:"button",tabindex:"0",disabled:this.disabled})}};h.style="";export{a as ch_window,h as ch_window_close}
|