@genexus/genexus-ide-ui 0.0.10 → 0.0.12
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/README.md +18 -256
- package/dist/cjs/ch-grid-row-actions.cjs.entry.js +30 -1
- package/dist/cjs/ch-grid-rowset-legend.cjs.entry.js +16 -3
- package/dist/cjs/ch-grid_9.cjs.entry.js +292 -247
- package/dist/cjs/ch-suggest.cjs.entry.js +9 -8
- package/dist/cjs/ch-tree-item.cjs.entry.js +1 -1
- package/dist/cjs/genexus-ide-ui.cjs.js +1 -1
- package/dist/cjs/gx-ide-new-kb.cjs.entry.js +7 -7
- package/dist/cjs/gx-ide-test.cjs.entry.js +3 -2
- package/dist/cjs/gxg-combo-box_8.cjs.entry.js +69 -54
- package/dist/cjs/gxg-form-text.cjs.entry.js +23 -13
- package/dist/cjs/gxg-form-textarea.cjs.entry.js +1 -1
- package/dist/cjs/gxg-list-box-item.cjs.entry.js +5 -2
- package/dist/cjs/gxg-list-box.cjs.entry.js +1 -1
- package/dist/cjs/gxg-test.cjs.entry.js +5 -3
- package/dist/cjs/gxg-tree-item.cjs.entry.js +1 -1
- package/dist/cjs/gxg-tree.cjs.entry.js +2 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/common/render-tree.js +2 -1
- package/dist/collection/components/_test/test.js +1 -1
- package/dist/collection/components/new-kb/new-kb.js +10 -10
- package/dist/components/ch-grid-row-actions.js +52 -4
- package/dist/components/ch-grid-rowset-legend.js +32 -1
- package/dist/components/ch-grid2.js +295 -249
- package/dist/components/ch-suggest.js +10 -9
- package/dist/components/ch-tree-item.js +1 -1
- package/dist/components/combo-box-item.js +18 -18
- package/dist/components/combo-box.js +51 -36
- package/dist/components/form-text.js +25 -13
- package/dist/components/gx-ide-new-kb.js +9 -9
- package/dist/components/gx-ide-test.js +3 -2
- package/dist/components/gxg-form-textarea.js +1 -1
- package/dist/components/gxg-list-box-item.js +5 -2
- package/dist/components/gxg-list-box.js +1 -1
- package/dist/components/gxg-test.js +5 -3
- package/dist/components/gxg-tree-item2.js +1 -2
- package/dist/components/gxg-tree2.js +2 -1
- package/dist/esm/ch-grid-row-actions.entry.js +31 -2
- package/dist/esm/ch-grid-rowset-legend.entry.js +19 -2
- package/dist/esm/ch-grid_9.entry.js +292 -247
- package/dist/esm/ch-suggest.entry.js +9 -8
- package/dist/esm/ch-tree-item.entry.js +1 -1
- package/dist/esm/genexus-ide-ui.js +1 -1
- package/dist/esm/gx-ide-new-kb.entry.js +7 -7
- package/dist/esm/gx-ide-test.entry.js +3 -2
- package/dist/esm/gxg-combo-box_8.entry.js +69 -54
- package/dist/esm/gxg-form-text.entry.js +23 -13
- package/dist/esm/gxg-form-textarea.entry.js +1 -1
- package/dist/esm/gxg-list-box-item.entry.js +5 -2
- package/dist/esm/gxg-list-box.entry.js +1 -1
- package/dist/esm/gxg-test.entry.js +5 -3
- package/dist/esm/gxg-tree-item.entry.js +1 -1
- package/dist/esm/gxg-tree.entry.js +2 -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/p-01795e05.entry.js +1 -0
- package/dist/genexus-ide-ui/p-1367be09.entry.js +1 -0
- package/dist/genexus-ide-ui/p-18c86754.entry.js +1 -0
- package/dist/genexus-ide-ui/p-26b1d9c2.entry.js +1 -0
- package/dist/genexus-ide-ui/p-3c6099ff.entry.js +1 -0
- package/dist/genexus-ide-ui/p-4144fe18.entry.js +1 -0
- package/dist/genexus-ide-ui/p-421bd2fb.entry.js +1 -0
- package/dist/genexus-ide-ui/p-5faaf0e5.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-45bf6aaf.entry.js → p-7b79281c.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-7dead490.entry.js +1 -0
- package/dist/genexus-ide-ui/p-8f89e354.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-bb9e6db0.entry.js → p-a04ce551.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-b31a9621.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-3546b5f7.entry.js → p-c0360787.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-4c6b4be3.entry.js → p-f23610f0.entry.js} +1 -1
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/grid/ch-grid.css +0 -9
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/grid/grid-row-actions/ch-grid-row-actions.css +3 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/combo-box-item/combo-box-item.css +14 -14
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-text/form-text.css +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-textarea/form-textarea.css +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/list-box/list-box.css +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/list-box-item/list-box-item.css +12 -9
- package/dist/types/common/render-tree.d.ts +1 -1
- package/dist/types/components/new-kb/new-kb.d.ts +2 -2
- package/dist/types/components.d.ts +20 -16
- package/package.json +2 -2
- package/dist/cjs/ch-grid-rowset-legend-d29e1c7d.js +0 -22
- package/dist/components/ch-grid-rowset-legend2.js +0 -35
- package/dist/esm/ch-grid-rowset-legend-d6a0dd68.js +0 -20
- package/dist/genexus-ide-ui/p-17827fd8.js +0 -1
- package/dist/genexus-ide-ui/p-4298cd04.entry.js +0 -1
- package/dist/genexus-ide-ui/p-5aa4d5cc.entry.js +0 -1
- package/dist/genexus-ide-ui/p-715bf2d4.entry.js +0 -1
- package/dist/genexus-ide-ui/p-761e8fa3.entry.js +0 -1
- package/dist/genexus-ide-ui/p-93f9f73b.entry.js +0 -1
- package/dist/genexus-ide-ui/p-b218be5e.entry.js +0 -1
- package/dist/genexus-ide-ui/p-c0a96223.entry.js +0 -1
- package/dist/genexus-ide-ui/p-c132ce73.entry.js +0 -1
- package/dist/genexus-ide-ui/p-d3e6590c.entry.js +0 -1
- package/dist/genexus-ide-ui/p-d57c8f13.entry.js +0 -1
- package/dist/genexus-ide-ui/p-d5cf33f2.entry.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as s,H as i,g as r}from"./p-f9f51980.js";import{m as n}from"./p-ad1b71a0.js";class h 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 s=null===(e=this.grid.rowHighlightedClass)||void 0===e?void 0:e.split(" ");!0===t?(this.setAttribute("highlighted",""),this.grid.rowHighlightedClass&&this.classList.add(...s)):(this.removeAttribute("highlighted"),this.grid.rowHighlightedClass&&this.classList.remove(...s))}get selected(){return this.hasAttribute("selected")}set selected(t){var e;const s=null===(e=this.grid.rowSelectedClass)||void 0===e?void 0:e.split(" ");!0===t?(this.setAttribute("selected",""),this.grid.rowSelectedClass&&this.classList.add(...s)):(this.removeAttribute("selected"),this.grid.rowSelectedClass&&this.classList.remove(...s))}get marked(){return this.hasAttribute("marked")}set marked(t){var e;const s=null===(e=this.grid.rowMarkedClass)||void 0===e?void 0:e.split(" ");!0===t?(this.setAttribute("marked",""),this.grid.rowMarkedClass&&this.classList.add(...s)):(this.removeAttribute("marked"),this.grid.rowMarkedClass&&this.classList.remove(...s))}get focused(){return this.hasAttribute("focused")}set focused(t){var e;const s=null===(e=this.grid.rowFocusedClass)||void 0===e?void 0:e.split(" ");!0===t?(this.setAttribute("focused",""),this.grid.rowFocusedClass&&this.classList.add(...s)):(this.removeAttribute("focused"),this.grid.rowFocusedClass&&this.classList.remove(...s))}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(),s=this.lastElementChild.getBoundingClientRect();t=new DOMRect(e.x,e.y,s.x-e.x+s.width,s.y-e.y+s.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",h);class l 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")),s=parseInt(this.style.getPropertyValue("padding-bottom"));if(this.firstElementChild)if(this.firstElementChild===this.lastElementChild){const i=this.firstElementChild.getBoundingClientRect();t=new DOMRect(i.x,i.y-e,i.x+i.width,i.y+i.height+e+s)}else{const i=this.firstElementChild.getBoundingClientRect(),r=this.lastElementChild.getBoundingClientRect();t=new DOMRect(i.x,i.y-e,r.x-i.x+r.width,r.y-i.y+r.height+e+s)}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 o,c;customElements.get("ch-grid-rowset")||customElements.define("ch-grid-rowset",l),function(t){t.Plain="plain",t.Rich="rich",t.TreeNode="node",t.RowAction="action"}(o||(o={}));class a extends HTMLElement{constructor(){super(),this.cellType=o.Plain}get type(){return this.cellType}set type(t){switch(t){case o.Plain:this.definePlain();break;case o.Rich:this.defineRich();break;case o.TreeNode:this.defineTreeNode()}}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")}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}))}definePlain(){this.cellType=o.Plain}defineRich(){let t="";this.cellType=o.Rich,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.cellType=o.TreeNode,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",a);class d{constructor(t,e,s){this.lastTargetOrder=0,this.isRTL=s,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,s=this.column.element.freeze;let i=0,r=!1;return this.column.translateX=0,this.columns.filter((t=>t.element.freeze===s)).forEach((s=>{const r=s.element.order,n=e>r?1:-1,h=(e>r?1:-1)*(this.isRTL?-1:1);s.rect.left<t&&t<s.rect.right&&r!==e?(this.swapColumnPosition(s,h),s.order=s.element.order+n,i=r):t<s.rect.left&&(this.isRTL?r>e:r<e)?(this.swapColumnPosition(s,h),s.order=s.element.order+n,i&&!(this.isRTL?r>i:r<i)||(i=r)):t>s.rect.right&&(this.isRTL?r<e:r>e)?(this.swapColumnPosition(s,h),s.order=s.element.order+n,i&&!(this.isRTL?r<i:r>i)||(i=r)):r!==e&&this.resetColumnPosition(s)})),this.column.order=i||this.column.element.order,r=i!==this.lastTargetOrder,this.lastTargetOrder=i,r}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((s=>{s.element.hidden||t&&!(s.order<t.order)||(t=s),s.element.hidden||e&&!(s.order>e.order)||(e=s)})),{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((s=>{!s.element.hidden&&s.element.order<t.element.order&&(!e||s.element.order>e.element.order)&&(e=s)})),e}getNextSiblingVisible(t){let e;return this.columns.forEach((s=>{!s.element.hidden&&s.element.order>t.element.order&&(!e||s.element.order<e.element.order)&&(e=s)})),e}}class u{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((s=>{s.hidden||t&&!(s.order<t.order)||(t=s),s.hidden||e&&!(s.order>e.order)||(e=s)})),{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),s=this.columns.filter((t=>"end"===t.freeze)).sort(this.fnSortByOrder);let i=1;t.forEach((t=>t.order=i++)),e.forEach((t=>t.order=i++)),s.forEach((t=>t.order=i++))}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=o.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=o.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 s=`@layer ch-grid {\n ${e}\n }`;t?(t.setAttribute("data-columns",this.columns.length.toString()),t.innerHTML=s):document.head.insertAdjacentHTML("beforeend",`<style id="ch-grid-columns-variables" data-columns="${this.columns.length}">${s}</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))),s=this.columns.filter((e=>!t.includes(e)));(e.length||s.length)&&(this.columns=t,this.undefineColumns(s),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 g{constructor(t){this.selectionStateNone={rowFocused:null,rowsSelected:[],cellSelected:null},this.manager=t}select(t,e,s,i,r){var n;if("none"===this.manager.grid.rowSelectionMode)return this.selectionStateNone;"multiple"!==this.manager.grid.rowSelectionMode&&(i=!1,r=!1);let h=t.rowFocused,l=t.rowsSelected,o=t.cellSelected;if(h=e,r){const t=this.manager.getRowsRange(null!==(n=this.rangeStart)&&void 0!==n?n:e,e);this.rangeValue?(l=i?Array.from(new Set(l.concat(t))):l.length===t.length?l:t,o=s||e.getCell((null==o?void 0:o.column)||this.manager.getFirstColumn())):(l=l.filter((e=>!t.includes(e))),o=null)}else i?(this.rangeStart=e,this.rangeValue=!e.selected,l.includes(e)?(l=l.filter((t=>t!==e)),o=null):(l=[...l,e],o=s||e.getCell((null==o?void 0:o.column)||this.manager.getFirstColumn()))):(this.rangeStart=e,this.rangeValue=!0,l=1===l.length&&l[0]===e?l:[e],o=s||e.getCell((null==o?void 0:o.column)||this.manager.getFirstColumn()));return{rowFocused:h,rowsSelected:l,cellSelected:o}}selectAll(t,e=!0){var s;if("none"===this.manager.grid.rowSelectionMode)return this.selectionStateNone;const i=this.manager.getRows();let r=t.rowFocused,n=t.rowsSelected,h=t.cellSelected;return e?(r=null!=r?r:this.manager.getFirstRow(),n=i,h=r.getCell((null===(s=t.cellSelected)||void 0===s?void 0:s.column)||this.manager.getFirstColumn())):(r=null!=r?r:this.manager.getFirstRow(),n=[],h=null),{rowFocused:r,rowsSelected:n,cellSelected:h}}selectSet(t,e,s,i=!0){let r=t.rowFocused,n=t.rowsSelected,h=t.cellSelected;return r=e,i?(n=n.includes(e)?n:[...n,e],h=s):(n=n.includes(e)?n.filter((t=>t!==e)):n,h=null),{rowFocused:r,rowsSelected:n,cellSelected:h}}selectFirstRow(t,e){var s;if("none"===this.manager.grid.rowSelectionMode)return this.selectionStateNone;"multiple"!==this.manager.grid.rowSelectionMode&&(e=!1);const i=this.manager.getFirstRow();let r=t.rowFocused,n=t.rowsSelected,h=t.cellSelected;if(i){if(e){const t=this.manager.getRowsRange(null!=r?r:i,i);n=Array.from(new Set(n.concat(t)))}else n=[i];r=i,h=i.getCell((null===(s=t.cellSelected)||void 0===s?void 0:s.column)||this.manager.getFirstColumn())}return{rowFocused:r,rowsSelected:n,cellSelected:h}}selectPreviousRow(t,e){if("none"===this.manager.grid.rowSelectionMode)return this.selectionStateNone;"multiple"!==this.manager.grid.rowSelectionMode&&(e=!1);const s=this.manager.getPreviousRow(t.rowFocused);let i=t.rowFocused,r=t.rowsSelected,n=t.cellSelected;if(s){if(e){const t=this.sortRowsSelected(r),e=this.isContiguousSelection(t);r=e&&i===t[0]?[...r,s]:e&&i===t[t.length-1]?r.slice(0,-1):[i,s]}else r=[s];i=s,n=s.getCell((null==n?void 0:n.column)||this.manager.getFirstColumn())}return{rowFocused:i,rowsSelected:r,cellSelected:n}}selectNextRow(t,e){if("none"===this.manager.grid.rowSelectionMode)return this.selectionStateNone;"multiple"!==this.manager.grid.rowSelectionMode&&(e=!1);const s=this.manager.getNextRow(t.rowFocused);let i=t.rowFocused,r=t.rowsSelected,n=t.cellSelected;if(s){if(e){const t=this.sortRowsSelected(r),e=this.isContiguousSelection(t);r=e&&i===t[t.length-1]?[...r,s]:e&&i===t[0]?r.slice(1):[i,s]}else r=[s];i=s,n=s.getCell((null==n?void 0:n.column)||this.manager.getFirstColumn())}return{rowFocused:i,rowsSelected:r,cellSelected:n}}selectLastRow(t,e){var s;if("none"===this.manager.grid.rowSelectionMode)return this.selectionStateNone;"multiple"!==this.manager.grid.rowSelectionMode&&(e=!1);const i=this.manager.getLastRow();let r=t.rowFocused,n=t.rowsSelected,h=t.cellSelected;if(i){if(e){const t=this.manager.getRowsRange(null!=r?r:i,i);n=Array.from(new Set(n.concat(t)))}else n=[i];r=i,h=i.getCell((null===(s=t.cellSelected)||void 0===s?void 0:s.column)||this.manager.getFirstColumn())}return{rowFocused:r,rowsSelected:n,cellSelected:h}}selectPreviousPageRow(t,e){var s;if("none"===this.manager.grid.rowSelectionMode)return this.selectionStateNone;"multiple"!==this.manager.grid.rowSelectionMode&&(e=!1);const i=this.manager.getRows(),r=this.manager.getRowsPerPage();let n=t.rowFocused,h=t.rowsSelected,l=t.cellSelected;const o=i[Math.max(i.indexOf(n)-r,0)];if(o){if(e){const t=this.manager.getRowsRange(null!=n?n:o,o);h=Array.from(new Set(h.concat(t)))}else h=1===h.length&&h[0]===o?h:[o];n=o,l=o.getCell((null===(s=t.cellSelected)||void 0===s?void 0:s.column)||this.manager.getFirstColumn())}return{rowFocused:n,rowsSelected:h,cellSelected:l}}selectNextPageRow(t,e){var s;if("none"===this.manager.grid.rowSelectionMode)return this.selectionStateNone;"multiple"!==this.manager.grid.rowSelectionMode&&(e=!1);const i=this.manager.getRows(),r=this.manager.getRowsPerPage();let n=t.rowFocused,h=t.rowsSelected,l=t.cellSelected;const o=i[Math.min(i.indexOf(n)+r,i.length-1)];if(o){if(e){const t=this.manager.getRowsRange(null!=n?n:o,o);h=Array.from(new Set(h.concat(t)))}else h=1===h.length&&h[0]===o?h:[o];n=o,l=o.getCell((null===(s=t.cellSelected)||void 0===s?void 0:s.column)||this.manager.getFirstColumn())}return{rowFocused:n,rowsSelected:h,cellSelected:l}}selectPreviousCell(t){if("none"===this.manager.grid.rowSelectionMode)return this.selectionStateNone;const e=t.rowFocused;let s=t.rowsSelected,i=t.cellSelected;if(i){const t=this.manager.getPreviousCell(i);t&&(i=t)}else s.includes(e)||(s=[...s,e]),i||(i=e.getCell(this.manager.getFirstColumn()));return{rowFocused:e,rowsSelected:s,cellSelected:i}}selectNextCell(t){if("none"===this.manager.grid.rowSelectionMode)return this.selectionStateNone;const e=t.rowFocused;let s=t.rowsSelected,i=t.cellSelected;if(i){const t=this.manager.getNextCell(i);t&&(i=t)}else s.includes(e)||(s=[...s,e]),i||(i=e.getCell(this.manager.getFirstColumn()));return{rowFocused:e,rowsSelected:s,cellSelected:i}}markRow(t,e,s,i){var r;if(t){if(s){const e=!t.marked,s=this.manager.getRowsRange(null!==(r=this.lastRowMarked)&&void 0!==r?r:t,t);return this.lastRowMarked=t,e?i.concat(s.filter((t=>!i.includes(t)))):i.filter((t=>!s.includes(t)))}if(this.lastRowMarked=t,e&&!i.includes(t))return i.concat([t]);if(!e&&i.includes(t))return i.filter((e=>e!==t))}return i}markAllRows(t=!0){return t?this.manager.getRows():[]}syncRowSelector(t,e=[],s){const i=this.manager.columns.getColumnSelector();if((null==i?void 0:i.richRowSelectorMode)===s){const s=i.physicalOrder-1;null==e||e.filter((e=>!t.includes(e))).forEach((t=>{t.marked=!1,t.children[s].setSelectorChecked(!1)})),null==t||t.forEach((t=>{t.marked="mark"===i.richRowSelectorMode,t.children[s].setSelectorChecked(!0)})),i.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,s)=>{const i=e.indexOf(t),r=e.indexOf(s);return i<r?-1:i>r?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 s=e.indexOf(t[0]);return e.indexOf(t[t.length-1])-s+1===t.length}}}class m{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),s=t+2,i=this.rowIndex<t?-1:1;this.rowShadow.style.getPropertyValue("--row-shadow-row-start")!==`${s}`?this.rowShadow.style.setProperty("--row-shadow-row-start",`${s}`):this.rowShadow.style.setProperty("--row-shadow-row-start",`${s+i}`),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 s=document.createElement("div");s.style.opacity="0",s.style.minWidth=e,s.style.height=`${t}px`,s.style.gridRowStart="var(--row-shadow-row-start)",this.rowShadow.append(s)}))}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,s)=>{const i=parseInt(this.manager.gridLayout.style.getPropertyValue(`--ch-grid-column-${s+1}-position`));e.hidden||(e.style.width=t[i-1],e.style.order=`${i}`)}))}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 w{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"}(c||(c={}));class p{constructor(t){this.styleSheet=new CSSStyleSheet,this.grid=t,this.styleSheet.insertRule(":host {}",c.BASE_LAYER),this.styleSheet.insertRule(".main {}",c.COLUMNS_WIDTH),this.grid.shadowRoot.adoptedStyleSheets.push(this.styleSheet),this.columns=new u(this),this.selection=new g(this),this.rowActions=new w(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(),s=e.indexOf(t);return e.slice(0,s).reverse().find((t=>t.isVisible()))}getNextRow(t){const e=this.getRows(),s=e.indexOf(t);return e.slice(s+1).find((t=>t.isVisible()))}getLastRow(){return this.getRows().reverse().find((t=>t.isVisible()))}getPreviousCell(t){const e=t.column.order,s=this.columns.getColumns().reduce(((t,s)=>s.order<e&&!s.hidden&&(!t||s.order>t.order)?s:t),null);if(s)return t.row.querySelector(`:scope > ch-grid-cell:nth-of-type(${s.physicalOrder})`)}getNextCell(t){const e=t.column.order,s=this.columns.getColumns().reduce(((t,s)=>s.order>e&&!s.hidden&&(!t||s.order<t.order)?s:t),null);if(s)return t.row.querySelector(`:scope > ch-grid-cell:nth-of-type(${s.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(" "),s=this.getGridRowIndex(t)+1;return parseInt(e[s])||0}getRowsPerPage(){const t=this.gridLayout.clientHeight,e=this.getColumnsetHeight(),s=this.getRowHeight(this.getFirstRow());return Math.floor((t-e)/s)}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 s=this.getRows(),i=s.indexOf(t),r=s.indexOf(e);return s.slice(Math.min(i,r),Math.max(i,r)+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,s){if(t)return this.grid.querySelector(`ch-grid-cell[cellid="${t}"]`);if(e&&s){const t=this.getRow(e),i=this.columns.getColumn(s);if(t&&i)return t.getCell(i)}}getCellEventTarget(t){return t.composedPath().find((t=>"CH-GRID-CELL"===t.tagName))}columnDragStart(t){this.columnDragManager=new d(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 m(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(c.BASE_LAYER),this.styleSheet.insertRule(`:host { --ch-grid-base-layer: ${t}; }`,c.BASE_LAYER)}setColumnWidthVariables(t){this.styleSheet.deleteRule(c.COLUMNS_WIDTH),this.styleSheet.insertRule(`.main { ${t.map(((t,e)=>`--ch-grid-column-${e+1}-width:${t}px;`)).join("\n")} }`,c.COLUMNS_WIDTH)}ensureRowVisible(t){let e=t.parentElement.closest("ch-grid-row, ch-grid-rowset");const{columnFirst:s}=this.columns.getColumnsFirstLast();for(;e;)e.collapsed=!1,e=e.parentElement.closest("ch-grid-row, ch-grid-rowset");t.children[s.physicalOrder]&&this.ensureVisible(t.children[s.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),s=this.gridLayout,i=this.getScrollOffsetTop(),r=this.getScrollOffsetLeft(),n=this.getScrollOffsetRight();s.scrollTop+i>t.offsetTop?s.scrollBy({top:-1*(s.scrollTop-t.offsetTop+i)}):s.scrollTop+s.offsetHeight<t.offsetTop+t.offsetHeight?s.scrollBy({top:t.offsetTop+t.offsetHeight-(s.scrollTop+s.offsetHeight)}):s.scrollLeft+r>t.offsetLeft&&!e?s.scrollBy({left:-1*(s.scrollLeft-t.offsetLeft+r)}):s.scrollLeft+s.clientWidth-n<t.offsetLeft+t.offsetWidth&&!e&&s.scrollBy({left:t.offsetLeft+t.offsetWidth-(s.scrollLeft+s.clientWidth-n)})}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 s=1;s<t.order;s++)e.push(`var(--ch-grid-column-${s}-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 s=this.columns.getColumns().length;s>t.order;s--)e.push(`var(--ch-grid-column-${s}-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 v=class{constructor(s){t(this,s),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.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 s,i;t&&(t.highlighted=!0),e&&(e.highlighted=!1),t?null===(s=this.manager.rowActions.showOnRowHover)||void 0===s||s.openRowHover(t):null===(i=this.manager.rowActions.showOnRowHover)||void 0===i||i.close()}rowsMarkedHandler(t,e){this.manager.selection.syncRowSelector(t,e,"mark"),this.rowMarkingChanged.emit({rowsId: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 p(this.el),this.gridStyle=this.manager.getGridStyle(),this.rowsSelected=this.manager.getRowsSelected()}componentDidLoad(){this.manager.componentDidLoad(this.gridLayoutElement)}componentShouldUpdate(t,e,s){if("rowFocused"===s||"rowHighlighted"===s||"rowSelected"===s||"rowsMarked"===s||"cellSelected"===s)return!1}focusHandler(){"none"!==this.rowSelectionMode&&(this.rowFocused=this.rowsSelected[0]||this.manager.getFirstRow())}blurHandler(){this.rowFocused=null}windowKeyDownHandler(t){document.activeElement===this.el&&[" ","+","-","Home","End","PageUp","PageDown","ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(t.key)&&t.preventDefault()}keyDownHandler(t){if(document.activeElement===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){if(("auto"===this.rowHighlightEnabled&&"none"!==this.rowSelectionMode||!0===this.rowHighlightEnabled)&&(this.rowHighlighted=this.manager.getRowEventTarget(t)||(this.manager.isRowActionsEventTarget(t)?this.rowHighlighted:null)),this.manager.selection.selecting){const e=this.manager.getRowEventTarget(t),s=this.manager.getCellEventTarget(t);!e||this.manager.selection.selectingRow===e&&this.manager.selection.selectingCell===s||(this.selectByPointerEvent(e,s,n(t),!0),this.manager.selection.selectingRow=e,this.manager.selection.selectingCell=s)}}mouseLeaveHandler(){this.rowHighlighted&&(this.rowHighlighted=null)}clickHandler(t){const e=this.manager.getRowEventTarget(t),s=this.manager.getCellEventTarget(t);e&&(this.rowClicked.emit({rowId:e.rowId,cellId:null==s?void 0:s.cellId,columnId:null==s?void 0:s.column.columnId}),this.manager.selection.selecting=!0,this.selectByPointerEvent(e,s,n(t),t.shiftKey))}mouseUpHandler(){this.manager.selection.selecting=!1,this.manager.selection.selectingRow=null,this.manager.selection.selectingCell=null}dblclickHandler(t){const e=this.manager.getRowEventTarget(t),s=this.manager.getCellEventTarget(t);e&&this.rowDoubleClicked.emit({rowId:e.rowId,cellId:null==s?void 0:s.cellId,columnId:null==s?void 0:s.column.columnId})}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):"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 s=this.manager.getRow(t);if(s){const{rowFocused:t,rowsSelected:i,cellSelected:r}=this.manager.selection.selectSet({rowFocused:this.rowFocused,rowsSelected:this.rowsSelected,cellSelected:this.cellSelected},s,null,e);this.rowFocused=t,this.rowsSelected=i,this.cellSelected=r,null==t||t.ensureVisible()}}async selectAllRows(t=!0){this.selectAll(t)}async selectCell(t,e,s,i=!0){const r=this.manager.getCell(t,e,s);if(r){const{rowFocused:t,rowsSelected:e,cellSelected:s}=this.manager.selection.selectSet({rowFocused:this.rowFocused,rowsSelected:this.rowsSelected,cellSelected:this.cellSelected},r.row,r,i);this.rowFocused=t,this.rowsSelected=e,this.cellSelected=s,null==t||t.ensureVisible()}}async markRow(t,e=!0){const s=this.manager.columns.getColumnSelector(),i=this.manager.getRow(t);i&&"mark"===(null==s?void 0:s.richRowSelectorMode)&&(this.rowsMarked=this.manager.selection.markRow(i,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 s=null===(t=this.cellSelected)||void 0===t?void 0:t.row;if(s)return(null===(e=this.manager.getPreviousRow(s))||void 0===e?void 0:e.rowId)||null}async getNextRow(){var t,e;const s=null===(t=this.cellSelected)||void 0===t?void 0:t.row;if(s)return(null===(e=this.manager.getNextRow(s))||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,s,i){const{rowFocused:r,rowsSelected:n,cellSelected:h}=this.manager.selection.select({rowFocused:this.rowFocused,rowsSelected:this.rowsSelected,cellSelected:this.cellSelected},t,e,s,i);this.rowFocused=r,this.rowsSelected=n,this.cellSelected=h,h?h.ensureVisible():null==r||r.ensureVisible()}selectByKeyboardEvent(t,e){const{rowFocused:s,rowsSelected:i,cellSelected:r}=t({rowFocused:this.rowFocused,rowsSelected:this.rowsSelected,cellSelected:this.cellSelected},e);this.rowFocused=s,this.rowsSelected=i,this.cellSelected=r,r?r.ensureVisible():null==s||s.ensureVisible()}selectAll(t=!0){const{rowFocused:e,rowsSelected:s,cellSelected:i}=this.manager.selection.selectAll({rowFocused:this.rowFocused,rowsSelected:this.rowsSelected,cellSelected:this.cellSelected},t);this.rowFocused=e,this.rowsSelected=s,this.cellSelected=i,i?i.ensureVisible():null==e||e.ensureVisible()}setRowCollapsed(t,e){t&&e?t&&t.hasChildRows&&(t.collapsed=!0):t&&!e&&(t.collapsed=!1)}renderSettings(){return s("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 "},s("slot",{name:"settings"},s("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 s(i,{tabindex:"none"!==this.rowSelectionMode&&"0"},s("header",{part:"header"},s("slot",{name:"header"})),s("section",{class:"main",style:this.gridStyle,part:"main",ref:t=>this.gridLayoutElement=t},s("slot",null)),s("aside",null,this.renderSettings(),s("slot",{name:"column-display"}),s("slot",{name:"row-actions"})),s("footer",{part:"footer"},s("slot",{name:"footer"})))}get el(){return r(this)}static get watchers(){return{rowFocused:["rowFocusedHandler"],rowHighlighted:["rowHighlightedHandler"],rowsMarked:["rowsMarkedHandler"],rowsSelected:["rowsSelectedHandler"],cellSelected:["cellSelectedHandler"]}}};v.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 b=class{constructor(s){t(this,s),this.refreshClicked=e(this,"refreshClicked",7)}pressedHandler(t){t.key&&"Enter"!==t.key&&" "!==t.key||(this.refreshClicked.emit(),t.stopPropagation())}render(){return s(i,{role:"button",tabindex:"0",disabled:this.disabled})}};b.style="@layer ch-grid {\n ch-grid-action-refresh[disabled] {\n pointer-events: none;\n }\n}";const f=class{constructor(s){t(this,s),this.settingsShowClicked=e(this,"settingsShowClicked",7)}pressedHandler(t){t.key&&"Enter"!==t.key&&" "!==t.key||(this.settingsShowClicked.emit(),t.stopPropagation())}render(){return s(i,{role:"button",tabindex:"0",disabled:this.disabled})}};f.style="@layer ch-grid {\n ch-grid-action-settings[disabled] {\n pointer-events: none;\n }\n}";const y=class{constructor(e){t(this,e)}get el(){return r(this)}};y.style="";const C=class{constructor(s){t(this,s),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 s(i,null,s("ul",{class:"bar",part:"bar"},this.renderSelector(),this.renderName(),this.renderSort(),this.renderSettings(),this.renderResize()),s("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 "},s("slot",{name:"settings"})))}renderSelector(){return s("li",{class:"selector",part:"bar-selector",hidden:!("rich"===this.columnType&&this.richRowSelector)},s("label",{part:"selector-label"},s("input",{type:"checkbox",part:["selector",this.richRowSelectorState].filter((t=>""!==t)).join(" "),onClick:this.selectorClickHandler,checked:"checked"===this.richRowSelectorState,indeterminate:"indeterminate"===this.richRowSelectorState})))}renderName(){return s("li",{class:"name",part:"bar-name",title:this.columnTooltip||("title"===this.columnNamePosition?this.columnName:null)},this.columnIconUrl||this.columnImage||this.columnImageSet?s("img",{class:"name-icon",part:"bar-name-icon",src:this.columnImage||this.columnIconUrl,srcSet:this.columnImageSet}):s("div",{class:"name-icon",part:"bar-name-icon"}),s("span",{class:"name-text",part:"bar-name-text",hidden:this.columnNameHidden||"text"!==this.columnNamePosition},this.columnName))}renderSort(){return s("li",{class:"sort",part:"bar-sort",hidden:!this.sortable},s("div",{class:"sort-asc",part:"bar-sort-ascending"}),s("div",{class:"sort-desc",part:"bar-sort-descending"}))}renderSettings(){return s("li",{class:"settings",part:"bar-settings",hidden:!this.settingable},s("button",{class:"button",part:"bar-settings-button",onClick:this.settingsClickHandler}))}renderResize(){return s("li",{class:"resize",part:"bar-resize",hidden:!this.resizable},s("ch-grid-column-resize",{column:this.el,class:"resize-split",part:"bar-resize-split"}))}get el(){return r(this)}static get watchers(){return{freeze:["freezeHandler"],hidden:["hiddenHandler"],order:["orderHandler"],size:["sizeHandler"],sortDirection:["sortDirectionHandler"]}}};C.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 S=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 r(this)}};S.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 k=class{constructor(s){t(this,s),this.activePageChanged=e(this,"activePageChanged",7),this.pageNavigationRequested=e(this,"pageNavigationRequested",7),this.activePage=1,this.totalPages=1,this.hasNextPage=!1}activePageHandler(){this.activePageChanged.emit({activePage:this.activePage})}componentWillLoad(){this.loadElements()}navigateClickedHandler(t){switch(t.stopPropagation(),t.detail.type){case"first":this.first();break;case"previous":this.previous();break;case"next":this.next();break;case"last":this.last()}this.pageNavigationRequested.emit({type:t.detail.type})}pageChangedHandler(t){t.stopPropagation();const e=this.activePage!==t.detail.page;this.activePage=t.detail.page,e&&this.pageNavigationRequested.emit({type:"goto",page:t.detail.page})}loadElements(){this.elPages=this.el.querySelector("ch-paginator-pages"),this.elFirst=this.el.querySelector("ch-paginator-navigate[type='first']"),this.elPrevious=this.el.querySelector("ch-paginator-navigate[type='previous']"),this.elNext=this.el.querySelector("ch-paginator-navigate[type='next']"),this.elLast=this.el.querySelector("ch-paginator-navigate[type='last']")}keyDownHandler(t){switch(t.key){case"Home":this.first(),this.elFirst.focus();break;case"PageUp":this.previous(),this.elPrevious.focus();break;case"PageDown":this.next(),this.elNext.focus();break;case"End":this.last(),this.elLast.focus()}}first(){this.activePage=1}previous(){this.activePage=Math.max(this.activePage-1,1)}next(){this.activePage=this.totalPages<0?this.activePage+1:Math.min(this.activePage+1,this.totalPages)}last(){this.activePage=this.totalPages}render(){this.elPages&&(this.elPages.totalPages=this.totalPages,this.elPages.page=this.activePage),this.elFirst&&(this.elFirst.disabled=1===this.activePage),this.elPrevious&&(this.elPrevious.disabled=1===this.activePage),this.elNext&&(this.elNext.disabled=this.activePage===this.totalPages||this.totalPages<0&&!this.hasNextPage),this.elLast&&(this.elLast.disabled=this.activePage===this.totalPages||this.totalPages<0&&!this.hasNextPage)}get el(){return r(this)}static get watchers(){return{activePage:["activePageHandler"]}}};k.style=":host{display:flex}";const H=class{constructor(s){t(this,s),this.navigateClicked=e(this,"navigateClicked",7)}pressedHandler(t){t.key&&"Enter"!==t.key&&" "!==t.key||(this.navigateClicked.emit({type:this.type}),t.stopPropagation())}render(){return s(i,{role:"button",tabindex:"0",disabled:this.disabled})}};var R,x;H.style="ch-paginator-navigate[disabled]{pointer-events:none}",function(t){t[t.EDIT=1]="EDIT",t[t.RADIO=4]="RADIO",t[t.COMBO=5]="COMBO",t[t.CHECK=7]="CHECK"}(R||(R={})),function(t){t[t.NUMBER=0]="NUMBER",t[t.CHAR=1]="CHAR",t[t.DATE=2]="DATE",t[t.DATETIME=3]="DATETIME",t[t.VARCHAR=5]="VARCHAR",t[t.LONGVARCHAR=6]="LONGVARCHAR",t[t.BOOLEAN=7]="BOOLEAN"}(x||(x={}));const $=class{constructor(s){t(this,s),this.columnSettingsChanged=e(this,"columnSettingsChanged",7),this.filterEnum=[],this.applyClickHandler=()=>{this.equal=this.getControlValue(this.inputEqual),this.less=this.getControlValue(this.inputLess),this.greater=this.getControlValue(this.inputGreater),this.columnSettingsChanged.emit({column:this.column,equal:this.equal,less:this.less,greater:this.greater})},this.resetClickHandler=()=>{this.equal="",this.less="",this.greater="",this.columnSettingsChanged.emit({column:this.column,equal:this.equal,less:this.less,greater:this.greater})}}componentWillLoad(){Array.isArray(this.column.FilterEnum)&&this.column.FilterEnum.length>0&&(this.filterEnum=this.column.FilterEnum)}getControlValue(t){var e;const s=null!==(e=null==t?void 0:t.value)&&void 0!==e?e:"";let i=this.column.gxControl.dataType;switch(i===x.DATETIME&&-1===this.column.FilterDateTimeAsDate&&(i=x.DATE),i){case x.DATE:return gx.date.ctod(s,"Y4MD").toString();case x.DATETIME:return gx.date.ctot(s,"Y4MD").toString();default:return s}}toControlValue(t){let e=this.column.gxControl.dataType;if(!t)return"";switch(e===x.DATETIME&&-1===this.column.FilterDateTimeAsDate&&(e=x.DATE),e){case x.DATE:return this.convertGxDateToISO(gx.date.ctod(t),!1);case x.DATETIME:return this.convertGxDateToISO(gx.date.ctot(t),!0);default:return t}}convertGxDateToISO(t,e){const s=t=>t.toString().padStart(2,"0"),i=t.Value;return gx.date.isNullDate(i)?"":e?`${i.getFullYear()}-${s(i.getMonth()+1)}-${s(i.getDate())}T${s(i.getHours())}:${s(i.getMinutes())}`:`${i.getFullYear()}-${s(i.getMonth()+1)}-${s(i.getDate())}`}getFilterInputType(t){switch(t){case x.BOOLEAN:return"checkbox";case x.CHAR:case x.VARCHAR:case x.LONGVARCHAR:return"text";case x.DATE:return"date";case x.DATETIME:return"datetime-local";case x.NUMBER:return"number";default:return"text"}}renderColumnFilterControl(t,e,i,r,n,h){const l=t.replace("input","").toLowerCase();switch(this.filterEnum.length>0&&(e=R.COMBO,r=this.filterEnum.map((t=>[t.Value,t.Description]))),i===x.DATETIME&&-1===this.column.FilterDateTimeAsDate&&(i=x.DATE),e){case R.EDIT:case R.CHECK:return s("label",{part:`label ${l}`},n,s("input",{type:this.getFilterInputType(i),value:this.toControlValue(h),ref:e=>this[t]=e,part:`field ${l}`}));case R.COMBO:return s("label",{part:`label ${l}`},n,s("select",{ref:e=>this[t]=e,part:`field ${l}`},r.map((([t,e])=>s("option",{value:t,selected:t===h},e)))))}}render(){return s(i,null,s("fieldset",{part:"main"},s("caption",{part:"caption"},this.column.FilterCaption),"single"===this.column.FilterMode&&this.renderColumnFilterControl("inputEqual",this.column.gxControl.type,this.column.gxControl.dataType,this.column.gxControl.possibleValues,this.column.FilterLabelEqual,this.equal),"range"===this.column.FilterMode&&this.renderColumnFilterControl("inputGreater",this.column.gxControl.type,this.column.gxControl.dataType,this.column.gxControl.possibleValues,this.column.FilterLabelGreater,this.greater),"range"===this.column.FilterMode&&this.renderColumnFilterControl("inputLess",this.column.gxControl.type,this.column.gxControl.dataType,this.column.gxControl.possibleValues,this.column.FilterLabelLess,this.less)),s("section",{part:"footer"},s("button",{part:"button reset",onClick:this.resetClickHandler},this.buttonResetText),s("button",{part:"button apply",onClick:this.applyClickHandler},this.buttonApplyText)))}get el(){return r(this)}};$.style="";export{v as ch_grid,b as ch_grid_action_refresh,f as ch_grid_action_settings,y as ch_grid_actionbar,C as ch_grid_column,S as ch_grid_columnset,k as ch_paginator,H as ch_paginator_navigate,$ as gx_grid_chameleon_column_filter}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{h as t,r as e,H as i}from"./p-f9f51980.js";const s=(e,i=!0)=>(null==e?void 0:e.length)?i?e.map((t=>o(t))):t("gxg-tree",{slot:"tree"},e.map((t=>o(t)))):[],o=e=>{var i;const o=e.items?e.items.length:0;return t("gxg-tree-item",{checkbox:e.checkbox,checked:e.checked,disabled:e.disabled,icon:e.icon,indeterminate:e.indeterminate,id:e.id,key:`tree-item-${e.id}`,label:e.label,leaf:!(0!==o&&!e.leaf||e.lazy),numberOfChildren:o,opened:e.opened,selected:e.selected},[e.label,(null===(i=e.items)||void 0===i?void 0:i.length)&&s(e.items,!1)])},n=class{constructor(t){e(this,t),this.closeTreeNodeHandler=()=>{this.tree.toggleItems(["number-1-1-2"],!1)},this.openTreeNodeHandler=()=>{this.tree.toggleItems(["number-1-1-2"],!0)},this.toggleTreeNodeHandler=()=>{this.tree.toggleItems(["number-1-1-2"])},this.getSelectedItemsHandler=()=>{(async()=>{const t=await this.tree.getSelectedItems();console.log(t)})()},this.getCheckedItemsHandler=()=>{(async()=>{const t=await this.tree.getCheckedItems();console.log(t)})()},this.deleteNodeHandler=()=>{this.treeModel=[]},this.treeModel=void 0,this.lazyLoadTreeItemsCallback=void 0}loadLazyChildrenHandler(t){if(this.lazyLoadTreeItemsCallback){const e=this.lazyLoadTreeItemsCallback(t.detail);setTimeout((()=>{e.then((t=>{this.treeModel=t}))}),1e3)}}render(){return this.treeModel?t(i,null,t("gxg-tree",{id:"masterTree",checked:!0,checkbox:!0,multiSelection:!0,ref:t=>this.tree=t},s(this.treeModel)),",",t("div",{class:"tree-buttons"},t("gxg-button",{type:"outlined",onClick:this.closeTreeNodeHandler},"Close 1-1-2"),t("gxg-button",{type:"outlined",onClick:this.openTreeNodeHandler},"Open 1-1-2"),t("gxg-button",{type:"outlined",onClick:this.toggleTreeNodeHandler},"Toggle 1-1-2"),t("gxg-button",{type:"outlined",onClick:this.getSelectedItemsHandler},"Get Selected Items"),t("gxg-button",{type:"outlined",onClick:this.getCheckedItemsHandler},"Get Checked Items"),t("gxg-button",{type:"outlined",onClick:this.deleteNodeHandler},"Delete Tree"))):t("slot",null)}};n.style=":host{display:block}";export{n as gx_ide_test}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as r,h as e,H as i,g as o}from"./p-f9f51980.js";import{f as s}from"./p-cc7d6bdf.js";import{f as a,c as n}from"./p-e7e4f76c.js";import{r as l}from"./p-b7a03c38.js";import{s as c}from"./p-8d3073b6.js";const g=class{constructor(e){t(this,e),this.selectionChanged=r(this,"selectionChanged",7),this.checkedChanged=r(this,"checkedChanged",7),this.theTitle="",this.minHeight="0",this.height="100%",this.maxHeight="100%",this.checkboxes=!1,this.singleSelection=!1,this.allowsEmpty=!1,this.noBorder=!1,this.keyboardSuggestions={checkCheckbox:"to check a checkbox press (shift + space)",uncheckCheckbox:"to uncheck a checkbox press (shift + ctrl + space)"},this.disableSuggestions=!1,this.selectedItems=[],this.checkedItems=[],this.hideKeyboardSuggestions=!0,this.userUsedKeyboard=!1,this.headerHeight=0,this.disabled=!1,this.formMessageLogic=s,this.required=!1,this.validationStatus="indeterminate",this.initialSetup=()=>{const t=this.getAllItems();(null==t?void 0:t.length)&&t.forEach(((t,r)=>{t.index=r}));const r=!this.allowsEmpty&&0===this.selectedItemsLength(),e=this.singleSelection&&this.selectedItemsLength()>1,i=this.checkboxes,o=this.disabled;if(r||i||e||o){const t=this.getEnabledItems(),s=this.getSelectedItemsFunc();if(r){const r=t.find((t=>!t.selected));r&&(r.selected=!0)}else e&&(null==s?void 0:s.length)&&s.forEach(((t,r)=>{0!==r&&(t.selected=!1)}));i&&t.forEach((t=>{t.checkbox=!0,!this.disableSuggestions&&(t.emitCheckboxChange=!0)})),o&&t.forEach((t=>{t.disabled=!0}))}this.selectedItemsLength()>0&&this.updateSelectedItems()},this.handleKeyDown=t=>{this.userUsedKeyboard=!0;const r=t.ctrlKey,e=t.metaKey,i=t.shiftKey,o=this.getIndexByElement(this.activeItem);if("ArrowDown"!==t.code&&"ArrowUp"!==t.code&&"Space"!==t.code&&"Enter"!==t.code&&"Backspace"!==t.code&&"Delete"!==t.code&&"KeyA"!==t.code||t.preventDefault(),"ArrowDown"===t.code||"ArrowUp"===t.code)this.HandleArrow(t.code,i,o);else if("Space"===t.code||"Enter"===t.code){if(i&&r)this.setCheckboxState(this.getHighlightedItems(),!1)>0&&(this.hideKeyboardSuggestions=!0);else if(i&&!r)this.setCheckboxState(this.getHighlightedItems(),!0)>0&&(this.hideKeyboardSuggestions=!0);else if(!i&&(r||e)&&this.selectedItemsLength()>=1)this.unselectHighlightedItems();else if(!r&&!e)if(this.singleSelection){if(this.activeItem===this.getSelectedItemsFunc()[0])return;this.clearSelectedItems(),this.selectItems(this.activeItem)}else r||e?this.clearHighlightedItems():this.selectHighlightedItems()}else"KeyA"!==t.code||!r&&!e||this.singleSelection?"Delete"!==t.code&&"Backspace"!==t.code||this.unselectHighlightedItems():this.highlightAll()},this.HandleArrow=(t,r,e)=>{let i;e>=0?i="ArrowDown"===t?this.getNextItem(e):this.getPrevItem(e):"ArrowDown"===t&&(i=this.getFirstEnabledItem()),i&&(this.singleSelection&&!this.allowsEmpty&&i!==this.getSelectedItemsFunc()[0]&&this.clearSelectedItems(),r&&!this.singleSelection&&(!this.activeItem.selected&&this.selectItems(this.activeItem),!i.selected&&this.selectItems(i)),this.unhighlightAll(),this.setActiveItem(i),this.highlightItem(i),!(this.singleSelection||!this.singleSelection&&r)||i.selected||this.allowsEmpty||this.selectItems(i),l(this.main,i,t))},this.selectedItemsLength=()=>this.getSelectedItemsFunc().length,this.getIndexByElement=t=>{let r;const e=this.getEnabledItems();if(null==e?void 0:e.length){const i=e.find((r=>r===t));i&&(r=i.index)}return r},this.updateSelectedItems=()=>{const t=[];this.getSelectedItemsFunc().forEach((r=>{t.push({active:r.active,selected:r.selected,checked:r.checked,highlighted:r.highlighted,index:r.index,value:r.value||r.textContent})})),this.selectedItems=[...t]},this.getAllItems=()=>{const t=[],r=this.el.querySelectorAll("gxg-list-box-item");return(null==r?void 0:r.length)&&r.forEach((r=>{t.push(r)})),t}}async getSelectedItems(){return this.disabled?null:this.selectedItems}componentDidRender(){this.theTitle&&(this.headerHeight=this.header.clientHeight)}componentWillLoad(){this.initialSetup()}itemLoadedHandler(){this.initialSetup()}itemClickedHandler(t){const{clickedItem:r,ctrlKey:e,cmdKey:i,shiftKey:o,index:s}=t.detail;if(this.singleSelection){if(this.activeItem===r&&!this.allowsEmpty)return;this.allowsEmpty&&(e||i)?this.unselectItems(r):(this.clearHighlightedItems(),this.clearSelectedItems(),this.selectItems(r),this.highlightItem(r))}else if(!o&&e||(this.clearHighlightedItems(),this.clearSelectedItems()),o){if(this.activeItem===r)return;let t;const e=s;if(this.activeItem){const r=this.getIndexByElement(this.activeItem);if(s===r)return;t=r}else t=0;this.selectMultipleItems(t,e)}else if(e){if(!this.allowsEmpty&&1===this.selectedItemsLength()&&r.selected)return;this.unhighlightItem(this.activeItem),this.toggleItem(r),this.highlightItem(r)}else this.selectItems(r),this.highlightItem(r);this.setActiveItem(r)}selectedItemsHandler(t){this.selectionChanged.emit(t)}checkedItemsHandler(t){this.checkedChanged.emit(t)}disabledHandler(t){if(t){const t=this.getEnabledItems();null==t||t.forEach((t=>{t.disabled=!0}))}}hideKeyboardSuggestionsHandler(t,r){!0===t&&!1===r&&localStorage.setItem("gxg-list-box-hide-keyboard-suggestions","true")}checkboxStateChangedHandler(t){const r=t.detail.checkedItem,e=t.detail.checked,i=[],o=this.getEnabledItems();(null==o?void 0:o.length)&&(o.forEach((t=>{let o;o=t===r?r:t;const s=t===r?e:o.checked;o&&s&&i.push({active:o.active,selected:o.selected,checked:s,highlighted:o.highlighted,index:o.index,value:o.value||o.textContent})})),this.checkedItems=i),localStorage.getItem("gxg-list-box-hide-keyboard-suggestions")||this.disableSuggestions||!this.userUsedKeyboard||(this.hideKeyboardSuggestions=!1)}clearSelectedItems(t=!1){const r=this.el.querySelectorAll(t?"gxg-list-box-item[selected]:not([highlighted])":"gxg-list-box-item[selected]");r.length>0&&r.forEach((t=>{this.unselectItems(t)}))}getSelectedItemsFunc(){const t=[],r=this.getEnabledItems();return(null==r?void 0:r.length)&&r.forEach((r=>{!r.disabled&&r.selected&&t.push(r)})),t}highlightItem(t,r=!1){t&&(this.singleSelection&&this.clearHighlightedItems(),t.highlighted=!0,!r&&(this.activeItem=t))}unhighlightItem(t){t&&(t.highlighted=!1)}unhighlightAll(t=!1){const r=this.getEnabledItems();return(null==r?void 0:r.length)?(r.forEach((r=>{(!t||r!==this.activeItem)&&(r.highlighted=!1)})),r.length):0}toggleHighlightedItems(){this.getHighlightedItems().forEach((t=>{this.toggleItem(t)}))}selectHighlightedItems(){return this.selectItems(this.getHighlightedItems())}unselectHighlightedItems(){return this.unselectItems(this.getHighlightedItems())}clearHighlightedItems(){const t=this.getEnabledItems();(null==t?void 0:t.length)&&t.forEach((t=>{t.highlighted&&this.unhighlightItem(t)}))}getHighlightedItems(){const t=[],r=this.getEnabledItems();return(null==r?void 0:r.length)&&r.forEach((r=>{r.highlighted&&t.push(r)})),t}getHighlightedItemsLength(){return this.getHighlightedItems().length}highlightAll(){let t=0;const r=this.getEnabledItems();return(null==r?void 0:r.length)&&r.forEach((r=>{this.highlightItem(r,!0),t++})),t}getItemByIndex(t){const r=this.getEnabledItems();let e;return(null==r?void 0:r.length)&&(e=r.find((r=>r.index===t))),e}getNextItem(t){const r=this.getAllItems();if(-1===t)return r[0];const e=r.length;let i=t+1;for(;i<e&&r[i].disabled;)i++;return i<e&&!r[i].disabled?r[i]:null}getPrevItem(t){const r=this.getAllItems();let e=t-1;for(;e>-1&&r[e].disabled;)e--;return e>-1&&!r[e].disabled?r[e]:null}selectItems(t){let r=0;return t&&Array.isArray(t)&&t.length>0?t.forEach((t=>{t.selected||t.disabled||(t.selected=!0)&&r++,this.activeItem!==t&&this.unhighlightItem(t)})):t&&!Array.isArray(t)&&(t.selected||t.disabled||(t.selected=!0)&&r++,this.activeItem!==t&&this.unhighlightItem(t)),this.updateSelectedItems(),r}unselectItems(t){let r=0,e=this.selectedItemsLength();return t&&Array.isArray(t)&&t.length>0&&e>0?t.forEach((t=>{t.selected&&!t.disabled&&(this.allowsEmpty?(t.selected=!1,r++):e>1&&(t.selected=!1,r++,e--)),this.activeItem!==t&&this.unhighlightItem(t)})):t&&!Array.isArray(t)&&(t.selected&&!t.disabled&&(t.selected=!1,r++),this.activeItem!==t&&this.unhighlightItem(t)),r>0&&this.updateSelectedItems(),r}toggleItem(t){(null==t?void 0:t.selected)?this.unselectItems(t):this.selectItems(t)}getActiveItem(){return this.getEnabledItems().find((t=>t.active))}setActiveItem(t){return!!t&&(this.clearActiveItem(),t.active=!0,this.activeItem=t,!0)}clearActiveItem(){const t=this.getActiveItem();return!!t&&(t.active=!1,!0)}getEnabledItems(){const t=[];return this.el.querySelectorAll("gxg-list-box-item").forEach((r=>{!r.disabled&&t.push(r)})),t}setCheckboxState(t,r=!0){if(t&&Array.isArray(t)&&0!==t.length){let e=0;return t.forEach((t=>{!t.checked&&r?(t.checked=!0,e++):t.checked&&!r&&(t.checked=!1,e++)})),e}if(!t||!Array.isArray(t)){const e=t;if(!e.checked&&r)return e.checked=!0,1;if(e.checked&&!r)return e.checked=!1,1}return 0}getFirstEnabledItem(){return this.getEnabledItems()[0]||null}getFirstSelectedItem(){const t=this.getEnabledItems();if((null==t?void 0:t.length)&&t[0].selected)return t[0]}selectMultipleItems(t,r){let e=r;const i=[];if(t!==r){if(t>r){const i=t;t=r,r=i,e=t}for(let o=t;o<=r;o++){const t=this.getItemByIndex(o);t&&i.push(t),o===e&&this.highlightItem(t)}(null==i?void 0:i.length)>0&&this.selectItems(i)}}renderKeyboardSuggestions(){if(Object.keys(this.keyboardSuggestions).length){const t=[];for(const r in this.keyboardSuggestions){const i=e("li",{class:"suggestions-__list-item"},this.keyboardSuggestions[r]);t.push(i)}return e("div",{class:"suggestions suggestions__container"},e("ul",{class:"suggestions__list"},t),e("gxg-button",{class:"suggestions__button",type:"secondary-icon-only",icon:"gemini-tools/close",onClick:()=>this.hideKeyboardSuggestions=!0}))}}render(){return e(i,{class:{large:c.large,[a.VALIDATION_INDETERMINATE_CLASS]:"indeterminate"===this.validationStatus,[a.VALIDATION_WARNING_CLASS]:"warning"===this.validationStatus,[a.VALIDATION_ERROR_CLASS]:"error"===this.validationStatus,[a.VALIDATION_SUCCESS_CLASS]:"success"===this.validationStatus,[n.DISABLED_CLASS]:this.disabled},onKeyDown:this.handleKeyDown,style:{minHeight:this.minHeight,height:this.height,maxHeight:this.maxHeight}},e("div",{class:{container:!0,"form-element":!0},tabindex:this.disabled?"-1":"0"},this.theTitle?e("header",{class:{header:!0},ref:t=>this.header=t},this.theTitle):null,this.disableSuggestions||this.hideKeyboardSuggestions?null:this.renderKeyboardSuggestions(),e("main",{class:{main:!0,"main--no-border":this.noBorder},style:{height:`calc(100% - ${this.headerHeight}px)`},ref:t=>this.main=t},e("slot",null))),s(this))}get el(){return o(this)}static get watchers(){return{selectedItems:["selectedItemsHandler"],checkedItems:["checkedItemsHandler"],disabled:["disabledHandler"],hideKeyboardSuggestions:["hideKeyboardSuggestionsHandler"]}}};g.style=":host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--color-background-disabled) !important;color:var(--color-on-background--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default}: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}: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{display:block;font-size:var(--font-size-sm);font-family:var(--font-family-primary);background-color:var(--color-background);color:var(--color-on-background)}:host .container{height:100%;border:var(--border-radius-xs) var(--border-style-regular) var(--gray-02)}:host .header{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;background-color:var(--gray-02);padding:var(--spacing-comp-01) var(--spacing-comp-02);text-transform:uppercase;font-size:inherit;font-weight:var(--font-weight-bold);color:var(--color-on-background)}:host .main{overflow-y:auto;}:host .main::-webkit-scrollbar{width:6px;height:6px}:host .main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}:host .main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}:host .main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host .main .gxg-scroll{display:block;overflow-y:auto;padding-right:2px}:host .main--no-border{border:none}:host .icon{margin-inline-end:var(--spacing-comp-01)}:host .checkbox{margin-inline-end:var(--spacing-comp-01)}:host.selected{background-color:var(--color-secondary-active);color:var(--color-always-white)}.container:focus-within{outline-style:solid;outline-color:var(--color-primary-enabled);outline-width:var(--border-width-md);outline-offset:0}.suggestions__container{background-color:var(--gray-01);color:var(--gray-06);font-family:inherit;font-size:var(--font-size-sm);padding:var(--spacing-comp-01) var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);align-items:center}.suggestions__list{margin:0;padding:0;list-style-type:none;flex-grow:1}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}:host(.large){font-size:var(--font-size-lg)}";export{g as gxg_list_box}
|
|
1
|
+
import{r as t,c as r,h as e,H as i,g as o}from"./p-f9f51980.js";import{f as s}from"./p-cc7d6bdf.js";import{f as a,c as n}from"./p-e7e4f76c.js";import{r as l}from"./p-b7a03c38.js";import{s as c}from"./p-8d3073b6.js";const g=class{constructor(e){t(this,e),this.selectionChanged=r(this,"selectionChanged",7),this.checkedChanged=r(this,"checkedChanged",7),this.theTitle="",this.minHeight="0",this.height="100%",this.maxHeight="100%",this.checkboxes=!1,this.singleSelection=!1,this.allowsEmpty=!1,this.noBorder=!1,this.keyboardSuggestions={checkCheckbox:"to check a checkbox press (shift + space)",uncheckCheckbox:"to uncheck a checkbox press (shift + ctrl + space)"},this.disableSuggestions=!1,this.selectedItems=[],this.checkedItems=[],this.hideKeyboardSuggestions=!0,this.userUsedKeyboard=!1,this.headerHeight=0,this.disabled=!1,this.formMessageLogic=s,this.required=!1,this.validationStatus="indeterminate",this.initialSetup=()=>{const t=this.getAllItems();(null==t?void 0:t.length)&&t.forEach(((t,r)=>{t.index=r}));const r=!this.allowsEmpty&&0===this.selectedItemsLength(),e=this.singleSelection&&this.selectedItemsLength()>1,i=this.checkboxes,o=this.disabled;if(r||i||e||o){const t=this.getEnabledItems(),s=this.getSelectedItemsFunc();if(r){const r=t.find((t=>!t.selected));r&&(r.selected=!0)}else e&&(null==s?void 0:s.length)&&s.forEach(((t,r)=>{0!==r&&(t.selected=!1)}));i&&t.forEach((t=>{t.checkbox=!0,!this.disableSuggestions&&(t.emitCheckboxChange=!0)})),o&&t.forEach((t=>{t.disabled=!0}))}this.selectedItemsLength()>0&&this.updateSelectedItems()},this.handleKeyDown=t=>{this.userUsedKeyboard=!0;const r=t.ctrlKey,e=t.metaKey,i=t.shiftKey,o=this.getIndexByElement(this.activeItem);if("ArrowDown"!==t.code&&"ArrowUp"!==t.code&&"Space"!==t.code&&"Enter"!==t.code&&"Backspace"!==t.code&&"Delete"!==t.code&&"KeyA"!==t.code||t.preventDefault(),"ArrowDown"===t.code||"ArrowUp"===t.code)this.HandleArrow(t.code,i,o);else if("Space"===t.code||"Enter"===t.code){if(i&&r)this.setCheckboxState(this.getHighlightedItems(),!1)>0&&(this.hideKeyboardSuggestions=!0);else if(i&&!r)this.setCheckboxState(this.getHighlightedItems(),!0)>0&&(this.hideKeyboardSuggestions=!0);else if(!i&&(r||e)&&this.selectedItemsLength()>=1)this.unselectHighlightedItems();else if(!r&&!e)if(this.singleSelection){if(this.activeItem===this.getSelectedItemsFunc()[0])return;this.clearSelectedItems(),this.selectItems(this.activeItem)}else r||e?this.clearHighlightedItems():this.selectHighlightedItems()}else"KeyA"!==t.code||!r&&!e||this.singleSelection?"Delete"!==t.code&&"Backspace"!==t.code||this.unselectHighlightedItems():this.highlightAll()},this.HandleArrow=(t,r,e)=>{let i;e>=0?i="ArrowDown"===t?this.getNextItem(e):this.getPrevItem(e):"ArrowDown"===t&&(i=this.getFirstEnabledItem()),i&&(this.singleSelection&&!this.allowsEmpty&&i!==this.getSelectedItemsFunc()[0]&&this.clearSelectedItems(),r&&!this.singleSelection&&(!this.activeItem.selected&&this.selectItems(this.activeItem),!i.selected&&this.selectItems(i)),this.unhighlightAll(),this.setActiveItem(i),this.highlightItem(i),!(this.singleSelection||!this.singleSelection&&r)||i.selected||this.allowsEmpty||this.selectItems(i),l(this.main,i,t))},this.selectedItemsLength=()=>this.getSelectedItemsFunc().length,this.getIndexByElement=t=>{let r;const e=this.getEnabledItems();if(null==e?void 0:e.length){const i=e.find((r=>r===t));i&&(r=i.index)}return r},this.updateSelectedItems=()=>{const t=[];this.getSelectedItemsFunc().forEach((r=>{t.push({active:r.active,selected:r.selected,checked:r.checked,highlighted:r.highlighted,index:r.index,value:r.value||r.textContent})})),this.selectedItems=[...t]},this.getAllItems=()=>{const t=[],r=this.el.querySelectorAll("gxg-list-box-item");return(null==r?void 0:r.length)&&r.forEach((r=>{t.push(r)})),t}}async getSelectedItems(){return this.disabled?null:this.selectedItems}componentDidRender(){this.theTitle&&(this.headerHeight=this.header.clientHeight)}componentWillLoad(){this.initialSetup()}itemLoadedHandler(){this.initialSetup()}itemClickedHandler(t){const{clickedItem:r,ctrlKey:e,cmdKey:i,shiftKey:o,index:s}=t.detail;if(this.singleSelection){if(this.activeItem===r&&!this.allowsEmpty)return;this.allowsEmpty&&(e||i)?this.unselectItems(r):(this.clearHighlightedItems(),this.clearSelectedItems(),this.selectItems(r),this.highlightItem(r))}else if(!o&&e||(this.clearHighlightedItems(),this.clearSelectedItems()),o){if(this.activeItem===r)return;let t;const e=s;if(this.activeItem){const r=this.getIndexByElement(this.activeItem);if(s===r)return;t=r}else t=0;this.selectMultipleItems(t,e)}else if(e){if(!this.allowsEmpty&&1===this.selectedItemsLength()&&r.selected)return;this.unhighlightItem(this.activeItem),this.toggleItem(r),this.highlightItem(r)}else this.selectItems(r),this.highlightItem(r);this.setActiveItem(r)}selectedItemsHandler(t){this.selectionChanged.emit(t)}checkedItemsHandler(t){this.checkedChanged.emit(t)}disabledHandler(t){if(t){const t=this.getEnabledItems();null==t||t.forEach((t=>{t.disabled=!0}))}}hideKeyboardSuggestionsHandler(t,r){!0===t&&!1===r&&localStorage.setItem("gxg-list-box-hide-keyboard-suggestions","true")}checkboxStateChangedHandler(t){const r=t.detail.checkedItem,e=t.detail.checked,i=[],o=this.getEnabledItems();(null==o?void 0:o.length)&&(o.forEach((t=>{let o;o=t===r?r:t;const s=t===r?e:o.checked;o&&s&&i.push({active:o.active,selected:o.selected,checked:s,highlighted:o.highlighted,index:o.index,value:o.value||o.textContent})})),this.checkedItems=i),localStorage.getItem("gxg-list-box-hide-keyboard-suggestions")||this.disableSuggestions||!this.userUsedKeyboard||(this.hideKeyboardSuggestions=!1)}clearSelectedItems(t=!1){const r=this.el.querySelectorAll(t?"gxg-list-box-item[selected]:not([highlighted])":"gxg-list-box-item[selected]");r.length>0&&r.forEach((t=>{this.unselectItems(t)}))}getSelectedItemsFunc(){const t=[],r=this.getEnabledItems();return(null==r?void 0:r.length)&&r.forEach((r=>{!r.disabled&&r.selected&&t.push(r)})),t}highlightItem(t,r=!1){t&&(this.singleSelection&&this.clearHighlightedItems(),t.highlighted=!0,!r&&(this.activeItem=t))}unhighlightItem(t){t&&(t.highlighted=!1)}unhighlightAll(t=!1){const r=this.getEnabledItems();return(null==r?void 0:r.length)?(r.forEach((r=>{(!t||r!==this.activeItem)&&(r.highlighted=!1)})),r.length):0}toggleHighlightedItems(){this.getHighlightedItems().forEach((t=>{this.toggleItem(t)}))}selectHighlightedItems(){return this.selectItems(this.getHighlightedItems())}unselectHighlightedItems(){return this.unselectItems(this.getHighlightedItems())}clearHighlightedItems(){const t=this.getEnabledItems();(null==t?void 0:t.length)&&t.forEach((t=>{t.highlighted&&this.unhighlightItem(t)}))}getHighlightedItems(){const t=[],r=this.getEnabledItems();return(null==r?void 0:r.length)&&r.forEach((r=>{r.highlighted&&t.push(r)})),t}getHighlightedItemsLength(){return this.getHighlightedItems().length}highlightAll(){let t=0;const r=this.getEnabledItems();return(null==r?void 0:r.length)&&r.forEach((r=>{this.highlightItem(r,!0),t++})),t}getItemByIndex(t){const r=this.getEnabledItems();let e;return(null==r?void 0:r.length)&&(e=r.find((r=>r.index===t))),e}getNextItem(t){const r=this.getAllItems();if(-1===t)return r[0];const e=r.length;let i=t+1;for(;i<e&&r[i].disabled;)i++;return i<e&&!r[i].disabled?r[i]:null}getPrevItem(t){const r=this.getAllItems();let e=t-1;for(;e>-1&&r[e].disabled;)e--;return e>-1&&!r[e].disabled?r[e]:null}selectItems(t){let r=0;return t&&Array.isArray(t)&&t.length>0?t.forEach((t=>{t.selected||t.disabled||(t.selected=!0)&&r++,this.activeItem!==t&&this.unhighlightItem(t)})):t&&!Array.isArray(t)&&(t.selected||t.disabled||(t.selected=!0)&&r++,this.activeItem!==t&&this.unhighlightItem(t)),this.updateSelectedItems(),r}unselectItems(t){let r=0,e=this.selectedItemsLength();return t&&Array.isArray(t)&&t.length>0&&e>0?t.forEach((t=>{t.selected&&!t.disabled&&(this.allowsEmpty?(t.selected=!1,r++):e>1&&(t.selected=!1,r++,e--)),this.activeItem!==t&&this.unhighlightItem(t)})):t&&!Array.isArray(t)&&(t.selected&&!t.disabled&&(t.selected=!1,r++),this.activeItem!==t&&this.unhighlightItem(t)),r>0&&this.updateSelectedItems(),r}toggleItem(t){(null==t?void 0:t.selected)?this.unselectItems(t):this.selectItems(t)}getActiveItem(){return this.getEnabledItems().find((t=>t.active))}setActiveItem(t){return!!t&&(this.clearActiveItem(),t.active=!0,this.activeItem=t,!0)}clearActiveItem(){const t=this.getActiveItem();return!!t&&(t.active=!1,!0)}getEnabledItems(){const t=[];return this.el.querySelectorAll("gxg-list-box-item").forEach((r=>{!r.disabled&&t.push(r)})),t}setCheckboxState(t,r=!0){if(t&&Array.isArray(t)&&0!==t.length){let e=0;return t.forEach((t=>{!t.checked&&r?(t.checked=!0,e++):t.checked&&!r&&(t.checked=!1,e++)})),e}if(!t||!Array.isArray(t)){const e=t;if(!e.checked&&r)return e.checked=!0,1;if(e.checked&&!r)return e.checked=!1,1}return 0}getFirstEnabledItem(){return this.getEnabledItems()[0]||null}getFirstSelectedItem(){const t=this.getEnabledItems();if((null==t?void 0:t.length)&&t[0].selected)return t[0]}selectMultipleItems(t,r){let e=r;const i=[];if(t!==r){if(t>r){const i=t;t=r,r=i,e=t}for(let o=t;o<=r;o++){const t=this.getItemByIndex(o);t&&i.push(t),o===e&&this.highlightItem(t)}(null==i?void 0:i.length)>0&&this.selectItems(i)}}renderKeyboardSuggestions(){if(Object.keys(this.keyboardSuggestions).length){const t=[];for(const r in this.keyboardSuggestions){const i=e("li",{class:"suggestions-__list-item"},this.keyboardSuggestions[r]);t.push(i)}return e("div",{class:"suggestions suggestions__container"},e("ul",{class:"suggestions__list"},t),e("gxg-button",{class:"suggestions__button",type:"secondary-icon-only",icon:"gemini-tools/close",onClick:()=>this.hideKeyboardSuggestions=!0}))}}render(){return e(i,{class:{large:c.large,[a.VALIDATION_INDETERMINATE_CLASS]:"indeterminate"===this.validationStatus,[a.VALIDATION_WARNING_CLASS]:"warning"===this.validationStatus,[a.VALIDATION_ERROR_CLASS]:"error"===this.validationStatus,[a.VALIDATION_SUCCESS_CLASS]:"success"===this.validationStatus,[n.DISABLED_CLASS]:this.disabled},onKeyDown:this.handleKeyDown,style:{minHeight:this.minHeight,height:this.height,maxHeight:this.maxHeight}},e("div",{class:{container:!0,"form-element":!0},tabindex:this.disabled?"-1":"0"},this.theTitle?e("header",{class:{header:!0},ref:t=>this.header=t},this.theTitle):null,this.disableSuggestions||this.hideKeyboardSuggestions?null:this.renderKeyboardSuggestions(),e("main",{class:{main:!0,"main--no-border":this.noBorder},style:{height:`calc(100% - ${this.headerHeight}px)`},ref:t=>this.main=t},e("slot",null))),s(this))}get el(){return o(this)}static get watchers(){return{selectedItems:["selectedItemsHandler"],checkedItems:["checkedItemsHandler"],disabled:["disabledHandler"],hideKeyboardSuggestions:["hideKeyboardSuggestionsHandler"]}}};g.style=":host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--color-background-disabled) !important;color:var(--color-on-background--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default !important}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}: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{display:block;font-size:var(--font-size-sm);font-family:var(--font-family-primary);background-color:var(--color-background);color:var(--color-on-background)}:host .container{height:100%;border:var(--border-radius-xs) var(--border-style-regular) var(--gray-02)}:host .header{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;background-color:var(--gray-02);padding:var(--spacing-comp-01) var(--spacing-comp-02);text-transform:uppercase;font-size:inherit;font-weight:var(--font-weight-bold);color:var(--color-on-background)}:host .main{overflow-y:auto;}:host .main::-webkit-scrollbar{width:6px;height:6px}:host .main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}:host .main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}:host .main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host .main .gxg-scroll{display:block;overflow-y:auto;padding-right:2px}:host .main--no-border{border:none}:host .icon{margin-inline-end:var(--spacing-comp-01)}:host .checkbox{margin-inline-end:var(--spacing-comp-01)}:host.selected{background-color:var(--color-secondary-active);color:var(--color-always-white)}.container:focus-within{outline-style:solid;outline-color:var(--color-primary-enabled);outline-width:var(--border-width-md);outline-offset:0}.suggestions__container{background-color:var(--gray-01);color:var(--gray-06);font-family:inherit;font-size:var(--font-size-sm);padding:var(--spacing-comp-01) var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);align-items:center}.suggestions__list{margin:0;padding:0;list-style-type:none;flex-grow:1}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}:host(.large){font-size:var(--font-size-lg)}";export{g as gxg_list_box}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as o,h as r,H as i,g as e}from"./p-f9f51980.js";import{f as n,r as a}from"./p-cc7d6bdf.js";import{f as s,c as l}from"./p-e7e4f76c.js";import{s as c}from"./p-8d3073b6.js";import{e as g}from"./p-d8501cb4.js";const p=class{constructor(r){t(this,r),this.input=o(this,"input",7),this.change=o(this,"change",7),this.clearButtonClicked=o(this,"clearButtonClicked",7),this.valueChanged=o(this,"valueChanged",7),this.parts={input:"input"},this.clearButton=!1,this.disabled=!1,this.readonly=!1,this.icon=null,this.iconPosition=null,this.labelPosition="above",this.borderless=!1,this.minimal=!1,this.overDarkBackground=!1,this.required=!1,this.centerLabel=!1,this.preventValueChangedEmit=!1,this.preventValueChangeOnDisabled=!1,this.validationStatus="indeterminate",this.maxWidth="100%",this.width="100%",this.textStyle="regular",this.password=!1,this.maxLength=void 0,this.minLength=void 0,this.cursorInside=!1,this.inputSize="auto",this.mouseCoordinates={x:null,y:null},this.rtl=!1,this.attachExportParts=()=>{const t=this.el.getAttribute("part"),o=g(t,this.parts);o.length&&(this.exportparts=o)}}watchHandler(t){this.preventValueChangedEmit||this.valueChanged.emit(t),this.minimal&&this.updateGhostSpan()}disabledHandler(t){this.preventValueChangeOnDisabled||(!0===t?(this.valueBeforeDisabled=this.value,this.value=null):this.value=this.valueBeforeDisabled)}componentWillLoad(){this.attachExportParts()}iconPositionFunc(){if(null!==this.iconPosition&&null!==this.icon)return this.iconPosition}inputIcon(){const t=this.iconSize();if(null!==this.iconPosition&&null!==this.icon)return r("gxg-icon","warning"===this.validationStatus?{class:"custom-icon",type:this.icon,size:t,color:"warning"}:"error"===this.validationStatus?{class:"custom-icon",type:this.icon,size:t,color:"error"}:{class:"custom-icon",type:this.icon,size:t,color:"auto"})}handleInput(t){t.stopPropagation();const o=t.target;this.value=o.value,this.input.emit(o.value)}handleChange(t){t.stopPropagation();const o=t.target;this.value=o.value,this.change.emit(o.value)}clearButtonFunc(){const t=this.el.shadowRoot.querySelector("input").value="";this.change.emit(t),this.clearButtonClicked.emit("clear button was clicked")}updateGhostSpan(){if(this.minimal){const t=this.el.shadowRoot.querySelector(".ghost-span");t.innerHTML=this.value;const o=t.offsetWidth+5;this.el.shadowRoot.querySelector(".input").style.width=o+"px"}}mouseEnterHandler(){setTimeout(function(){const t=this.el.shadowRoot.querySelector(".input").getBoundingClientRect();this.mouseCoordinates.x>t.left&&this.mouseCoordinates.x<t.right&&this.mouseCoordinates.y>t.top&&this.mouseCoordinates.y<t.bottom&&(this.cursorInside=!0)}.bind(this),500)}mouseOutHandler(){this.cursorInside=!1}mouseMoveHandler(t){this.mouseCoordinates.x=t.clientX,this.mouseCoordinates.y=t.clientY}componentDidLoad(){this.minimal&&(document.addEventListener("mousemove",this.mouseMoveHandler.bind(this)),new IntersectionObserver(function(t){if(t[0].intersectionRatio<=0)return;const o=this.el.shadowRoot.querySelector(".input"),r=window.getComputedStyle(o),i=this.el.shadowRoot.querySelector(".ghost-span");i.style.position="fixed",i.style.left="-1000px",i.style.top="-1000px",i.style.zIndex="-1000",i.style.opacity="0",i.style.fontSize=r.fontSize,i.style.fontFamily=r.fontFamily,i.style.textTransform=r.textTransform,i.style.display="inline-block",i.style.paddingLeft=r.paddingRight,i.style.paddingRight=r.paddingRight,i.style.letterSpacing=r.letterSpacing,i.style.fontWeight=r.fontWeight;const e=i.offsetWidth+5;o.style.width="0px";const n=this.el.shadowRoot.querySelector(".inner-wrapper").offsetWidth-5;o.style.width=e+"px",o.style.maxWidth=n+"px";const a=new ResizeObserver((()=>{o.style.width="0px";const t=this.el.shadowRoot.querySelector(".inner-wrapper").offsetWidth-5;o.style.maxWidth=t+"px",o.style.width=e+"px"})),s=this.el.shadowRoot.querySelector(".inner-wrapper");a.observe(s)}.bind(this)).observe(this.el.shadowRoot.querySelector(".input")));const t=document.getElementsByTagName("html")[0].getAttribute("dir"),o=document.getElementsByTagName("body")[0].getAttribute("dir");"rtl"!==t&&"rtl"!==o||(this.rtl=!0)}componentDidUnload(){this.minimal&&document.removeEventListener("mousemove",this.mouseMoveHandler)}iconSize(){return c.large?"regular":"small"}type(){return this.password?"password":"text"}render(){return r(i,{role:"textbox","aria-label":this.label,"icon-position":this.iconPositionFunc(),style:{width:this.width,maxWidth:this.maxWidth},class:{rtl:this.rtl,large:c.large,borderless:this.borderless,[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,[l.DISABLED_CLASS]:this.disabled},exportParts:this.exportparts?this.exportparts:null},this.minimal?r("span",{class:"ghost-span"},this.value):null,r("div",{class:{"outer-wrapper":!0}},this.label?r("gxg-label",{labelPosition:this.labelPosition,center:this.centerLabel,width:this.labelWidth},this.label,a(this)):"",r("div",{class:{"inner-wrapper":!0,"clear-button":!0===this.clearButton}},r("input",{part:this.parts.input,type:this.type(),value:this.value,class:{input:!0,"form-element":!0,"cursor-inside":this.cursorInside,"clear-button":!0===this.clearButton,"custom-icon":this.icon,"custom-icon--end":"end"===this.iconPosition,"input--borderless":this.borderless},placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,onInput:this.handleInput.bind(this),onChange:this.handleChange.bind(this),required:this.required,onMouseEnter:this.mouseEnterHandler.bind(this),onMouseOut:this.mouseOutHandler.bind(this),ref:t=>this.textInput=t,maxLength:this.maxLength?parseInt(this.maxLength):null,minLength:this.minLength?parseInt(this.minLength):null}),this.inputIcon(),this.clearButton?r("gxg-icon",{class:"clear-button",type:"gemini-tools/close",size:this.iconSize(),color:"onbackground",onClick:this.clearButtonFunc.bind(this)}):null,"start"===this.labelPosition?n(this):null)),"above"===this.labelPosition?n(this):null)}static get delegatesFocus(){return!0}get el(){return e(this)}static get watchers(){return{value:["watchHandler"],disabled:["disabledHandler"]}}};p.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}: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(--color-background-disabled) !important;color:var(--color-on-background--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default !important}:host{display:flex;flex-direction:column;width:100%}:host .outer-wrapper{position:relative;width:100%}:host .inner-wrapper{display:flex;flex-direction:column;position:relative;flex:1}:host .inner-wrapper gxg-icon{position:absolute}: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-inline-start:2px}:host input{position:relative;width:100%}:host([label-position=start]) .outer-wrapper{display:flex;flex-direction:row}:host input[type=text],:host input[type=password]{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);height:var(--gxg-form-text-height);box-sizing:border-box}:host input[type=text]:focus,:host input[type=password]:focus{outline-style:solid;outline-color:var(--color-primary-enabled);outline-width:var(--border-width-md);outline-offset:-2px}:host input[disabled]{background-color:var(--gray-01);color:var(--color-on-disabled)}:host input[disabled]::-webkit-input-placeholder{color:var(--gray-04)}:host .input--borderless{border-color:transparent !important}:host input[readonly]{cursor:default}:host([minimal]) input[type=text]:not(:focus),:host([minimal]) input[type=password]:not(:focus){border-color:transparent;background-color:transparent}:host([minimal]) input.cursor-inside{border-color:var(--gray-02) !important;background-color:var(--color-background)}:host([minimal]) input[type=text]:focus,:host([minimal]) input[type=password]:focus{border-color:transparent}:host([minimal]:not([icon-position=start])) input[type=text],:host([minimal]:not([icon-position=start])) input[type=password]{padding-inline-start:0}:host([minimal]:not([icon-position=start])) input.cursor-inside{padding-inline-start:var(--spacing-comp-01)}:host([minimal]:not([icon-position=start])) input[type=text]:focus,:host([minimal]:not([icon-position=start])) input[type=password]:focus{padding-inline-start:var(--spacing-comp-01)}:host([minimal][over-dark-background]) input[type=text]:not(:focus),:host([minimal][over-dark-background]) input[type=password]:not(:focus){color:var(--color-on-primary)}:host gxg-icon{top:50%;transform:translateY(-50%)}:host([icon-position=end]) .clear-button gxg-icon:not(.clear-button){right:16px}:host([icon-position=start]) input{padding-inline-start:20px}:host([icon-position=end]) input{padding-inline-end:20px}:host([icon-position=end]) .inner-wrapper{flex-direction:row-reverse}:host gxg-icon.clear-button{left:auto;opacity:0.5;cursor:pointer}:host gxg-icon.clear-button:hover{opacity:1}:host([clear-button][icon-position=end]) gxg-icon:not(.clear-button){right:16px}:host([clear-button][icon-position=end]) input{padding-inline-end:36px}.custom-icon:has(+.clear-button){}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}:host([text-style=regular]) input{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([text-style=quote]) input{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}:host([text-style=title-01]) input{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}:host([text-style=title-02]) input{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}:host([text-style=title-03]) input{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}:host([text-style=title-04]) input{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}:host([text-style=title-05]) input{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}:host(.rtl[icon-position=start]) gxg-icon{right:0;left:auto}:host(.rtl[icon-position=end]) gxg-icon{right:auto;left:0}:host(.large) label{font-size:var(--font-size-lg)}:host(.large) input{font-size:var(--font-size-lg)}:host(.large) input[type=text],:host(.large) input[type=password]{padding-left:7px;padding-right:7px}:host(.large[icon-position=start]) input{padding-inline-start:var(--spacing-comp-05)}:host(.large[icon-position=start]) input .inner-wrapper gxg-icon{left:2px}:host(.large[icon-position=end]) input{padding-inline-end:var(--spacing-comp-05)}:host(.large[icon-position=start]) .inner-wrapper gxg-icon{left:2px}:host(.large[icon-position=end]) .inner-wrapper gxg-icon{right:4px;left:auto}:host(.large) gxg-icon.clear-button{right:5px !important;left:auto !important}:host(.large[icon-position=end][clear-button]) .inner-wrapper gxg-icon{right:26px}:host(.large[icon-position=start][clear-button]) input{padding-inline-end:26px}:host(.large[icon-position=end][clear-button]) input{padding-inline-end:48px}";export{p as gxg_form_text}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as t,h as r,H as l}from"./p-f9f51980.js";const s=class{constructor(r){e(this,r),this.rowsetLegendClicked=t(this,"rowsetLegendClicked",7)}clickHandler(){this.rowsetLegendClicked.emit()}render(){return r(l,null,r("div",{part:"caret"}),r("label",{part:"selector-label"},r("input",{type:"checkbox",part:"selector"})),r("div",{part:"icon"}),r("slot",null))}};s.style=":host{display:flex;grid-column-start:1;grid-column-end:-1;margin-inline-start:calc(var(--indent) * (var(--level) - 1))}:host::part(selector-label){display:none}";export{s as ch_grid_rowset_legend}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as s,H as e,g as n}from"./p-f9f51980.js";const o="ArrowDown",h="ArrowUp",r=class{constructor(s){t(this,s),this.inputChanged=i(this,"inputChanged",7),this.debounce=500,this.showLabel=!1,this.keyEventsDictionary={ArrowDown:t=>{const i=this.getNewFocusedItem(t.currentFocusedItem,o),s=this.getNewFocusedItem(i,o);i&&i.focus(),s||this.scrollListToBottom()},ArrowUp:t=>{const i=this.getNewFocusedItem(t.currentFocusedItem,h),s=this.getNewFocusedItem(i,h);i&&i.focus(),s||this.scrollListToTop()}},this.windowHidden=!0,this.setFocusOnFirstItem=()=>{const t=this.el.querySelector("ch-suggest-list-item");t&&t.focus()},this.getChSuggestListItems=()=>Array.from(this.el.querySelectorAll("ch-suggest-list-item")),this.getNewFocusedItem=(t,i)=>{const s=t=>{const s=t.querySelectorAll("ch-suggest-list-item");let e=s&&s[s.length-1];if(i===o)e=t.querySelector("ch-suggest-list-item");else{const i=t.querySelectorAll("ch-suggest-list-item");e=i&&i[i.length-1]}return e};if(!t)return;let e=i===o?t.nextElementSibling:t.previousElementSibling;if("CH-SUGGEST-LIST"===(null==e?void 0:e.nodeName))e=s(e);else if(!e){const n=t.parentElement,h=i===o?n.nextElementSibling:n.previousElementSibling,r="CH-SUGGEST-LIST"===n.nodeName;if(r&&h&&"CH-SUGGEST-LIST-ITEM"===h.nodeName)e=i===o?n.nextElementSibling:n.previousElementSibling;else if(r&&h&&"CH-SUGGEST-LIST"===h.nodeName){const t=i===o?n.nextElementSibling:n.previousElementSibling;let h;h=i===o?t.querySelector("ch-suggest-list-item"):s(t),e=h||null}}return e},this.handleInput=t=>{this.timeoutReference&&clearTimeout(this.timeoutReference);const i=t.target.value;this.timeoutReference=setTimeout((()=>{this.processInputEvent(i)}),this.debounce)},this.handleKeyDown=t=>{t.key===o&&(t.preventDefault(),this.setFocusOnFirstItem())},this.evaluateWindowMaxHeight=()=>{const t=window.innerHeight,i=document.body.scrollHeight,s=i>=t?i:t,e=this.textInput.getBoundingClientRect().bottom+window.scrollY;this.el.style.setProperty("--window-max-height",s-e+"px")},this.scrollListToTop=()=>{this.chWindow.shadowRoot.querySelector("[part='window']").scrollTop=0},this.scrollListToBottom=()=>{const t=this.chWindow.shadowRoot.querySelector("[part='window']");t.scrollTop=t.scrollHeight},this.processInputEvent=t=>{this.evaluateWindowMaxHeight(),this.windowHidden&&(this.windowHidden=!1),this.value=t},this.closeWindow=()=>{this.windowHidden=!0}}itemSelectedHandler(t){this.value=t.detail.value,this.closeWindow()}focusChangeAttemptHandler(t){const i=this.keyEventsDictionary[t.detail.code];if(i){const s=t.detail.el,e=this.getChSuggestListItems(),n=e.findIndex((t=>t===s));i({event:t.detail,currentFocusedItem:s,chSuggestListItemsArray:e,currentFocusedItemIndex:n,newItemToSetFocusOn:null})}}windowClosedHandler(){this.textInput.focus(),this.windowHidden=!0}windowHiddenHandler(t){this.chWindow.hidden=!!t}watchValueHandler(t){this.inputChanged.emit(t)}render(){return s(e,null,this.showLabel&&this.label&&s("label",{id:"label",htmlFor:"input",part:"label"},this.label),s("input",{type:"text",id:"input",part:"input",class:"input",ref:t=>this.textInput=t,onInput:this.handleInput,onKeyDown:this.handleKeyDown,value:this.value,autocomplete:"off","aria-controls":"ch-window","aria-label":!this.showLabel&&this.label?this.label:void 0,"aria-labelledby":this.showLabel&&this.label?"label":void 0,"aria-expanded":this.windowHidden.toString()}),s("ch-window",{id:"ch-window",container:this.textInput,"close-on-outside-click":!0,"close-on-escape":!0,xAlign:"inside-start",yAlign:"outside-end",ref:t=>this.chWindow=t,exportparts:"\n caption:ch-window-caption, \n close:ch-window-close,\n footer:ch-window-footer,\n header:ch-window-header,\n main:ch-window-main,\n mask:ch-window-mask,\n window:ch-window-window"},s("div",{slot:"header",class:"dummy-header"}),s("slot",null)))}get el(){return n(this)}static get watchers(){return{windowHidden:["windowHiddenHandler"],value:["watchValueHandler"]}}};r.style=":host{display:flex;flex-direction:column;--window-max-height:none;--window-gap:50px}.ch-window-container{position:relative}.dummy-header{display:none}.input{background-color:unset;border:none;color:inherit;font:inherit;margin:0;padding:0;outline:0}ch-window::part(window){width:100%;max-height:calc(var(--window-max-height) - var(--window-gap));overflow-y:auto}";export{r as ch_suggest}
|
|
1
|
+
import{r as t,c as i,h as s,H as e,g as n}from"./p-f9f51980.js";const o="ArrowDown",h="ArrowUp",r=class{constructor(s){t(this,s),this.inputChanged=i(this,"inputChanged",7),this.debounce=500,this.showLabel=!1,this.keyEventsDictionary={ArrowDown:t=>{const i=this.getNewFocusedItem(t.currentFocusedItem,o),s=this.getNewFocusedItem(i,o);i&&i.focus(),s||this.scrollListToBottom()},ArrowUp:t=>{const i=this.getNewFocusedItem(t.currentFocusedItem,h),s=this.getNewFocusedItem(i,h);i&&i.focus(),s||this.scrollListToTop()}},this.windowHidden=!0,this.setFocusOnFirstItem=()=>{const t=this.el.querySelector("ch-suggest-list-item");t&&t.focus()},this.getChSuggestListItems=()=>Array.from(this.el.querySelectorAll("ch-suggest-list-item")),this.getNewFocusedItem=(t,i)=>{const s=t=>{const s=t.querySelectorAll("ch-suggest-list-item");let e=s&&s[s.length-1];if(i===o)e=t.querySelector("ch-suggest-list-item");else{const i=t.querySelectorAll("ch-suggest-list-item");e=i&&i[i.length-1]}return e};if(!t)return;let e=i===o?t.nextElementSibling:t.previousElementSibling;if("CH-SUGGEST-LIST"===(null==e?void 0:e.nodeName))e=s(e);else if(!e){const n=t.parentElement,h=i===o?n.nextElementSibling:n.previousElementSibling,r="CH-SUGGEST-LIST"===n.nodeName;if(r&&h&&"CH-SUGGEST-LIST-ITEM"===h.nodeName)e=i===o?n.nextElementSibling:n.previousElementSibling;else if(r&&h&&"CH-SUGGEST-LIST"===h.nodeName){const t=i===o?n.nextElementSibling:n.previousElementSibling;let h;h=i===o?t.querySelector("ch-suggest-list-item"):s(t),e=h||null}}return e},this.handleInput=t=>{this.timeoutReference&&clearTimeout(this.timeoutReference);const i=t.target.value;this.timeoutReference=setTimeout((()=>{this.processInputEvent(i)}),this.debounce)},this.handleKeyDown=t=>{t.key===o&&(t.preventDefault(),this.setFocusOnFirstItem())},this.evaluateWindowMaxHeight=()=>{const t=window.innerHeight,i=document.body.scrollHeight,s=i>=t?i:t,e=this.textInput.getBoundingClientRect().bottom+window.scrollY;this.el.style.setProperty("--window-max-height",s-e+"px")},this.scrollListToTop=()=>{this.chWindow.shadowRoot.querySelector("[part='window']").scrollTop=0},this.scrollListToBottom=()=>{const t=this.chWindow.shadowRoot.querySelector("[part='window']");t.scrollTop=t.scrollHeight},this.processInputEvent=t=>{this.evaluateWindowMaxHeight(),this.windowHidden&&(this.windowHidden=!1),this.value=t},this.closeWindow=()=>{this.windowHidden=!0}}itemSelectedHandler(t){this.value=t.detail.value,this.closeWindow()}focusChangeAttemptHandler(t){const i=this.keyEventsDictionary[t.detail.code];if(i){const s=t.detail.el,e=this.getChSuggestListItems(),n=e.findIndex((t=>t===s));i({event:t.detail,currentFocusedItem:s,chSuggestListItemsArray:e,currentFocusedItemIndex:n,newItemToSetFocusOn:null})}}windowClosedHandler(){this.textInput.focus(),this.windowHidden=!0}windowHiddenHandler(t){this.chWindow.hidden=!!t}watchValueHandler(t){this.inputChanged.emit(t)}render(){return s(e,null,this.showLabel&&this.label&&s("label",{id:"label",htmlFor:"input",part:"label"},this.label),s("input",{type:"text",id:"input",part:"input",class:"input",ref:t=>this.textInput=t,onInput:this.handleInput,onKeyDown:this.handleKeyDown,value:this.value,autocomplete:"off","aria-controls":"ch-window","aria-label":!this.showLabel&&this.label?this.label:void 0,"aria-labelledby":this.showLabel&&this.label?"label":void 0,"aria-expanded":this.windowHidden.toString()}),s("ch-window",{id:"ch-window",container:this.textInput,"close-on-outside-click":!0,"close-on-escape":!0,xAlign:"inside-start",yAlign:"outside-end",ref:t=>this.chWindow=t,exportparts:"\n caption:ch-window-caption, \n close:ch-window-close,\n footer:ch-window-footer,\n header:ch-window-header,\n main:ch-window-main,\n mask:ch-window-mask,\n window:ch-window-window"},s("div",{slot:"header",class:"dummy-header"}),s("slot",null)))}static get delegatesFocus(){return!0}get el(){return n(this)}static get watchers(){return{windowHidden:["windowHiddenHandler"],value:["watchValueHandler"]}}};r.style=":host{display:flex;flex-direction:column;--window-max-height:none;--window-gap:50px}.ch-window-container{position:relative}.dummy-header{display:none}.input{background-color:unset;border:none;color:inherit;font:inherit;margin:0;padding:0;outline:0}ch-window::part(window){width:100%;max-height:calc(var(--window-max-height) - var(--window-gap));overflow-y:auto}";export{r as ch_suggest}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{h as t,r as e,c as a,H as i,g as o}from"./p-f9f51980.js";import{L as s}from"./p-26957490.js";const r=(e="gxg-combo-box-item",a,i="undefined-group",o)=>{if(a.length){const s=[];return a.forEach((a=>{let r;switch(e){case"gxg-form-checkbox":r=t("gxg-form-checkbox",{checkboxId:a.id,checked:a.checked,disabled:a.disabled,label:a.label,value:a.value,onChange:o||null,iconName:a.iconName,part:`${i}-${a.id}`}),s.push(r);break;case"gxg-combo-box-item":r=t("gxg-combo-box-item",{value:a.id,icon:a.iconName,part:`${i}-${a.id}`},a.label),s.push(r);break;case"gxg-form-radio":r=t("gxg-form-radio",{"radio-id":a.id,checked:a.checked,disabled:a.disabled,label:a.label,value:a.value,name:i,part:`${i}-${a.id}`}),s.push(r)}})),s}return null},l=class{constructor(i){e(this,i),this.componentDidLoadEvent=a(this,"componentDidLoadEvent",7),this._initialComboValue={prototypingTargets:null,userInterfaceLanguages:null,prototypingEnvironments:null,dataSources:null,serverNames:null,collations:null,authenticationTypes:null},this.setInitialValues=()=>{this._initialComboValue&&Object.keys(this._initialComboValue).forEach((t=>{const e=(t=>{let e;if(null==t?void 0:t.length)for(let a=0;a<t.length;a++)if(t[a].selected){e=t[a];break}return e})(this[t]),a=(null==e?void 0:e.selected)?e.id:null;a&&(this._initialComboValue[t]=a)}))},this.evaluateCreateDataInKbDisabled=t=>{t?this.createDataInKbDisabled=this.serverNames[0].id===t.detail:this.serverNames[0].selected&&(this.createDataInKbDisabled=!0)},this.evaluateAuthenticationType=t=>{var e,a;let i;(null===(e=this.authenticationTypes)||void 0===e?void 0:e.length)&&(i=(null===(a=this.authenticationTypes)||void 0===a?void 0:a.find((t=>t.selected)))||this.authenticationTypes[0]),"windows-authentication"===(null==t?void 0:t.detail)||i&&"windows-authentication"===i.id&&null===t?(this.userNameVisible=!1,this.passwordVisible=!1,this.savePasswordVisible=!1):(this.userNameVisible=!0,this.passwordVisible=!0,this.savePasswordVisible=!0)},this.selectLocationHandler=()=>{this.selectLocationCallback().then((t=>{t&&(this.kbLocation=t)}))},this.getFrontEndsOptionsValues=()=>{this.frontEndsOptionsArray=[];const t=this.frontEndsBoxEl.querySelectorAll("gxg-form-checkbox");return null==t||t.forEach((t=>{this.frontEndsOptionsArray.push({id:t.id,checked:t.checked})})),this.frontEndsOptionsArray},this.validation=t=>{t.forEach((t=>{const e=Object.entries(t)[0],a=this[`${Object.keys(t)[0]}El`],i=e[1].status,o=e[1].message;a&&i&&o&&(a.validationStatus=i,a.validationMessage=o)}))},this.createKbHandler=()=>{var t,e,a;this.createCallback&&this.createCallback({kbName:this.kbNameEl.value,kbLocation:this.locationEl.value,prototypingTarget:this.prototypingTargetEl.value,userInterfaceLanguage:this.userInterfaceLanguageEl.value,prototypingEnvironment:this.prototypingEnvironmentEl.value,dataSource:this.dataSourceEl.value,frontEnds:this.getFrontEndsOptionsValues(),serverName:this.serverNameEl.value,databaseName:this.databaseNameEl.value,collation:this.collationEl.value,createDataFilesInKBFolder:this.createDataFilesInKBFolderEl.checked,authenticationType:this.authenticationTypeEl.value,userName:null===(t=this.userNameEl)||void 0===t?void 0:t.value,password:null===(e=this.passwordEl)||void 0===e?void 0:e.value,savePassword:null===(a=this.savePasswordEl)||void 0===a?void 0:a.checked}).then((t=>{this.validation(t)}))},this.cancelKbHandler=()=>{this.cancelCallback&&this.cancelCallback()},this.renderTabBasic=()=>{var e,a,i,o;return t("gxg-tab",{tab:"basic","no-padding":!0},t("gxg-container",{displayBorderTop:!0,displayBorderBottom:!0},t("div",{class:"grid basic-row-first"},t("gxg-combo-box",{disabled:!this.isAdvanced,disableFilter:!0,label:this._componentLocale.tabBasic.prototypingTarget,value:null!==(e=this._initialComboValue.prototypingTargets)&&void 0!==e?e:this.prototypingTargets[0].id,ref:t=>this.prototypingTargetEl=t,class:"prototyping-target",part:"prototyping-target"},r("gxg-combo-box-item",this.prototypingTargets,"prototyping-target")),t("gxg-combo-box",{disableFilter:!0,label:this._componentLocale.tabBasic.userInterfaceLanguage,value:null!==(a=this._initialComboValue.userInterfaceLanguages)&&void 0!==a?a:this.userInterfaceLanguages[0].id,ref:t=>this.userInterfaceLanguageEl=t,class:"user-interface-language",part:"user-interface-language"},r("gxg-combo-box-item",this.userInterfaceLanguages,"user-interface-language")))),t("div",{class:"grid basic-row-second"},t("gxg-container",{fieldset:!0,displayBorderEnd:!0,noHeadingBorder:!0,containerTitle:this._componentLocale.tabBasic.backEnd.backEndLabel},t("gxg-combo-box",{disableFilter:!0,label:this._componentLocale.tabBasic.backEnd.prototypingEnvironment,value:null!==(i=this._initialComboValue.prototypingEnvironments)&&void 0!==i?i:this.prototypingEnvironments[0].id,ref:t=>this.prototypingEnvironmentEl=t,class:"prototyping-environment",part:"prototyping-environment"},r("gxg-combo-box-item",this.prototypingEnvironments,"prototyping-environment")),t("gxg-combo-box",{label:this._componentLocale.tabBasic.backEnd.dataSource,disableFilter:!0,value:null!==(o=this._initialComboValue.dataSources)&&void 0!==o?o:this.dataSources[0].id,ref:t=>this.dataSourceEl=t,class:"data-source",part:"data-source"},r("gxg-combo-box-item",this.dataSources,"data-source"))),t("gxg-container",{fieldset:!0,noHeadingBorder:!0,containerTitle:this._componentLocale.tabBasic.frontEnd.frontEndLabel,ref:t=>this.frontEndsBoxEl=t},r("gxg-form-checkbox",this.frontEnds,"front-end"))))},this.renderTabAdvanced=()=>{var e,a,i;return t("gxg-tab",{tab:"advanced","no-padding":!0},t("gxg-container",{displayBorderTop:!0,displayBorderBottom:!0,containerTitle:this._componentLocale.tabAdvanced.tabTitle}),t("div",{class:"grid knowledge-base-storage"},t("gxg-container",{fieldset:!0,displayBorderEnd:!0},t("div",{class:"grid knowledge-base-storage__col-left"},t("gxg-combo-box",{label:this._componentLocale.tabAdvanced.serverName,disableFilter:!0,value:null!==(e=this._initialComboValue.serverNames)&&void 0!==e?e:this.serverNames[0].id,ref:t=>this.serverNameEl=t,class:"server-name-combo-box",part:"server-name",onValueChanged:this.evaluateCreateDataInKbDisabled},r("gxg-combo-box-item",this.serverNames,"server-name")),t("gxg-button",{type:"secondary-icon-only",icon:"gemini-tools/search",class:"server-name-button",part:"search-server-name"}),t("gxg-form-text",{labelPosition:"above",label:this._componentLocale.tabAdvanced.databaseName,placeholder:"MyDatabase",ref:t=>this.databaseNameEl=t,value:this.databaseName,class:"database-name",part:"database-name"}),t("gxg-combo-box",{label:this._componentLocale.tabAdvanced.collation,disableFilter:!0,value:null!==(a=this._initialComboValue.collations)&&void 0!==a?a:this.collations[0].id,ref:t=>this.collationEl=t,class:"collation-combo-box",part:"collation"},r("gxg-combo-box-item",this.collations,"collation")),t("gxg-button",{type:"secondary-icon-only",icon:"gemini-tools/reset",class:"collation-button",part:"reset-collation"}),t("gxg-form-checkbox",{label:this._componentLocale.tabAdvanced.createDataFilesInKbFolder,ref:t=>this.createDataFilesInKBFolderEl=t,alignTop:!0,checked:this.createDataFilesInKBFolder,disabled:this.createDataInKbDisabled,class:"create-data-in-kb",part:"create-data-in-kb"}))),t("gxg-container",{fieldset:!0,noHeadingBorder:!0},t("div",{class:{grid:!0,"knowledge-base-storage__col-right":!0,"knowledge-base-storage__col-right--windows-authentication":!this.userNameVisible}},t("gxg-combo-box",{label:this._componentLocale.tabAdvanced.authenticationType,disableFilter:!0,value:null!==(i=this._initialComboValue.authenticationTypes)&&void 0!==i?i:this.authenticationTypes[0].id,ref:t=>this.authenticationTypeEl=t,class:"authentication-type",part:"authentication-type",onValueChanged:this.evaluateAuthenticationType},r("gxg-combo-box-item",this.authenticationTypes,"authentication-type")),this.userNameVisible?t("gxg-form-text",{labelPosition:"above",label:this._componentLocale.tabAdvanced.userName,ref:t=>this.userNameEl=t,value:this.userName,class:"user-name",part:"user-name"}):null,this.passwordVisible?t("gxg-form-text",{labelPosition:"above",label:this._componentLocale.tabAdvanced.password,password:!0,ref:t=>this.passwordEl=t,value:this.password,class:"password",part:"password"}):null,this.savePasswordVisible?t("gxg-form-checkbox",{label:this._componentLocale.tabAdvanced.savePassword,ref:t=>this.savePasswordEl=t,checked:this.savePassword,class:"save-password",part:"save-password"}):null))))},this.dataSources=void 0,this.frontEnds=void 0,this.isAdvanced=!1,this.kbLocation=void 0,this.selectLocationCallback=void 0,this.kbName=void 0,this.prototypingEnvironments=void 0,this.prototypingTargets=void 0,this.userInterfaceLanguages=void 0,this.authenticationTypes=void 0,this.collations=void 0,this.createDataFilesInKBFolder=!1,this.databaseName=void 0,this.password=void 0,this.savePassword=!1,this.serverNames=void 0,this.userName=void 0,this.test=void 0,this.createCallback=void 0,this.cancelCallback=void 0,this.createDataInKbDisabled=!1,this.userNameVisible=!0,this.passwordVisible=!0,this.savePasswordVisible=!0}async componentWillLoad(){this._componentLocale=await s.getComponentStrings(this.el),this.setInitialValues(),this.evaluateCreateDataInKbDisabled(null),this.evaluateAuthenticationType(null)}componentDidLoad(){this.kbNameEl.focus()}render(){return t(i,{class:{"gx-ide-component":!0}},t("div",{class:"main-wrapper"},t("gxg-container",null,t("header",{class:"header grid"},t("gxg-label",{labelPosition:"start",class:"kb-label"},this._componentLocale.header.kbName),t("gxg-form-text",{labelPosition:"start",placeholder:"SalesInventory","max-width":"100%",value:this.kbName,ref:t=>this.kbNameEl=t,part:"kb-name",class:"kb-input"}),t("gxg-label",{labelPosition:"start",class:"location-label"},this._componentLocale.header.kbLocation),t("gxg-form-text",{labelPosition:"start",placeholder:"C:\\Models",maxWidth:"100%",value:this.kbLocation,ref:t=>this.locationEl=t,disabled:!this.isAdvanced,part:"kb-location",class:"location-input"}),t("gxg-button",{type:"secondary-icon-only",icon:"gemini-tools/folder",onClick:this.selectLocationHandler,part:"button-select-location",class:"location-icon"}))),t("header",{class:{header:!0,"header--no-location-folder":!this.selectLocationCallback}}),t("main",{class:"main"},t("gxg-tabs",{height:"100%",position:"top",class:"gxg-tabs"},t("gxg-tab-bar",{slot:"tab-bar-container",part:"tab-bar"},t("gxg-tab-button",{slot:"tab-bar",tabLabel:this._componentLocale.tabBasic.tabLabel,tab:"basic","is-selected":!0,part:"tab-button-basic"}),t("gxg-tab-button",{slot:"tab-bar",tabLabel:this._componentLocale.tabAdvanced.tabLabel,tab:"advanced",disabled:!this.isAdvanced,part:"tab-button-advanced"})),this.renderTabBasic(),this.renderTabAdvanced(),t("gxg-container",{displayBorderTop:!0},t("gxg-button",{id:"button-create",slot:"footer",type:"primary-text-only",onClick:this.createKbHandler,part:"button-create"},this._componentLocale.footer.btnCreate),t("gxg-button",{id:"button-cancel",slot:"footer",type:"outlined",onClick:this.cancelKbHandler,part:"button-cancel"},this._componentLocale.footer.btnCancel))))))}static get assetsDirs(){return["gx-ide-assets/new-kb"]}get el(){return o(this)}};l.style='.gxi-hidden{display:none !important}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--color-background)}.header{grid-template-columns:auto 1fr min-content;grid-template-areas:"kb-label kb-input ." "location-label location-input location-icon"}.header .kb-input{grid-area:kb-input}.header .kb-label{grid-area:kb-label}.header .location-label{grid-area:location-label}.header .location-input{grid-area:location-input}.header .location-icon{grid-area:location-icon}.gxg-tabs{margin-top:0;box-shadow:none}.basic-row-first{grid-template-areas:"prototyping-target user-interface-language";grid-template-columns:repeat(2, 1fr)}.basic-row-second{grid-template-areas:"prototyping-environment data-source";grid-template-columns:repeat(2, 1fr);grid-column-gap:0;grid-row-gap:0}.knowledge-base-storage{grid-template-areas:"knowledge-base-storage__col-left knowledge-base-storage__col-right";grid-template-columns:repeat(2, 1fr);gap:0}.knowledge-base-storage__col-left{grid-area:knowledge-base-storage__col-left;grid-template-columns:1fr auto;grid-template-areas:"server-name-combo-box server-name-button" "database-name ." "collation-combo-box collation-button" "create-data-in-kb ."}.knowledge-base-storage__col-left .server-name-combo-box{grid-area:server-name-combo-box}.knowledge-base-storage__col-left .server-name-button{grid-area:server-name-button;align-self:last baseline}.knowledge-base-storage__col-left .database-name{grid-area:database-name}.knowledge-base-storage__col-left .collation-combo-box{grid-area:collation-combo-box}.knowledge-base-storage__col-left .collation-button{grid-area:collation-button;align-self:last baseline}.knowledge-base-storage__col-left .create-data-in-kb{grid-area:create-data-in-kb}.knowledge-base-storage__col-right{grid-area:knowledge-base-storage__col-right;grid-template-columns:1fr;grid-template-areas:"authentication-type" "user-name" "password" "save-password"}.knowledge-base-storage__col-right .authentication-type{grid-area:authentication-type}.knowledge-base-storage__col-right .user-name{grid-area:user-name}.knowledge-base-storage__col-right .password{grid-area:password}.knowledge-base-storage__col-right .save-password{grid-area:save-password}.knowledge-base-storage__col-right--windows-authentication{grid-template-areas:"authentication-type"}';export{l as gx_ide_new_kb}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,c as t,h as o,H as e,g as a}from"./p-f9f51980.js";import{f as i,r as n}from"./p-cc7d6bdf.js";import{s as l}from"./p-8d3073b6.js";import{f as s,c}from"./p-e7e4f76c.js";import{e as g}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.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=g(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,[c.DISABLED_CLASS]:this.disabled},exportParts:this.exportparts?this.exportparts:null},this.label?o("gxg-label",{class:{label:!0}},this.label,n(this)):"",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}: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(--color-background-disabled) !important;color:var(--color-on-background--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default}: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(--color-primary-enabled);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}
|
|
1
|
+
import{r,c as t,h as o,H as e,g as a}from"./p-f9f51980.js";import{f as i,r as n}from"./p-cc7d6bdf.js";import{s as l}from"./p-8d3073b6.js";import{f as s,c}from"./p-e7e4f76c.js";import{e as g}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.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=g(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,[c.DISABLED_CLASS]:this.disabled},exportParts:this.exportparts?this.exportparts:null},this.label?o("gxg-label",{class:{label:!0}},this.label,n(this)):"",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}: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(--color-background-disabled) !important;color:var(--color-on-background--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(--color-primary-enabled);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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,H as s,g as o}from"./p-f9f51980.js";let n;const l=class{constructor(e){t(this,e),this.liItemClicked=i(this,"liItemClicked",7),this.toggleIconClicked=i(this,"toggleIconClicked",7),this.checkboxClickedEvent=i(this,"checkboxClickedEvent",7),this.checkbox=!1,this.checked=!1,this.download=!1,this.downloading=!1,this.downloaded=!1,this.opened=!1,this.selected=!1,this.isLeaf=void 0,this.hasChildTree=!1,this.firstTreeItem=!1,this.disabled=!1,this.numberOfParentTrees=1,this.horizontalLinePaddingLeft=0,this.lastTreeItem=!1,this.firstTreeItemOfParentTree=!1,this.lastTreeItemOfParentTree=!1,this.rightIconColor="auto",this.numberOfDirectTreeItemsDescendants=0}componentWillLoad(){n||(n=this.el.parentElement),this.numberOfParentTrees=this.getParents(this.el);const t=this.el.querySelector('[slot="tree"]');void 0===this.isLeaf&&(null===t?this.isLeaf=!0:this.hasChildTree=!0),null===this.el.previousElementSibling&&(this.firstTreeItem=!0),null===this.el.nextElementSibling&&(this.lastTreeItem=!0),1===this.numberOfParentTrees&&null===this.el.previousElementSibling&&(this.firstTreeItemOfParentTree=!0),1===this.numberOfParentTrees&&null===this.el.nextElementSibling&&(this.lastTreeItemOfParentTree=!0),this.download&&this.rightIcon.includes("download")?this.rightIconColor="primary-enabled":this.disabled&&(this.rightIconColor="disabled"),this.download&&(this.hasChildTree=!0,this.isLeaf=!1,this.opened=!1),n.checkbox&&(this.checkbox=!0,this.checked=n.checked)}getNumberOfVisibleDescendants(){const t=this.el.querySelector(":scope > ch-tree");if(null!==t&&this.opened){const i=t.querySelectorAll("ch-tree-item.visible"),e=t.querySelectorAll(":scope > ch-tree-item.visible"),s=e[e.length-1];let o=0;s.opened&&(o=s.querySelector(":scope > ch-tree").querySelectorAll(":scope > ch-tree-item").length),i.length>0&&(this.numberOfDirectTreeItemsDescendants=i.length-o)}}setVisibleTreeItems(){const t=this.el.querySelector(":scope > ch-tree");if(null!==t){t.querySelectorAll(":scope > ch-tree-item").forEach(this.opened?t=>{t.classList.remove("not-visible"),t.classList.add("visible")}:t=>{t.classList.remove("visible"),t.classList.add("not-visible")})}}componentDidLoad(){this.setVisibleTreeItems(),this.getNumberOfVisibleDescendants()}watchHandler(t){}getParents(t){const i=[];for(;t&&t!==document;t=t.parentNode)"CH-TREE"===t.tagName&&i.push(t);return i.length}toggleTreeIconClicked(){this.opened=!this.opened,this.setVisibleTreeItems();const t=this.toggleIconClicked.emit();t.stopPropagation(),t.preventDefault()}async updateTreeVerticalLineHeight(){this.getNumberOfVisibleDescendants()}liTextClicked(){this.liItemClicked.emit(),this.selected=!0}liTextDoubleClicked(){this.toggleTreeIconClicked()}liTextKeyDownPressed(t){if("ArrowDown"!==t.key&&"ArrowUp"!==t.key||t.preventDefault(),"Enter"===t.key&&(this.checkboxClicked(),this.download&&this.el.click()),"ArrowRight"!==t.key||this.isLeaf||(this.opened?this.el.querySelector("ch-tree").querySelector("ch-tree-item").shadowRoot.querySelector(".li-text").focus():this.opened=!0,this.setVisibleTreeItems(),this.toggleIconClicked.emit()),"ArrowLeft"===t.key){let t=!1;const i=this.el.parentElement.parentElement;let e=null;"CH-TREE-ITEM"===i.tagName&&(t=!0,e=i.shadowRoot.querySelector(".li-text")),this.isLeaf?t&&e.focus():this.el.shadowRoot.querySelector("li").classList.contains("tree-open")?this.opened=!1:t&&e.focus(),this.setVisibleTreeItems(),this.toggleIconClicked.emit()}if(("ArrowUp"===t.key||"Tab"===t.key&&t.shiftKey)&&(t.preventDefault(),!this.firstTreeItemOfParentTree)){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&&!this.download){const t=this.el.previousElementSibling.querySelector("ch-tree");i=t.lastElementChild.hasChildTree&&t.lastElementChild.shadowRoot.querySelector("li").classList.contains("tree-open")?t.lastElementChild.querySelector("ch-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.el.classList.contains("not-leaf")&&this.el.shadowRoot.querySelector("li").classList.contains("tree-open")&&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.download?this.el.querySelector("ch-tree ch-tree-item").shadowRoot.querySelector("li .li-text"):this.el.nextElementSibling.shadowRoot.querySelector(".li-text");null!=i&&i.focus()}}returnToggleIconType(){return!this.opened||this.download?"expand-icon":"collapse-icon"}returnPaddingLeft(){let t=0;return t=1!==this.numberOfParentTrees?31*(this.numberOfParentTrees-1)+5:5,this.itemPaddingLeft=t,t+"px"}returnVerticalLineLeftPosition(){return this.itemPaddingLeft+5+"px"}checkboxTabIndex(){return-1}liTextTabIndex(){return 1}setIndeterminate(){return!!this.indeterminate}checkboxClicked(){this.checkbox&&(this.checked=!this.checked,this.toggleTreeItemsCheckboxes(this.checked),this.checkboxClickedEvent.emit({checked:this.checked,id:this.el.id})),n.toggleCheckboxes&&this.el.querySelectorAll("ch-tree-item").forEach((t=>{t.checkbox&&(t.checked=!t.checked)}))}toggleTreeItemsCheckboxes(t){if(this.el.parentElement.toggleCheckboxes){this.indeterminate=!1;const i=this.el.querySelector("ch-tree");null!==i&&i.querySelectorAll("ch-tree-item").forEach((function(i){i.checked=!!t}))}}resolveLeftIcon(){return void 0!==this.leftIcon?this.leftIcon:""}resolveRightIcon(){return void 0!==this.rightIcon?this.rightIcon:""}render(){return e(s,{class:{leaf:this.isLeaf,"not-leaf":!this.isLeaf}},e("li",{class:{"tree-open":this.opened,disabled:this.disabled}},e("div",{class:{"li-text":!0,"li-text--not-leaf":!this.isLeaf,"li-text--leaf":this.isLeaf,"li-text--first-tree-item":this.firstTreeItem,"li-text--has-child-tree":this.hasChildTree,"li-text--selected":this.selected},style:{paddingLeft:this.returnPaddingLeft()},onClick:this.liTextClicked.bind(this),onDblClick:this.liTextDoubleClicked.bind(this),onKeyDown:this.liTextKeyDownPressed.bind(this),tabIndex:this.liTextTabIndex()},!this.isLeaf||this.download?[e("span",{class:{"vertical-line":!0},style:{height:20*this.numberOfDirectTreeItemsDescendants-10+"px",left:this.returnVerticalLineLeftPosition()}}),e("div",{class:{"closed-opened-icons":!0}},e("div",{part:this.returnToggleIconType(),class:"icon toggle-icon",onClick:this.toggleTreeIconClicked.bind(this)}))]:null,e("span",{class:{"horizontal-line":!0,"display-none":1===this.numberOfParentTrees},style:{left:this.itemPaddingLeft+"px"}}),this.checkbox?e("ch-form-checkbox",{part:"checkbox",checked:this.checked,class:{checkbox:!0},tabIndex:this.checkboxTabIndex(),indeterminate:this.setIndeterminate(),disabled:this.disabled,onClick:this.checkboxClicked.bind(this)}):null,e("span",{part:"left-icon"}),this.leftIcon?e("ch-icon",{src:this.resolveLeftIcon(),"auto-color":this.disabled?"disabled":"auto",class:"icon",style:{"--icon-size":"14px"}}):null,e("span",{class:"text"},e("slot",null)),this.rightIcon?e("ch-icon",{src:this.resolveRightIcon(),color:this.rightIconColor,class:{"right-icon":!0},style:{"--icon-size":"14px"}}):null,e("span",{part:"right-icon"}),this.download?e("span",{class:{loading:!0}}):null),e("slot",{name:"tree"})))}static get assetsDirs(){return["tree-item-assets"]}get el(){return o(this)}static get watchers(){return{downloaded:["watchHandler"]}}};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}:host{--text-color:var(--black);--font-family:"Source Sans Pro", sans-serif;--font-weight:normal;--font-size:12px;--guide-color:var(--darkGray);--item-hover-color:var(--lightGray);--item-active-color:var(--silverGray);display:block}:host .text{padding-left:var(--spacing-comp-01)}:host li{list-style:none;font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight);color:var(--text-color);height:20px;overflow:hidden}:host li.tree-open{height:auto}:host li .li-text{height:100%;padding:0 var(--spacing-comp-02);cursor:pointer;display:flex;align-items:center;position:relative}:host li .li-text:hover{background-color:var(--item-hover-color)}:host li .li-text:active{background-color:var(--item-active-color)}:host li .li-text:focus{outline:none;box-shadow:inset 0px 0px 0px 2px var(--color-primary-active)}:host li .li-text--selected{background-color:var(--item-active-color)}:host li .li-text--selected:hover{background-color:var(--item-hover-color)}:host li .vertical-line{position:absolute;width:1px;height:0;top:21px;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;width:16px;height:1px;top:11px;z-index:1;margin-left:-23px;top:10px;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;padding-left:3px;padding-right:3px;transition-property:opacity;transition-duration:0.5s;transition-timing-function:ease}:host .checkbox{margin-right:var(--spacing-comp-01)}:host .icon{height:20px;justify-content:center;align-items:center;padding-left:2px;padding-right:2px}: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;right:11px;top:-20px;position:absolute;z-index:1;transition-property:all;transition-duration:0.5s;transition-timing-function:ease;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)}}.label input[disabled]{color:red}:host([disabled]) li .text{color:var(--darkGray)}:host([disabled]) .toggle-icon{pointer-events:none}:host([downloading]){pointer-events:none}:host([downloading]) .right-icon{top:20px}:host([downloading]) .loading{top:3px}:host([downloaded]) .loading,:host([downloaded]) .right-icon{opacity:0}';export{l as ch_tree_item}
|
|
1
|
+
import{r as t,c as i,h as e,H as s,g as o}from"./p-f9f51980.js";let n;const l=class{constructor(e){t(this,e),this.liItemClicked=i(this,"liItemClicked",7),this.toggleIconClicked=i(this,"toggleIconClicked",7),this.checkboxClickedEvent=i(this,"checkboxClickedEvent",7),this.checkbox=!1,this.checked=!1,this.download=!1,this.downloading=!1,this.downloaded=!1,this.opened=!1,this.selected=!1,this.isLeaf=void 0,this.hasChildTree=!1,this.firstTreeItem=!1,this.disabled=!1,this.numberOfParentTrees=1,this.horizontalLinePaddingLeft=0,this.lastTreeItem=!1,this.firstTreeItemOfParentTree=!1,this.lastTreeItemOfParentTree=!1,this.rightIconColor="auto",this.numberOfDirectTreeItemsDescendants=0}componentWillLoad(){n||(n=this.el.parentElement),this.numberOfParentTrees=this.getParents(this.el);const t=this.el.querySelector('[slot="tree"]');void 0===this.isLeaf&&(null===t?this.isLeaf=!0:this.hasChildTree=!0),null===this.el.previousElementSibling&&(this.firstTreeItem=!0),null===this.el.nextElementSibling&&(this.lastTreeItem=!0),1===this.numberOfParentTrees&&null===this.el.previousElementSibling&&(this.firstTreeItemOfParentTree=!0),1===this.numberOfParentTrees&&null===this.el.nextElementSibling&&(this.lastTreeItemOfParentTree=!0),this.download&&this.rightIcon.includes("download")?this.rightIconColor="primary-enabled":this.disabled&&(this.rightIconColor="disabled"),this.download&&(this.hasChildTree=!0,this.isLeaf=!1,this.opened=!1),n.checkbox&&(this.checkbox=!0,this.checked=n.checked)}getNumberOfVisibleDescendants(){const t=this.el.querySelector(":scope > ch-tree");if(null!==t&&this.opened){const i=t.querySelectorAll("ch-tree-item.visible"),e=t.querySelectorAll(":scope > ch-tree-item.visible"),s=e[e.length-1];let o=0;s.opened&&(o=s.querySelector(":scope > ch-tree").querySelectorAll(":scope > ch-tree-item").length),i.length>0&&(this.numberOfDirectTreeItemsDescendants=i.length-o)}}setVisibleTreeItems(){const t=this.el.querySelector(":scope > ch-tree");if(null!==t){t.querySelectorAll(":scope > ch-tree-item").forEach(this.opened?t=>{t.classList.remove("not-visible"),t.classList.add("visible")}:t=>{t.classList.remove("visible"),t.classList.add("not-visible")})}}componentDidLoad(){this.setVisibleTreeItems(),this.getNumberOfVisibleDescendants()}watchHandler(t){}getParents(t){const i=[];for(;t&&t!==document;t=t.parentNode)"CH-TREE"===t.tagName&&i.push(t);return i.length}toggleTreeIconClicked(){this.opened=!this.opened,this.setVisibleTreeItems();const t=this.toggleIconClicked.emit();t.stopPropagation(),t.preventDefault()}async updateTreeVerticalLineHeight(){this.getNumberOfVisibleDescendants()}liTextClicked(){this.liItemClicked.emit(),this.selected=!0}liTextDoubleClicked(){this.toggleTreeIconClicked()}liTextKeyDownPressed(t){if("ArrowDown"!==t.key&&"ArrowUp"!==t.key||t.preventDefault(),"Enter"===t.key&&(this.checkboxClicked(),this.download&&this.el.click()),"ArrowRight"!==t.key||this.isLeaf||(this.opened?this.el.querySelector("ch-tree").querySelector("ch-tree-item").shadowRoot.querySelector(".li-text").focus():this.opened=!0,this.setVisibleTreeItems(),this.toggleIconClicked.emit()),"ArrowLeft"===t.key){let t=!1;const i=this.el.parentElement.parentElement;let e=null;"CH-TREE-ITEM"===i.tagName&&(t=!0,e=i.shadowRoot.querySelector(".li-text")),this.isLeaf?t&&e.focus():this.el.shadowRoot.querySelector("li").classList.contains("tree-open")?this.opened=!1:t&&e.focus(),this.setVisibleTreeItems(),this.toggleIconClicked.emit()}if(("ArrowUp"===t.key||"Tab"===t.key&&t.shiftKey)&&(t.preventDefault(),!this.firstTreeItemOfParentTree)){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&&!this.download){const t=this.el.previousElementSibling.querySelector("ch-tree");i=t.lastElementChild.hasChildTree&&t.lastElementChild.shadowRoot.querySelector("li").classList.contains("tree-open")?t.lastElementChild.querySelector("ch-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.el.classList.contains("not-leaf")&&this.el.shadowRoot.querySelector("li").classList.contains("tree-open")&&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.download?this.el.querySelector("ch-tree ch-tree-item").shadowRoot.querySelector("li .li-text"):this.el.nextElementSibling.shadowRoot.querySelector(".li-text");null!=i&&i.focus()}}returnToggleIconType(){return!this.opened||this.download?"expand-icon":"collapse-icon"}returnPaddingLeft(){let t=0;return t=1!==this.numberOfParentTrees?31*(this.numberOfParentTrees-1)+5:5,this.itemPaddingLeft=t,t+"px"}returnVerticalLineLeftPosition(){return this.itemPaddingLeft+5+"px"}checkboxTabIndex(){return-1}liTextTabIndex(){return 1}setIndeterminate(){return!!this.indeterminate}checkboxClicked(){this.checkbox&&(this.checked=!this.checked,this.toggleTreeItemsCheckboxes(this.checked),this.checkboxClickedEvent.emit({checked:this.checked,id:this.el.id})),n.toggleCheckboxes&&this.el.querySelectorAll("ch-tree-item").forEach((t=>{t.checkbox&&(t.checked=!t.checked)}))}toggleTreeItemsCheckboxes(t){if(this.el.parentElement.toggleCheckboxes){this.indeterminate=!1;const i=this.el.querySelector("ch-tree");null!==i&&i.querySelectorAll("ch-tree-item").forEach((function(i){i.checked=!!t}))}}resolveLeftIcon(){return void 0!==this.leftIcon?this.leftIcon:""}resolveRightIcon(){return void 0!==this.rightIcon?this.rightIcon:""}render(){return e(s,{class:{leaf:this.isLeaf,"not-leaf":!this.isLeaf}},e("li",{class:{"tree-open":this.opened,disabled:this.disabled}},e("div",{class:{"li-text":!0,"li-text--not-leaf":!this.isLeaf,"li-text--leaf":this.isLeaf,"li-text--first-tree-item":this.firstTreeItem,"li-text--has-child-tree":this.hasChildTree,"li-text--selected":this.selected},style:{paddingLeft:this.returnPaddingLeft()},onClick:this.liTextClicked.bind(this),onDblClick:this.liTextDoubleClicked.bind(this),onKeyDown:this.liTextKeyDownPressed.bind(this),tabIndex:this.liTextTabIndex(),part:"list-item"},!this.isLeaf||this.download?[e("span",{class:{"vertical-line":!0},style:{height:20*this.numberOfDirectTreeItemsDescendants-10+"px",left:this.returnVerticalLineLeftPosition()}}),e("div",{class:{"closed-opened-icons":!0}},e("div",{part:this.returnToggleIconType(),class:"icon toggle-icon",onClick:this.toggleTreeIconClicked.bind(this)}))]:null,e("span",{class:{"horizontal-line":!0,"display-none":1===this.numberOfParentTrees},style:{left:this.itemPaddingLeft+"px"}}),this.checkbox?e("ch-form-checkbox",{part:"checkbox",checked:this.checked,class:{checkbox:!0},tabIndex:this.checkboxTabIndex(),indeterminate:this.setIndeterminate(),disabled:this.disabled,onClick:this.checkboxClicked.bind(this)}):null,e("span",{part:"left-icon"}),this.leftIcon?e("ch-icon",{src:this.resolveLeftIcon(),"auto-color":this.disabled?"disabled":"auto",class:"icon",style:{"--icon-size":"14px"}}):null,e("span",{class:"text"},e("slot",null)),this.rightIcon?e("ch-icon",{src:this.resolveRightIcon(),color:this.rightIconColor,class:{"right-icon":!0},style:{"--icon-size":"14px"}}):null,e("span",{part:"right-icon"}),this.download?e("span",{class:{loading:!0}}):null),e("slot",{name:"tree"})))}static get assetsDirs(){return["tree-item-assets"]}get el(){return o(this)}static get watchers(){return{downloaded:["watchHandler"]}}};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}:host{--text-color:var(--black);--font-family:"Source Sans Pro", sans-serif;--font-weight:normal;--font-size:12px;--guide-color:var(--darkGray);--item-hover-color:var(--lightGray);--item-active-color:var(--silverGray);display:block}:host .text{padding-left:var(--spacing-comp-01)}:host li{list-style:none;font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight);color:var(--text-color);height:20px;overflow:hidden}:host li.tree-open{height:auto}:host li .li-text{height:100%;padding:0 var(--spacing-comp-02);cursor:pointer;display:flex;align-items:center;position:relative}:host li .li-text:hover{background-color:var(--item-hover-color)}:host li .li-text:active{background-color:var(--item-active-color)}:host li .li-text:focus{outline:none;box-shadow:inset 0px 0px 0px 2px var(--color-primary-active)}:host li .li-text--selected{background-color:var(--item-active-color)}:host li .li-text--selected:hover{background-color:var(--item-hover-color)}:host li .vertical-line{position:absolute;width:1px;height:0;top:21px;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;width:16px;height:1px;top:11px;z-index:1;margin-left:-23px;top:10px;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;padding-left:3px;padding-right:3px;transition-property:opacity;transition-duration:0.5s;transition-timing-function:ease}:host .checkbox{margin-right:var(--spacing-comp-01)}:host .icon{height:20px;justify-content:center;align-items:center;padding-left:2px;padding-right:2px}: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;right:11px;top:-20px;position:absolute;z-index:1;transition-property:all;transition-duration:0.5s;transition-timing-function:ease;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)}}.label input[disabled]{color:red}:host([disabled]) li .text{color:var(--darkGray)}:host([disabled]) .toggle-icon{pointer-events:none}:host([downloading]){pointer-events:none}:host([downloading]) .right-icon{top:20px}:host([downloading]) .loading{top:3px}:host([downloaded]) .loading,:host([downloaded]) .right-icon{opacity:0}';export{l as ch_tree_item}
|
|
@@ -15,13 +15,4 @@
|
|
|
15
15
|
/* necesario para poder reordenar las columnas */
|
|
16
16
|
overflow-x: auto;
|
|
17
17
|
user-select: none;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.row-actions {
|
|
21
|
-
position: absolute;
|
|
22
|
-
top: calc( var(--ch-grid-row-highlighted-top, 0px) - var(--ch-grid-scroll-v, 0px) );
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.row-actions:not([show]) {
|
|
26
|
-
display: none;
|
|
27
18
|
}
|