@kyndryl-design-system/shidoka-applications 2.58.1 → 2.58.3
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/components/reusable/dropdown/dropdownOption.d.ts +5 -0
- package/components/reusable/dropdown/dropdownOption.d.ts.map +1 -1
- package/components/reusable/dropdown/dropdownOption.js +17 -9
- package/components/reusable/dropdown/dropdownOption.js.map +1 -1
- package/components/reusable/table/index.js +1 -1
- package/components/reusable/table/table.d.ts +1 -1
- package/components/reusable/table/table.d.ts.map +1 -1
- package/components/reusable/table/table.js +1 -1
- package/components/reusable/table/table.skeleton.js +1 -1
- package/index.js +1 -1
- package/package.json +1 -1
- package/{table-BSga3CPd.js → table-CjVS72wk.js} +2 -2
- package/table-CjVS72wk.js.map +1 -0
- package/table-BSga3CPd.js.map +0 -1
|
@@ -42,6 +42,10 @@ export declare class DropdownOption extends LitElement {
|
|
|
42
42
|
* @ignore
|
|
43
43
|
*/
|
|
44
44
|
accessor kind: 'ai' | 'default';
|
|
45
|
+
/** slotted icon added state.
|
|
46
|
+
* @ignore
|
|
47
|
+
*/
|
|
48
|
+
accessor hasIcon: boolean;
|
|
45
49
|
accessor role: string;
|
|
46
50
|
accessor ariaSelected: string;
|
|
47
51
|
render(): import("lit-html").TemplateResult<1>;
|
|
@@ -51,6 +55,7 @@ export declare class DropdownOption extends LitElement {
|
|
|
51
55
|
private handleSlotChange;
|
|
52
56
|
private handleClick;
|
|
53
57
|
private handleBlur;
|
|
58
|
+
private handleIconSlotChange;
|
|
54
59
|
}
|
|
55
60
|
declare global {
|
|
56
61
|
interface HTMLElementTagNameMap {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdownOption.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/dropdown/dropdownOption.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAIlD,OAAO,aAAa,CAAC;AACrB,OAAO,WAAW,CAAC;AAOnB;;;;;;GAMG;AACH,qBACa,cAAe,SAAQ,UAAU;IAC5C,OAAgB,MAAM,0BAAiC;IAEvD,oBAAoB;IAEpB,QAAQ,CAAC,KAAK,SAAM;IAEpB;;OAEG;IAEH,QAAQ,CAAC,QAAQ,UAAS;IAE1B,6BAA6B;IAE7B,QAAQ,CAAC,QAAQ,UAAS;IAE1B,mDAAmD;IAEnD,QAAQ,CAAC,cAAc,UAAS;IAEhC;;;OAGG;IAEH,QAAQ,CAAC,WAAW,UAAS;IAE7B;;OAEG;IAEH,QAAQ,CAAC,QAAQ,UAAS;IAE1B,wBAAwB;IAExB,QAAQ,CAAC,SAAS,UAAS;IAE3B;;;OAGG;IAEH,QAAQ,CAAC,IAAI,EAAE,GAAG,CAAM;IAExB,oEAAoE;IAEpE,QAAQ,CAAC,aAAa,UAAS;IAE/B;;OAEG;IAEH,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,CAAa;IAE5C,SACkB,IAAI,SAAY;IAElC,SACkB,YAAY,SAAY;IAEjC,MAAM;
|
|
1
|
+
{"version":3,"file":"dropdownOption.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/dropdown/dropdownOption.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAIlD,OAAO,aAAa,CAAC;AACrB,OAAO,WAAW,CAAC;AAOnB;;;;;;GAMG;AACH,qBACa,cAAe,SAAQ,UAAU;IAC5C,OAAgB,MAAM,0BAAiC;IAEvD,oBAAoB;IAEpB,QAAQ,CAAC,KAAK,SAAM;IAEpB;;OAEG;IAEH,QAAQ,CAAC,QAAQ,UAAS;IAE1B,6BAA6B;IAE7B,QAAQ,CAAC,QAAQ,UAAS;IAE1B,mDAAmD;IAEnD,QAAQ,CAAC,cAAc,UAAS;IAEhC;;;OAGG;IAEH,QAAQ,CAAC,WAAW,UAAS;IAE7B;;OAEG;IAEH,QAAQ,CAAC,QAAQ,UAAS;IAE1B,wBAAwB;IAExB,QAAQ,CAAC,SAAS,UAAS;IAE3B;;;OAGG;IAEH,QAAQ,CAAC,IAAI,EAAE,GAAG,CAAM;IAExB,oEAAoE;IAEpE,QAAQ,CAAC,aAAa,UAAS;IAE/B;;OAEG;IAEH,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,CAAa;IAE5C;;OAEG;IAEH,QAAQ,CAAC,OAAO,UAAS;IAEzB,SACkB,IAAI,SAAY;IAElC,SACkB,YAAY,SAAY;IAEjC,MAAM;IAsFN,YAAY;IAWZ,UAAU,CAAC,YAAY,EAAE,GAAG;IAMrC,OAAO,CAAC,iBAAiB;IAYzB,OAAO,CAAC,gBAAgB;IAYxB,OAAO,CAAC,WAAW;IA0BnB,OAAO,CAAC,UAAU;IAYlB,OAAO,CAAC,oBAAoB;CAI7B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,cAAc,CAAC;KACvC;CACF"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as e,a as t,b as i,c as
|
|
1
|
+
import{_ as e,a as t,b as i,c as n,d as o}from"../../../vendor/tslib-Ac8XvvSX.js";import{e as a,x as l,o as s}from"../../../vendor/lit-html-BRBT5o_V.js";import{i as r,a as d,t as c,r as m,n as h}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{i as u}from"../../../vendor/lit-element-m-OqzV5s.js";import"../checkbox/checkbox.js";import"../checkbox/checkboxGroup.js";import"../checkbox/checkboxSubgroup.js";import"../button/button.js";import{h as v,c as g}from"../../../vendor/@kyndryl-design-system/shidoka-icons-bi0_OAYf.js";import"../../../vendor/deepmerge-ts-OFb5ej8y.js";import"../../../common/mixins/form-input.js";import"../textInput/textInput.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";var b=r`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -181,7 +181,7 @@ import{_ as e,a as t,b as i,c as o,d as n}from"../../../vendor/tslib-Ac8XvvSX.js
|
|
|
181
181
|
|
|
182
182
|
.option {
|
|
183
183
|
cursor: default;
|
|
184
|
-
padding:
|
|
184
|
+
padding: 16px;
|
|
185
185
|
height: 48px;
|
|
186
186
|
transition: background-color 150ms ease-out;
|
|
187
187
|
display: flex;
|
|
@@ -205,6 +205,7 @@ import{_ as e,a as t,b as i,c as o,d as n}from"../../../vendor/tslib-Ac8XvvSX.js
|
|
|
205
205
|
}
|
|
206
206
|
.option slot[name=icon]::slotted(span) {
|
|
207
207
|
display: flex;
|
|
208
|
+
padding: 0.5rem 0.5rem 0.5rem 0;
|
|
208
209
|
}
|
|
209
210
|
|
|
210
211
|
kyn-checkbox {
|
|
@@ -219,7 +220,7 @@ kyn-checkbox {
|
|
|
219
220
|
}
|
|
220
221
|
.remove-option .clear-icon {
|
|
221
222
|
padding-top: 0.25rem;
|
|
222
|
-
}`;let k=(()=>{var r,k,p,f,x,w,y,$,S,j,M
|
|
223
|
+
}`;let k=(()=>{var r,k,p,f,x,w,y,$,S,j,C,I,M;let W,O,E,B,A,P,D,z,N,R,U,F,G,L,_,q=[c("kyn-dropdown-option")],H=[],J=u,K=[],Q=[],T=[],V=[],X=[],Y=[],Z=[],ee=[],te=[],ie=[],ne=[],oe=[],ae=[],le=[],se=[],re=[],de=[],ce=[],me=[],he=[],ue=[],ve=[],ge=[],be=[],ke=[],pe=[];return O=class extends J{get value(){return n(this,r,"f")}set value(e){o(this,r,e,"f")}get selected(){return n(this,k,"f")}set selected(e){o(this,k,e,"f")}get disabled(){return n(this,p,"f")}set disabled(e){o(this,p,e,"f")}get allowAddOption(){return n(this,f,"f")}set allowAddOption(e){o(this,f,e,"f")}get highlighted(){return n(this,x,"f")}set highlighted(e){o(this,x,e,"f")}get multiple(){return n(this,w,"f")}set multiple(e){o(this,w,e,"f")}get removable(){return n(this,y,"f")}set removable(e){o(this,y,e,"f")}get text(){return n(this,$,"f")}set text(e){o(this,$,e,"f")}get indeterminate(){return n(this,S,"f")}set indeterminate(e){o(this,S,e,"f")}get kind(){return n(this,j,"f")}set kind(e){o(this,j,e,"f")}get hasIcon(){return n(this,C,"f")}set hasIcon(e){o(this,C,e,"f")}get role(){return n(this,I,"f")}set role(e){o(this,I,e,"f")}get ariaSelected(){return n(this,M,"f")}set ariaSelected(e){o(this,M,e,"f")}render(){const e={option:!0,"menu-item":!0,[`ai-connected-${"ai"===this.kind}`]:!0};return l`
|
|
223
224
|
<div
|
|
224
225
|
class=${a(e)}
|
|
225
226
|
?highlighted=${this.highlighted}
|
|
@@ -253,10 +254,17 @@ kyn-checkbox {
|
|
|
253
254
|
></slot>
|
|
254
255
|
`}
|
|
255
256
|
</span>
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
257
|
+
${this.hasIcon?l`<slot
|
|
258
|
+
name="icon"
|
|
259
|
+
style="display:flex"
|
|
260
|
+
@slotchange=${e=>this.handleIconSlotChange(e)}
|
|
261
|
+
></slot>`:l`
|
|
262
|
+
<slot
|
|
263
|
+
name="icon"
|
|
264
|
+
style="display:none"
|
|
265
|
+
@slotchange=${e=>this.handleIconSlotChange(e)}
|
|
266
|
+
></slot>
|
|
267
|
+
`}
|
|
260
268
|
${this.selected&&!this.multiple?l`
|
|
261
269
|
<span class="menu-item-inner-el check-icon"
|
|
262
270
|
>${s(v)}</span
|
|
@@ -275,10 +283,10 @@ kyn-checkbox {
|
|
|
275
283
|
@focus=${e=>e.stopPropagation()}
|
|
276
284
|
>
|
|
277
285
|
<span slot="icon" class="clear-icon">
|
|
278
|
-
${s(
|
|
286
|
+
${s(g)}
|
|
279
287
|
</span>
|
|
280
288
|
</kyn-button>
|
|
281
289
|
`:null}
|
|
282
290
|
</div>
|
|
283
|
-
`}firstUpdated(){const e=this.closest("kyn-dropdown");e&&(this.kind=e.kind,e.addEventListener("kind-changed",(e=>{this.kind=e.detail})))}willUpdate(e){e.has("selected")&&(this.ariaSelected=this.selected.toString())}handleRemoveClick(e){e.stopPropagation();const t=new CustomEvent("on-remove-option",{bubbles:!0,composed:!0,detail:{value:this.value}});this.dispatchEvent(t)}handleSlotChange(e){const t=e.target.assignedNodes({flatten:!0});let i="";for(let e=0;e<t.length;e++)i+=t[e].textContent.trim();this.text=i}handleClick(e){if(this.disabled)return;this.multiple?this.selected=!this.selected:this.selected=!0;const t=new CustomEvent("on-click",{bubbles:!0,composed:!0,detail:{selected:this.selected,value:this.value,origEvent:e}});this.dispatchEvent(t)}handleBlur(e){const t=new CustomEvent("on-blur",{bubbles:!0,composed:!0,detail:{origEvent:e}});this.dispatchEvent(t)}constructor(){super(...arguments),r.set(this,i(this,
|
|
291
|
+
`}firstUpdated(){const e=this.closest("kyn-dropdown");e&&(this.kind=e.kind,e.addEventListener("kind-changed",(e=>{this.kind=e.detail})))}willUpdate(e){e.has("selected")&&(this.ariaSelected=this.selected.toString())}handleRemoveClick(e){e.stopPropagation();const t=new CustomEvent("on-remove-option",{bubbles:!0,composed:!0,detail:{value:this.value}});this.dispatchEvent(t)}handleSlotChange(e){const t=e.target.assignedNodes({flatten:!0});let i="";for(let e=0;e<t.length;e++)i+=t[e].textContent.trim();this.text=i}handleClick(e){if(this.disabled)return;this.multiple?this.selected=!this.selected:this.selected=!0;const t=new CustomEvent("on-click",{bubbles:!0,composed:!0,detail:{selected:this.selected,value:this.value,origEvent:e}});this.dispatchEvent(t)}handleBlur(e){const t=new CustomEvent("on-blur",{bubbles:!0,composed:!0,detail:{origEvent:e}});this.dispatchEvent(t)}handleIconSlotChange(e){const t=e.target.assignedNodes({flatten:!0});this.hasIcon=t.length>0}constructor(){super(...arguments),r.set(this,i(this,K,"")),k.set(this,(i(this,Q),i(this,T,!1))),p.set(this,(i(this,V),i(this,X,!1))),f.set(this,(i(this,Y),i(this,Z,!1))),x.set(this,(i(this,ee),i(this,te,!1))),w.set(this,(i(this,ie),i(this,ne,!1))),y.set(this,(i(this,oe),i(this,ae,!1))),$.set(this,(i(this,le),i(this,se,""))),S.set(this,(i(this,re),i(this,de,!1))),j.set(this,(i(this,ce),i(this,me,"default"))),C.set(this,(i(this,he),i(this,ue,!1))),I.set(this,(i(this,ve),i(this,ge,"option"))),M.set(this,(i(this,be),i(this,ke,"option"))),i(this,pe)}},r=new WeakMap,k=new WeakMap,p=new WeakMap,f=new WeakMap,x=new WeakMap,w=new WeakMap,y=new WeakMap,$=new WeakMap,S=new WeakMap,j=new WeakMap,C=new WeakMap,I=new WeakMap,M=new WeakMap,e(O,"DropdownOption"),(()=>{var e;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=J[Symbol.metadata])&&void 0!==e?e:null):void 0;E=[h({type:String})],B=[h({type:Boolean})],A=[h({type:Boolean})],P=[h({type:Boolean})],D=[d()],z=[h({type:Boolean})],N=[h({type:Boolean})],R=[d()],U=[h({type:Boolean,reflect:!0})],F=[d()],G=[d()],L=[h({type:String,reflect:!0})],_=[h({type:String,reflect:!0,attribute:"aria-selected"})],t(O,null,E,{kind:"accessor",name:"value",static:!1,private:!1,access:{has:e=>"value"in e,get:e=>e.value,set:(e,t)=>{e.value=t}},metadata:i},K,Q),t(O,null,B,{kind:"accessor",name:"selected",static:!1,private:!1,access:{has:e=>"selected"in e,get:e=>e.selected,set:(e,t)=>{e.selected=t}},metadata:i},T,V),t(O,null,A,{kind:"accessor",name:"disabled",static:!1,private:!1,access:{has:e=>"disabled"in e,get:e=>e.disabled,set:(e,t)=>{e.disabled=t}},metadata:i},X,Y),t(O,null,P,{kind:"accessor",name:"allowAddOption",static:!1,private:!1,access:{has:e=>"allowAddOption"in e,get:e=>e.allowAddOption,set:(e,t)=>{e.allowAddOption=t}},metadata:i},Z,ee),t(O,null,D,{kind:"accessor",name:"highlighted",static:!1,private:!1,access:{has:e=>"highlighted"in e,get:e=>e.highlighted,set:(e,t)=>{e.highlighted=t}},metadata:i},te,ie),t(O,null,z,{kind:"accessor",name:"multiple",static:!1,private:!1,access:{has:e=>"multiple"in e,get:e=>e.multiple,set:(e,t)=>{e.multiple=t}},metadata:i},ne,oe),t(O,null,N,{kind:"accessor",name:"removable",static:!1,private:!1,access:{has:e=>"removable"in e,get:e=>e.removable,set:(e,t)=>{e.removable=t}},metadata:i},ae,le),t(O,null,R,{kind:"accessor",name:"text",static:!1,private:!1,access:{has:e=>"text"in e,get:e=>e.text,set:(e,t)=>{e.text=t}},metadata:i},se,re),t(O,null,U,{kind:"accessor",name:"indeterminate",static:!1,private:!1,access:{has:e=>"indeterminate"in e,get:e=>e.indeterminate,set:(e,t)=>{e.indeterminate=t}},metadata:i},de,ce),t(O,null,F,{kind:"accessor",name:"kind",static:!1,private:!1,access:{has:e=>"kind"in e,get:e=>e.kind,set:(e,t)=>{e.kind=t}},metadata:i},me,he),t(O,null,G,{kind:"accessor",name:"hasIcon",static:!1,private:!1,access:{has:e=>"hasIcon"in e,get:e=>e.hasIcon,set:(e,t)=>{e.hasIcon=t}},metadata:i},ue,ve),t(O,null,L,{kind:"accessor",name:"role",static:!1,private:!1,access:{has:e=>"role"in e,get:e=>e.role,set:(e,t)=>{e.role=t}},metadata:i},ge,be),t(O,null,_,{kind:"accessor",name:"ariaSelected",static:!1,private:!1,access:{has:e=>"ariaSelected"in e,get:e=>e.ariaSelected,set:(e,t)=>{e.ariaSelected=t}},metadata:i},ke,pe),t(null,W={value:O},q,{kind:"class",name:O.name,metadata:i},null,H),O=W.value,i&&Object.defineProperty(O,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),O.styles=m(b),i(O,H),O})();export{k as DropdownOption};
|
|
284
292
|
//# sourceMappingURL=dropdownOption.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdownOption.js","sources":["../../../../src/components/reusable/dropdown/dropdownOption.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport '../checkbox';\nimport '../button';\n\nimport checkIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/check.svg';\nimport clearIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/close-simple.svg';\n\nimport DropdownOptionScss from './dropdownOption.scss?inline';\n\n/**\n * Dropdown option.\n * @fires on-click - Emits the option details to the parent dropdown. `detail:{ selected: boolean, value: string, origEvent: PointerEvent }`\n * @fires on-remove-option - Emits the option that is removed. `detail:{ value: string }`\n * @slot unnamed - Slot for option text.\n * @slot icon - Slot for option icon. Icon size should be 16px only.\n */\n@customElement('kyn-dropdown-option')\nexport class DropdownOption extends LitElement {\n static override styles = unsafeCSS(DropdownOptionScss);\n\n /** Option value. */\n @property({ type: String })\n accessor value = '';\n\n /** Internal text strings.\n * @internal\n */\n @property({ type: Boolean })\n accessor selected = false;\n\n /** Option disabled state. */\n @property({ type: Boolean })\n accessor disabled = false;\n\n /** Allow Add Option state, derived from parent. */\n @property({ type: Boolean })\n accessor allowAddOption = false;\n\n /**\n * Option highlighted state for keyboard navigation, automatically derived.\n * @ignore\n */\n @state()\n accessor highlighted = false;\n\n /** Multi-select state, derived from parent.\n * @ignore\n */\n @property({ type: Boolean })\n accessor multiple = false;\n\n /** Removable option. */\n @property({ type: Boolean })\n accessor removable = false;\n\n /**\n * Option text, automatically derived.\n * @ignore\n */\n @state()\n accessor text: any = '';\n\n /** Determines whether the checkbox is in an indeterminate state. */\n @property({ type: Boolean, reflect: true })\n accessor indeterminate = false;\n\n /** Kind of the item, derived from parent.\n * @ignore\n */\n @state()\n accessor kind: 'ai' | 'default' = 'default';\n\n @property({ type: String, reflect: true })\n override accessor role = 'option';\n\n @property({ type: String, reflect: true, attribute: 'aria-selected' })\n override accessor ariaSelected = 'option';\n\n override render() {\n const classes = {\n option: true,\n 'menu-item': true,\n [`ai-connected-${this.kind === 'ai'}`]: true,\n };\n\n return html`\n <div\n class=${classMap(classes)}\n ?highlighted=${this.highlighted}\n ?selected=${this.selected}\n ?disabled=${this.disabled}\n aria-disabled=${this.disabled}\n ?multiple=${this.multiple}\n title=${this.text}\n @pointerup=${(e: any) => this.handleClick(e)}\n @blur=${(e: any) => this.handleBlur(e)}\n >\n <span class=\"menu-item-inner-el text\">\n ${this.multiple\n ? html`\n <kyn-checkbox\n type=\"checkbox\"\n value=${this.value}\n .checked=${this.selected}\n ?checked=${this.selected}\n ?disabled=${this.disabled}\n notFocusable\n .indeterminate=${this.indeterminate}\n >\n </kyn-checkbox>\n\n <slot\n @slotchange=${(e: any) => this.handleSlotChange(e)}\n ></slot>\n `\n : html`\n <slot\n @slotchange=${(e: any) => this.handleSlotChange(e)}\n ></slot>\n `}\n </span>\n\n <span class=\"menu-item-inner-el icon\"\n ><slot name=\"icon\" style=\"display:flex\"></slot\n ></span>\n ${this.selected && !this.multiple\n ? html`\n <span class=\"menu-item-inner-el check-icon\"\n >${unsafeSVG(checkIcon)}</span\n >\n `\n : this.allowAddOption && this.removable\n ? html`\n <kyn-button\n class=\"remove-option\"\n kind=\"ghost\"\n size=\"small\"\n aria-label=\"Delete ${this.value}\"\n description=\"Delete ${this.value}\"\n ?disabled=${this.disabled}\n @click=${(e: Event) => this.handleRemoveClick(e)}\n @mousedown=${(e: Event) => e.stopPropagation()}\n @keydown=${(e: KeyboardEvent) => e.stopPropagation()}\n @focus=${(e: KeyboardEvent) => e.stopPropagation()}\n >\n <span slot=\"icon\" class=\"clear-icon\">\n ${unsafeSVG(clearIcon)}\n </span>\n </kyn-button>\n `\n : null}\n </div>\n `;\n }\n\n override firstUpdated() {\n const parent = this.closest('kyn-dropdown') as any;\n if (parent) {\n this.kind = parent.kind;\n\n parent.addEventListener('kind-changed', (e: Event) => {\n this.kind = (e as CustomEvent<'ai' | 'default'>).detail;\n });\n }\n }\n\n override willUpdate(changedProps: any) {\n if (changedProps.has('selected')) {\n this.ariaSelected = this.selected.toString();\n }\n }\n\n private handleRemoveClick(e: Event) {\n e.stopPropagation();\n const event = new CustomEvent('on-remove-option', {\n bubbles: true,\n composed: true,\n detail: {\n value: this.value,\n },\n });\n this.dispatchEvent(event);\n }\n\n private handleSlotChange(e: any) {\n // set text prop from slotted text, for ease of access\n const nodes = e.target.assignedNodes({ flatten: true });\n let text = '';\n\n for (let i = 0; i < nodes.length; i++) {\n text += nodes[i].textContent.trim();\n }\n\n this.text = text;\n }\n\n private handleClick(e: Event) {\n // prevent click if disabled\n if (this.disabled) {\n return;\n }\n\n // update selected state\n if (this.multiple) {\n this.selected = !this.selected;\n } else {\n this.selected = true;\n }\n\n // emit selected value, bubble so it can be captured by the parent dropdown\n const event = new CustomEvent('on-click', {\n bubbles: true,\n composed: true,\n detail: {\n selected: this.selected,\n value: this.value,\n origEvent: e,\n },\n });\n this.dispatchEvent(event);\n }\n\n private handleBlur(e: any) {\n // emit blur event, bubble so it can be captured by the parent dropdown\n const event = new CustomEvent('on-blur', {\n bubbles: true,\n composed: true,\n detail: {\n origEvent: e,\n },\n });\n this.dispatchEvent(event);\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-dropdown-option': DropdownOption;\n }\n}\n"],"names":["DropdownOption","customElement","LitElement","_classThis","_classSuper","value","__classPrivateFieldGet","this","_DropdownOption_value_accessor_storage","__classPrivateFieldSet","selected","_DropdownOption_selected_accessor_storage","disabled","_DropdownOption_disabled_accessor_storage","allowAddOption","_DropdownOption_allowAddOption_accessor_storage","highlighted","_DropdownOption_highlighted_accessor_storage","multiple","_DropdownOption_multiple_accessor_storage","removable","_DropdownOption_removable_accessor_storage","text","_DropdownOption_text_accessor_storage","indeterminate","_DropdownOption_indeterminate_accessor_storage","kind","_DropdownOption_kind_accessor_storage","role","_DropdownOption_role_accessor_storage","ariaSelected","_DropdownOption_ariaSelected_accessor_storage","render","classes","option","html","classMap","e","handleClick","handleBlur","handleSlotChange","unsafeSVG","checkIcon","handleRemoveClick","stopPropagation","clearIcon","firstUpdated","parent","closest","addEventListener","detail","willUpdate","changedProps","has","toString","event","CustomEvent","bubbles","composed","dispatchEvent","nodes","target","assignedNodes","flatten","i","length","textContent","trim","origEvent","set","__runInitializers","_value_initializers","_value_extraInitializers","_selected_initializers","_selected_extraInitializers","_disabled_initializers","_disabled_extraInitializers","_allowAddOption_initializers","_allowAddOption_extraInitializers","_highlighted_initializers","_highlighted_extraInitializers","_multiple_initializers","_multiple_extraInitializers","_removable_initializers","_removable_extraInitializers","_text_initializers","_text_extraInitializers","_indeterminate_initializers","_indeterminate_extraInitializers","_kind_initializers","_kind_extraInitializers","_role_initializers","_role_extraInitializers","_ariaSelected_initializers","_value_decorators","property","type","String","_selected_decorators","Boolean","_disabled_decorators","_allowAddOption_decorators","_highlighted_decorators","state","_multiple_decorators","_removable_decorators","_text_decorators","reflect","_kind_decorators","_ariaSelected_decorators","attribute","__esDecorate","name","static","private","access","obj","get","metadata","_metadata","_indeterminate_decorators","_role_decorators","_ariaSelected_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","DropdownOptionScss"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"dropdownOption.js","sources":["../../../../src/components/reusable/dropdown/dropdownOption.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport '../checkbox';\nimport '../button';\n\nimport checkIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/check.svg';\nimport clearIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/close-simple.svg';\n\nimport DropdownOptionScss from './dropdownOption.scss?inline';\n\n/**\n * Dropdown option.\n * @fires on-click - Emits the option details to the parent dropdown. `detail:{ selected: boolean, value: string, origEvent: PointerEvent }`\n * @fires on-remove-option - Emits the option that is removed. `detail:{ value: string }`\n * @slot unnamed - Slot for option text.\n * @slot icon - Slot for option icon. Icon size should be 16px only.\n */\n@customElement('kyn-dropdown-option')\nexport class DropdownOption extends LitElement {\n static override styles = unsafeCSS(DropdownOptionScss);\n\n /** Option value. */\n @property({ type: String })\n accessor value = '';\n\n /** Internal text strings.\n * @internal\n */\n @property({ type: Boolean })\n accessor selected = false;\n\n /** Option disabled state. */\n @property({ type: Boolean })\n accessor disabled = false;\n\n /** Allow Add Option state, derived from parent. */\n @property({ type: Boolean })\n accessor allowAddOption = false;\n\n /**\n * Option highlighted state for keyboard navigation, automatically derived.\n * @ignore\n */\n @state()\n accessor highlighted = false;\n\n /** Multi-select state, derived from parent.\n * @ignore\n */\n @property({ type: Boolean })\n accessor multiple = false;\n\n /** Removable option. */\n @property({ type: Boolean })\n accessor removable = false;\n\n /**\n * Option text, automatically derived.\n * @ignore\n */\n @state()\n accessor text: any = '';\n\n /** Determines whether the checkbox is in an indeterminate state. */\n @property({ type: Boolean, reflect: true })\n accessor indeterminate = false;\n\n /** Kind of the item, derived from parent.\n * @ignore\n */\n @state()\n accessor kind: 'ai' | 'default' = 'default';\n\n /** slotted icon added state.\n * @ignore\n */\n @state()\n accessor hasIcon = false;\n\n @property({ type: String, reflect: true })\n override accessor role = 'option';\n\n @property({ type: String, reflect: true, attribute: 'aria-selected' })\n override accessor ariaSelected = 'option';\n\n override render() {\n const classes = {\n option: true,\n 'menu-item': true,\n [`ai-connected-${this.kind === 'ai'}`]: true,\n };\n\n return html`\n <div\n class=${classMap(classes)}\n ?highlighted=${this.highlighted}\n ?selected=${this.selected}\n ?disabled=${this.disabled}\n aria-disabled=${this.disabled}\n ?multiple=${this.multiple}\n title=${this.text}\n @pointerup=${(e: any) => this.handleClick(e)}\n @blur=${(e: any) => this.handleBlur(e)}\n >\n <span class=\"menu-item-inner-el text\">\n ${this.multiple\n ? html`\n <kyn-checkbox\n type=\"checkbox\"\n value=${this.value}\n .checked=${this.selected}\n ?checked=${this.selected}\n ?disabled=${this.disabled}\n notFocusable\n .indeterminate=${this.indeterminate}\n >\n </kyn-checkbox>\n\n <slot\n @slotchange=${(e: any) => this.handleSlotChange(e)}\n ></slot>\n `\n : html`\n <slot\n @slotchange=${(e: any) => this.handleSlotChange(e)}\n ></slot>\n `}\n </span>\n ${this.hasIcon\n ? html`<slot\n name=\"icon\"\n style=\"display:flex\"\n @slotchange=${(e: any) => this.handleIconSlotChange(e)}\n ></slot>`\n : html`\n <slot\n name=\"icon\"\n style=\"display:none\"\n @slotchange=${(e: any) => this.handleIconSlotChange(e)}\n ></slot>\n `}\n ${this.selected && !this.multiple\n ? html`\n <span class=\"menu-item-inner-el check-icon\"\n >${unsafeSVG(checkIcon)}</span\n >\n `\n : this.allowAddOption && this.removable\n ? html`\n <kyn-button\n class=\"remove-option\"\n kind=\"ghost\"\n size=\"small\"\n aria-label=\"Delete ${this.value}\"\n description=\"Delete ${this.value}\"\n ?disabled=${this.disabled}\n @click=${(e: Event) => this.handleRemoveClick(e)}\n @mousedown=${(e: Event) => e.stopPropagation()}\n @keydown=${(e: KeyboardEvent) => e.stopPropagation()}\n @focus=${(e: KeyboardEvent) => e.stopPropagation()}\n >\n <span slot=\"icon\" class=\"clear-icon\">\n ${unsafeSVG(clearIcon)}\n </span>\n </kyn-button>\n `\n : null}\n </div>\n `;\n }\n\n override firstUpdated() {\n const parent = this.closest('kyn-dropdown') as any;\n if (parent) {\n this.kind = parent.kind;\n\n parent.addEventListener('kind-changed', (e: Event) => {\n this.kind = (e as CustomEvent<'ai' | 'default'>).detail;\n });\n }\n }\n\n override willUpdate(changedProps: any) {\n if (changedProps.has('selected')) {\n this.ariaSelected = this.selected.toString();\n }\n }\n\n private handleRemoveClick(e: Event) {\n e.stopPropagation();\n const event = new CustomEvent('on-remove-option', {\n bubbles: true,\n composed: true,\n detail: {\n value: this.value,\n },\n });\n this.dispatchEvent(event);\n }\n\n private handleSlotChange(e: any) {\n // set text prop from slotted text, for ease of access\n const nodes = e.target.assignedNodes({ flatten: true });\n let text = '';\n\n for (let i = 0; i < nodes.length; i++) {\n text += nodes[i].textContent.trim();\n }\n\n this.text = text;\n }\n\n private handleClick(e: Event) {\n // prevent click if disabled\n if (this.disabled) {\n return;\n }\n\n // update selected state\n if (this.multiple) {\n this.selected = !this.selected;\n } else {\n this.selected = true;\n }\n\n // emit selected value, bubble so it can be captured by the parent dropdown\n const event = new CustomEvent('on-click', {\n bubbles: true,\n composed: true,\n detail: {\n selected: this.selected,\n value: this.value,\n origEvent: e,\n },\n });\n this.dispatchEvent(event);\n }\n\n private handleBlur(e: any) {\n // emit blur event, bubble so it can be captured by the parent dropdown\n const event = new CustomEvent('on-blur', {\n bubbles: true,\n composed: true,\n detail: {\n origEvent: e,\n },\n });\n this.dispatchEvent(event);\n }\n\n private handleIconSlotChange(e: any) {\n const nodes = e.target.assignedNodes({ flatten: true });\n this.hasIcon = nodes.length > 0;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-dropdown-option': DropdownOption;\n }\n}\n"],"names":["DropdownOption","customElement","LitElement","_classThis","_classSuper","value","__classPrivateFieldGet","this","_DropdownOption_value_accessor_storage","__classPrivateFieldSet","selected","_DropdownOption_selected_accessor_storage","disabled","_DropdownOption_disabled_accessor_storage","allowAddOption","_DropdownOption_allowAddOption_accessor_storage","highlighted","_DropdownOption_highlighted_accessor_storage","multiple","_DropdownOption_multiple_accessor_storage","removable","_DropdownOption_removable_accessor_storage","text","_DropdownOption_text_accessor_storage","indeterminate","_DropdownOption_indeterminate_accessor_storage","kind","_DropdownOption_kind_accessor_storage","hasIcon","_DropdownOption_hasIcon_accessor_storage","role","_DropdownOption_role_accessor_storage","ariaSelected","_DropdownOption_ariaSelected_accessor_storage","render","classes","option","html","classMap","e","handleClick","handleBlur","handleSlotChange","handleIconSlotChange","unsafeSVG","checkIcon","handleRemoveClick","stopPropagation","clearIcon","firstUpdated","parent","closest","addEventListener","detail","willUpdate","changedProps","has","toString","event","CustomEvent","bubbles","composed","dispatchEvent","nodes","target","assignedNodes","flatten","i","length","textContent","trim","origEvent","set","__runInitializers","_value_initializers","_value_extraInitializers","_selected_initializers","_selected_extraInitializers","_disabled_initializers","_disabled_extraInitializers","_allowAddOption_initializers","_allowAddOption_extraInitializers","_highlighted_initializers","_highlighted_extraInitializers","_multiple_initializers","_multiple_extraInitializers","_removable_initializers","_removable_extraInitializers","_text_initializers","_text_extraInitializers","_indeterminate_initializers","_indeterminate_extraInitializers","_kind_initializers","_kind_extraInitializers","_hasIcon_initializers","_hasIcon_extraInitializers","_role_initializers","_role_extraInitializers","_ariaSelected_initializers","_value_decorators","property","type","String","_selected_decorators","Boolean","_disabled_decorators","_allowAddOption_decorators","_highlighted_decorators","state","_multiple_decorators","_removable_decorators","_text_decorators","reflect","_kind_decorators","_hasIcon_decorators","_ariaSelected_decorators","attribute","__esDecorate","name","static","private","access","obj","get","metadata","_metadata","_indeterminate_decorators","_role_decorators","_ariaSelected_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","DropdownOptionScss"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{T as Table}from"../../../table-
|
|
1
|
+
export{T as Table}from"../../../table-CjVS72wk.js";export{TableCell}from"./table-cell.js";export{TableRow}from"./table-row.js";export{TableBody}from"./table-body.js";export{TableHead}from"./table-head.js";export{TableHeader}from"./table-header.js";export{TableFoot}from"./table-foot.js";export{TableFooter}from"./table-footer.js";export{TableLegend}from"./table-legend.js";export{TableLegendItem}from"./table-legend-item.js";export{TableToolbar}from"./table-toolbar.js";export{TableContainer}from"./table-container.js";export{TableHeaderRow}from"./table-header-row.js";export{TableExpandedRow}from"./table-expanded-row.js";export{TableSkeleton}from"./table.skeleton.js";import"../../../vendor/tslib-Ac8XvvSX.js";import"../../../vendor/@lit/reactive-element-f91Vet7N.js";import"../../../vendor/lit-html-BRBT5o_V.js";import"../../../vendor/lit-element-m-OqzV5s.js";import"../../../vendor/@lit/context-nxMZ2CIX.js";import"./table-context.js";import"./defs.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-bi0_OAYf.js";import"../checkbox/checkbox.js";import"../../../vendor/deepmerge-ts-OFb5ej8y.js";import"../loaders/skeleton.js";import"../pagination/pagination.skeleton.js";import"../../../pagination-Ch_Cw4ij.js";import"../globalFilter/globalFilter.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -18,7 +18,7 @@ export declare class Table extends LitElement {
|
|
|
18
18
|
* selectable using checkboxes.
|
|
19
19
|
* @type {boolean}
|
|
20
20
|
*/
|
|
21
|
-
accessor checkboxSelection: boolean;
|
|
21
|
+
accessor checkboxSelection: boolean | undefined;
|
|
22
22
|
/**
|
|
23
23
|
* striped: Boolean indicating whether rows should have alternate
|
|
24
24
|
* coloring.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/table/table.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAa,MAAM,KAAK,CAAC;AAKlE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAKvC;;;;;;GAMG;AAEH,qBACa,KAAM,SAAQ,UAAU;IACnC,OAAgB,MAAM,0BAAqB;IAE3C;;OAEG;IACH,SACkB,IAAI,SAAW;IAEjC;;;;OAIG;IAEH,QAAQ,CAAC,iBAAiB,
|
|
1
|
+
{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/table/table.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAa,MAAM,KAAK,CAAC;AAKlE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAKvC;;;;;;GAMG;AAEH,qBACa,KAAM,SAAQ,UAAU;IACnC,OAAgB,MAAM,0BAAqB;IAE3C;;OAEG;IACH,SACkB,IAAI,SAAW;IAEjC;;;;OAIG;IAEH,QAAQ,CAAC,iBAAiB,EAAE,OAAO,GAAG,SAAS,CAAC;IAEhD;;;;OAIG;IAEH,QAAQ,CAAC,OAAO,UAAS;IAEzB;;;;OAIG;IAEH,QAAQ,CAAC,YAAY,UAAS;IAE9B;;;;;OAKG;IAEH,QAAQ,CAAC,KAAK,UAAS;IAEvB;;;;;;SAMK;IAEL,QAAQ,CAAC,WAAW,UAAS;IAE7B;;;;OAIG;IAEH,OAAO,CAAC,QAAQ,CAAC,SAAS,CAA2C;IAErE;;OAEG;IACM,OAAO,CAAC,iBAAiB,EAAE,cAAc;IAoBlD;;;;OAIG;IAEH,OAAO,CAAC,QAAQ,CAAC,eAAe,CAA+B;IAE/D;;;;OAIG;IAEH,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAkB;IAE3C;;;;OAIG;IAEH,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAkB;IAEhD;;;;OAIG;IAEH,OAAO,CAAC,QAAQ,CAAC,eAAe,CAA0B;IAE1D;;;;;OAKG;IAEH,OAAO,CAAC,QAAQ,CAAC,4BAA4B,CAAS;IAEtD;;;;;OAKG;IAEH,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAAS;IAEhD;;;;OAIG;IACH,OAAO,CAAC,qBAAqB;IAkB7B;;OAEG;IACH,OAAO,CAAC,yBAAyB;IAgCjC;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAmC3B;;;;;OAKG;IACI,0BAA0B;IAWjC;;;;OAIG;IACI,eAAe;IAItB;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;IAWzB,OAAO,CAAC,sBAAsB;IAmBrB,iBAAiB;IAiBjB,oBAAoB;IAiBpB,YAAY;IAIZ,MAAM;CAGhB;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,KAAK,CAAC;KACpB;CACF"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import"../../../vendor/tslib-Ac8XvvSX.js";import"../../../vendor/@lit/reactive-element-f91Vet7N.js";import"../../../vendor/lit-html-BRBT5o_V.js";import"../../../vendor/lit-element-m-OqzV5s.js";import"../../../vendor/@lit/context-nxMZ2CIX.js";import"./table-context.js";export{T as Table}from"../../../table-
|
|
1
|
+
import"../../../vendor/tslib-Ac8XvvSX.js";import"../../../vendor/@lit/reactive-element-f91Vet7N.js";import"../../../vendor/lit-html-BRBT5o_V.js";import"../../../vendor/lit-element-m-OqzV5s.js";import"../../../vendor/@lit/context-nxMZ2CIX.js";import"./table-context.js";export{T as Table}from"../../../table-CjVS72wk.js";
|
|
2
2
|
//# sourceMappingURL=table.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{c as e}from"../../../table-
|
|
1
|
+
import{c as e}from"../../../table-CjVS72wk.js";import"./table-cell.js";import"./table-row.js";import"./table-body.js";import"./table-head.js";import"./table-header.js";import"./table-foot.js";import"./table-footer.js";import"./table-legend.js";import"./table-legend-item.js";import"./table-toolbar.js";import"./table-container.js";import"./table-header-row.js";import"./table-expanded-row.js";import{_ as t,a,b as s,c as l,d as i}from"../../../vendor/tslib-Ac8XvvSX.js";import{t as n,i as o,r,n as d}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{x as h}from"../../../vendor/lit-html-BRBT5o_V.js";import{i as p}from"../../../vendor/lit-element-m-OqzV5s.js";import"../loaders/skeleton.js";import"../pagination/pagination.skeleton.js";import"../globalFilter/globalFilter.js";import"../../../vendor/@lit/context-nxMZ2CIX.js";import"./table-context.js";import"./defs.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-bi0_OAYf.js";import"../checkbox/checkbox.js";import"../../../vendor/deepmerge-ts-OFb5ej8y.js";import"../../../pagination-Ch_Cw4ij.js";(()=>{let e,l,i=[n("sample-filter-skeleton-component")],r=[],d=p;l=class extends d{render(){return h`
|
|
2
2
|
<kyn-global-filter>
|
|
3
3
|
<div class="left-wrapper">
|
|
4
4
|
<kyn-skeleton width="122px" class="left-content"></kyn-skeleton>
|
package/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{Header}from"./components/global/header/header.js";export{HeaderNav}from"./components/global/header/headerNav.js";export{HeaderLink}from"./components/global/header/headerLink.js";export{HeaderCategory}from"./components/global/header/headerCategory.js";export{HeaderDivider}from"./components/global/header/headerDivider.js";export{HeaderFlyouts}from"./components/global/header/headerFlyouts.js";export{HeaderFlyout}from"./components/global/header/headerFlyout.js";export{HeaderUserProfile}from"./components/global/header/headerUserProfile.js";export{HeaderPanelLink}from"./components/global/header/headerPanelLink.js";export{HeaderNotificationPanel}from"./components/global/header/headerNotificationPanel.js";export{LocalNav}from"./components/global/localNav/localNav.js";export{LocalNavLink}from"./components/global/localNav/localNavLink.js";export{LocalNavDivider}from"./components/global/localNav/localNavDivider.js";export{Footer}from"./components/global/footer/footer.js";export{UiShell}from"./components/global/uiShell/uiShell.js";export{RadioButton}from"./components/reusable/radioButton/radioButton.js";export{RadioButtonGroup}from"./components/reusable/radioButton/radioButtonGroup.js";export{Checkbox}from"./components/reusable/checkbox/checkbox.js";export{CheckboxGroup}from"./components/reusable/checkbox/checkboxGroup.js";export{CheckboxSubgroup}from"./components/reusable/checkbox/checkboxSubgroup.js";export{TextInput}from"./components/reusable/textInput/textInput.js";export{TextArea}from"./components/reusable/textArea/textArea.js";export{Avatar}from"./components/reusable/avatar/avatar.js";export{ToggleButton}from"./components/reusable/toggleButton/toggleButton.js";export{Dropdown}from"./components/reusable/dropdown/dropdown.js";export{DropdownOption}from"./components/reusable/dropdown/dropdownOption.js";export{DropdownCategory}from"./components/reusable/dropdown/dropdownCategory.js";import"./components/reusable/dropdown/enhancedDropdownOption.js";export{DatePicker}from"./components/reusable/datePicker/datepicker.js";export{DateRangePicker}from"./components/reusable/daterangepicker/daterangepicker.js";export{TimePicker}from"./components/reusable/timepicker/timepicker.js";export{ProgressBar}from"./components/reusable/progressBar/progressBar.js";export{BlockCodeView}from"./components/reusable/blockCodeView/blockCodeView.js";export{InlineCodeView}from"./components/reusable/inlineCodeView/inlineCodeView.js";export{Breadcrumbs}from"./components/reusable/breadcrumbs/breadcrumbs.js";export{T as Table}from"./table-
|
|
1
|
+
export{Header}from"./components/global/header/header.js";export{HeaderNav}from"./components/global/header/headerNav.js";export{HeaderLink}from"./components/global/header/headerLink.js";export{HeaderCategory}from"./components/global/header/headerCategory.js";export{HeaderDivider}from"./components/global/header/headerDivider.js";export{HeaderFlyouts}from"./components/global/header/headerFlyouts.js";export{HeaderFlyout}from"./components/global/header/headerFlyout.js";export{HeaderUserProfile}from"./components/global/header/headerUserProfile.js";export{HeaderPanelLink}from"./components/global/header/headerPanelLink.js";export{HeaderNotificationPanel}from"./components/global/header/headerNotificationPanel.js";export{LocalNav}from"./components/global/localNav/localNav.js";export{LocalNavLink}from"./components/global/localNav/localNavLink.js";export{LocalNavDivider}from"./components/global/localNav/localNavDivider.js";export{Footer}from"./components/global/footer/footer.js";export{UiShell}from"./components/global/uiShell/uiShell.js";export{RadioButton}from"./components/reusable/radioButton/radioButton.js";export{RadioButtonGroup}from"./components/reusable/radioButton/radioButtonGroup.js";export{Checkbox}from"./components/reusable/checkbox/checkbox.js";export{CheckboxGroup}from"./components/reusable/checkbox/checkboxGroup.js";export{CheckboxSubgroup}from"./components/reusable/checkbox/checkboxSubgroup.js";export{TextInput}from"./components/reusable/textInput/textInput.js";export{TextArea}from"./components/reusable/textArea/textArea.js";export{Avatar}from"./components/reusable/avatar/avatar.js";export{ToggleButton}from"./components/reusable/toggleButton/toggleButton.js";export{Dropdown}from"./components/reusable/dropdown/dropdown.js";export{DropdownOption}from"./components/reusable/dropdown/dropdownOption.js";export{DropdownCategory}from"./components/reusable/dropdown/dropdownCategory.js";import"./components/reusable/dropdown/enhancedDropdownOption.js";export{DatePicker}from"./components/reusable/datePicker/datepicker.js";export{DateRangePicker}from"./components/reusable/daterangepicker/daterangepicker.js";export{TimePicker}from"./components/reusable/timepicker/timepicker.js";export{ProgressBar}from"./components/reusable/progressBar/progressBar.js";export{BlockCodeView}from"./components/reusable/blockCodeView/blockCodeView.js";export{InlineCodeView}from"./components/reusable/inlineCodeView/inlineCodeView.js";export{Breadcrumbs}from"./components/reusable/breadcrumbs/breadcrumbs.js";export{T as Table}from"./table-CjVS72wk.js";export{TableCell}from"./components/reusable/table/table-cell.js";export{TableRow}from"./components/reusable/table/table-row.js";export{TableBody}from"./components/reusable/table/table-body.js";export{TableHead}from"./components/reusable/table/table-head.js";export{TableHeader}from"./components/reusable/table/table-header.js";export{TableFoot}from"./components/reusable/table/table-foot.js";export{TableFooter}from"./components/reusable/table/table-footer.js";export{TableLegend}from"./components/reusable/table/table-legend.js";export{TableLegendItem}from"./components/reusable/table/table-legend-item.js";export{TableToolbar}from"./components/reusable/table/table-toolbar.js";export{TableContainer}from"./components/reusable/table/table-container.js";export{TableHeaderRow}from"./components/reusable/table/table-header-row.js";export{TableExpandedRow}from"./components/reusable/table/table-expanded-row.js";import"./components/reusable/table/table.skeleton.js";export{Pagination}from"./components/reusable/pagination/Pagination.js";import"./components/reusable/pagination/pagination-items-range.js";import"./components/reusable/pagination/pagination-page-size-dropdown.js";import"./components/reusable/pagination/pagination-navigation-buttons.js";import"./components/reusable/pagination/pagination.skeleton.js";export{OverflowMenu}from"./components/reusable/overflowMenu/overflowMenu.js";export{OverflowMenuItem}from"./components/reusable/overflowMenu/overflowMenuItem.js";export{Tabs}from"./components/reusable/tabs/tabs.js";export{Tab}from"./components/reusable/tabs/tab.js";export{TabPanel}from"./components/reusable/tabs/tabPanel.js";export{Modal}from"./components/reusable/modal/modal.js";export{Tooltip}from"./components/reusable/tooltip/tooltip.js";export{Tag}from"./components/reusable/tag/tag.js";export{TagGroup}from"./components/reusable/tag/tagGroup.js";import"./components/reusable/tag/tag.skeleton.js";export{GlobalFilter}from"./components/reusable/globalFilter/globalFilter.js";export{SideDrawer}from"./components/reusable/sideDrawer/sideDrawer.js";export{PageTitle}from"./components/reusable/pagetitle/pageTitle.js";export{Notification}from"./components/reusable/notification/notification.js";export{NotificationContainer}from"./components/reusable/notification/notificationContainer.js";export{Widget}from"./components/reusable/widget/widget.js";export{WidgetDragHandle}from"./components/reusable/widget/widgetDragHandle.js";export{WidgetGridstack}from"./components/reusable/widget/widgetGridstack.js";export{Search}from"./components/reusable/search/search.js";export{Loader}from"./components/reusable/loaders/loader.js";export{LoaderInline}from"./components/reusable/loaders/inline.js";export{Skeleton}from"./components/reusable/loaders/skeleton.js";export{NumberInput}from"./components/reusable/numberInput/numberInput.js";export{SliderInput}from"./components/reusable/sliderInput/sliderInput.js";export{Popover}from"./components/reusable/popover/popover.js";export{createOptionsArray,debounce,stringToReactHtml}from"./common/helpers/helpers.js";export{Config,WidgetConstraints,WidgetSizes}from"./common/helpers/gridstack.js";export{SwiperConfig}from"./common/helpers/swiper.js";export{Stepper}from"./components/reusable/stepper/stepper.js";export{StepperItem}from"./components/reusable/stepper/stepperItem.js";export{StepperItemChild}from"./components/reusable/stepper/stepperItemChild.js";export{Button}from"./components/reusable/button/button.js";export{Link}from"./components/reusable/link/link.js";export{Accordion}from"./components/reusable/accordion/accordion.js";export{AccordionItem}from"./components/reusable/accordion/accordionItem.js";export{Card}from"./components/reusable/card/card.js";import"./components/reusable/card/vitalCard.skeleton.js";import"./components/reusable/card/informationalCard.skeleton.js";export{SplitButton}from"./components/reusable/splitButton/splitButton.js";export{SplitButtonOption}from"./components/reusable/splitButton/splitButtonOption.js";export{FloatingContainer}from"./components/reusable/floatingContainer/floatingContainer.js";export{AISourcesFeedback}from"./components/ai/sourcesFeedback/aiSourcesFeedback.js";export{InlineConfirm}from"./components/reusable/inlineConfirm/inlineConfirm.js";export{ColorInput}from"./components/reusable/colorInput/colorInput.js";import"./vendor/tslib-Ac8XvvSX.js";import"./vendor/@lit/reactive-element-f91Vet7N.js";import"./vendor/lit-html-BRBT5o_V.js";import"./vendor/lit-element-m-OqzV5s.js";import"./vendor/@kyndryl-design-system/shidoka-foundation-7uii0Jz8.js";import"./vendor/@kyndryl-design-system/shidoka-icons-bi0_OAYf.js";import"./vendor/deepmerge-ts-OFb5ej8y.js";import"./common/mixins/form-input.js";import"./common/helpers/flatpickr.js";import"./vendor/flatpickr-D1_FkiHZ.js";import"./common/flatpickrLangs.js";import"./shidoka-flatpickr-theme-Cyh88ZXb.js";import"./vendor/prismjs-1mvJofm2.js";import"./vendor/@lit/context-nxMZ2CIX.js";import"./components/reusable/table/table-context.js";import"./components/reusable/table/defs.js";import"./pagination-Ch_Cw4ij.js";import"./tag-B2B6WTaT.js";import"./components/reusable/badge/badge.js";import"./vendor/query-selector-shadow-dom-D9NRI6Ow.js";import"./vendor/gridstack-D_3XX7W5.js";import"./vendor/lottie-web-t-JWAnz9.js";import"./vendor/@floating-ui/dom-DatHEGLh.js";import"./vendor/@floating-ui/core-Psgh4TGO.js";import"./vendor/@floating-ui/utils-CqAU-KUi.js";import"./common/helpers/popoverHelper.js";import"./components/reusable/button/defs.js";import"./components/reusable/link/defs.js";import"./cardSample-CUzFck1J.js";import"./components/reusable/splitButton/defs.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/package.json
CHANGED
|
@@ -30,5 +30,5 @@ kyn-tr.selected {
|
|
|
30
30
|
.pagination-skeleton-wrapper {
|
|
31
31
|
margin-top: 16px;
|
|
32
32
|
float: right;
|
|
33
|
-
}`;let _=(()=>{var o,_,b,u,m,g,R,f,x,v,C,y,S;let I,H,E,L,M,W,j,A,B,P,q,z,O,T,U,V=[c("kyn-table")],D=[],F=l,G=[],J=[],K=[],N=[],Q=[],X=[],Y=[],Z=[],$=[],ee=[],te=[],se=[],ae=[],ie=[],oe=[],de=[],ce=[],ne=[],he=[],re=[],le=[],pe=[],ke=[],we=[],_e=[],be=[];return H=class extends F{get role(){return a(this,o,"f")}set role(e){i(this,o,e,"f")}get checkboxSelection(){return a(this,_,"f")}set checkboxSelection(e){i(this,_,e,"f")}get striped(){return a(this,b,"f")}set striped(e){i(this,b,e,"f")}get stickyHeader(){return a(this,u,"f")}set stickyHeader(e){i(this,u,e,"f")}get dense(){return a(this,m,"f")}set dense(e){i(this,m,e,"f")}get fixedLayout(){return a(this,g,"f")}set fixedLayout(e){i(this,g,e,"f")}get _provider(){return a(this,R,"f")}set _provider(e){i(this,R,e,"f")}updated(e){if(super.updated(e),e.has("dense")||e.has("striped")||e.has("checkboxSelection")||e.has("stickyHeader")){const e={dense:this.dense,striped:this.striped,checkboxSelection:this.checkboxSelection,stickyHeader:this.stickyHeader};this._provider.setValue(e)}}get _tableHeaderRow(){return a(this,f,"f")}set _tableHeaderRow(e){i(this,f,e,"f")}get _allRows(){return a(this,x,"f")}set _allRows(e){i(this,x,e,"f")}get _selectedRows(){return a(this,v,"f")}set _selectedRows(e){i(this,v,e,"f")}get _selectedRowIds(){return a(this,C,"f")}set _selectedRowIds(e){i(this,C,e,"f")}get _headerCheckboxIndeterminate(){return a(this,y,"f")}set _headerCheckboxIndeterminate(e){i(this,y,e,"f")}get _headerCheckboxChecked(){return a(this,S,"f")}set _headerCheckboxChecked(e){i(this,S,e,"f")}_updateHeaderCheckbox(){var e;0===this._selectedRows.length||0===this._allRows.length?(this._headerCheckboxIndeterminate=!1,this._headerCheckboxChecked=!1):this._selectedRows.length===this._allRows.length?(this._headerCheckboxIndeterminate=!1,this._headerCheckboxChecked=!0):(this._headerCheckboxIndeterminate=!0,this._headerCheckboxChecked=!1),null===(e=this._tableHeaderRow)||void 0===e||e.updateHeaderCheckboxState(this._headerCheckboxIndeterminate,this._headerCheckboxChecked)}_handleRowSelectionChange(e){e.stopPropagation();const{target:t}=e,{_selectedRows:s}=this;if(!this.contains(t))return;s.includes(t)?(this._selectedRows=s.filter((e=>e!==t)),this._selectedRowIds.delete(t.rowId)):(this._selectedRows.push(t),this._selectedRowIds.add(t.rowId)),this._updateHeaderCheckbox();const a={bubbles:!1,cancelable:!0,composed:!0,detail:{selectedRow:t,selectedRows:this._selectedRows}};this.dispatchEvent(new CustomEvent("on-row-selection-change",a))}_toggleSelectionAll(e){e.stopPropagation();const{detail:{checked:t},target:s}=e,{_allRows:a}=this;if(!this.contains(s))return;a.forEach((e=>{e.disabled||(e.selected=t)})),this._selectedRows=[...a.filter((e=>e.selected))],this._selectedRowIds=new Set(this._selectedRows.map((e=>e.rowId))),this._updateHeaderCheckbox();const i={bubbles:!1,cancelable:!0,composed:!0,detail:{selectedRows:this._selectedRows}};this.dispatchEvent(new CustomEvent("on-all-rows-selection-change",i))}updateAfterExternalChanges(){this._allRows=Array.from(this.querySelectorAll("kyn-tr")),this._selectedRows=this._allRows.filter((e=>e.selected)),this._updateHeaderCheckbox(),this.requestUpdate()}getSelectedRows(){return this._selectedRows}_handleRowsChange(e){const{detail:{rows:t}}=e;e.stopPropagation(),this._allRows=t,this._updateSelectionStates(),this._updateHeaderCheckbox()}_updateSelectionStates(){const e=[];this._allRows.forEach((t=>{this._selectedRowIds.has(t.rowId)?(t.selected=!0,e.push(t)):t.selected&&(this._selectedRowIds.add(t.rowId),e.push(t))})),this._selectedRows=e}connectedCallback(){super.connectedCallback(),this.addEventListener("on-header-checkbox-toggle",this._toggleSelectionAll),this.addEventListener("on-row-select",this._handleRowSelectionChange),this.addEventListener("on-rows-change",this._handleRowsChange)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("on-header-checkbox-toggle",this._toggleSelectionAll),this.removeEventListener("on-row-select",this._handleRowSelectionChange),this.removeEventListener("on-rows-change",this._handleRowsChange)}firstUpdated(){this._tableHeaderRow=this.querySelector("kyn-header-tr")}render(){return r` <slot></slot> `}constructor(){super(...arguments),o.set(this,s(this,G,"table")),_.set(this,(s(this,J),s(this,K
|
|
34
|
-
//# sourceMappingURL=table-
|
|
33
|
+
}`;let _=(()=>{var o,_,b,u,m,g,R,f,x,v,C,y,S;let I,H,E,L,M,W,j,A,B,P,q,z,O,T,U,V=[c("kyn-table")],D=[],F=l,G=[],J=[],K=[],N=[],Q=[],X=[],Y=[],Z=[],$=[],ee=[],te=[],se=[],ae=[],ie=[],oe=[],de=[],ce=[],ne=[],he=[],re=[],le=[],pe=[],ke=[],we=[],_e=[],be=[];return H=class extends F{get role(){return a(this,o,"f")}set role(e){i(this,o,e,"f")}get checkboxSelection(){return a(this,_,"f")}set checkboxSelection(e){i(this,_,e,"f")}get striped(){return a(this,b,"f")}set striped(e){i(this,b,e,"f")}get stickyHeader(){return a(this,u,"f")}set stickyHeader(e){i(this,u,e,"f")}get dense(){return a(this,m,"f")}set dense(e){i(this,m,e,"f")}get fixedLayout(){return a(this,g,"f")}set fixedLayout(e){i(this,g,e,"f")}get _provider(){return a(this,R,"f")}set _provider(e){i(this,R,e,"f")}updated(e){if(super.updated(e),e.has("dense")||e.has("striped")||e.has("checkboxSelection")||e.has("stickyHeader")){const e={dense:this.dense,striped:this.striped,checkboxSelection:this.checkboxSelection,stickyHeader:this.stickyHeader};this._provider.setValue(e)}}get _tableHeaderRow(){return a(this,f,"f")}set _tableHeaderRow(e){i(this,f,e,"f")}get _allRows(){return a(this,x,"f")}set _allRows(e){i(this,x,e,"f")}get _selectedRows(){return a(this,v,"f")}set _selectedRows(e){i(this,v,e,"f")}get _selectedRowIds(){return a(this,C,"f")}set _selectedRowIds(e){i(this,C,e,"f")}get _headerCheckboxIndeterminate(){return a(this,y,"f")}set _headerCheckboxIndeterminate(e){i(this,y,e,"f")}get _headerCheckboxChecked(){return a(this,S,"f")}set _headerCheckboxChecked(e){i(this,S,e,"f")}_updateHeaderCheckbox(){var e;0===this._selectedRows.length||0===this._allRows.length?(this._headerCheckboxIndeterminate=!1,this._headerCheckboxChecked=!1):this._selectedRows.length===this._allRows.length?(this._headerCheckboxIndeterminate=!1,this._headerCheckboxChecked=!0):(this._headerCheckboxIndeterminate=!0,this._headerCheckboxChecked=!1),null===(e=this._tableHeaderRow)||void 0===e||e.updateHeaderCheckboxState(this._headerCheckboxIndeterminate,this._headerCheckboxChecked)}_handleRowSelectionChange(e){e.stopPropagation();const{target:t}=e,{_selectedRows:s}=this;if(!this.contains(t))return;s.includes(t)?(this._selectedRows=s.filter((e=>e!==t)),this._selectedRowIds.delete(t.rowId)):(this._selectedRows.push(t),this._selectedRowIds.add(t.rowId)),this._updateHeaderCheckbox();const a={bubbles:!1,cancelable:!0,composed:!0,detail:{selectedRow:t,selectedRows:this._selectedRows}};this.dispatchEvent(new CustomEvent("on-row-selection-change",a))}_toggleSelectionAll(e){e.stopPropagation();const{detail:{checked:t},target:s}=e,{_allRows:a}=this;if(!this.contains(s))return;a.forEach((e=>{e.disabled||(e.selected=t)})),this._selectedRows=[...a.filter((e=>e.selected))],this._selectedRowIds=new Set(this._selectedRows.map((e=>e.rowId))),this._updateHeaderCheckbox();const i={bubbles:!1,cancelable:!0,composed:!0,detail:{selectedRows:this._selectedRows}};this.dispatchEvent(new CustomEvent("on-all-rows-selection-change",i))}updateAfterExternalChanges(){this._allRows=Array.from(this.querySelectorAll("kyn-tr")),this._selectedRows=this._allRows.filter((e=>e.selected)),this._updateHeaderCheckbox(),this.requestUpdate()}getSelectedRows(){return this._selectedRows}_handleRowsChange(e){const{detail:{rows:t}}=e;e.stopPropagation(),this._allRows=t,this._updateSelectionStates(),this._updateHeaderCheckbox()}_updateSelectionStates(){const e=[];this._allRows.forEach((t=>{this._selectedRowIds.has(t.rowId)?(t.selected=!0,e.push(t)):t.selected&&(this._selectedRowIds.add(t.rowId),e.push(t))})),this._selectedRows=e}connectedCallback(){super.connectedCallback(),this.addEventListener("on-header-checkbox-toggle",this._toggleSelectionAll),this.addEventListener("on-row-select",this._handleRowSelectionChange),this.addEventListener("on-rows-change",this._handleRowsChange)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("on-header-checkbox-toggle",this._toggleSelectionAll),this.removeEventListener("on-row-select",this._handleRowSelectionChange),this.removeEventListener("on-rows-change",this._handleRowsChange)}firstUpdated(){this._tableHeaderRow=this.querySelector("kyn-header-tr")}render(){return r` <slot></slot> `}constructor(){super(...arguments),o.set(this,s(this,G,"table")),_.set(this,(s(this,J),s(this,K,void 0))),b.set(this,(s(this,N),s(this,Q,!1))),u.set(this,(s(this,X),s(this,Y,!1))),m.set(this,(s(this,Z),s(this,$,!1))),g.set(this,(s(this,ee),s(this,te,!1))),R.set(this,(s(this,se),s(this,ae,new p(this,k)))),f.set(this,(s(this,ie),s(this,oe,null))),x.set(this,(s(this,de),s(this,ce,[]))),v.set(this,(s(this,ne),s(this,he,[]))),C.set(this,(s(this,re),s(this,le,new Set))),y.set(this,(s(this,pe),s(this,ke,!1))),S.set(this,(s(this,we),s(this,_e,!1))),s(this,be)}},o=new WeakMap,_=new WeakMap,b=new WeakMap,u=new WeakMap,m=new WeakMap,g=new WeakMap,R=new WeakMap,f=new WeakMap,x=new WeakMap,v=new WeakMap,C=new WeakMap,y=new WeakMap,S=new WeakMap,e(H,"Table"),(()=>{var e;const s="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=F[Symbol.metadata])&&void 0!==e?e:null):void 0;E=[h({type:String,reflect:!0})],L=[h({type:Boolean})],M=[h({type:Boolean})],W=[h({type:Boolean})],j=[h({type:Boolean})],A=[h({type:Boolean})],B=[d()],P=[d()],q=[d()],z=[d()],O=[d()],T=[d()],U=[d()],t(H,null,E,{kind:"accessor",name:"role",static:!1,private:!1,access:{has:e=>"role"in e,get:e=>e.role,set:(e,t)=>{e.role=t}},metadata:s},G,J),t(H,null,L,{kind:"accessor",name:"checkboxSelection",static:!1,private:!1,access:{has:e=>"checkboxSelection"in e,get:e=>e.checkboxSelection,set:(e,t)=>{e.checkboxSelection=t}},metadata:s},K,N),t(H,null,M,{kind:"accessor",name:"striped",static:!1,private:!1,access:{has:e=>"striped"in e,get:e=>e.striped,set:(e,t)=>{e.striped=t}},metadata:s},Q,X),t(H,null,W,{kind:"accessor",name:"stickyHeader",static:!1,private:!1,access:{has:e=>"stickyHeader"in e,get:e=>e.stickyHeader,set:(e,t)=>{e.stickyHeader=t}},metadata:s},Y,Z),t(H,null,j,{kind:"accessor",name:"dense",static:!1,private:!1,access:{has:e=>"dense"in e,get:e=>e.dense,set:(e,t)=>{e.dense=t}},metadata:s},$,ee),t(H,null,A,{kind:"accessor",name:"fixedLayout",static:!1,private:!1,access:{has:e=>"fixedLayout"in e,get:e=>e.fixedLayout,set:(e,t)=>{e.fixedLayout=t}},metadata:s},te,se),t(H,null,B,{kind:"accessor",name:"_provider",static:!1,private:!1,access:{has:e=>"_provider"in e,get:e=>e._provider,set:(e,t)=>{e._provider=t}},metadata:s},ae,ie),t(H,null,P,{kind:"accessor",name:"_tableHeaderRow",static:!1,private:!1,access:{has:e=>"_tableHeaderRow"in e,get:e=>e._tableHeaderRow,set:(e,t)=>{e._tableHeaderRow=t}},metadata:s},oe,de),t(H,null,q,{kind:"accessor",name:"_allRows",static:!1,private:!1,access:{has:e=>"_allRows"in e,get:e=>e._allRows,set:(e,t)=>{e._allRows=t}},metadata:s},ce,ne),t(H,null,z,{kind:"accessor",name:"_selectedRows",static:!1,private:!1,access:{has:e=>"_selectedRows"in e,get:e=>e._selectedRows,set:(e,t)=>{e._selectedRows=t}},metadata:s},he,re),t(H,null,O,{kind:"accessor",name:"_selectedRowIds",static:!1,private:!1,access:{has:e=>"_selectedRowIds"in e,get:e=>e._selectedRowIds,set:(e,t)=>{e._selectedRowIds=t}},metadata:s},le,pe),t(H,null,T,{kind:"accessor",name:"_headerCheckboxIndeterminate",static:!1,private:!1,access:{has:e=>"_headerCheckboxIndeterminate"in e,get:e=>e._headerCheckboxIndeterminate,set:(e,t)=>{e._headerCheckboxIndeterminate=t}},metadata:s},ke,we),t(H,null,U,{kind:"accessor",name:"_headerCheckboxChecked",static:!1,private:!1,access:{has:e=>"_headerCheckboxChecked"in e,get:e=>e._headerCheckboxChecked,set:(e,t)=>{e._headerCheckboxChecked=t}},metadata:s},_e,be),t(null,I={value:H},V,{kind:"class",name:H.name,metadata:s},null,D),H=I.value,s&&Object.defineProperty(H,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s})})(),H.styles=n(w),s(H,D),H})();export{_ as T,w as c};
|
|
34
|
+
//# sourceMappingURL=table-CjVS72wk.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table-CjVS72wk.js","sources":["../src/components/reusable/table/table.ts"],"sourcesContent":["import { LitElement, html, PropertyValues, unsafeCSS } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { ContextProvider } from '@lit/context';\nimport { tableContext } from './table-context';\n\nimport { TableRow } from './table-row';\nimport { TableHeaderRow } from './table-header-row';\n\nimport styles from './table.scss?inline';\n\n/**\n * `kyn-table` Web Component.\n * This component provides a table with sorting, pagination, and selection capabilities.\n * It is designed to be used with the `kyn-table-toolbar` and `kyn-table-container` components.\n * @fires on-row-selection-change - Dispatched when the selection state of a row is toggled. `detail: { selectedRow: TableRow, selectedRows: Array<TableRow> }`\n * @fires on-all-rows-selection-change - Dispatched when the selection state of all rows is toggled. `detail:{ selectedRows: Array<TableRow> }`\n */\n\n@customElement('kyn-table')\nexport class Table extends LitElement {\n static override styles = unsafeCSS(styles);\n\n /** aria role.\n * @internal\n */\n @property({ type: String, reflect: true })\n override accessor role = 'table';\n\n /**\n * checkboxSelection: Boolean indicating whether rows should be\n * selectable using checkboxes.\n * @type {boolean}\n */\n @property({ type: Boolean })\n accessor checkboxSelection: boolean | undefined;\n\n /**\n * striped: Boolean indicating whether rows should have alternate\n * coloring.\n * @type {boolean}\n */\n @property({ type: Boolean })\n accessor striped = false;\n\n /**\n * stickyHeader: Boolean indicating whether the table header should be sticky.\n * Must also set a height or max-height on kyn-table-container.\n * @type {boolean}\n */\n @property({ type: Boolean })\n accessor stickyHeader = false;\n\n /**\n * dense: Boolean indicating whether the table should be displayed\n * in dense mode.\n * @type {boolean}\n * @default false\n */\n @property({ type: Boolean })\n accessor dense = false;\n\n /**\n * fixedLayout: Boolean indicating whether the table should have a fixed layout.\n * This will set the table's layout to fixed, which means the table and column widths\n * will be determined by the width of the columns and not by the content of the cells.\n * This can be useful when you want to have a consistent column width across multiple tables.\n * @type {boolean}\n * */\n @property({ type: Boolean })\n accessor fixedLayout = false;\n\n /**\n * _provider: Context provider for the table.\n * @ignore\n * @private\n */\n @state()\n private accessor _provider = new ContextProvider(this, tableContext);\n\n /**\n * updated: Lifecycle method called when the element is updated.\n */\n override updated(changedProperties: PropertyValues) {\n super.updated(changedProperties);\n\n if (\n changedProperties.has('dense') ||\n changedProperties.has('striped') ||\n changedProperties.has('checkboxSelection') ||\n changedProperties.has('stickyHeader')\n ) {\n const newValues: Partial<any> = {\n dense: this.dense,\n striped: this.striped,\n checkboxSelection: this.checkboxSelection,\n stickyHeader: this.stickyHeader,\n };\n\n this._provider.setValue(newValues);\n }\n }\n\n /**\n * tableHeaderRow: Reference to the header row of the table.\n * @ignore\n * @private\n */\n @state()\n private accessor _tableHeaderRow: TableHeaderRow | null = null;\n\n /**\n * allRows: Array of objects representing each row in the data table.\n * @ignore\n * @private\n */\n @state()\n private accessor _allRows: TableRow[] = [];\n\n /**\n * selectedRows: Set of row ids that are currently selected.\n * @ignore\n * @private\n */\n @state()\n private accessor _selectedRows: TableRow[] = [];\n\n /**\n * selectedRowIds: Set of row ids that are currently selected.\n * @ignore\n * @private\n */\n @state()\n private accessor _selectedRowIds: Set<string> = new Set();\n\n /**\n * headerCheckboxIndeterminate: Boolean indicating whether the header\n * checkbox is in an indeterminate state.\n * @ignore\n * @private\n */\n @state()\n private accessor _headerCheckboxIndeterminate = false;\n\n /**\n * headerCheckboxChecked: Boolean indicating whether the header checkbox is\n * checked.\n * @ignore\n * @private\n */\n @state()\n private accessor _headerCheckboxChecked = false;\n\n /**\n * Updates the state of the header checkbox based on the number of\n * selected rows.\n * @private\n */\n private _updateHeaderCheckbox() {\n if (this._selectedRows.length === 0 || this._allRows.length === 0) {\n this._headerCheckboxIndeterminate = false;\n this._headerCheckboxChecked = false;\n } else if (this._selectedRows.length === this._allRows.length) {\n this._headerCheckboxIndeterminate = false;\n this._headerCheckboxChecked = true;\n } else {\n this._headerCheckboxIndeterminate = true;\n this._headerCheckboxChecked = false;\n }\n\n this._tableHeaderRow?.updateHeaderCheckboxState(\n this._headerCheckboxIndeterminate,\n this._headerCheckboxChecked\n );\n }\n\n /**\n * Handles the change of selection state for a specific row.\n */\n private _handleRowSelectionChange(event: CustomEvent) {\n event.stopPropagation();\n\n const { target } = event;\n const { _selectedRows: selectedRows } = this;\n\n if (!this.contains(target as TableRow)) {\n return;\n }\n\n if (selectedRows.includes(target as TableRow)) {\n this._selectedRows = selectedRows.filter((e) => e !== target);\n this._selectedRowIds.delete((target as TableRow).rowId);\n } else {\n this._selectedRows.push(target as TableRow);\n this._selectedRowIds.add((target as TableRow).rowId);\n }\n\n this._updateHeaderCheckbox();\n\n const init = {\n bubbles: false,\n cancelable: true,\n composed: true,\n detail: {\n selectedRow: target,\n selectedRows: this._selectedRows,\n },\n };\n this.dispatchEvent(new CustomEvent('on-row-selection-change', init));\n }\n\n /**\n * Toggles the selection state of all rows in the table.\n */\n private _toggleSelectionAll(event: CustomEvent) {\n event.stopPropagation();\n\n const {\n detail: { checked },\n target,\n } = event;\n const { _allRows: allRows } = this;\n\n if (!this.contains(target as TableRow)) {\n return;\n }\n\n allRows.forEach((row) => {\n if ((row as TableRow).disabled) return;\n\n (row as TableRow).selected = checked;\n });\n\n this._selectedRows = [...allRows.filter((row) => row.selected)];\n this._selectedRowIds = new Set(this._selectedRows.map((row) => row.rowId));\n\n this._updateHeaderCheckbox();\n\n const init = {\n bubbles: false,\n cancelable: true,\n composed: true,\n detail: {\n selectedRows: this._selectedRows,\n },\n };\n this.dispatchEvent(new CustomEvent('on-all-rows-selection-change', init));\n }\n\n /**\n * Resets the selection state of all rows in the table.\n * This method is called when the table is reset or cleared.\n * @public\n * @returns void\n */\n public updateAfterExternalChanges() {\n // Re-query the DOM to update the _allRows based on current children elements\n this._allRows = Array.from(this.querySelectorAll('kyn-tr'));\n\n // Update _selectedRows based on whether the row elements are marked as selected\n this._selectedRows = this._allRows.filter((row) => row.selected);\n\n this._updateHeaderCheckbox();\n this.requestUpdate();\n }\n\n /**\n * Returns the selected rows in the table.\n * @returns Array of selected rows.\n * @public\n */\n public getSelectedRows() {\n return this._selectedRows;\n }\n\n /**\n * Handles the change of rows in the table body.\n * @param {CustomEvent} event - The custom event containing the updated rows.\n * @private\n */\n private _handleRowsChange(event: CustomEvent) {\n const {\n detail: { rows },\n } = event;\n event.stopPropagation();\n\n this._allRows = rows;\n this._updateSelectionStates();\n this._updateHeaderCheckbox();\n }\n\n private _updateSelectionStates() {\n // Temporary array to hold updated selected rows\n const updatedSelectedRows: TableRow[] = [];\n\n // Loop through all rows to update their selected state and rebuild the selectedRows array\n this._allRows.forEach((row) => {\n if (this._selectedRowIds.has(row.rowId)) {\n row.selected = true; // Update the selected property if the rowId matches\n updatedSelectedRows.push(row); // Add the actual row element to the updated selected rows array\n } else if (row.selected) {\n this._selectedRowIds.add(row.rowId); // Add the rowId to the selectedRowIds set\n updatedSelectedRows.push(row); // Add the actual row element to the updated selected rows array\n }\n });\n\n // Replace the old selectedRows with the updated selected rows\n this._selectedRows = updatedSelectedRows;\n }\n\n override connectedCallback() {\n super.connectedCallback();\n\n this.addEventListener(\n 'on-header-checkbox-toggle',\n this._toggleSelectionAll as EventListener\n );\n this.addEventListener(\n 'on-row-select',\n this._handleRowSelectionChange as EventListener\n );\n this.addEventListener(\n 'on-rows-change',\n this._handleRowsChange as EventListener\n );\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback();\n\n this.removeEventListener(\n 'on-header-checkbox-toggle',\n this._toggleSelectionAll as EventListener\n );\n this.removeEventListener(\n 'on-row-select',\n this._handleRowSelectionChange as EventListener\n );\n this.removeEventListener(\n 'on-rows-change',\n this._handleRowsChange as EventListener\n );\n }\n\n override firstUpdated() {\n this._tableHeaderRow = this.querySelector('kyn-header-tr');\n }\n\n override render() {\n return html` <slot></slot> `;\n }\n}\n\n// Define the custom element in the global namespace\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-table': Table;\n }\n}\n"],"names":["Table","customElement","LitElement","_classThis","_classSuper","role","__classPrivateFieldGet","this","_Table_role_accessor_storage","value","__classPrivateFieldSet","checkboxSelection","_Table_checkboxSelection_accessor_storage","striped","_Table_striped_accessor_storage","stickyHeader","_Table_stickyHeader_accessor_storage","dense","_Table_dense_accessor_storage","fixedLayout","_Table_fixedLayout_accessor_storage","_provider","_Table__provider_accessor_storage","updated","changedProperties","super","has","newValues","setValue","_tableHeaderRow","_Table__tableHeaderRow_accessor_storage","_allRows","_Table__allRows_accessor_storage","_selectedRows","_Table__selectedRows_accessor_storage","_selectedRowIds","_Table__selectedRowIds_accessor_storage","_headerCheckboxIndeterminate","_Table__headerCheckboxIndeterminate_accessor_storage","_headerCheckboxChecked","_Table__headerCheckboxChecked_accessor_storage","_updateHeaderCheckbox","length","_a","updateHeaderCheckboxState","_handleRowSelectionChange","event","stopPropagation","target","selectedRows","contains","includes","filter","e","delete","rowId","push","add","init","bubbles","cancelable","composed","detail","selectedRow","dispatchEvent","CustomEvent","_toggleSelectionAll","checked","allRows","forEach","row","disabled","selected","Set","map","updateAfterExternalChanges","Array","from","querySelectorAll","requestUpdate","getSelectedRows","_handleRowsChange","rows","_updateSelectionStates","updatedSelectedRows","connectedCallback","addEventListener","disconnectedCallback","removeEventListener","firstUpdated","querySelector","render","html","set","__runInitializers","_role_initializers","_role_extraInitializers","_checkboxSelection_initializers","_checkboxSelection_extraInitializers","_striped_initializers","_striped_extraInitializers","_stickyHeader_initializers","_stickyHeader_extraInitializers","_dense_initializers","_dense_extraInitializers","_fixedLayout_initializers","_fixedLayout_extraInitializers","__provider_initializers","ContextProvider","tableContext","__provider_extraInitializers","__tableHeaderRow_initializers","__tableHeaderRow_extraInitializers","__allRows_initializers","__allRows_extraInitializers","__selectedRows_initializers","__selectedRows_extraInitializers","__selectedRowIds_initializers","__selectedRowIds_extraInitializers","__headerCheckboxIndeterminate_initializers","__headerCheckboxIndeterminate_extraInitializers","__headerCheckboxChecked_initializers","property","type","String","reflect","_checkboxSelection_decorators","Boolean","_striped_decorators","_stickyHeader_decorators","_dense_decorators","_fixedLayout_decorators","__provider_decorators","state","__tableHeaderRow_decorators","__allRows_decorators","__selectedRows_decorators","__selectedRowIds_decorators","__headerCheckboxIndeterminate_decorators","__headerCheckboxChecked_decorators","__esDecorate","_role_decorators","kind","name","static","private","access","obj","get","metadata","_metadata","__headerCheckboxChecked_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS"],"mappings":"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"}
|
package/table-BSga3CPd.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"table-BSga3CPd.js","sources":["../src/components/reusable/table/table.ts"],"sourcesContent":["import { LitElement, html, PropertyValues, unsafeCSS } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { ContextProvider } from '@lit/context';\nimport { tableContext } from './table-context';\n\nimport { TableRow } from './table-row';\nimport { TableHeaderRow } from './table-header-row';\n\nimport styles from './table.scss?inline';\n\n/**\n * `kyn-table` Web Component.\n * This component provides a table with sorting, pagination, and selection capabilities.\n * It is designed to be used with the `kyn-table-toolbar` and `kyn-table-container` components.\n * @fires on-row-selection-change - Dispatched when the selection state of a row is toggled. `detail: { selectedRow: TableRow, selectedRows: Array<TableRow> }`\n * @fires on-all-rows-selection-change - Dispatched when the selection state of all rows is toggled. `detail:{ selectedRows: Array<TableRow> }`\n */\n\n@customElement('kyn-table')\nexport class Table extends LitElement {\n static override styles = unsafeCSS(styles);\n\n /** aria role.\n * @internal\n */\n @property({ type: String, reflect: true })\n override accessor role = 'table';\n\n /**\n * checkboxSelection: Boolean indicating whether rows should be\n * selectable using checkboxes.\n * @type {boolean}\n */\n @property({ type: Boolean })\n accessor checkboxSelection = false;\n\n /**\n * striped: Boolean indicating whether rows should have alternate\n * coloring.\n * @type {boolean}\n */\n @property({ type: Boolean })\n accessor striped = false;\n\n /**\n * stickyHeader: Boolean indicating whether the table header should be sticky.\n * Must also set a height or max-height on kyn-table-container.\n * @type {boolean}\n */\n @property({ type: Boolean })\n accessor stickyHeader = false;\n\n /**\n * dense: Boolean indicating whether the table should be displayed\n * in dense mode.\n * @type {boolean}\n * @default false\n */\n @property({ type: Boolean })\n accessor dense = false;\n\n /**\n * fixedLayout: Boolean indicating whether the table should have a fixed layout.\n * This will set the table's layout to fixed, which means the table and column widths\n * will be determined by the width of the columns and not by the content of the cells.\n * This can be useful when you want to have a consistent column width across multiple tables.\n * @type {boolean}\n * */\n @property({ type: Boolean })\n accessor fixedLayout = false;\n\n /**\n * _provider: Context provider for the table.\n * @ignore\n * @private\n */\n @state()\n private accessor _provider = new ContextProvider(this, tableContext);\n\n /**\n * updated: Lifecycle method called when the element is updated.\n */\n override updated(changedProperties: PropertyValues) {\n super.updated(changedProperties);\n\n if (\n changedProperties.has('dense') ||\n changedProperties.has('striped') ||\n changedProperties.has('checkboxSelection') ||\n changedProperties.has('stickyHeader')\n ) {\n const newValues: Partial<any> = {\n dense: this.dense,\n striped: this.striped,\n checkboxSelection: this.checkboxSelection,\n stickyHeader: this.stickyHeader,\n };\n\n this._provider.setValue(newValues);\n }\n }\n\n /**\n * tableHeaderRow: Reference to the header row of the table.\n * @ignore\n * @private\n */\n @state()\n private accessor _tableHeaderRow: TableHeaderRow | null = null;\n\n /**\n * allRows: Array of objects representing each row in the data table.\n * @ignore\n * @private\n */\n @state()\n private accessor _allRows: TableRow[] = [];\n\n /**\n * selectedRows: Set of row ids that are currently selected.\n * @ignore\n * @private\n */\n @state()\n private accessor _selectedRows: TableRow[] = [];\n\n /**\n * selectedRowIds: Set of row ids that are currently selected.\n * @ignore\n * @private\n */\n @state()\n private accessor _selectedRowIds: Set<string> = new Set();\n\n /**\n * headerCheckboxIndeterminate: Boolean indicating whether the header\n * checkbox is in an indeterminate state.\n * @ignore\n * @private\n */\n @state()\n private accessor _headerCheckboxIndeterminate = false;\n\n /**\n * headerCheckboxChecked: Boolean indicating whether the header checkbox is\n * checked.\n * @ignore\n * @private\n */\n @state()\n private accessor _headerCheckboxChecked = false;\n\n /**\n * Updates the state of the header checkbox based on the number of\n * selected rows.\n * @private\n */\n private _updateHeaderCheckbox() {\n if (this._selectedRows.length === 0 || this._allRows.length === 0) {\n this._headerCheckboxIndeterminate = false;\n this._headerCheckboxChecked = false;\n } else if (this._selectedRows.length === this._allRows.length) {\n this._headerCheckboxIndeterminate = false;\n this._headerCheckboxChecked = true;\n } else {\n this._headerCheckboxIndeterminate = true;\n this._headerCheckboxChecked = false;\n }\n\n this._tableHeaderRow?.updateHeaderCheckboxState(\n this._headerCheckboxIndeterminate,\n this._headerCheckboxChecked\n );\n }\n\n /**\n * Handles the change of selection state for a specific row.\n */\n private _handleRowSelectionChange(event: CustomEvent) {\n event.stopPropagation();\n\n const { target } = event;\n const { _selectedRows: selectedRows } = this;\n\n if (!this.contains(target as TableRow)) {\n return;\n }\n\n if (selectedRows.includes(target as TableRow)) {\n this._selectedRows = selectedRows.filter((e) => e !== target);\n this._selectedRowIds.delete((target as TableRow).rowId);\n } else {\n this._selectedRows.push(target as TableRow);\n this._selectedRowIds.add((target as TableRow).rowId);\n }\n\n this._updateHeaderCheckbox();\n\n const init = {\n bubbles: false,\n cancelable: true,\n composed: true,\n detail: {\n selectedRow: target,\n selectedRows: this._selectedRows,\n },\n };\n this.dispatchEvent(new CustomEvent('on-row-selection-change', init));\n }\n\n /**\n * Toggles the selection state of all rows in the table.\n */\n private _toggleSelectionAll(event: CustomEvent) {\n event.stopPropagation();\n\n const {\n detail: { checked },\n target,\n } = event;\n const { _allRows: allRows } = this;\n\n if (!this.contains(target as TableRow)) {\n return;\n }\n\n allRows.forEach((row) => {\n if ((row as TableRow).disabled) return;\n\n (row as TableRow).selected = checked;\n });\n\n this._selectedRows = [...allRows.filter((row) => row.selected)];\n this._selectedRowIds = new Set(this._selectedRows.map((row) => row.rowId));\n\n this._updateHeaderCheckbox();\n\n const init = {\n bubbles: false,\n cancelable: true,\n composed: true,\n detail: {\n selectedRows: this._selectedRows,\n },\n };\n this.dispatchEvent(new CustomEvent('on-all-rows-selection-change', init));\n }\n\n /**\n * Resets the selection state of all rows in the table.\n * This method is called when the table is reset or cleared.\n * @public\n * @returns void\n */\n public updateAfterExternalChanges() {\n // Re-query the DOM to update the _allRows based on current children elements\n this._allRows = Array.from(this.querySelectorAll('kyn-tr'));\n\n // Update _selectedRows based on whether the row elements are marked as selected\n this._selectedRows = this._allRows.filter((row) => row.selected);\n\n this._updateHeaderCheckbox();\n this.requestUpdate();\n }\n\n /**\n * Returns the selected rows in the table.\n * @returns Array of selected rows.\n * @public\n */\n public getSelectedRows() {\n return this._selectedRows;\n }\n\n /**\n * Handles the change of rows in the table body.\n * @param {CustomEvent} event - The custom event containing the updated rows.\n * @private\n */\n private _handleRowsChange(event: CustomEvent) {\n const {\n detail: { rows },\n } = event;\n event.stopPropagation();\n\n this._allRows = rows;\n this._updateSelectionStates();\n this._updateHeaderCheckbox();\n }\n\n private _updateSelectionStates() {\n // Temporary array to hold updated selected rows\n const updatedSelectedRows: TableRow[] = [];\n\n // Loop through all rows to update their selected state and rebuild the selectedRows array\n this._allRows.forEach((row) => {\n if (this._selectedRowIds.has(row.rowId)) {\n row.selected = true; // Update the selected property if the rowId matches\n updatedSelectedRows.push(row); // Add the actual row element to the updated selected rows array\n } else if (row.selected) {\n this._selectedRowIds.add(row.rowId); // Add the rowId to the selectedRowIds set\n updatedSelectedRows.push(row); // Add the actual row element to the updated selected rows array\n }\n });\n\n // Replace the old selectedRows with the updated selected rows\n this._selectedRows = updatedSelectedRows;\n }\n\n override connectedCallback() {\n super.connectedCallback();\n\n this.addEventListener(\n 'on-header-checkbox-toggle',\n this._toggleSelectionAll as EventListener\n );\n this.addEventListener(\n 'on-row-select',\n this._handleRowSelectionChange as EventListener\n );\n this.addEventListener(\n 'on-rows-change',\n this._handleRowsChange as EventListener\n );\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback();\n\n this.removeEventListener(\n 'on-header-checkbox-toggle',\n this._toggleSelectionAll as EventListener\n );\n this.removeEventListener(\n 'on-row-select',\n this._handleRowSelectionChange as EventListener\n );\n this.removeEventListener(\n 'on-rows-change',\n this._handleRowsChange as EventListener\n );\n }\n\n override firstUpdated() {\n this._tableHeaderRow = this.querySelector('kyn-header-tr');\n }\n\n override render() {\n return html` <slot></slot> `;\n }\n}\n\n// Define the custom element in the global namespace\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-table': Table;\n }\n}\n"],"names":["Table","customElement","LitElement","_classThis","_classSuper","role","__classPrivateFieldGet","this","_Table_role_accessor_storage","value","__classPrivateFieldSet","checkboxSelection","_Table_checkboxSelection_accessor_storage","striped","_Table_striped_accessor_storage","stickyHeader","_Table_stickyHeader_accessor_storage","dense","_Table_dense_accessor_storage","fixedLayout","_Table_fixedLayout_accessor_storage","_provider","_Table__provider_accessor_storage","updated","changedProperties","super","has","newValues","setValue","_tableHeaderRow","_Table__tableHeaderRow_accessor_storage","_allRows","_Table__allRows_accessor_storage","_selectedRows","_Table__selectedRows_accessor_storage","_selectedRowIds","_Table__selectedRowIds_accessor_storage","_headerCheckboxIndeterminate","_Table__headerCheckboxIndeterminate_accessor_storage","_headerCheckboxChecked","_Table__headerCheckboxChecked_accessor_storage","_updateHeaderCheckbox","length","_a","updateHeaderCheckboxState","_handleRowSelectionChange","event","stopPropagation","target","selectedRows","contains","includes","filter","e","delete","rowId","push","add","init","bubbles","cancelable","composed","detail","selectedRow","dispatchEvent","CustomEvent","_toggleSelectionAll","checked","allRows","forEach","row","disabled","selected","Set","map","updateAfterExternalChanges","Array","from","querySelectorAll","requestUpdate","getSelectedRows","_handleRowsChange","rows","_updateSelectionStates","updatedSelectedRows","connectedCallback","addEventListener","disconnectedCallback","removeEventListener","firstUpdated","querySelector","render","html","set","__runInitializers","_role_initializers","_role_extraInitializers","_checkboxSelection_initializers","_checkboxSelection_extraInitializers","_striped_initializers","_striped_extraInitializers","_stickyHeader_initializers","_stickyHeader_extraInitializers","_dense_initializers","_dense_extraInitializers","_fixedLayout_initializers","_fixedLayout_extraInitializers","__provider_initializers","ContextProvider","tableContext","__provider_extraInitializers","__tableHeaderRow_initializers","__tableHeaderRow_extraInitializers","__allRows_initializers","__allRows_extraInitializers","__selectedRows_initializers","__selectedRows_extraInitializers","__selectedRowIds_initializers","__selectedRowIds_extraInitializers","__headerCheckboxIndeterminate_initializers","__headerCheckboxIndeterminate_extraInitializers","__headerCheckboxChecked_initializers","property","type","String","reflect","_checkboxSelection_decorators","Boolean","_striped_decorators","_stickyHeader_decorators","_dense_decorators","_fixedLayout_decorators","__provider_decorators","state","__tableHeaderRow_decorators","__allRows_decorators","__selectedRows_decorators","__selectedRowIds_decorators","__headerCheckboxIndeterminate_decorators","__headerCheckboxChecked_decorators","__esDecorate","_role_decorators","kind","name","static","private","access","obj","get","metadata","_metadata","__headerCheckboxChecked_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS"],"mappings":"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"}
|