@ncino/web-components 15.4.0 → 15.6.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/dist/_virtual/index3.js +1 -1
- package/dist/_virtual/index5.js +1 -1
- package/dist/_virtual/index6.js +1 -1
- package/dist/_virtual/index7.js +1 -1
- package/dist/_virtual/index8.js +1 -1
- package/dist/components/guided-nav/gator/guided-nav-step/guided-nav-step.gator.js +3 -3
- package/dist/components/input/gator/dropdown/input-dropdown.gator.js +42 -35
- package/dist/components/input-rich-text/input-rich-text.slds.js +1 -1
- package/dist/components/list/gator/list/list.gator.js +1 -1
- package/dist/components/menu/base/gator/menu.gator.js +3 -3
- package/dist/components/menu/menu-item/gator/menu-item.gator.js +10 -4
- package/dist/components/menu/menu-item/menu-item.js +1 -1
- package/dist/components/table/gator/table-cells/table-cell-icon-button.gator.js +11 -8
- package/dist/components/table/gator/table.gator.js +22 -22
- package/dist/node_modules/.pnpm/ansi-styles@5.2.0/node_modules/ansi-styles/index.js +1 -1
- package/dist/node_modules/.pnpm/aria-query@5.3.0/node_modules/aria-query/lib/index.js +1 -1
- package/dist/node_modules/.pnpm/dequal@2.0.3/node_modules/dequal/lite/index.js +1 -1
- package/dist/node_modules/.pnpm/pretty-format@27.5.1/node_modules/pretty-format/build/index.js +1 -1
- package/dist/node_modules/.pnpm/react-is@17.0.2/node_modules/react-is/index.js +1 -1
- package/dist/node_modules/.pnpm/unified@11.0.5/node_modules/unified/lib/index.js +1 -1
- package/dist/packages/web-components/src/components/input/gator/dropdown/input-dropdown.gator.scss.js +1 -1
- package/dist/types/src/components/input/gator/dropdown/input-dropdown.gator.d.ts +56 -1
- package/dist/types/src/components/menu/base/gator/menu.gator.d.ts +4 -0
- package/dist/types/src/components/menu/menu-item/gator/menu-item.gator.d.ts +10 -1
- package/dist/types/src/components/menu/menu-item/menu-item.d.ts +14 -2
- package/dist/types/src/components/table/gator/table.gator.d.ts +14 -0
- package/dist/types/src/components/table/table-cell-config.d.ts +6 -0
- package/package.json +3 -3
- package/web-types.json +81 -22
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{nothing as
|
|
1
|
+
import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{nothing as f,html as o}from"../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/lit-html.js";import"../../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.js";import{property as $}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";import{state as m}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.js";import{customElement as F}from"../../../utils/decorators/custom-element-decorator.js";import{msg as u}from"../../../node_modules/.pnpm/@lit_localize@0.12.2/node_modules/@lit/localize/init/install.js";import{localized as x}from"../../../node_modules/.pnpm/@lit_localize@0.12.2/node_modules/@lit/localize/internal/localized-decorator.js";import"../../../node_modules/.pnpm/@lit_localize@0.12.2/node_modules/@lit/localize/init/runtime.js";import{NjcTable as P}from"../table.js";import{formatTableTextValue as T}from"../table-format-utils.js";import _ from"../../../packages/web-components/src/components/table/gator/table.gator.scss.js";import A from"../../../packages/styles/dist/tokens/primitive.tokens.css.js";import R from"../../../packages/styles/dist/tokens/semantic.tokens.css.js";import"./table-bulk-controls/table-bulk-controls.gator.js";import"./table-cells/table-cell-chip.gator.js";import"./table-cells/table-cell-avatar.gator.js";import"./table-cells/table-cell-checkbox.gator.js";import"./table-cells/table-cell-text-link.gator.js";import"./table-cells/table-cell-button.gator.js";import"./table-cells/table-cell-icon-button.gator.js";import"./table-cells/table-cell-input-dropdown.gator.js";import"./table-cells/table-cell-input-text.gator.js";import"./table-cells/table-cell-text.gator.js";import"../../checkbox/checkbox.gator.js";import"../../icon/gator/icon.gator.js";import"../../icon/gator/templates/index.js";import"../../icon-button/gator/icon-button.gator.js";import"../../popover/gator/popover.gator.js";import"../../checkbox-group/checkbox-group.gator.js";import"../../radio-group/radio-group.gator.js";import"../../button/gator/button.gator.js";import"../../chip/gator/chip.gator.js";import"../../input/gator/input-search/input-search.gator.js";import"../../skip-link/gator/base/skip-link.gator.js";import"../../illustration/gator/illustration.gator.js";import"../../illustration/gator/templates/index.js";import"../../card/gator/base/card.gator.js";import{unsafeCSS as k}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var E=Object.defineProperty,B=Object.getOwnPropertyDescriptor,p=(e,t,l,i)=>{for(var s=i>1?void 0:i?B(t,l):t,r=e.length-1,a;r>=0;r--)(a=e[r])&&(s=(i?a(t,l,s):a(s))||s);return i&&s&&E(t,l,s),s};let h=class extends P{constructor(){super(...arguments),this.elevated=!1,this.includePagination=!1,this.includePageSelection=!1,this.skeleton=!1,this.sortField=null,this.sortDirection=null,this.filterValues={},this.selectedRows=[],this._currentPage=1,this._sortField=null,this._sortDirection=null,this._hoveredHeaderColumnField=null,this._pendingFilterValues={},this._filterSearchQuery={},this.renderHeaderFilterPopover=(e,t,l=!1)=>{const i=e.filterOptions??[],s=(this._filterSearchQuery[e.field]??"").toLowerCase(),r=s?i.filter(g=>g.label.toLowerCase().includes(s)):i,a=this.hasActiveFilter(e),c=e.filterMultiselect===!0,n=this.getEffectivePending(e),d=r.map(g=>({title:g.label,value:String(g.value)})),b=c?n.join(";"):"",v=c?"":n||"";return o`
|
|
2
2
|
<span class="gator-table-header-filter-trigger-wrap ${t?"gator-table-header-filter-trigger-visible":""}">
|
|
3
3
|
<ngc-icon-button
|
|
4
4
|
id="filter-trigger-${e.field}"
|
|
@@ -20,23 +20,23 @@ import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit
|
|
|
20
20
|
<ngc-input-search
|
|
21
21
|
placeholder="${u("Search")}"
|
|
22
22
|
.value="${this._filterSearchQuery[e.field]??""}"
|
|
23
|
-
@input="${
|
|
23
|
+
@input="${g=>this.handleFilterSearchInput(g,e)}"
|
|
24
24
|
class="gator-table-filter-popover-search"
|
|
25
25
|
></ngc-input-search>
|
|
26
|
-
`:
|
|
26
|
+
`:f}
|
|
27
27
|
${c?o`
|
|
28
28
|
<ngc-checkbox-group
|
|
29
29
|
.options="${d}"
|
|
30
30
|
.value="${b}"
|
|
31
31
|
aria-label="${u("Filter by")} ${e.name}"
|
|
32
|
-
@change="${
|
|
32
|
+
@change="${g=>this.handleFilterCheckboxGroupChange(g,e)}"
|
|
33
33
|
></ngc-checkbox-group>
|
|
34
34
|
`:o`
|
|
35
35
|
<ngc-radio-group
|
|
36
36
|
.options="${d}"
|
|
37
37
|
.value="${v}"
|
|
38
38
|
aria-label="${u("Filter by")} ${e.name}"
|
|
39
|
-
@change="${
|
|
39
|
+
@change="${g=>this.handleFilterRadioGroupChange(g,e)}"
|
|
40
40
|
></ngc-radio-group>
|
|
41
41
|
`}
|
|
42
42
|
</div>
|
|
@@ -69,9 +69,9 @@ import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit
|
|
|
69
69
|
class="gator-table-filter-chips-clear-all"
|
|
70
70
|
@click="${this.handleClearAllFilters}"
|
|
71
71
|
>${u("Clear all")}</button>
|
|
72
|
-
`:
|
|
72
|
+
`:f}
|
|
73
73
|
</div>
|
|
74
|
-
`:
|
|
74
|
+
`:f}
|
|
75
75
|
${this.data.length===0&&!this.skeleton?o`
|
|
76
76
|
<ngc-card class="gator-table-empty-state-card">
|
|
77
77
|
<div class="gator-table-empty-state">
|
|
@@ -80,9 +80,7 @@ import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit
|
|
|
80
80
|
title-text="${s}"
|
|
81
81
|
.bodyText="${r}"
|
|
82
82
|
size="medium"
|
|
83
|
-
>
|
|
84
|
-
${i?o`<ngc-button @click="${this.handleClearAllFilters}">${u("Clear filters")}</ngc-button>`:g}
|
|
85
|
-
</ngc-illustration>
|
|
83
|
+
>${this.renderEmptyStateIllustrationActions(i)}</ngc-illustration>
|
|
86
84
|
</div>
|
|
87
85
|
</ngc-card>
|
|
88
86
|
`:o`
|
|
@@ -106,8 +104,10 @@ import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit
|
|
|
106
104
|
@pagechanged="${this.handlePageChanged}"
|
|
107
105
|
@itemsperpagechanged="${this.handleItemsPerPageChanged}"
|
|
108
106
|
></ngc-table-pagination>
|
|
109
|
-
`:
|
|
110
|
-
`}
|
|
107
|
+
`:f}
|
|
108
|
+
`}renderEmptyStateIllustrationActions(e){return e?o`
|
|
109
|
+
<ngc-button @click="${this.handleClearAllFilters}">${u("Clear filters")}</ngc-button>
|
|
110
|
+
`:o`<slot name="empty-state-actions"></slot>`}handlePageChanged(e){this._currentPage=e.detail.page}handleItemsPerPageChanged(e){this.itemsPerPage=e.detail.itemsPerPage}getTableHeader(e){const t=e.map((l,i)=>this.getTableHeaderColumn(l,i===0));return!this.skeleton&&this.selectable&&t.unshift(o`
|
|
111
111
|
<th id="col-select" scope="col">
|
|
112
112
|
<ngc-checkbox
|
|
113
113
|
title-text="${u("Select All")}"
|
|
@@ -141,20 +141,20 @@ import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit
|
|
|
141
141
|
<ngc-icon name="${this.getSortIcon(e)}" class="gator-table-sort-icon" size="x-small"></ngc-icon>
|
|
142
142
|
</span>
|
|
143
143
|
</div>
|
|
144
|
-
`:o`<span class="gator-table-header-label">${e.name}</span>`,
|
|
144
|
+
`:o`<span class="gator-table-header-label">${e.name}</span>`,g=!!(a&&(this._hoveredHeaderColumnField===e.field||d||this.isFilterPopoverOpen(e))),y=l?i:o`
|
|
145
145
|
<div class="gator-table-header-cell-inner">
|
|
146
146
|
${v}
|
|
147
|
-
${a?this.renderHeaderFilterPopover(e,
|
|
147
|
+
${a?this.renderHeaderFilterPopover(e,g,t):f}
|
|
148
148
|
</div>
|
|
149
149
|
`,S=[n?"gator-table-header-cell-sort-active":"",d?"gator-table-header-cell-filter-active":"",b?"gator-table-header-cell-interactive":""].filter(Boolean).join(" "),w=this.getColumnCellStyle(e);return o`
|
|
150
150
|
<th
|
|
151
151
|
id="${s}"
|
|
152
152
|
scope="col"
|
|
153
|
-
aria-sort="${c??
|
|
153
|
+
aria-sort="${c??f}"
|
|
154
154
|
class="${S}"
|
|
155
|
-
style="${w||
|
|
156
|
-
@mouseenter="${a||r?()=>this._hoveredHeaderColumnField=e.field:
|
|
157
|
-
@mouseleave="${a||r?()=>this._hoveredHeaderColumnField=null:
|
|
155
|
+
style="${w||f}"
|
|
156
|
+
@mouseenter="${a||r?()=>this._hoveredHeaderColumnField=e.field:f}"
|
|
157
|
+
@mouseleave="${a||r?()=>this._hoveredHeaderColumnField=null:f}"
|
|
158
158
|
>
|
|
159
159
|
${y}
|
|
160
160
|
</th>
|
|
@@ -179,7 +179,7 @@ import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit
|
|
|
179
179
|
role="gridcell"
|
|
180
180
|
headers="${b}"
|
|
181
181
|
class="gator-table-total-cell ${this.getCellAlignClass(n)}"
|
|
182
|
-
style="${this.getColumnCellStyle(n)||
|
|
182
|
+
style="${this.getColumnCellStyle(n)||f}"
|
|
183
183
|
>
|
|
184
184
|
${this.formatTotal(i[n.field],n)}
|
|
185
185
|
</td>
|
|
@@ -187,7 +187,7 @@ import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit
|
|
|
187
187
|
<td
|
|
188
188
|
role="gridcell"
|
|
189
189
|
class="gator-table-total-cell ${this.getCellAlignClass(n)}"
|
|
190
|
-
style="${this.getColumnCellStyle(n)||
|
|
190
|
+
style="${this.getColumnCellStyle(n)||f}"
|
|
191
191
|
>
|
|
192
192
|
|
|
193
193
|
</td>
|
|
@@ -226,8 +226,8 @@ import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit
|
|
|
226
226
|
role="gridcell"
|
|
227
227
|
headers="${c}"
|
|
228
228
|
class="${n}"
|
|
229
|
-
style="${this.getColumnCellStyle(t)||
|
|
229
|
+
style="${this.getColumnCellStyle(t)||f}"
|
|
230
230
|
>
|
|
231
231
|
${d}
|
|
232
232
|
</td>
|
|
233
|
-
`}getCellAlignClass(e){return`gator-table-cell-${e.cellConfig?.align??"left"}`}renderCellByType(e,t,l,i){const s=a=>this.handleCellChange(a),r=a=>this.handleCellClick(a);switch(t.cellType){case"chip":return o`<ngc-table-cell-chip .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-chip>`;case"avatar":return o`<ngc-table-cell-avatar .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-avatar>`;case"checkbox":return o`<ngc-table-cell-checkbox .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-checkbox>`;case"text-link":return o`<ngc-table-cell-text-link .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-text-link>`;case"button":return o`<ngc-table-cell-button .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-button>`;case"icon-button":return o`<ngc-table-cell-icon-button .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-icon-button>`;case"input-dropdown":return o`<ngc-table-cell-input-dropdown .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-input-dropdown>`;case"input-text":return o`<ngc-table-cell-input-text .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-input-text>`;default:return o`<ngc-table-cell-text .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-text>`}}handleCellChange(e){e.stopPropagation();const{rowIndex:t,field:l,value:i}=e.detail??{};this.dispatchEvent(new CustomEvent("cellchange",{bubbles:!0,composed:!0,detail:{rowIndex:t,field:l,value:i}}))}handleCellClick(e){e.stopPropagation();const{rowIndex:t,field:l,value:i}=e.detail??{};this.dispatchEvent(new CustomEvent("cellclick",{bubbles:!0,composed:!0,detail:{rowIndex:t,field:l,...i!==void 0&&{value:i}}}))}};h.styles=[k(
|
|
233
|
+
`}getCellAlignClass(e){return`gator-table-cell-${e.cellConfig?.align??"left"}`}renderCellByType(e,t,l,i){const s=a=>this.handleCellChange(a),r=a=>this.handleCellClick(a);switch(t.cellType){case"chip":return o`<ngc-table-cell-chip .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-chip>`;case"avatar":return o`<ngc-table-cell-avatar .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-avatar>`;case"checkbox":return o`<ngc-table-cell-checkbox .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-checkbox>`;case"text-link":return o`<ngc-table-cell-text-link .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-text-link>`;case"button":return o`<ngc-table-cell-button .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-button>`;case"icon-button":return o`<ngc-table-cell-icon-button .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-icon-button>`;case"input-dropdown":return o`<ngc-table-cell-input-dropdown .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-input-dropdown>`;case"input-text":return o`<ngc-table-cell-input-text .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-input-text>`;default:return o`<ngc-table-cell-text .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-text>`}}handleCellChange(e){e.stopPropagation();const{rowIndex:t,field:l,value:i}=e.detail??{};this.dispatchEvent(new CustomEvent("cellchange",{bubbles:!0,composed:!0,detail:{rowIndex:t,field:l,value:i}}))}handleCellClick(e){e.stopPropagation();const{rowIndex:t,field:l,value:i}=e.detail??{};this.dispatchEvent(new CustomEvent("cellclick",{bubbles:!0,composed:!0,detail:{rowIndex:t,field:l,...i!==void 0&&{value:i}}}))}};h.styles=[k(R),k(A),k(_)];p([$({type:Boolean})],h.prototype,"elevated",2);p([$({type:Boolean,attribute:"include-pagination"})],h.prototype,"includePagination",2);p([$({type:Boolean,attribute:"include-page-selection"})],h.prototype,"includePageSelection",2);p([$({type:Boolean})],h.prototype,"skeleton",2);p([$({type:String,attribute:"sort-field"})],h.prototype,"sortField",2);p([$({type:String,attribute:"sort-direction"})],h.prototype,"sortDirection",2);p([$({type:Object,attribute:!1})],h.prototype,"filterValues",2);p([m()],h.prototype,"selectedRows",2);p([m()],h.prototype,"_currentPage",2);p([m()],h.prototype,"_sortField",2);p([m()],h.prototype,"_sortDirection",2);p([m()],h.prototype,"_hoveredHeaderColumnField",2);p([m()],h.prototype,"_pendingFilterValues",2);p([m()],h.prototype,"_filterSearchQuery",2);h=p([F("ngc-table"),x()],h);export{h as NgcTable};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__module as l}from"../../../../../_virtual/
|
|
1
|
+
import{__module as l}from"../../../../../_virtual/index6.js";l.exports;var b;function m(){return b?l.exports:(b=1,(function(u){const g=(i=0)=>e=>`\x1B[${38+i};5;${e}m`,a=(i=0)=>(e,r,t)=>`\x1B[${38+i};2;${e};${r};${t}m`;function c(){const i=new Map,e={modifier:{reset:[0,0],bold:[1,22],dim:[2,22],italic:[3,23],underline:[4,24],overline:[53,55],inverse:[7,27],hidden:[8,28],strikethrough:[9,29]},color:{black:[30,39],red:[31,39],green:[32,39],yellow:[33,39],blue:[34,39],magenta:[35,39],cyan:[36,39],white:[37,39],blackBright:[90,39],redBright:[91,39],greenBright:[92,39],yellowBright:[93,39],blueBright:[94,39],magentaBright:[95,39],cyanBright:[96,39],whiteBright:[97,39]},bgColor:{bgBlack:[40,49],bgRed:[41,49],bgGreen:[42,49],bgYellow:[43,49],bgBlue:[44,49],bgMagenta:[45,49],bgCyan:[46,49],bgWhite:[47,49],bgBlackBright:[100,49],bgRedBright:[101,49],bgGreenBright:[102,49],bgYellowBright:[103,49],bgBlueBright:[104,49],bgMagentaBright:[105,49],bgCyanBright:[106,49],bgWhiteBright:[107,49]}};e.color.gray=e.color.blackBright,e.bgColor.bgGray=e.bgColor.bgBlackBright,e.color.grey=e.color.blackBright,e.bgColor.bgGrey=e.bgColor.bgBlackBright;for(const[r,t]of Object.entries(e)){for(const[o,n]of Object.entries(t))e[o]={open:`\x1B[${n[0]}m`,close:`\x1B[${n[1]}m`},t[o]=e[o],i.set(n[0],n[1]);Object.defineProperty(e,r,{value:t,enumerable:!1})}return Object.defineProperty(e,"codes",{value:i,enumerable:!1}),e.color.close="\x1B[39m",e.bgColor.close="\x1B[49m",e.color.ansi256=g(),e.color.ansi16m=a(),e.bgColor.ansi256=g(10),e.bgColor.ansi16m=a(10),Object.defineProperties(e,{rgbToAnsi256:{value:(r,t,o)=>r===t&&t===o?r<8?16:r>248?231:Math.round((r-8)/247*24)+232:16+36*Math.round(r/255*5)+6*Math.round(t/255*5)+Math.round(o/255*5),enumerable:!1},hexToRgb:{value:r=>{const t=/(?<colorString>[a-f\d]{6}|[a-f\d]{3})/i.exec(r.toString(16));if(!t)return[0,0,0];let{colorString:o}=t.groups;o.length===3&&(o=o.split("").map(s=>s+s).join(""));const n=Number.parseInt(o,16);return[n>>16&255,n>>8&255,n&255]},enumerable:!1},hexToAnsi256:{value:r=>e.rgbToAnsi256(...e.hexToRgb(r)),enumerable:!1}}),e}Object.defineProperty(u,"exports",{enumerable:!0,get:c})})(l),l.exports)}export{m as __require};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__exports as e}from"../../../../../../_virtual/
|
|
1
|
+
import{__exports as e}from"../../../../../../_virtual/index5.js";import{__require as d}from"./ariaPropsMap.js";import{__require as q}from"./domMap.js";import{__require as v}from"./rolesMap.js";import{__require as M}from"./elementRoleMap.js";import{__require as R}from"./roleElementMap.js";var o;function b(){if(o)return e;o=1,Object.defineProperty(e,"__esModule",{value:!0}),e.roles=e.roleElements=e.elementRoles=e.dom=e.aria=void 0;var l=r(d()),i=r(q()),t=r(v()),u=r(M()),m=r(R());function r(a){return a&&a.__esModule?a:{default:a}}var s=l.default;e.aria=s;var _=i.default;e.dom=_;var p=t.default;e.roles=p;var n=u.default;e.elementRoles=n;var f=m.default;return e.roleElements=f,e}export{b as __require};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__exports as u}from"../../../../../../_virtual/
|
|
1
|
+
import{__exports as u}from"../../../../../../_virtual/index8.js";var c;function g(){if(c)return u;c=1;var l=Object.prototype.hasOwnProperty;function n(e,t){var r,i;if(e===t)return!0;if(e&&t&&(r=e.constructor)===t.constructor){if(r===Date)return e.getTime()===t.getTime();if(r===RegExp)return e.toString()===t.toString();if(r===Array){if((i=e.length)===t.length)for(;i--&&n(e[i],t[i]););return i===-1}if(!r||typeof e=="object"){i=0;for(r in e)if(l.call(e,r)&&++i&&!l.call(t,r)||!(r in t)||!n(e[r],t[r]))return!1;return Object.keys(t).length===i}}return e!==e&&t!==t}return u.dequal=n,u}export{g as __require};
|
package/dist/node_modules/.pnpm/pretty-format@27.5.1/node_modules/pretty-format/build/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{__exports as m}from"../../../../../../_virtual/
|
|
1
|
+
import{__exports as m}from"../../../../../../_virtual/index4.js";import{__require as te}from"../../../../ansi-styles@5.2.0/node_modules/ansi-styles/index.js";import{__require as ne}from"./collections.js";import{__require as ue}from"./plugins/AsymmetricMatcher.js";import{__require as ie}from"./plugins/ConvertAnsi.js";import{__require as ce}from"./plugins/DOMCollection.js";import{__require as ae}from"./plugins/DOMElement.js";import{__require as oe}from"./plugins/Immutable.js";import{__require as me}from"./plugins/ReactElement.js";import{__require as se}from"./plugins/ReactTestComponent.js";var P;function Ee(){if(P)return m;P=1,Object.defineProperty(m,"__esModule",{value:!0}),m.default=m.DEFAULT_OPTIONS=void 0,m.format=I,m.plugins=void 0;var R=s(te()),p=ne(),M=s(ue()),F=s(ie()),C=s(ce()),B=s(ae()),$=s(oe()),U=s(me()),J=s(se());function s(e){return e&&e.__esModule?e:{default:e}}const g=Object.prototype.toString,L=Date.prototype.toISOString,k=Error.prototype.toString,b=RegExp.prototype.toString,y=e=>typeof e.constructor=="function"&&e.constructor.name||"Object",K=e=>typeof window<"u"&&e===window,W=/^Symbol\((.*)\)(.*)$/,V=/\n/gi;class _ extends Error{constructor(r,t){super(r),this.stack=t,this.name=this.constructor.name}}function G(e){return e==="[object Array]"||e==="[object ArrayBuffer]"||e==="[object DataView]"||e==="[object Float32Array]"||e==="[object Float64Array]"||e==="[object Int8Array]"||e==="[object Int16Array]"||e==="[object Int32Array]"||e==="[object Uint8Array]"||e==="[object Uint8ClampedArray]"||e==="[object Uint16Array]"||e==="[object Uint32Array]"}function H(e){return Object.is(e,-0)?"-0":String(e)}function z(e){return`${e}n`}function O(e,r){return r?"[Function "+(e.name||"anonymous")+"]":"[Function]"}function h(e){return String(e).replace(W,"Symbol($1)")}function E(e){return"["+k.call(e)+"]"}function S(e,r,t,u){if(e===!0||e===!1)return""+e;if(e===void 0)return"undefined";if(e===null)return"null";const n=typeof e;if(n==="number")return H(e);if(n==="bigint")return z(e);if(n==="string")return u?'"'+e.replace(/"|\\/g,"\\$&")+'"':'"'+e+'"';if(n==="function")return O(e,r);if(n==="symbol")return h(e);const i=g.call(e);return i==="[object WeakMap]"?"WeakMap {}":i==="[object WeakSet]"?"WeakSet {}":i==="[object Function]"||i==="[object GeneratorFunction]"?O(e,r):i==="[object Symbol]"?h(e):i==="[object Date]"?isNaN(+e)?"Date { NaN }":L.call(e):i==="[object Error]"?E(e):i==="[object RegExp]"?t?b.call(e).replace(/[\\^$*+?.()|[\]{}]/g,"\\$&"):b.call(e):e instanceof Error?E(e):null}function j(e,r,t,u,n,i){if(n.indexOf(e)!==-1)return"[Circular]";n=n.slice(),n.push(e);const c=++u>r.maxDepth,a=r.min;if(r.callToJSON&&!c&&e.toJSON&&typeof e.toJSON=="function"&&!i)return l(e.toJSON(),r,t,u,n,!0);const f=g.call(e);return f==="[object Arguments]"?c?"[Arguments]":(a?"":"Arguments ")+"["+(0,p.printListItems)(e,r,t,u,n,l)+"]":G(f)?c?"["+e.constructor.name+"]":(a||!r.printBasicPrototype&&e.constructor.name==="Array"?"":e.constructor.name+" ")+"["+(0,p.printListItems)(e,r,t,u,n,l)+"]":f==="[object Map]"?c?"[Map]":"Map {"+(0,p.printIteratorEntries)(e.entries(),r,t,u,n,l," => ")+"}":f==="[object Set]"?c?"[Set]":"Set {"+(0,p.printIteratorValues)(e.values(),r,t,u,n,l)+"}":c||K(e)?"["+y(e)+"]":(a||!r.printBasicPrototype&&y(e)==="Object"?"":y(e)+" ")+"{"+(0,p.printObjectProperties)(e,r,t,u,n,l)+"}"}function X(e){return e.serialize!=null}function A(e,r,t,u,n,i){let c;try{c=X(e)?e.serialize(r,t,u,n,i,l):e.print(r,a=>l(a,t,u,n,i),a=>{const f=u+t.indent;return f+a.replace(V,`
|
|
2
2
|
`+f)},{edgeSpacing:t.spacingOuter,min:t.min,spacing:t.spacingInner},t.colors)}catch(a){throw new _(a.message,a.stack)}if(typeof c!="string")throw new Error(`pretty-format: Plugin must return type "string" but instead returned "${typeof c}".`);return c}function w(e,r){for(let t=0;t<e.length;t++)try{if(e[t].test(r))return e[t]}catch(u){throw new _(u.message,u.stack)}return null}function l(e,r,t,u,n,i){const c=w(r.plugins,e);if(c!==null)return A(c,e,r,t,u,n);const a=S(e,r.printFunctionName,r.escapeRegex,r.escapeString);return a!==null?a:j(e,r,t,u,n,i)}const d={comment:"gray",content:"reset",prop:"yellow",tag:"cyan",value:"green"},N=Object.keys(d),o={callToJSON:!0,compareKeys:void 0,escapeRegex:!1,escapeString:!0,highlight:!1,indent:2,maxDepth:1/0,min:!1,plugins:[],printBasicPrototype:!0,printFunctionName:!0,theme:d};m.DEFAULT_OPTIONS=o;function Y(e){if(Object.keys(e).forEach(r=>{if(!o.hasOwnProperty(r))throw new Error(`pretty-format: Unknown option "${r}".`)}),e.min&&e.indent!==void 0&&e.indent!==0)throw new Error('pretty-format: Options "min" and "indent" cannot be used together.');if(e.theme!==void 0){if(e.theme===null)throw new Error('pretty-format: Option "theme" must not be null.');if(typeof e.theme!="object")throw new Error(`pretty-format: Option "theme" must be of type "object" but instead received "${typeof e.theme}".`)}}const Q=e=>N.reduce((r,t)=>{const u=e.theme&&e.theme[t]!==void 0?e.theme[t]:d[t],n=u&&R.default[u];if(n&&typeof n.close=="string"&&typeof n.open=="string")r[t]=n;else throw new Error(`pretty-format: Option "theme" has a key "${t}" whose value "${u}" is undefined in ansi-styles.`);return r},Object.create(null)),Z=()=>N.reduce((e,r)=>(e[r]={close:"",open:""},e),Object.create(null)),x=e=>e&&e.printFunctionName!==void 0?e.printFunctionName:o.printFunctionName,D=e=>e&&e.escapeRegex!==void 0?e.escapeRegex:o.escapeRegex,T=e=>e&&e.escapeString!==void 0?e.escapeString:o.escapeString,q=e=>{var r;return{callToJSON:e&&e.callToJSON!==void 0?e.callToJSON:o.callToJSON,colors:e&&e.highlight?Q(e):Z(),compareKeys:e&&typeof e.compareKeys=="function"?e.compareKeys:o.compareKeys,escapeRegex:D(e),escapeString:T(e),indent:e&&e.min?"":v(e&&e.indent!==void 0?e.indent:o.indent),maxDepth:e&&e.maxDepth!==void 0?e.maxDepth:o.maxDepth,min:e&&e.min!==void 0?e.min:o.min,plugins:e&&e.plugins!==void 0?e.plugins:o.plugins,printBasicPrototype:(r=e?.printBasicPrototype)!==null&&r!==void 0?r:!0,printFunctionName:x(e),spacingInner:e&&e.min?" ":`
|
|
3
3
|
`,spacingOuter:e&&e.min?"":`
|
|
4
4
|
`}};function v(e){return new Array(e+1).join(" ")}function I(e,r){if(r&&(Y(r),r.plugins)){const u=w(r.plugins,e);if(u!==null)return A(u,e,q(r),"",0,[])}const t=S(e,x(r),D(r),T(r));return t!==null?t:j(e,q(r),"",0,[])}const ee={AsymmetricMatcher:M.default,ConvertAnsi:F.default,DOMCollection:C.default,DOMElement:B.default,Immutable:$.default,ReactElement:U.default,ReactTestComponent:J.default};m.plugins=ee;var re=I;return m.default=re,m}export{Ee as __require};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__module as r}from"../../../../../_virtual/
|
|
1
|
+
import{__module as r}from"../../../../../_virtual/index7.js";import{__require as t}from"./cjs/react-is.production.min.js";var e;function s(){return e?r.exports:(e=1,r.exports=t(),r.exports)}export{s as __require};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{bail as P}from"../../../../bail@2.0.2/node_modules/bail/index.js";import y from"../../../../../../_virtual/
|
|
1
|
+
import{bail as P}from"../../../../bail@2.0.2/node_modules/bail/index.js";import y from"../../../../../../_virtual/index3.js";import z from"../../../../is-plain-obj@4.1.0/node_modules/is-plain-obj/index.js";import{CallableInstance as C}from"./callable-instance.js";import{trough as A}from"../../../../trough@2.2.0/node_modules/trough/lib/index.js";import{VFile as S}from"../../../../vfile@6.0.3/node_modules/vfile/lib/index.js";const F={}.hasOwnProperty;class x extends C{constructor(){super("copy"),this.Compiler=void 0,this.Parser=void 0,this.attachers=[],this.compiler=void 0,this.freezeIndex=-1,this.frozen=void 0,this.namespace={},this.parser=void 0,this.transformers=A()}copy(){const e=new x;let n=-1;for(;++n<this.attachers.length;){const t=this.attachers[n];e.use(...t)}return e.data(y(!0,{},this.namespace)),e}data(e,n){return typeof e=="string"?arguments.length===2?(b("data",this.frozen),this.namespace[e]=n,this):F.call(this.namespace,e)&&this.namespace[e]||void 0:e?(b("data",this.frozen),this.namespace=e,this):this.namespace}freeze(){if(this.frozen)return this;const e=this;for(;++this.freezeIndex<this.attachers.length;){const[n,...t]=this.attachers[this.freezeIndex];if(t[0]===!1)continue;t[0]===!0&&(t[0]=void 0);const i=n.call(e,...t);typeof i=="function"&&this.transformers.use(i)}return this.frozen=!0,this.freezeIndex=Number.POSITIVE_INFINITY,this}parse(e){this.freeze();const n=m(e),t=this.parser||this.Parser;return w("parse",t),t(String(n),n)}process(e,n){const t=this;return this.freeze(),w("process",this.parser||this.Parser),g("process",this.compiler||this.Compiler),n?i(void 0,n):new Promise(i);function i(a,h){const p=m(e),l=t.parse(p);t.run(l,p,function(o,c,f){if(o||!c||!f)return s(o);const u=c,d=t.stringify(u,f);D(d)?f.value=d:f.result=d,s(o,f)});function s(o,c){o||!c?h(o):a?a(c):n(void 0,c)}}}processSync(e){let n=!1,t;return this.freeze(),w("processSync",this.parser||this.Parser),g("processSync",this.compiler||this.Compiler),this.process(e,i),T("processSync","process",n),t;function i(a,h){n=!0,P(a),t=h}}run(e,n,t){I(e),this.freeze();const i=this.transformers;return!t&&typeof n=="function"&&(t=n,n=void 0),t?a(void 0,t):new Promise(a);function a(h,p){const l=m(n);i.run(e,l,s);function s(o,c,f){const u=c||e;o?p(o):h?h(u):t(void 0,u,f)}}}runSync(e,n){let t=!1,i;return this.run(e,n,a),T("runSync","run",t),i;function a(h,p){P(h),i=p,t=!0}}stringify(e,n){this.freeze();const t=m(n),i=this.compiler||this.Compiler;return g("stringify",i),I(e),i(e,t)}use(e,...n){const t=this.attachers,i=this.namespace;if(b("use",this.frozen),e!=null)if(typeof e=="function")l(e,n);else if(typeof e=="object")Array.isArray(e)?p(e):h(e);else throw new TypeError("Expected usable value, not `"+e+"`");return this;function a(s){if(typeof s=="function")l(s,[]);else if(typeof s=="object")if(Array.isArray(s)){const[o,...c]=s;l(o,c)}else h(s);else throw new TypeError("Expected usable value, not `"+s+"`")}function h(s){if(!("plugins"in s)&&!("settings"in s))throw new Error("Expected usable value but received an empty preset, which is probably a mistake: presets typically come with `plugins` and sometimes with `settings`, but this has neither");p(s.plugins),s.settings&&(i.settings=y(!0,i.settings,s.settings))}function p(s){let o=-1;if(s!=null)if(Array.isArray(s))for(;++o<s.length;){const c=s[o];a(c)}else throw new TypeError("Expected a list of plugins, not `"+s+"`")}function l(s,o){let c=-1,f=-1;for(;++c<t.length;)if(t[c][0]===s){f=c;break}if(f===-1)t.push([s,...o]);else if(o.length>0){let[u,...d]=o;const E=t[f][1];z(E)&&z(u)&&(u=y(!0,E,u)),t[f]=[s,u,...d]}}}}const R=new x().freeze();function w(r,e){if(typeof e!="function")throw new TypeError("Cannot `"+r+"` without `parser`")}function g(r,e){if(typeof e!="function")throw new TypeError("Cannot `"+r+"` without `compiler`")}function b(r,e){if(e)throw new Error("Cannot call `"+r+"` on a frozen processor.\nCreate a new processor first, by calling it: use `processor()` instead of `processor`.")}function I(r){if(!z(r)||typeof r.type!="string")throw new TypeError("Expected node, got `"+r+"`")}function T(r,e,n){if(!n)throw new Error("`"+r+"` finished async. Use `"+e+"` instead")}function m(r){return j(r)?r:new S(r)}function j(r){return!!(r&&typeof r=="object"&&"message"in r&&"messages"in r)}function D(r){return typeof r=="string"||L(r)}function L(r){return!!(r&&typeof r=="object"&&"byteLength"in r&&"byteOffset"in r)}export{x as Processor,R as unified};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const o=':root,:host{--ngc-input-dropdown-list-max-height: 14rem}ngc-icon-button{--ngc-icon-button-hover-box-shadow: none;margin-top:-.5rem;margin-bottom:-.5rem}.gator-dropdown-listbox{position:fixed;width:max-content;top:0;left:0;max-height:var(--ngc-input-dropdown-list-max-height);overflow-y:auto;overflow-x:hidden;border-radius:var(--border-radius-medium);padding:var(--spacing-5) var(--spacing-2);background:var(--color-surface-primary);box-shadow:var(--shadow-3-dropdown);margin:0;border:none}.gator-dropdown-listbox:not(:popover-open){display:none}.gator-form-element{position:relative}.gator-form-element-control:focus-visible:not(.gator-disabled){outline:2px solid var(--ngc-input-border-color-focused, var(--color-border-neutral, #1F1F1F))!important;outline-offset:0}.gator-dropdown-listbox_expanded{display:block}.gator-faux-input-placeholder{color:var(--color-text-placeholder);font-family:var(--font-family-body, "Open Sans"),sans-serif;font-size:var(--font-size-body-1);line-height:var(--line-height-body-1);letter-spacing:var(--letter-spacing-default)}.gator-dropdown-listbox-message{display:block;padding:var(--spacing-5) var(--spacing-8);align-self:stretch;color:var(--color-text-primary);font-family:var(--font-family-body, "Open Sans"),sans-serif;font-size:var(--font-size-body-1)}.gator-dropdown-listbox-message .gator-tag-input-kbd{display:inline-block;padding:0 var(--spacing-3);border-radius:var(--border-radius-small);background:#000;color:#fff;font-family:inherit;font-size:inherit;line-height:inherit}.gator-dropdown-chevron{display:var(--ngc-input-dropdown-end-chevron-display)}.gator-readonly .gator-dropdown-chevron{--ngc-icon-color: var(--color-icon-disabled)}.gator-multiselect-selections{flex-wrap:wrap;display:flex;gap:var(--spacing-5);width:100%;align-items:center;max-height:70px;overflow-y:auto;margin:-2px 0}.gator-multiselect-selections .gator-input,.gator-multiselect-selections .gator-faux-input{width:max-content}.gator-multiselect-selections .gator-multiselect-label{position:absolute;top:0;left:0;visibility:hidden;opacity:0}.gator-multiselect-selections .gator-chips-container{display:flex;gap:var(--spacing-5);max-width:100%;overflow:hidden}.gator-multiselect-selections .gator-chips-container.gator-chips-container-autocomplete{max-width:66%}.gator-multiselect-selections .gator-chips-container:not(:has(*)){margin-right:calc(var(--spacing-5) * -1)}.gator-dropdown-option{--ngc-list-item-interaction-icon-color: var(--color-border-primary)}.gator-dropdown-select-all[
|
|
1
|
+
const o=':root,:host{--ngc-input-dropdown-list-max-height: 14rem}ngc-icon-button{--ngc-icon-button-hover-box-shadow: none;margin-top:-.5rem;margin-bottom:-.5rem}.gator-dropdown-listbox{position:fixed;width:max-content;top:0;left:0;max-height:var(--ngc-input-dropdown-list-max-height);overflow-y:auto;overflow-x:hidden;border-radius:var(--border-radius-medium);padding:var(--spacing-5) var(--spacing-2);background:var(--color-surface-primary);box-shadow:var(--shadow-3-dropdown);margin:0;border:none}.gator-dropdown-listbox:not(:popover-open){display:none}.gator-form-element{position:relative}.gator-form-element-control:focus-visible:not(.gator-disabled){outline:2px solid var(--ngc-input-border-color-focused, var(--color-border-neutral, #1F1F1F))!important;outline-offset:0}.gator-dropdown-listbox_expanded{display:block}.gator-faux-input-placeholder{color:var(--color-text-placeholder);font-family:var(--font-family-body, "Open Sans"),sans-serif;font-size:var(--font-size-body-1);line-height:var(--line-height-body-1);letter-spacing:var(--letter-spacing-default)}.gator-dropdown-listbox-message{display:block;padding:var(--spacing-5) var(--spacing-8);align-self:stretch;color:var(--color-text-primary);font-family:var(--font-family-body, "Open Sans"),sans-serif;font-size:var(--font-size-body-1)}.gator-dropdown-listbox-message .gator-tag-input-kbd{display:inline-block;padding:0 var(--spacing-3);border-radius:var(--border-radius-small);background:#000;color:#fff;font-family:inherit;font-size:inherit;line-height:inherit}.gator-dropdown-chevron{display:var(--ngc-input-dropdown-end-chevron-display)}.gator-readonly .gator-dropdown-chevron{--ngc-icon-color: var(--color-icon-disabled)}.gator-multiselect-selections{flex-wrap:wrap;display:flex;gap:var(--spacing-5);width:100%;align-items:center;max-height:70px;overflow-y:auto;margin:-2px 0}.gator-multiselect-selections .gator-input,.gator-multiselect-selections .gator-faux-input{width:max-content}.gator-multiselect-selections .gator-multiselect-label{position:absolute;top:0;left:0;visibility:hidden;opacity:0}.gator-multiselect-selections .gator-chips-container{display:flex;gap:var(--spacing-5);max-width:100%;overflow:hidden}.gator-multiselect-selections .gator-chips-container.gator-chips-container-autocomplete{max-width:66%}.gator-multiselect-selections .gator-chips-container:not(:has(*)){margin-right:calc(var(--spacing-5) * -1)}.gator-dropdown-option{--ngc-list-item-interaction-icon-color: var(--color-border-primary)}.gator-dropdown-select-all[data-select-all-icon=checkbox]{--ngc-list-item-start-icon-color: var(--color-border-primary)}.gator-dropdown-select-all[data-select-all-icon=checkbox-selected],.gator-dropdown-select-all[data-select-all-icon=checkbox-indeterminate]{--ngc-list-item-start-icon-color: var(--color-feedback-brand)}ngc-loading-spinner{padding:0 3px}';export{o as default};
|
|
@@ -1,12 +1,34 @@
|
|
|
1
|
-
import { nothing } from 'lit';
|
|
1
|
+
import { nothing, PropertyValues } from 'lit';
|
|
2
2
|
import { Ref } from 'lit/directives/ref.js';
|
|
3
3
|
import { NgcInputBase } from '../../base/input-base.gator.ts';
|
|
4
4
|
import { NgcList } from '../../../list/gator/list/list.gator.ts';
|
|
5
|
+
import { NgcListItem } from '../../../list/gator/list-item/list-item.gator.ts';
|
|
5
6
|
export type NgcDropdownType = {
|
|
6
7
|
label: string;
|
|
7
8
|
value: string | number;
|
|
9
|
+
/** Icon name; host stamps `<ngc-icon slot="start">` when rendering */
|
|
10
|
+
startIcon?: string;
|
|
11
|
+
/** Icon name; host stamps `<ngc-icon slot="end">` when rendering */
|
|
12
|
+
endIcon?: string;
|
|
13
|
+
/** Secondary text under the option label */
|
|
14
|
+
subtitle?: string;
|
|
15
|
+
/** When true, option is non-interactive and skipped by keyboard navigation */
|
|
16
|
+
disabled?: boolean;
|
|
8
17
|
};
|
|
9
18
|
export type NgcDropdownDataType = 'country' | 'state' | 'naics' | 'phoneCodes';
|
|
19
|
+
/** Internal list-item value for the Select All row — avoid using this as an option value. */
|
|
20
|
+
export declare const NGC_DROPDOWN_SELECT_ALL_VALUE = "__ngc_select_all__";
|
|
21
|
+
/**
|
|
22
|
+
* Dropdown / combobox. Options come from either:
|
|
23
|
+
* - the `options` / `data-type` props (data-driven), or
|
|
24
|
+
* - light-DOM `ngc-list-item` children (slotted). If any list-item children are present,
|
|
25
|
+
* they win and `options` / `data-type` are ignored.
|
|
26
|
+
*
|
|
27
|
+
* Slotted items must be direct children of `ngc-input-dropdown` (not wrapped in other elements).
|
|
28
|
+
*
|
|
29
|
+
* @slot label - Optional custom label
|
|
30
|
+
* @slot - Optional `ngc-list-item` children used as the listbox options (avatars, custom start/end, etc.)
|
|
31
|
+
*/
|
|
10
32
|
export declare class NgcInputDropdown extends NgcInputBase {
|
|
11
33
|
static shadowRootOptions: {
|
|
12
34
|
delegatesFocus: boolean;
|
|
@@ -86,6 +108,11 @@ export declare class NgcInputDropdown extends NgcInputBase {
|
|
|
86
108
|
private _visibleChipCount;
|
|
87
109
|
private _showOverflowChip;
|
|
88
110
|
private _truncateChips;
|
|
111
|
+
/**
|
|
112
|
+
* True when light-DOM `ngc-list-item` children are projected into the listbox.
|
|
113
|
+
* When true, `options` / `data-type` are ignored (either/or).
|
|
114
|
+
*/
|
|
115
|
+
private _hasSlottedListItems;
|
|
89
116
|
private _resizeObserver;
|
|
90
117
|
private _calculationPending;
|
|
91
118
|
listboxRef: Ref<HTMLDivElement>;
|
|
@@ -94,6 +121,11 @@ export declare class NgcInputDropdown extends NgcInputBase {
|
|
|
94
121
|
listboxMessageRef: Ref<HTMLElement>;
|
|
95
122
|
protected multiselectValueDelimiter: string;
|
|
96
123
|
disconnectedCallback(): void;
|
|
124
|
+
/**
|
|
125
|
+
* Detect direct light-DOM list items before paint so we don't briefly render
|
|
126
|
+
* `options` alongside slotted children while waiting for slotchange.
|
|
127
|
+
*/
|
|
128
|
+
protected willUpdate(changedProperties: PropertyValues): void;
|
|
97
129
|
render(): import('lit').TemplateResult<1>;
|
|
98
130
|
get controlClasses(): {
|
|
99
131
|
'gator-cursor-pointer': boolean;
|
|
@@ -140,6 +172,29 @@ export declare class NgcInputDropdown extends NgcInputBase {
|
|
|
140
172
|
private get autocompleteEditorValue();
|
|
141
173
|
get showPlaceholder(): boolean | "";
|
|
142
174
|
get listboxMarkup(): import('lit').TemplateResult<1>;
|
|
175
|
+
/**
|
|
176
|
+
* Direct light-DOM `ngc-list-item` children (default slot). Used when composing rich
|
|
177
|
+
* options (avatars, custom start/end) instead of the `options` array. Nested/wrapped
|
|
178
|
+
* list items are not supported — place them as direct children of the dropdown.
|
|
179
|
+
*/
|
|
180
|
+
get slottedListItems(): NgcListItem[];
|
|
181
|
+
private refreshSlottedMode;
|
|
182
|
+
private handleDefaultSlotChange;
|
|
183
|
+
/** Consistent value matching for selection / labels (strict equality). */
|
|
184
|
+
private isSameOptionValue;
|
|
185
|
+
/**
|
|
186
|
+
* Keeps slotted list items in sync with dropdown state (selection, faux-focus, autocomplete filter).
|
|
187
|
+
* Applies the same maxAutocompleteResults cap as the data-driven options path when autocomplete is on.
|
|
188
|
+
*/
|
|
189
|
+
private syncSlottedListItems;
|
|
190
|
+
private get visibleSlottedListItemCount();
|
|
191
|
+
/** Visible options in the listbox — data-driven or slotted. */
|
|
192
|
+
private get hasVisibleListOptions();
|
|
193
|
+
/**
|
|
194
|
+
* Values that Select All should consider: currently displayed/visible and not disabled.
|
|
195
|
+
* Matches data-driven `displayedOptions` filtering for autocomplete.
|
|
196
|
+
*/
|
|
197
|
+
private get selectableOptionValues();
|
|
143
198
|
get selectAllIcon(): "checkbox-selected" | "checkbox" | "checkbox-indeterminate";
|
|
144
199
|
get allSelected(): boolean;
|
|
145
200
|
selectAllOptions(): void;
|
|
@@ -17,9 +17,13 @@ export declare class NgcMenu extends NjcMenu {
|
|
|
17
17
|
private _hidePopover;
|
|
18
18
|
handleTriggerSlotChange(e: Event): void;
|
|
19
19
|
private focusMenuItem;
|
|
20
|
+
private isNavigableMenuItem;
|
|
21
|
+
private getNavigableMenuItems;
|
|
20
22
|
focusFirstMenuItem(): void;
|
|
21
23
|
focusTriggerButton(): void;
|
|
22
24
|
handleItemSlotChange(e: Event): void;
|
|
25
|
+
private handleMenuItemDisabledChange;
|
|
26
|
+
private syncMenuItemTabIndexes;
|
|
23
27
|
handleMenuKeydown(e: KeyboardEvent): void;
|
|
24
28
|
handleArrowDown(e: KeyboardEvent): void;
|
|
25
29
|
handleArrowUp(e: KeyboardEvent): void;
|
|
@@ -1,11 +1,20 @@
|
|
|
1
1
|
import { NjcMenuItem } from '../menu-item.ts';
|
|
2
|
+
/**
|
|
3
|
+
* @slot start - Leading content (e.g. ngc-icon or ngc-avatar). Preferred over deprecated `start-icon`.
|
|
4
|
+
* @slot end - Trailing content (e.g. ngc-icon or badge). Preferred over deprecated `end-icon`.
|
|
5
|
+
*/
|
|
2
6
|
export declare class NgcMenuItem extends NjcMenuItem {
|
|
7
|
+
private _startIconWarned;
|
|
8
|
+
private _endIconWarned;
|
|
3
9
|
constructor();
|
|
4
10
|
connectedCallback(): void;
|
|
11
|
+
updated(changedProperties: Map<string | number | symbol, unknown>): void;
|
|
12
|
+
private syncAriaDisabled;
|
|
13
|
+
private warnDeprecatedIconProps;
|
|
5
14
|
render(): import('lit').TemplateResult<1>;
|
|
6
15
|
focus(options?: FocusOptions): void;
|
|
7
16
|
click(): void;
|
|
8
|
-
handleKeydown(e: KeyboardEvent)
|
|
17
|
+
handleKeydown: (e: KeyboardEvent) => void;
|
|
9
18
|
}
|
|
10
19
|
declare global {
|
|
11
20
|
interface HTMLElementTagNameMap {
|
|
@@ -6,12 +6,24 @@ export declare class NjcMenuItem extends LitElement {
|
|
|
6
6
|
*/
|
|
7
7
|
value: string;
|
|
8
8
|
/**
|
|
9
|
-
*
|
|
9
|
+
* Optional secondary text below the label (forwarded to ngc-list-item)
|
|
10
|
+
* @type {string}
|
|
11
|
+
*/
|
|
12
|
+
subtitle: string | null;
|
|
13
|
+
/**
|
|
14
|
+
* When true, the menu item is non-interactive and styled as disabled
|
|
15
|
+
* @type {boolean}
|
|
16
|
+
*/
|
|
17
|
+
disabled: boolean;
|
|
18
|
+
/**
|
|
19
|
+
* @deprecated Use the `start` slot instead, e.g. `<ngc-icon slot="start" name="…">`.
|
|
20
|
+
* Declarative hosts (e.g. table `menuItems[].startIcon`) should stamp slot content when rendering.
|
|
10
21
|
* @type {string}
|
|
11
22
|
*/
|
|
12
23
|
startIcon: string;
|
|
13
24
|
/**
|
|
14
|
-
*
|
|
25
|
+
* @deprecated Use the `end` slot instead, e.g. `<ngc-icon slot="end" name="…">`.
|
|
26
|
+
* Declarative hosts (e.g. table `menuItems[].endIcon`) should stamp slot content when rendering.
|
|
15
27
|
* @type {string}
|
|
16
28
|
*/
|
|
17
29
|
endIcon: string;
|
|
@@ -1,6 +1,14 @@
|
|
|
1
1
|
import { PropertyValues, TemplateResult } from 'lit';
|
|
2
2
|
import { NjcTable } from '../../../../components/table/table.ts';
|
|
3
3
|
import { RowData } from '../../../../components/table/table-cell-config.ts';
|
|
4
|
+
/**
|
|
5
|
+
* Gator data table.
|
|
6
|
+
*
|
|
7
|
+
* @slot bulk-controls - Actions shown in the bulk selection toolbar when rows are selected.
|
|
8
|
+
* @slot empty-state-actions - Action buttons forwarded into `ngc-illustration`'s default
|
|
9
|
+
* actions slot when no filters are active (e.g. a primary "Add" CTA). Not rendered when
|
|
10
|
+
* filters are active; the built-in "Clear filters" button is shown in that slot instead.
|
|
11
|
+
*/
|
|
4
12
|
export declare class NgcTable extends NjcTable {
|
|
5
13
|
static styles: import('lit').CSSResult[];
|
|
6
14
|
elevated: boolean;
|
|
@@ -24,6 +32,12 @@ export declare class NgcTable extends NjcTable {
|
|
|
24
32
|
get tableElevatedClass(): "" | "gator-table-elevated";
|
|
25
33
|
get showBulkControls(): boolean;
|
|
26
34
|
renderWrapper(header: unknown, body: unknown): TemplateResult<1>;
|
|
35
|
+
/**
|
|
36
|
+
* Content for `ngc-illustration`'s default actions slot (must be light-DOM children of the illustration).
|
|
37
|
+
* Clear filters is rendered here when filters are active; otherwise the table's
|
|
38
|
+
* `empty-state-actions` named slot is re-projected into that same illustration slot.
|
|
39
|
+
*/
|
|
40
|
+
private renderEmptyStateIllustrationActions;
|
|
27
41
|
handlePageChanged(event: CustomEvent): void;
|
|
28
42
|
handleItemsPerPageChanged(event: CustomEvent): void;
|
|
29
43
|
private getTableHeader;
|
|
@@ -37,6 +37,8 @@ export type TableIconButtonMenuItem = {
|
|
|
37
37
|
value?: string;
|
|
38
38
|
startIcon?: string;
|
|
39
39
|
endIcon?: string;
|
|
40
|
+
subtitle?: string;
|
|
41
|
+
disabled?: boolean;
|
|
40
42
|
};
|
|
41
43
|
export interface TableIconButtonCellConfig extends TableCellConfigBase {
|
|
42
44
|
iconName: string;
|
|
@@ -48,6 +50,10 @@ export interface TableIconButtonCellConfig extends TableCellConfigBase {
|
|
|
48
50
|
export type TableDropdownOption = {
|
|
49
51
|
label: string;
|
|
50
52
|
value: string | number;
|
|
53
|
+
startIcon?: string;
|
|
54
|
+
endIcon?: string;
|
|
55
|
+
subtitle?: string;
|
|
56
|
+
disabled?: boolean;
|
|
51
57
|
};
|
|
52
58
|
export interface TableInputDropdownCellConfig extends TableCellConfigBase {
|
|
53
59
|
options?: TableDropdownOption[];
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ncino/web-components",
|
|
3
3
|
"author": "nCino",
|
|
4
|
-
"version": "15.
|
|
4
|
+
"version": "15.6.0",
|
|
5
5
|
"license": "(c) Copyright 2023 nCino, Inc., all rights reserved",
|
|
6
6
|
"publishConfig": {
|
|
7
7
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -100,10 +100,10 @@
|
|
|
100
100
|
"vite-plugin-static-copy": "^3.3.0",
|
|
101
101
|
"vitest": "^4.1.10",
|
|
102
102
|
"yaml-eslint-parser": "^2.1.0",
|
|
103
|
-
"@ncino/styles": "15.
|
|
103
|
+
"@ncino/styles": "15.6.0"
|
|
104
104
|
},
|
|
105
105
|
"peerDependencies": {
|
|
106
|
-
"@ncino/styles": "15.
|
|
106
|
+
"@ncino/styles": "15.6.0"
|
|
107
107
|
},
|
|
108
108
|
"bugs": {
|
|
109
109
|
"url": "https://github.com/ncino/force-sdk-web-components/issues"
|