@aquera/nile-elements 1.1.3-beta-1.4 → 1.1.3-beta-2.0
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/demo/index.html +124 -24
- package/dist/index.js +728 -770
- package/dist/nile-grid/nile-grid.cjs.js +1 -1
- package/dist/nile-grid/nile-grid.cjs.js.map +1 -1
- package/dist/nile-grid/nile-grid.css.cjs.js +1 -1
- package/dist/nile-grid/nile-grid.css.cjs.js.map +1 -1
- package/dist/nile-grid/nile-grid.css.esm.js +4 -8
- package/dist/nile-grid/nile-grid.esm.js +6 -6
- package/dist/nile-grid/nile-grid.utils.cjs.js +1 -1
- package/dist/nile-grid/nile-grid.utils.cjs.js.map +1 -1
- package/dist/nile-grid/nile-grid.utils.esm.js +1 -1
- package/dist/nile-grid-body/nile-grid-body.cjs.js +1 -1
- package/dist/nile-grid-body/nile-grid-body.cjs.js.map +1 -1
- package/dist/nile-grid-body/nile-grid-body.css.cjs.js +1 -1
- package/dist/nile-grid-body/nile-grid-body.css.cjs.js.map +1 -1
- package/dist/nile-grid-body/nile-grid-body.css.esm.js +4 -0
- package/dist/nile-grid-body/nile-grid-body.esm.js +3 -3
- package/dist/nile-grid-cell-item/nile-grid-cell-item.cjs.js +1 -1
- package/dist/nile-grid-cell-item/nile-grid-cell-item.cjs.js.map +1 -1
- package/dist/nile-grid-cell-item/nile-grid-cell-item.css.cjs.js +1 -1
- package/dist/nile-grid-cell-item/nile-grid-cell-item.css.cjs.js.map +1 -1
- package/dist/nile-grid-cell-item/nile-grid-cell-item.css.esm.js +3 -18
- package/dist/nile-grid-cell-item/nile-grid-cell-item.esm.js +3 -3
- package/dist/nile-grid-head/nile-grid-head.cjs.js +1 -1
- package/dist/nile-grid-head/nile-grid-head.cjs.js.map +1 -1
- package/dist/nile-grid-head/nile-grid-head.css.cjs.js +1 -1
- package/dist/nile-grid-head/nile-grid-head.css.cjs.js.map +1 -1
- package/dist/nile-grid-head/nile-grid-head.css.esm.js +1 -1
- package/dist/nile-grid-head/nile-grid-head.esm.js +3 -3
- package/dist/nile-grid-head-item/nile-grid-head-item.cjs.js +1 -1
- package/dist/nile-grid-head-item/nile-grid-head-item.cjs.js.map +1 -1
- package/dist/nile-grid-head-item/nile-grid-head-item.css.cjs.js +1 -1
- package/dist/nile-grid-head-item/nile-grid-head-item.css.cjs.js.map +1 -1
- package/dist/nile-grid-head-item/nile-grid-head-item.css.esm.js +5 -20
- package/dist/nile-grid-head-item/nile-grid-head-item.esm.js +3 -4
- package/dist/nile-grid-row/nile-grid-row.cjs.js +1 -1
- package/dist/nile-grid-row/nile-grid-row.cjs.js.map +1 -1
- package/dist/nile-grid-row/nile-grid-row.css.cjs.js +1 -1
- package/dist/nile-grid-row/nile-grid-row.css.cjs.js.map +1 -1
- package/dist/nile-grid-row/nile-grid-row.css.esm.js +5 -17
- package/dist/nile-grid-row/nile-grid-row.esm.js +5 -4
- package/dist/nile-virtual-select/nile-virtual-select.cjs.js +2 -2
- package/dist/nile-virtual-select/nile-virtual-select.cjs.js.map +1 -1
- package/dist/nile-virtual-select/nile-virtual-select.esm.js +7 -6
- package/dist/src/nile-grid/nile-grid.css.js +2 -6
- package/dist/src/nile-grid/nile-grid.css.js.map +1 -1
- package/dist/src/nile-grid/nile-grid.d.ts +3 -9
- package/dist/src/nile-grid/nile-grid.js +20 -96
- package/dist/src/nile-grid/nile-grid.js.map +1 -1
- package/dist/src/nile-grid/nile-grid.utils.d.ts +2 -3
- package/dist/src/nile-grid/nile-grid.utils.js +81 -223
- package/dist/src/nile-grid/nile-grid.utils.js.map +1 -1
- package/dist/src/nile-grid-body/nile-grid-body.css.js +4 -0
- package/dist/src/nile-grid-body/nile-grid-body.css.js.map +1 -1
- package/dist/src/nile-grid-body/nile-grid-body.js +1 -1
- package/dist/src/nile-grid-body/nile-grid-body.js.map +1 -1
- package/dist/src/nile-grid-cell-item/nile-grid-cell-item.css.js +2 -17
- package/dist/src/nile-grid-cell-item/nile-grid-cell-item.css.js.map +1 -1
- package/dist/src/nile-grid-cell-item/nile-grid-cell-item.d.ts +3 -0
- package/dist/src/nile-grid-cell-item/nile-grid-cell-item.js +11 -1
- package/dist/src/nile-grid-cell-item/nile-grid-cell-item.js.map +1 -1
- package/dist/src/nile-grid-head/nile-grid-head.css.js +1 -1
- package/dist/src/nile-grid-head/nile-grid-head.css.js.map +1 -1
- package/dist/src/nile-grid-head/nile-grid-head.js +1 -1
- package/dist/src/nile-grid-head/nile-grid-head.js.map +1 -1
- package/dist/src/nile-grid-head-item/nile-grid-head-item.css.js +3 -18
- package/dist/src/nile-grid-head-item/nile-grid-head-item.css.js.map +1 -1
- package/dist/src/nile-grid-head-item/nile-grid-head-item.d.ts +2 -3
- package/dist/src/nile-grid-head-item/nile-grid-head-item.js +11 -14
- package/dist/src/nile-grid-head-item/nile-grid-head-item.js.map +1 -1
- package/dist/src/nile-grid-row/nile-grid-row.css.js +5 -17
- package/dist/src/nile-grid-row/nile-grid-row.css.js.map +1 -1
- package/dist/src/nile-grid-row/nile-grid-row.d.ts +1 -4
- package/dist/src/nile-grid-row/nile-grid-row.js +4 -19
- package/dist/src/nile-grid-row/nile-grid-row.js.map +1 -1
- package/dist/src/nile-virtual-select/nile-virtual-select.d.ts +18 -0
- package/dist/src/nile-virtual-select/nile-virtual-select.js +230 -3
- package/dist/src/nile-virtual-select/nile-virtual-select.js.map +1 -1
- package/dist/src/version.js +1 -1
- package/dist/src/version.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/nile-grid/nile-grid.css.ts +2 -6
- package/src/nile-grid/nile-grid.ts +21 -124
- package/src/nile-grid/nile-grid.utils.ts +98 -353
- package/src/nile-grid-body/nile-grid-body.css.ts +4 -0
- package/src/nile-grid-body/nile-grid-body.ts +2 -2
- package/src/nile-grid-cell-item/nile-grid-cell-item.css.ts +2 -17
- package/src/nile-grid-cell-item/nile-grid-cell-item.ts +11 -3
- package/src/nile-grid-head/nile-grid-head.css.ts +1 -1
- package/src/nile-grid-head/nile-grid-head.ts +2 -2
- package/src/nile-grid-head-item/nile-grid-head-item.css.ts +3 -18
- package/src/nile-grid-head-item/nile-grid-head-item.ts +16 -8
- package/src/nile-grid-row/nile-grid-row.css.ts +5 -17
- package/src/nile-grid-row/nile-grid-row.ts +6 -9
- package/src/nile-virtual-select/nile-virtual-select.ts +257 -3
- package/vscode-html-custom-data.json +69 -37
- package/src/nile-grid/nile-grid.types.ts +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-grid-cell-item.cjs.js","sources":["../../../src/nile-grid-cell-item/nile-grid-cell-item.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-grid-cell-item.css';\nimport NileElement from '../internal/nile-element';\nimport {\n initCellResize,\n cellResizeMove,\n cellResizeDone,\n} from './nile-grid-cell-item.utils';\n\n/**\n * Nile grid-cell component.\n *\n * @tag nile-grid-cell-item\n *\n */\n@customElement('nile-grid-cell-item')\nexport class NileGridCellItem extends NileElement {\n /**\n * The styles for nile-grid-cell-item\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n */\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n @property({ type: Number, reflect: true, attribute: true }) colspan = 1;\n @property({ type: Number, reflect: true, attribute: true }) rowspan = 1;\n @property({ type: Boolean, reflect: true, attribute: true }) resizable = false;\n\n connectedCallback() {\n super.connectedCallback();\n this.setAttribute('role', 'cell');\n }\n\n private onHandlePointerDown = (ev: PointerEvent) => {\n
|
|
1
|
+
{"version":3,"file":"nile-grid-cell-item.cjs.js","sources":["../../../src/nile-grid-cell-item/nile-grid-cell-item.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-grid-cell-item.css';\nimport NileElement from '../internal/nile-element';\nimport {\n initCellResize,\n cellResizeMove,\n cellResizeDone,\n} from './nile-grid-cell-item.utils';\n\n/**\n * Nile grid-cell component.\n *\n * @tag nile-grid-cell-item\n *\n */\n@customElement('nile-grid-cell-item')\nexport class NileGridCellItem extends NileElement {\n /**\n * The styles for nile-grid-cell-item\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n */\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n @property({ type: Number, reflect: true, attribute: true }) colspan = 1;\n @property({ type: Number, reflect: true, attribute: true }) rowspan = 1;\n @property({ type: String, reflect: true, attribute: true }) align?:\n | 'start'\n | 'center'\n | 'end';\n @property({ type: String, reflect: true, attribute: true }) valign?:\n | 'top'\n | 'middle'\n | 'bottom';\n @property({ type: Boolean, reflect: true, attribute: true }) resizable = false;\n @property({ type: Boolean, reflect: true, attribute: true }) textOverflowType: 'ellipsis' | 'clip' = 'ellipsis';\n\n connectedCallback() {\n super.connectedCallback();\n this.setAttribute('role', 'cell');\n }\n\n private onHandlePointerDown = (ev: PointerEvent) => {\n const el = this as HTMLElement;\n\n const downXRef = { value: 0 };\n const startWRef = { value: 0 };\n\n const result = initCellResize(el, ev, downXRef, startWRef);\n if (!result) return;\n\n const { target, col } = result;\n\n const move = (e: PointerEvent) =>\n cellResizeMove(el, col, startWRef.value, downXRef.value, e);\n const done = () => cellResizeDone(el, ev, target, move);\n\n target.addEventListener('pointermove', move);\n target.addEventListener('pointerup', done, { once: true });\n target.addEventListener('pointercancel', done, { once: true });\n };\n\n public render(): TemplateResult {\n return html`\n <div style=\"display: contents;\">\n <slot></slot>\n ${this.resizable\n ? html`\n <div\n aria-hidden=\"true\"\n class=\"resize-handle\"\n @pointerdown=${this.onHandlePointerDown}\n ></div>\n `\n : null}\n </div>\n `;\n }\n\n /* #endregion */\n}\n\nexport default NileGridCellItem;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-grid-cell-item': NileGridCellItem;\n }\n}\n"],"names":["NileGridCellItem","c","constructor","this","colspan","rowspan","resizable","textOverflowType","onHandlePointerDown","ev","el","downXRef","value","startWRef","result","initCellResize","target","move","col","e","cellResizeMove","done","cellResizeDone","addEventListener","once","_this","_inherits","_l","_createClass","key","connectedCallback","super","setAttribute","render","html","_templateObject","_taggedTemplateLiteral","_templateObject2","get","styles","NileElement","__decorate","property","type","Number","reflect","attribute","prototype","String","Boolean","customElement"],"mappings":"g2HAwBaA,CAAAA,uBAAAA,EAAAA,EAAN,SAAAC,EAAA,CAAAC,KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,qCASuDC,KAAAA,CAAOC,OAAAA,CAAG,CACVD,CAAAA,KAAAA,CAAOE,OAAG,CAAA,CAAA,CASTF,KAAAA,CAASG,SAAG,CAAA,CAAA,CAAA,CACZH,KAAAA,CAAgBI,gBAAAA,CAAwB,UAO7FJ,CAAAA,KAAAA,CAAAK,mBAAuBC,CAAAA,SAAAA,CAAAA,CAAAA,CAC7B,GAAMC,CAAAA,CAAAA,CAAAA,sBAAAA,CAAAA,KAAAA,CAEAC,CAAAA,CAAAA,CAAW,CAAEC,KAAAA,CAAO,CACpBC,CAAAA,CAAAA,CAAAA,CAAY,CAAED,KAAAA,CAAO,CAErBE,CAAAA,CAAAA,CAAAA,CAASC,CAAeL,CAAAA,CAAAA,CAAID,CAAIE,CAAAA,CAAAA,CAAUE,CAChD,CAAA,CAAA,GAAA,CAAKC,CAAQ,CAAA,OAEb,GAAQE,CAAAA,EAAgBF,CAElBG,CAFAD,MAAAA,CAAUE,EAAAA,CAAQJ,CAElBG,CAFQC,GAAEA,CAEVD,CAAAA,CAAQE,QAARF,CAAAA,CAAAA,CAAQE,CACZC,QAAAA,CAAAA,CAAAA,CAAeV,CAAIQ,CAAAA,EAAAA,CAAKL,CAAUD,CAAAA,KAAAA,CAAOD,CAASC,CAAAA,KAAAA,CAAOO,CACrDE,CAAAA,GAAAA,CAAAA,CAAO,QAAPA,CAAAA,CAAAA,CAAAA,QAAaC,CAAAA,CAAeZ,CAAAA,CAAAA,CAAID,CAAIO,CAAAA,CAAAA,CAAQC,CAElDD,CAAAA,GAAAA,CAAAA,CAAOO,gBAAiB,CAAA,aAAA,CAAeN,CACvCD,CAAAA,CAAAA,CAAAA,CAAOO,gBAAiB,CAAA,WAAA,CAAaF,CAAM,CAAA,CAAEG,MAAM,CACnDR,CAAAA,CAAAA,CAAAA,CAAAA,CAAOO,gBAAiB,CAAA,eAAA,CAAiBF,CAAM,CAAA,CAAEG,IAAM,CAAA,CAAA,CAAA,CAAA,CAAO,EAqBjE,QAAAC,KAAA,EA5DQC,SAAA,CAAAzB,CAAA,CAAA0B,EAAA,SAAAC,YAAA,CAAA3B,CAAA,GAAA4B,GAAA,qBAAAjB,KAAA,CAiBP,SAAAkB,iBAAAA,CAAAA,CAAAA,CACEC,aAAAA,CAAAA,CAAAA,iCACA5B,IAAK6B,CAAAA,YAAAA,CAAa,MAAQ,CAAA,MAAA,CAC3B,EAsBM,GAAAH,GAAA,UAAAjB,KAAA,UAAAqB,MAAAA,CAAAA,CACL,CAAA,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,0GAGLjC,IAAAA,CAAKG,UACH4B,CAAI,CAAAG,gBAAA,GAAAA,gBAAA,CAAAD,sBAAA,kLAIejC,IAAKK,CAAAA,mBAAAA,EAGxB,IAAA,EAGT,CAAA,KAAAqB,GAAA,UAAAS,GAAA,CAzDM,SAAAA,IAAA,CAAWC,CAChB,MAAO,CAACA,CACT,CAAA,EAeD,MAtBoCC,CAAAA,GASwBC,EAAA,CAA3DC,CAAAA,CAAS,CAAEC,IAAMC,CAAAA,MAAAA,CAAQC,SAAS,CAAMC,CAAAA,SAAAA,CAAAA,CAAW,KAAoB9C,CAAA+C,CAAAA,SAAAA,CAAA,cAAA,EACZN,CAAAA,CAAAA,CAAAA,CAAA,CAA3DC,CAAS,CAAA,CAAEC,KAAMC,MAAQC,CAAAA,OAAAA,CAAAA,CAAS,CAAMC,CAAAA,SAAAA,CAAAA,CAAW,KAAoB9C,CAAA+C,CAAAA,SAAAA,CAAA,cAAA,EACZN,CAAAA,CAAAA,CAAAA,CAAA,CAA3DC,CAAS,CAAA,CAAEC,KAAMK,MAAQH,CAAAA,OAAAA,CAAAA,CAAS,EAAMC,SAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAG1C9C,EAAA+C,SAAA,CAAA,OAAA,CAAA,IAAA,IACkDN,CAAA,CAAA,CAA3DC,CAAS,CAAA,CAAEC,KAAMK,MAAQH,CAAAA,OAAAA,CAAAA,CAAS,EAAMC,SAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAGvC9C,EAAA+C,SAAA,CAAA,QAAA,CAAA,IAAA,IACgDN,CAAA,CAAA,CAA5DC,EAAS,CAAEC,IAAAA,CAAMM,QAASJ,OAAS,CAAA,CAAA,CAAA,CAAMC,WAAW,CAA0B9C,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA+C,UAAA,WAAA,CAAA,IAAA,EAAA,CAAA,CAClBN,EAAA,CAA5DC,CAAAA,CAAS,CAAEC,IAAMM,CAAAA,OAAAA,CAASJ,SAAS,CAAMC,CAAAA,SAAAA,CAAAA,CAAW,KAA2D9C,CAAA+C,CAAAA,SAAAA,CAAA,uBAAA,EApBrG/C,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAgByC,EAAA,CAD5BS,CAAAA,CAAc,wBACFlD"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
System.register(["lit"],function(_export,_context){"use strict";var
|
|
1
|
+
System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,i;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){o=_lit.css;}],execute:function execute(){_export("s",i=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n --padding: var(--nile-spacing-xl) var(--nile-spacing-3xl);\n box-sizing: border-box;\n min-width: 0;\n white-space: nowrap;\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n padding: var(--padding);\n height: auto;\n border-bottom: 1px solid var(--nile-colors-neutral-400);\n border-right: 1px solid var(--nile-colors-neutral-400);\n position: relative;\n }\n\n ::slotted(*) {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: min-content;\n }\n\n .resize-handle {\n position: absolute;\n top: 0;\n right: 0;\n height: 100%;\n cursor: col-resize;\n touch-action: none;\n z-index: 1;\n width: 2px;\n border-right: 1px solid var(--nile-colors-neutral-400);\n }\n"]))));}};});
|
|
2
2
|
//# sourceMappingURL=nile-grid-cell-item.css.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-grid-cell-item.css.cjs.js","sources":["../../../src/nile-grid-cell-item/nile-grid-cell-item.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * Grid Cell Item CSS\n */\nexport const styles = css`\n :host {\n --padding: var(--nile-spacing-xl) var(--nile-spacing-3xl);\n box-sizing: border-box;\n min-width: 0;\n white-space: nowrap;\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n padding: var(--padding);\n height: auto;\n border-bottom: 1px solid var(--nile-colors-neutral-400);\n
|
|
1
|
+
{"version":3,"file":"nile-grid-cell-item.css.cjs.js","sources":["../../../src/nile-grid-cell-item/nile-grid-cell-item.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * Grid Cell Item CSS\n */\nexport const styles = css`\n :host {\n --padding: var(--nile-spacing-xl) var(--nile-spacing-3xl);\n box-sizing: border-box;\n min-width: 0;\n white-space: nowrap;\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n padding: var(--padding);\n height: auto;\n border-bottom: 1px solid var(--nile-colors-neutral-400);\n border-right: 1px solid var(--nile-colors-neutral-400);\n position: relative;\n }\n\n ::slotted(*) {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: min-content;\n }\n\n .resize-handle {\n position: absolute;\n top: 0;\n right: 0;\n height: 100%;\n cursor: col-resize;\n touch-action: none;\n z-index: 1;\n width: 2px;\n border-right: 1px solid var(--nile-colors-neutral-400);\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{css as
|
|
1
|
+
import{css as o}from"lit";const i=o`
|
|
2
2
|
:host {
|
|
3
3
|
--padding: var(--nile-spacing-xl) var(--nile-spacing-3xl);
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -10,17 +10,8 @@ import{css as e}from"lit";const i=e`
|
|
|
10
10
|
padding: var(--padding);
|
|
11
11
|
height: auto;
|
|
12
12
|
border-bottom: 1px solid var(--nile-colors-neutral-400);
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
font-family: var(--nile-font-weight-regular);
|
|
16
|
-
background-color: #FFFFFF;
|
|
17
|
-
min-height: 44px;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.cell-item-base {
|
|
21
|
-
width: 100%;
|
|
22
|
-
overflow: hidden;
|
|
23
|
-
text-overflow: ellipsis;
|
|
13
|
+
border-right: 1px solid var(--nile-colors-neutral-400);
|
|
14
|
+
position: relative;
|
|
24
15
|
}
|
|
25
16
|
|
|
26
17
|
::slotted(*) {
|
|
@@ -30,11 +21,6 @@ import{css as e}from"lit";const i=e`
|
|
|
30
21
|
width: min-content;
|
|
31
22
|
}
|
|
32
23
|
|
|
33
|
-
:host(:last-child) .resize-handle {
|
|
34
|
-
border-right: none;
|
|
35
|
-
display: none;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
24
|
.resize-handle {
|
|
39
25
|
position: absolute;
|
|
40
26
|
top: 0;
|
|
@@ -45,6 +31,5 @@ import{css as e}from"lit";const i=e`
|
|
|
45
31
|
z-index: 1;
|
|
46
32
|
width: 2px;
|
|
47
33
|
border-right: 1px solid var(--nile-colors-neutral-400);
|
|
48
|
-
display: none;
|
|
49
34
|
}
|
|
50
35
|
`;export{i as s};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import{__decorate as e}from"tslib";import{html as t}from"lit";import{property as i,customElement as r}from"lit/decorators.js";import{s}from"./nile-grid-cell-item.css.esm.js";import{N as l}from"../internal/nile-element.esm.js";import{i as o,c as
|
|
2
|
-
<div
|
|
1
|
+
import{__decorate as e}from"tslib";import{html as t}from"lit";import{property as i,customElement as r}from"lit/decorators.js";import{s}from"./nile-grid-cell-item.css.esm.js";import{N as l}from"../internal/nile-element.esm.js";import{i as o,c as n,a}from"./nile-grid-cell-item.utils.esm.js";let c=class extends l{constructor(){super(...arguments),this.colspan=1,this.rowspan=1,this.resizable=!1,this.textOverflowType="ellipsis",this.onHandlePointerDown=e=>{const t=this,i={value:0},r={value:0},s=o(t,e,i,r);if(!s)return;const{target:l,col:c}=s,p=e=>n(t,c,r.value,i.value,e),d=()=>a(t,e,l,p);l.addEventListener("pointermove",p),l.addEventListener("pointerup",d,{once:!0}),l.addEventListener("pointercancel",d,{once:!0})}}static get styles(){return[s]}connectedCallback(){super.connectedCallback(),this.setAttribute("role","cell")}render(){return t`
|
|
2
|
+
<div style="display: contents;">
|
|
3
3
|
<slot></slot>
|
|
4
4
|
${this.resizable?t`
|
|
5
5
|
<div
|
|
@@ -9,4 +9,4 @@ import{__decorate as e}from"tslib";import{html as t}from"lit";import{property as
|
|
|
9
9
|
></div>
|
|
10
10
|
`:null}
|
|
11
11
|
</div>
|
|
12
|
-
`}};e([i({type:Number,reflect:!0,attribute:!0})],c.prototype,"colspan",void 0),e([i({type:Number,reflect:!0,attribute:!0})],c.prototype,"rowspan",void 0),e([i({type:Boolean,reflect:!0,attribute:!0})],c.prototype,"resizable",void 0),c=e([r("nile-grid-cell-item")],c);export{c as N};
|
|
12
|
+
`}};e([i({type:Number,reflect:!0,attribute:!0})],c.prototype,"colspan",void 0),e([i({type:Number,reflect:!0,attribute:!0})],c.prototype,"rowspan",void 0),e([i({type:String,reflect:!0,attribute:!0})],c.prototype,"align",void 0),e([i({type:String,reflect:!0,attribute:!0})],c.prototype,"valign",void 0),e([i({type:Boolean,reflect:!0,attribute:!0})],c.prototype,"resizable",void 0),e([i({type:Boolean,reflect:!0,attribute:!0})],c.prototype,"textOverflowType",void 0),c=e([r("nile-grid-cell-item")],c);export{c as N};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-grid-head.css.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";var
|
|
1
|
+
function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-grid-head.css.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";var t,s,e,r,i,_templateObject,o;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_lit){s=_lit.html;},function(_litDecoratorsJs){e=_litDecoratorsJs.customElement;},function(_nileGridHeadCssCjsJs){r=_nileGridHeadCssCjsJs.s;},function(_internalNileElementCjsJs){i=_internalNileElementCjsJs.N;}],execute:function execute(){_export("N",o=/*#__PURE__*/function(_i){function o(){_classCallCheck(this,o);return _callSuper(this,o,arguments);}_inherits(o,_i);return _createClass(o,[{key:"render",value:function render(){return s(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n <div style=\"display: contents;\">\n <slot></slot>\n </div>\n "])));}}],[{key:"styles",get:function get(){return[r];}}]);}(i));_export("N",o=t([e("nile-grid-head")],o));}};});
|
|
2
2
|
//# sourceMappingURL=nile-grid-head.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-grid-head.cjs.js","sources":["../../../src/nile-grid-head/nile-grid-head.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-grid-head.css';\nimport NileElement from '../internal/nile-element';\n\n/**\n * Nile grid-head component.\n *\n * @tag nile-grid-head\n *\n */\n@customElement('nile-grid-head')\nexport class NileGridHead extends NileElement {\n /**\n * The styles for nile-grid-head\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n */\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n /* #endregion */\n\n /* #region Methods */\n\n public render(): TemplateResult {\n return html`\n <div
|
|
1
|
+
{"version":3,"file":"nile-grid-head.cjs.js","sources":["../../../src/nile-grid-head/nile-grid-head.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-grid-head.css';\nimport NileElement from '../internal/nile-element';\n\n/**\n * Nile grid-head component.\n *\n * @tag nile-grid-head\n *\n */\n@customElement('nile-grid-head')\nexport class NileGridHead extends NileElement {\n /**\n * The styles for nile-grid-head\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n */\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n /* #endregion */\n\n /* #region Methods */\n\n public render(): TemplateResult {\n return html`\n <div style=\"display: contents;\">\n <slot></slot>\n </div>\n `;\n }\n\n /* #endregion */\n}\n\nexport default NileGridHead;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-grid-head': NileGridHead;\n }\n}\n"],"names":["NileGridHead","render","html","_templateObject","_taggedTemplateLiteral","key","get","styles","NileElement","__decorate","customElement"],"mappings":"omGAmBaA,CAAAA,uBAAAA,EAAAA,WAAAA,EAAAA,EAAAA,eAAAA,MAAAA,CAAAA,SAAAA,UAAAA,MAAAA,CAAAA,CAAAA,SAAAA,GAAAA,SAAAA,CAAAA,CAAAA,CAAAA,EAAAA,SAAAA,YAAAA,CAAAA,CAAAA,GAAAA,GAAAA,UAAAA,KAAAA,CAaJ,SAAAC,MAAAA,CAAAA,CACL,CAAA,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,8FAKZ,CAAA,KAAAC,GAAA,UAAAC,GAAA,CAdM,SAAAA,IAAA,EACL,MAAO,CAACC,EACT,EAMM,MAbyBC,CAKzB,GALIR,OAAAA,KAAAA,CAAYS,CAAAA,CAAAA,CAAA,CADxBC,CAAAA,CAAc,mBACFV"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
System.register(["lit"],function(_export,_context){"use strict";var t,_templateObject,o;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){t=_lit.css;}],execute:function execute(){_export("s",o=t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host([sticky]) {\n position: sticky;\n z-index:
|
|
1
|
+
System.register(["lit"],function(_export,_context){"use strict";var t,_templateObject,o;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){t=_lit.css;}],execute:function execute(){_export("s",o=t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host([sticky]) {\n position: sticky;\n z-index: 2;\n top: 0;\n }\n"]))));}};});
|
|
2
2
|
//# sourceMappingURL=nile-grid-head.css.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-grid-head.css.cjs.js","sources":["../../../src/nile-grid-head/nile-grid-head.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * GridHead CSS\n */\nexport const styles = css`\n :host([sticky]) {\n position: sticky;\n z-index:
|
|
1
|
+
{"version":3,"file":"nile-grid-head.css.cjs.js","sources":["../../../src/nile-grid-head/nile-grid-head.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * GridHead CSS\n */\nexport const styles = css`\n :host([sticky]) {\n position: sticky;\n z-index: 2;\n top: 0;\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import{__decorate as
|
|
2
|
-
<div
|
|
1
|
+
import{__decorate as t}from"tslib";import{html as e}from"lit";import{customElement as s}from"lit/decorators.js";import{s as r}from"./nile-grid-head.css.esm.js";import{N as i}from"../internal/nile-element.esm.js";let o=class extends i{static get styles(){return[r]}render(){return e`
|
|
2
|
+
<div style="display: contents;">
|
|
3
3
|
<slot></slot>
|
|
4
4
|
</div>
|
|
5
|
-
`}};o=
|
|
5
|
+
`}};o=t([s("nile-grid-head")],o);export{o as N};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-grid-head-item.css.cjs.js","../internal/nile-element.cjs.js","./nile-grid-head-item.utils.cjs.js"],function(_export,_context){"use strict";var e,t,i,
|
|
1
|
+
function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-grid-head-item.css.cjs.js","../internal/nile-element.cjs.js","./nile-grid-head-item.utils.cjs.js"],function(_export,_context){"use strict";var e,t,r,i,s,o,l,a,n,_templateObject,_templateObject2,c;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_lit){t=_lit.html;},function(_litDecoratorsJs){r=_litDecoratorsJs.property;i=_litDecoratorsJs.customElement;},function(_nileGridHeadItemCssCjsJs){s=_nileGridHeadItemCssCjsJs.s;},function(_internalNileElementCjsJs){o=_internalNileElementCjsJs.N;},function(_nileGridHeadItemUtilsCjsJs){l=_nileGridHeadItemUtilsCjsJs.i;a=_nileGridHeadItemUtilsCjsJs.h;n=_nileGridHeadItemUtilsCjsJs.a;}],execute:function execute(){_export("N",c=/*#__PURE__*/function(_o){function c(){var _this;_classCallCheck(this,c);_this=_callSuper(this,c,arguments),_this.colspan=1,_this.rowspan=1,_this.scope="col",_this.resizable=!1,_this.sticky=!1,_this.onHandlePointerDown=function(e){var t=_assertThisInitialized(_this),r={value:0},i={value:0},s=l(t,e,r,i);if(!s)return;var o=s.target,_c=s.col,d=function d(e){return a(t,_c,i.value,r.value,e);},p=function p(){return n(t,e,o,d);};o.addEventListener("pointermove",d),o.addEventListener("pointerup",p,{once:!0}),o.addEventListener("pointercancel",p,{once:!0});};return _this;}_inherits(c,_o);return _createClass(c,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(c,"connectedCallback",this,3)([]),this.setAttribute("role","row"===this.scope?"rowheader":"columnheader");}},{key:"updated",value:function updated(e){e.has("scope")&&this.setAttribute("role","row"===this.scope?"rowheader":"columnheader");}},{key:"disconnectedCallback",value:function disconnectedCallback(){_superPropGet(c,"disconnectedCallback",this,3)([]),this.removeAttribute("role");}},{key:"render",value:function render(){return t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n <div style=\"display: contents;\">\n <slot></slot>\n ","\n </div>\n "])),this.resizable?t(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n <div\n aria-hidden=\"false\"\n class=\"resize-handle\"\n @pointerdown=","\n ></div>\n "])),this.onHandlePointerDown):null);}}],[{key:"styles",get:function get(){return[s];}}]);}(o));e([r({type:Number,reflect:!0,attribute:!0})],c.prototype,"colspan",void 0),e([r({type:Number,reflect:!0,attribute:!0})],c.prototype,"rowspan",void 0),e([r({type:String,reflect:!0,attribute:!0})],c.prototype,"scope",void 0),e([r({type:Boolean,reflect:!0,attribute:!0})],c.prototype,"resizable",void 0),e([r({type:Boolean,reflect:!0,attribute:!0})],c.prototype,"sticky",void 0),_export("N",c=e([i("nile-grid-head-item")],c));}};});
|
|
2
2
|
//# sourceMappingURL=nile-grid-head-item.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-grid-head-item.cjs.js","sources":["../../../src/nile-grid-head-item/nile-grid-head-item.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-grid-head-item.css';\nimport NileElement from '../internal/nile-element';\nimport {\n initHeadResize,\n headResizeMove,\n headResizeDone,\n} from './nile-grid-head-item.utils';\n\n/**\n * Nile grid-head-item component.\n *\n * @tag nile-grid-head-item\n *\n */\n@customElement('nile-grid-head-item')\nexport class NileGridHeadItem extends NileElement {\n /**\n * The styles for nile-grid-head-item\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n */\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n @property({ type: Number, reflect: true, attribute: true }) colspan = 1;\n @property({ type: Number, reflect: true, attribute: true }) rowspan = 1;\n @property({ type:
|
|
1
|
+
{"version":3,"file":"nile-grid-head-item.cjs.js","sources":["../../../src/nile-grid-head-item/nile-grid-head-item.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-grid-head-item.css';\nimport NileElement from '../internal/nile-element';\nimport {\n initHeadResize,\n headResizeMove,\n headResizeDone,\n} from './nile-grid-head-item.utils';\n\n/**\n * Nile grid-head-item component.\n *\n * @tag nile-grid-head-item\n *\n */\n@customElement('nile-grid-head-item')\nexport class NileGridHeadItem extends NileElement {\n /**\n * The styles for nile-grid-head-item\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n */\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n @property({ type: Number, reflect: true, attribute: true }) colspan = 1;\n @property({ type: Number, reflect: true, attribute: true }) rowspan = 1;\n @property({ type: String, reflect: true, attribute: true }) scope:\n | 'col'\n | 'row' = 'col';\n @property({ type: Boolean, reflect: true, attribute: true }) resizable = false;\n @property({ type: Boolean, reflect: true, attribute: true }) sticky = false;\n\n connectedCallback() {\n super.connectedCallback();\n this.setAttribute(\n 'role',\n this.scope === 'row' ? 'rowheader' : 'columnheader'\n );\n }\n\n private onHandlePointerDown = (ev: PointerEvent) => {\n const el = this as HTMLElement;\n\n const downXRef = { value: 0 };\n const startWRef = { value: 0 };\n\n const result = initHeadResize(el, ev, downXRef, startWRef);\n if (!result) return;\n\n const { target, col } = result;\n\n const move = (e: PointerEvent) =>\n headResizeMove(el, col, startWRef.value, downXRef.value, e);\n\n const done = () => headResizeDone(el, ev, target, move);\n\n target.addEventListener('pointermove', move);\n target.addEventListener('pointerup', done, { once: true });\n target.addEventListener('pointercancel', done, { once: true });\n };\n\n protected updated(changed: Map<string, unknown>) {\n if (changed.has('scope')) {\n this.setAttribute(\n 'role',\n this.scope === 'row' ? 'rowheader' : 'columnheader'\n );\n }\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this.removeAttribute('role');\n }\n\n public render(): TemplateResult {\n return html`\n <div style=\"display: contents;\">\n <slot></slot>\n ${this.resizable\n ? html`\n <div\n aria-hidden=\"false\"\n class=\"resize-handle\"\n @pointerdown=${this.onHandlePointerDown}\n ></div>\n `\n : null}\n </div>\n `;\n }\n\n /* #endregion */\n}\n\nexport default NileGridHeadItem;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-grid-head-item': NileGridHeadItem;\n }\n}\n"],"names":["NileGridHeadItem","_o","c","this","colspan","rowspan","scope","resizable","sticky","onHandlePointerDown","ev","el","downXRef","value","startWRef","result","initHeadResize","target","col","move","e","headResizeMove","done","p","headResizeDone","addEventListener","once","_this","_inherits","_createClass","key","connectedCallback","super","setAttribute","updated","changed","has","disconnectedCallback","removeAttribute","render","html","_templateObject","_taggedTemplateLiteral","_templateObject2","get","styles","NileElement","__decorate","property","type","Number","reflect","attribute","prototype","String","Boolean","customElement"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
System.register(["lit"],function(_export,_context){"use strict";var
|
|
1
|
+
System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,e;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){o=_lit.css;}],execute:function execute(){_export("s",e=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n --padding: var(--nile-spacing-xl) var(--nile-spacing-3xl);\n position: relative;\n box-sizing: border-box;\n user-select: none;\n white-space: nowrap;\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n padding: var(--padding);\n background-color: var(--nile-colors-neutral-100);\n border-bottom: 1px solid var(--nile-colors-neutral-400);\n border-right: 1px solid var(--nile-colors-neutral-400);\n }\n\n ::slotted(*) {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .resize-handle {\n position: absolute;\n top: 0;\n right: 0;\n height: 100%;\n cursor: col-resize;\n touch-action: none;\n z-index: 1;\n width: 2px;\n border-right: 1px solid var(--nile-colors-neutral-400);\n }\n"]))));}};});
|
|
2
2
|
//# sourceMappingURL=nile-grid-head-item.css.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-grid-head-item.css.cjs.js","sources":["../../../src/nile-grid-head-item/nile-grid-head-item.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * NileGridHeadItem CSS\n */\nexport const styles = css`\n :host {\n --padding: var(--nile-spacing-
|
|
1
|
+
{"version":3,"file":"nile-grid-head-item.css.cjs.js","sources":["../../../src/nile-grid-head-item/nile-grid-head-item.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * NileGridHeadItem CSS\n */\nexport const styles = css`\n :host {\n --padding: var(--nile-spacing-xl) var(--nile-spacing-3xl);\n position: relative;\n box-sizing: border-box;\n user-select: none;\n white-space: nowrap;\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n padding: var(--padding);\n background-color: var(--nile-colors-neutral-100);\n border-bottom: 1px solid var(--nile-colors-neutral-400);\n border-right: 1px solid var(--nile-colors-neutral-400);\n }\n\n ::slotted(*) {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .resize-handle {\n position: absolute;\n top: 0;\n right: 0;\n height: 100%;\n cursor: col-resize;\n touch-action: none;\n z-index: 1;\n width: 2px;\n border-right: 1px solid var(--nile-colors-neutral-400);\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import{css as
|
|
1
|
+
import{css as o}from"lit";const e=o`
|
|
2
2
|
:host {
|
|
3
|
-
--padding: var(--nile-spacing-
|
|
4
|
-
--height: 50px;
|
|
3
|
+
--padding: var(--nile-spacing-xl) var(--nile-spacing-3xl);
|
|
5
4
|
position: relative;
|
|
6
5
|
box-sizing: border-box;
|
|
7
6
|
user-select: none;
|
|
@@ -12,16 +11,7 @@ import{css as e}from"lit";const i=e`
|
|
|
12
11
|
padding: var(--padding);
|
|
13
12
|
background-color: var(--nile-colors-neutral-100);
|
|
14
13
|
border-bottom: 1px solid var(--nile-colors-neutral-400);
|
|
15
|
-
|
|
16
|
-
font-weight: 500;
|
|
17
|
-
font-family: var(--nile-font-weight-medium);
|
|
18
|
-
min-height: var(--height);
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.head-item-base {
|
|
22
|
-
width: 100%;
|
|
23
|
-
overflow: hidden;
|
|
24
|
-
text-overflow: ellipsis;
|
|
14
|
+
border-right: 1px solid var(--nile-colors-neutral-400);
|
|
25
15
|
}
|
|
26
16
|
|
|
27
17
|
::slotted(*) {
|
|
@@ -30,20 +20,15 @@ import{css as e}from"lit";const i=e`
|
|
|
30
20
|
white-space: nowrap;
|
|
31
21
|
}
|
|
32
22
|
|
|
33
|
-
:host(:last-child) .resize-handle {
|
|
34
|
-
border-right: none;
|
|
35
|
-
display: none;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
23
|
.resize-handle {
|
|
39
24
|
position: absolute;
|
|
40
25
|
top: 0;
|
|
41
26
|
right: 0;
|
|
42
27
|
height: 100%;
|
|
43
|
-
cursor:
|
|
28
|
+
cursor: col-resize;
|
|
44
29
|
touch-action: none;
|
|
45
30
|
z-index: 1;
|
|
46
31
|
width: 2px;
|
|
47
32
|
border-right: 1px solid var(--nile-colors-neutral-400);
|
|
48
33
|
}
|
|
49
|
-
`;export{
|
|
34
|
+
`;export{e as s};
|
|
@@ -1,13 +1,12 @@
|
|
|
1
|
-
import{__decorate as e}from"tslib";import{html as t}from"lit";import{property as
|
|
2
|
-
<div
|
|
1
|
+
import{__decorate as e}from"tslib";import{html as t}from"lit";import{property as r,customElement as i}from"lit/decorators.js";import{s}from"./nile-grid-head-item.css.esm.js";import{N as o}from"../internal/nile-element.esm.js";import{i as l,h as a,a as n}from"./nile-grid-head-item.utils.esm.js";let c=class extends o{constructor(){super(...arguments),this.colspan=1,this.rowspan=1,this.scope="col",this.resizable=!1,this.sticky=!1,this.onHandlePointerDown=e=>{const t=this,r={value:0},i={value:0},s=l(t,e,r,i);if(!s)return;const{target:o,col:c}=s,d=e=>a(t,c,i.value,r.value,e),p=()=>n(t,e,o,d);o.addEventListener("pointermove",d),o.addEventListener("pointerup",p,{once:!0}),o.addEventListener("pointercancel",p,{once:!0})}}static get styles(){return[s]}connectedCallback(){super.connectedCallback(),this.setAttribute("role","row"===this.scope?"rowheader":"columnheader")}updated(e){e.has("scope")&&this.setAttribute("role","row"===this.scope?"rowheader":"columnheader")}disconnectedCallback(){super.disconnectedCallback(),this.removeAttribute("role")}render(){return t`
|
|
2
|
+
<div style="display: contents;">
|
|
3
3
|
<slot></slot>
|
|
4
4
|
${this.resizable?t`
|
|
5
5
|
<div
|
|
6
6
|
aria-hidden="false"
|
|
7
7
|
class="resize-handle"
|
|
8
|
-
part="resize-handle"
|
|
9
8
|
@pointerdown=${this.onHandlePointerDown}
|
|
10
9
|
></div>
|
|
11
10
|
`:null}
|
|
12
11
|
</div>
|
|
13
|
-
`}};e([
|
|
12
|
+
`}};e([r({type:Number,reflect:!0,attribute:!0})],c.prototype,"colspan",void 0),e([r({type:Number,reflect:!0,attribute:!0})],c.prototype,"rowspan",void 0),e([r({type:String,reflect:!0,attribute:!0})],c.prototype,"scope",void 0),e([r({type:Boolean,reflect:!0,attribute:!0})],c.prototype,"resizable",void 0),e([r({type:Boolean,reflect:!0,attribute:!0})],c.prototype,"sticky",void 0),c=e([i("nile-grid-head-item")],c);export{c as N};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-grid-row.css.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";var t,e,
|
|
1
|
+
function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-grid-row.css.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";var r,t,s,e,o,_templateObject,i;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){r=_tslib.__decorate;},function(_lit){t=_lit.html;},function(_litDecoratorsJs){s=_litDecoratorsJs.customElement;},function(_nileGridRowCssCjsJs){e=_nileGridRowCssCjsJs.s;},function(_internalNileElementCjsJs){o=_internalNileElementCjsJs.N;}],execute:function execute(){_export("N",i=/*#__PURE__*/function(_o){function i(){_classCallCheck(this,i);return _callSuper(this,i,arguments);}_inherits(i,_o);return _createClass(i,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(i,"connectedCallback",this,3)([]),this.setAttribute("role","row");}},{key:"render",value:function render(){return t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n <div part=\"row-layer\" class=\"row-layer\" data-row-bg></div>\n\n <div style=\"display: contents;\">\n <slot></slot>\n </div>\n "])));}}],[{key:"styles",get:function get(){return[e];}}]);}(o));_export("N",i=r([s("nile-grid-row")],i));}};});
|
|
2
2
|
//# sourceMappingURL=nile-grid-row.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-grid-row.cjs.js","sources":["../../../src/nile-grid-row/nile-grid-row.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, CSSResultArray, TemplateResult
|
|
1
|
+
{"version":3,"file":"nile-grid-row.cjs.js","sources":["../../../src/nile-grid-row/nile-grid-row.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-grid-row.css';\nimport NileElement from '../internal/nile-element';\n\n/**\n * Nile grid-row component.\n *\n * @tag nile-grid-row\n *\n */\n@customElement('nile-grid-row')\nexport class NileGridRow extends NileElement {\n /**\n * The styles for nile-grid-row\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n */\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.setAttribute('role', 'row');\n }\n\n public render(): TemplateResult {\n return html`\n <div part=\"row-layer\" class=\"row-layer\" data-row-bg></div>\n\n <div style=\"display: contents;\">\n <slot></slot>\n </div>\n `;\n }\n\n /* #endregion */\n}\n\nexport default NileGridRow;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-grid-row': NileGridRow;\n }\n}\n"],"names":["NileGridRow","_o","i","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","connectedCallback","super","this","setAttribute","render","html","_templateObject","_taggedTemplateLiteral","get","styles","NileElement","__decorate","customElement"],"mappings":"8mHAmBaA,CAAN,uBAAAC,EAAA,WAAAC,EAAA,EAAAC,eAAA,MAAAD,CAAA,SAAAE,UAAA,MAAAF,CAAA,CAAAG,SAAA,GAAAC,SAAA,CAAAJ,CAAA,CAAAD,EAAA,SAAAM,YAAA,CAAAL,CAAA,GAAAM,GAAA,qBAAAC,KAAA,CASL,SAAAC,iBAAAA,CAAAA,CAAAA,CACEC,aAAAA,CAAAA,CAAAA,iCACAC,IAAAA,CAAKC,YAAa,CAAA,MAAA,CAAQ,KAC3B,CAAA,EAEM,GAAAL,GAAA,UAAAC,KAAA,UAAAK,MAAAA,CAAAA,CAAAA,CACL,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,sKAOZ,CAAA,KAAAT,GAAA,UAAAU,GAAA,CAjBM,SAAAA,IAAA,CAAWC,CAChB,MAAO,CAACA,CACT,CAAA,EAED,MAT+BC,IAApBpB,OAAAA,KAAAA,CAAWqB,CAAAA,CAAAA,CAAA,CADvBC,CAAAA,CAAc,kBACFtB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,r;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){o=_lit.css;}],execute:function execute(){_export("s",r=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n display:
|
|
1
|
+
System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,r;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){o=_lit.css;}],execute:function execute(){_export("s",r=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n display: contents;\n }\n\n ::slotted(nile-grid-header) {\n background-color: var(--nile-colors-neutral-100);\n }\n\n .row-layer {\n background-color: var(--row-bg, transparent);\n z-index: 0;\n pointer-events: auto;\n }\n"]))));}};});
|
|
2
2
|
//# sourceMappingURL=nile-grid-row.css.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-grid-row.css.cjs.js","sources":["../../../src/nile-grid-row/nile-grid-row.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * GridRow CSS\n */\nexport const styles = css`\n :host {\n display:
|
|
1
|
+
{"version":3,"file":"nile-grid-row.css.cjs.js","sources":["../../../src/nile-grid-row/nile-grid-row.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * GridRow CSS\n */\nexport const styles = css`\n :host {\n display: contents;\n }\n\n ::slotted(nile-grid-header) {\n background-color: var(--nile-colors-neutral-100);\n }\n\n .row-layer {\n background-color: var(--row-bg, transparent);\n z-index: 0;\n pointer-events: auto;\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
|
|
@@ -1,27 +1,15 @@
|
|
|
1
1
|
import{css as o}from"lit";const r=o`
|
|
2
2
|
:host {
|
|
3
|
-
display:
|
|
4
|
-
grid-template-columns: var(--nile-grid-columns);
|
|
5
|
-
position: relative;
|
|
3
|
+
display: contents;
|
|
6
4
|
}
|
|
7
5
|
|
|
8
|
-
|
|
6
|
+
::slotted(nile-grid-header) {
|
|
9
7
|
background-color: var(--nile-colors-neutral-100);
|
|
10
8
|
}
|
|
11
9
|
|
|
12
|
-
.row-
|
|
13
|
-
|
|
14
|
-
pointer-events: none;
|
|
10
|
+
.row-layer {
|
|
11
|
+
background-color: var(--row-bg, transparent);
|
|
15
12
|
z-index: 0;
|
|
16
|
-
|
|
13
|
+
pointer-events: auto;
|
|
17
14
|
}
|
|
18
|
-
|
|
19
|
-
.row-slot {
|
|
20
|
-
grid-column: 1 / -1;
|
|
21
|
-
display: contents;
|
|
22
|
-
z-index: 1;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
:host([selected]) .row-bg { background: var(--row-selected-bg, rgba(0,0,0,.08)); }
|
|
26
|
-
:host([error]) .row-bg { background: var(--row-error-bg, #fff4f4); }
|
|
27
15
|
`;export{r as s};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import{__decorate as
|
|
2
|
-
<div part="row-
|
|
1
|
+
import{__decorate as r}from"tslib";import{html as t}from"lit";import{customElement as e}from"lit/decorators.js";import{s}from"./nile-grid-row.css.esm.js";import{N as o}from"../internal/nile-element.esm.js";let i=class extends o{static get styles(){return[s]}connectedCallback(){super.connectedCallback(),this.setAttribute("role","row")}render(){return t`
|
|
2
|
+
<div part="row-layer" class="row-layer" data-row-bg></div>
|
|
3
|
+
|
|
4
|
+
<div style="display: contents;">
|
|
3
5
|
<slot></slot>
|
|
4
6
|
</div>
|
|
5
|
-
|
|
6
|
-
`}};t([r({type:Boolean,reflect:!0,attribute:!0})],l.prototype,"disabled",void 0),t([r({type:Boolean,reflect:!0,attribute:!0})],l.prototype,"hover",void 0),t([r({type:Boolean,reflect:!0,attribute:!0})],l.prototype,"selected",void 0),l=t([o("nile-grid-row")],l);export{l as N};
|
|
7
|
+
`}};i=r([e("nile-grid-row")],i);export{i as N};
|