@kyndryl-design-system/shidoka-applications 2.109.8 → 2.110.1
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/sideDrawer/sideDrawer.d.ts +2 -0
- package/components/reusable/sideDrawer/sideDrawer.d.ts.map +1 -1
- package/components/reusable/sideDrawer/sideDrawer.js +6 -5
- package/components/reusable/sideDrawer/sideDrawer.js.map +1 -1
- package/components/reusable/table/index.js +1 -1
- package/components/reusable/table/table-cell.d.ts +2 -0
- package/components/reusable/table/table-cell.d.ts.map +1 -1
- package/components/reusable/table/table-cell.js +11 -7
- package/components/reusable/table/table-cell.js.map +1 -1
- package/custom-elements.json +1 -1
- package/package.json +2 -2
|
@@ -50,6 +50,8 @@ export declare class SideDrawer extends LitElement {
|
|
|
50
50
|
accessor showSecondaryButton: boolean;
|
|
51
51
|
/** Changes the secondary button styles to indicate the action is destructive. */
|
|
52
52
|
accessor secondaryDestructive: boolean;
|
|
53
|
+
/** Disables the secondary button. */
|
|
54
|
+
accessor secondaryBtnDisabled: boolean;
|
|
53
55
|
/** Hides the cancel button. */
|
|
54
56
|
accessor hideCancelButton: boolean;
|
|
55
57
|
/** Function to execute before the Drawer can close. Useful for running checks or validations before closing. Exposes `returnValue` (`'ok'` or `'cancel'`). Must return `true` or `false`. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sideDrawer.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/sideDrawer/sideDrawer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAKvD,OAAO,WAAW,CAAC;AAKnB;;;;;;;GAOG;AAEH,qBACa,UAAW,SAAQ,UAAU;IACxC,OAAgB,MAAM,4BAiBpB;IAEF;;OAEG;IAEH,QAAQ,CAAC,IAAI,UAAS;IAEtB;;OAEG;IAEH,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,UAAU,CAAQ;IAEtD;;OAEG;IAEH,QAAQ,CAAC,SAAS,SAAM;IAExB;;OAEG;IAEH,QAAQ,CAAC,SAAS,SAAM;IAExB;;OAEG;IAEH,QAAQ,CAAC,aAAa,SAAQ;IAE9B;;OAEG;IAEH,QAAQ,CAAC,aAAa,SAAY;IAElC,oEAAoE;IAEpE,QAAQ,CAAC,mBAAmB,SAAW;IAEvC,mCAAmC;IAEnC,QAAQ,CAAC,iBAAiB,UAAS;IAEnC,yCAAyC;IAEzC,QAAQ,CAAC,kBAAkB,UAAS;IAEpC,qCAAqC;IAErC,QAAQ,CAAC,UAAU,UAAS;IAE5B,+EAA+E;IAE/E,QAAQ,CAAC,WAAW,UAAS;IAE7B,6BAA6B;IAE7B,QAAQ,CAAC,mBAAmB,SAAe;IAE3C,kCAAkC;IAElC,QAAQ,CAAC,mBAAmB,UAAS;IAErC,iFAAiF;IAEjF,QAAQ,CAAC,oBAAoB,UAAS;IAEtC,+BAA+B;IAE/B,QAAQ,CAAC,gBAAgB,UAAS;IAElC,6LAA6L;IAE7L,QAAQ,CAAC,WAAW,EAAG,QAAQ,CAAC;IAEhC,uCAAuC;IAEvC,QAAQ,CAAC,WAAW,UAAS;IAE7B,yCAAyC;IAEzC,QAAQ,CAAC,UAAU,UAAS;IAE5B,+GAA+G;IAE/G,QAAQ,CAAC,SAAS,UAAS;IAE3B,8DAA8D;IAE9D,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAS;IAEnC,gBAAgB;IAChB,OAAO,CAAC,aAAa,CAAK;IAC1B,gBAAgB;IAChB,OAAO,CAAC,iBAAiB,CAAK;IAC9B,gBAAgB;IAChB,OAAO,CAAC,gBAAgB,CAA6B;IACrD,gBAAgB;IAChB,OAAO,CAAC,eAAe,CAA6B;IAEpD;;OAEG;IAEH,QAAQ,CAAC,OAAO,EAAG,GAAG,CAAC;IAEd,MAAM;
|
|
1
|
+
{"version":3,"file":"sideDrawer.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/sideDrawer/sideDrawer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAKvD,OAAO,WAAW,CAAC;AAKnB;;;;;;;GAOG;AAEH,qBACa,UAAW,SAAQ,UAAU;IACxC,OAAgB,MAAM,4BAiBpB;IAEF;;OAEG;IAEH,QAAQ,CAAC,IAAI,UAAS;IAEtB;;OAEG;IAEH,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,UAAU,CAAQ;IAEtD;;OAEG;IAEH,QAAQ,CAAC,SAAS,SAAM;IAExB;;OAEG;IAEH,QAAQ,CAAC,SAAS,SAAM;IAExB;;OAEG;IAEH,QAAQ,CAAC,aAAa,SAAQ;IAE9B;;OAEG;IAEH,QAAQ,CAAC,aAAa,SAAY;IAElC,oEAAoE;IAEpE,QAAQ,CAAC,mBAAmB,SAAW;IAEvC,mCAAmC;IAEnC,QAAQ,CAAC,iBAAiB,UAAS;IAEnC,yCAAyC;IAEzC,QAAQ,CAAC,kBAAkB,UAAS;IAEpC,qCAAqC;IAErC,QAAQ,CAAC,UAAU,UAAS;IAE5B,+EAA+E;IAE/E,QAAQ,CAAC,WAAW,UAAS;IAE7B,6BAA6B;IAE7B,QAAQ,CAAC,mBAAmB,SAAe;IAE3C,kCAAkC;IAElC,QAAQ,CAAC,mBAAmB,UAAS;IAErC,iFAAiF;IAEjF,QAAQ,CAAC,oBAAoB,UAAS;IAEtC,qCAAqC;IAErC,QAAQ,CAAC,oBAAoB,UAAS;IAEtC,+BAA+B;IAE/B,QAAQ,CAAC,gBAAgB,UAAS;IAElC,6LAA6L;IAE7L,QAAQ,CAAC,WAAW,EAAG,QAAQ,CAAC;IAEhC,uCAAuC;IAEvC,QAAQ,CAAC,WAAW,UAAS;IAE7B,yCAAyC;IAEzC,QAAQ,CAAC,UAAU,UAAS;IAE5B,+GAA+G;IAE/G,QAAQ,CAAC,SAAS,UAAS;IAE3B,8DAA8D;IAE9D,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAS;IAEnC,gBAAgB;IAChB,OAAO,CAAC,aAAa,CAAK;IAC1B,gBAAgB;IAChB,OAAO,CAAC,iBAAiB,CAAK;IAC9B,gBAAgB;IAChB,OAAO,CAAC,gBAAgB,CAA6B;IACrD,gBAAgB;IAChB,OAAO,CAAC,eAAe,CAA6B;IAEpD;;OAEG;IAEH,QAAQ,CAAC,OAAO,EAAG,GAAG,CAAC;IAEd,MAAM;IAoIf,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,YAAY;IAWpB,OAAO,CAAC,eAAe;IAUvB,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,YAAY;IAepB,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,UAAU;IAST,OAAO,CAAC,YAAY,EAAE,GAAG;CAcnC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,UAAU,CAAC;KAC/B;CACF"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{__setFunctionName as e,__esDecorate as t,__runInitializers as
|
|
1
|
+
import{__setFunctionName as e,__esDecorate as t,__runInitializers as a,__classPrivateFieldGet as i,__classPrivateFieldSet as r}from"tslib";import{unsafeSVG as n}from"lit-html/directives/unsafe-svg.js";import{css as o,LitElement as s,unsafeCSS as d,html as l}from"lit";import{customElement as c,property as h,state as g,query as p}from"lit/decorators.js";import{classMap as u}from"lit/directives/class-map.js";import{ifDefined as b}from"lit/directives/if-defined.js";import"../button/button.js";import{c as k}from"../../../vendor/@kyndryl-design-system/shidoka-icons-DG_R4Jwh.js";import"lit-html/directives/class-map.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";var m=o`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -402,7 +402,7 @@ dialog.ai-connected {
|
|
|
402
402
|
background: var(--kyn-resize-grip-line-end, var(--kyn-resize-grip-line, var(--kyn-color-side-drawer-icon, var(--kd-color-icon-secondary))));
|
|
403
403
|
transition: background-color 150ms ease-out;
|
|
404
404
|
}
|
|
405
|
-
}`;let v=(()=>{var v,f,y,x,w,z,
|
|
405
|
+
}`;let v=(()=>{var v,f,y,x,w,B,z,_,D,C,T,$,M,S,W,E,j,O,X,F,L,V;let A,H,I,P,R,q,G,J,K,N,Q,U,Y,Z,ee,te,ae,ie,re,ne,oe,se,de,le,ce=[c("kyn-side-drawer")],he=[],ge=s,pe=[],ue=[],be=[],ke=[],me=[],ve=[],fe=[],ye=[],xe=[],we=[],Be=[],ze=[],_e=[],De=[],Ce=[],Te=[],$e=[],Me=[],Se=[],We=[],Ee=[],je=[],Oe=[],Xe=[],Fe=[],Le=[],Ve=[],Ae=[],He=[],Ie=[],Pe=[],Re=[],qe=[],Ge=[],Je=[],Ke=[],Ne=[],Qe=[],Ue=[],Ye=[],Ze=[],et=[],tt=[],at=[];return H=class extends ge{get open(){return i(this,v,"f")}set open(e){r(this,v,e,"f")}get size(){return i(this,f,"f")}set size(e){r(this,f,e,"f")}get titleText(){return i(this,y,"f")}set titleText(e){r(this,y,e,"f")}get labelText(){return i(this,x,"f")}set labelText(e){r(this,x,e,"f")}get submitBtnText(){return i(this,w,"f")}set submitBtnText(e){r(this,w,e,"f")}get cancelBtnText(){return i(this,B,"f")}set cancelBtnText(e){r(this,B,e,"f")}get closeBtnDescription(){return i(this,z,"f")}set closeBtnDescription(e){r(this,z,e,"f")}get submitBtnDisabled(){return i(this,_,"f")}set submitBtnDisabled(e){r(this,_,e,"f")}get gradientBackground(){return i(this,D,"f")}set gradientBackground(e){r(this,D,e,"f")}get hideFooter(){return i(this,C,"f")}set hideFooter(e){r(this,C,e,"f")}get destructive(){return i(this,T,"f")}set destructive(e){r(this,T,e,"f")}get secondaryButtonText(){return i(this,$,"f")}set secondaryButtonText(e){r(this,$,e,"f")}get showSecondaryButton(){return i(this,M,"f")}set showSecondaryButton(e){r(this,M,e,"f")}get secondaryDestructive(){return i(this,S,"f")}set secondaryDestructive(e){r(this,S,e,"f")}get secondaryBtnDisabled(){return i(this,W,"f")}set secondaryBtnDisabled(e){r(this,W,e,"f")}get hideCancelButton(){return i(this,E,"f")}set hideCancelButton(e){r(this,E,e,"f")}get beforeClose(){return i(this,j,"f")}set beforeClose(e){r(this,j,e,"f")}get aiConnected(){return i(this,O,"f")}set aiConnected(e){r(this,O,e,"f")}get noBackdrop(){return i(this,X,"f")}set noBackdrop(e){r(this,X,e,"f")}get resizable(){return i(this,F,"f")}set resizable(e){r(this,F,e,"f")}get _dragging(){return i(this,L,"f")}set _dragging(e){r(this,L,e,"f")}get _dialog(){return i(this,V,"f")}set _dialog(e){r(this,V,e,"f")}render(){const e={dialog:!0,"no-backdrop":this.noBackdrop,[`size--${this.size}`]:this.size,"ai-connected":this.aiConnected,"gradient-bkg":this.aiConnected&&this.gradientBackground,resizable:this.resizable},t={"dialog-footer":!0,"ai-connected":this.aiConnected},a={"header-title":!0,"ai-connected":this.aiConnected};return l`
|
|
406
406
|
<span class="anchor" @click=${this._openDrawer}>
|
|
407
407
|
<slot name="anchor"></slot>
|
|
408
408
|
</span>
|
|
@@ -426,7 +426,7 @@ dialog.ai-connected {
|
|
|
426
426
|
<!-- Header -->
|
|
427
427
|
<header>
|
|
428
428
|
<div class="header-label-title">
|
|
429
|
-
<h1 class="${u(
|
|
429
|
+
<h1 class="${u(a)}" id="dialogLabel">
|
|
430
430
|
${this.titleText}
|
|
431
431
|
</h1>
|
|
432
432
|
${""!==this.labelText?l`<span class="label">${this.labelText}</span>`:null}
|
|
@@ -471,6 +471,7 @@ dialog.ai-connected {
|
|
|
471
471
|
<kyn-button
|
|
472
472
|
class="action-button"
|
|
473
473
|
value="Secondary"
|
|
474
|
+
?disabled=${this.secondaryBtnDisabled}
|
|
474
475
|
kind=${this.secondaryDestructive?"secondary-destructive":"secondary"}
|
|
475
476
|
@click=${e=>this._closeDrawer(e,"secondary")}
|
|
476
477
|
>
|
|
@@ -492,7 +493,7 @@ dialog.ai-connected {
|
|
|
492
493
|
`}
|
|
493
494
|
</form>
|
|
494
495
|
</dialog>
|
|
495
|
-
`}_openDrawer(){this.open=!0}_closeDrawer(e,t){(!this.beforeClose||this.beforeClose&&this.beforeClose(t))&&(this.open=!1,this._dialog.returnValue=t,this._emitCloseEvent(e))}_emitCloseEvent(e){const t=new CustomEvent("on-close",{detail:{returnValue:this._dialog.returnValue,origEvent:e}});this.dispatchEvent(t)}_emitOpenEvent(){const e=new CustomEvent("on-open");this.dispatchEvent(e)}_onDragStart(e){this.resizable&&(e.preventDefault(),this._resizeStartX=e.clientX,this._resizeStartWidth=this._dialog.offsetWidth,this._dragging=!0,this._boundOnDragMove=this._onDragMove.bind(this),this._boundOnDragEnd=this._onDragEnd.bind(this),window.addEventListener("pointermove",this._boundOnDragMove),window.addEventListener("pointerup",this._boundOnDragEnd))}_onDragMove(e){const t=this._resizeStartX-e.clientX,
|
|
496
|
+
`}_openDrawer(){this.open=!0}_closeDrawer(e,t){(!this.beforeClose||this.beforeClose&&this.beforeClose(t))&&(this.open=!1,this._dialog.returnValue=t,this._emitCloseEvent(e))}_emitCloseEvent(e){const t=new CustomEvent("on-close",{detail:{returnValue:this._dialog.returnValue,origEvent:e}});this.dispatchEvent(t)}_emitOpenEvent(){const e=new CustomEvent("on-open");this.dispatchEvent(e)}_onDragStart(e){this.resizable&&(e.preventDefault(),this._resizeStartX=e.clientX,this._resizeStartWidth=this._dialog.offsetWidth,this._dragging=!0,this._boundOnDragMove=this._onDragMove.bind(this),this._boundOnDragEnd=this._onDragEnd.bind(this),window.addEventListener("pointermove",this._boundOnDragMove),window.addEventListener("pointerup",this._boundOnDragEnd))}_onDragMove(e){const t=this._resizeStartX-e.clientX,a=Math.min(1024,Math.max(384,this._resizeStartWidth+t));this._dialog.style.width=`${a}px`}_onDragEnd(e){this._dragging=!1,window.removeEventListener("pointermove",this._boundOnDragMove),window.removeEventListener("pointerup",this._boundOnDragEnd);const t=this._dialog.offsetWidth;this.dispatchEvent(new CustomEvent("on-resize",{detail:{width:t}}))}updated(e){e.has("open")&&(this.open?(this.noBackdrop?this._dialog.show():this._dialog.showModal(),this._emitOpenEvent()):this._dialog.close())}constructor(){super(...arguments),v.set(this,a(this,pe,!1)),f.set(this,(a(this,ue),a(this,be,"md"))),y.set(this,(a(this,ke),a(this,me,""))),x.set(this,(a(this,ve),a(this,fe,""))),w.set(this,(a(this,ye),a(this,xe,"Ok"))),B.set(this,(a(this,we),a(this,Be,"Cancel"))),z.set(this,(a(this,ze),a(this,_e,"Close"))),_.set(this,(a(this,De),a(this,Ce,!1))),D.set(this,(a(this,Te),a(this,$e,!1))),C.set(this,(a(this,Me),a(this,Se,!1))),T.set(this,(a(this,We),a(this,Ee,!1))),$.set(this,(a(this,je),a(this,Oe,"Secondary"))),M.set(this,(a(this,Xe),a(this,Fe,!1))),S.set(this,(a(this,Le),a(this,Ve,!1))),W.set(this,(a(this,Ae),a(this,He,!1))),E.set(this,(a(this,Ie),a(this,Pe,!1))),j.set(this,(a(this,Re),a(this,qe,void 0))),O.set(this,(a(this,Ge),a(this,Je,!1))),X.set(this,(a(this,Ke),a(this,Ne,!1))),F.set(this,(a(this,Qe),a(this,Ue,!1))),L.set(this,(a(this,Ye),a(this,Ze,!1))),this._resizeStartX=(a(this,et),0),this._resizeStartWidth=0,V.set(this,a(this,tt,void 0)),a(this,at)}},v=new WeakMap,f=new WeakMap,y=new WeakMap,x=new WeakMap,w=new WeakMap,B=new WeakMap,z=new WeakMap,_=new WeakMap,D=new WeakMap,C=new WeakMap,T=new WeakMap,$=new WeakMap,M=new WeakMap,S=new WeakMap,W=new WeakMap,E=new WeakMap,j=new WeakMap,O=new WeakMap,X=new WeakMap,F=new WeakMap,L=new WeakMap,V=new WeakMap,e(H,"SideDrawer"),(()=>{var e;const a="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=ge[Symbol.metadata])&&void 0!==e?e:null):void 0;I=[h({type:Boolean})],P=[h({type:String})],R=[h({type:String})],q=[h({type:String})],G=[h({type:String})],J=[h({type:String})],K=[h({type:String})],N=[h({type:Boolean})],Q=[h({type:Boolean,reflect:!0})],U=[h({type:Boolean})],Y=[h({type:Boolean})],Z=[h({type:String})],ee=[h({type:Boolean})],te=[h({type:Boolean})],ae=[h({type:Boolean})],ie=[h({type:Boolean})],re=[h({attribute:!1})],ne=[h({type:Boolean})],oe=[h({type:Boolean})],se=[h({type:Boolean})],de=[g()],le=[p("dialog")],t(H,null,I,{kind:"accessor",name:"open",static:!1,private:!1,access:{has:e=>"open"in e,get:e=>e.open,set:(e,t)=>{e.open=t}},metadata:a},pe,ue),t(H,null,P,{kind:"accessor",name:"size",static:!1,private:!1,access:{has:e=>"size"in e,get:e=>e.size,set:(e,t)=>{e.size=t}},metadata:a},be,ke),t(H,null,R,{kind:"accessor",name:"titleText",static:!1,private:!1,access:{has:e=>"titleText"in e,get:e=>e.titleText,set:(e,t)=>{e.titleText=t}},metadata:a},me,ve),t(H,null,q,{kind:"accessor",name:"labelText",static:!1,private:!1,access:{has:e=>"labelText"in e,get:e=>e.labelText,set:(e,t)=>{e.labelText=t}},metadata:a},fe,ye),t(H,null,G,{kind:"accessor",name:"submitBtnText",static:!1,private:!1,access:{has:e=>"submitBtnText"in e,get:e=>e.submitBtnText,set:(e,t)=>{e.submitBtnText=t}},metadata:a},xe,we),t(H,null,J,{kind:"accessor",name:"cancelBtnText",static:!1,private:!1,access:{has:e=>"cancelBtnText"in e,get:e=>e.cancelBtnText,set:(e,t)=>{e.cancelBtnText=t}},metadata:a},Be,ze),t(H,null,K,{kind:"accessor",name:"closeBtnDescription",static:!1,private:!1,access:{has:e=>"closeBtnDescription"in e,get:e=>e.closeBtnDescription,set:(e,t)=>{e.closeBtnDescription=t}},metadata:a},_e,De),t(H,null,N,{kind:"accessor",name:"submitBtnDisabled",static:!1,private:!1,access:{has:e=>"submitBtnDisabled"in e,get:e=>e.submitBtnDisabled,set:(e,t)=>{e.submitBtnDisabled=t}},metadata:a},Ce,Te),t(H,null,Q,{kind:"accessor",name:"gradientBackground",static:!1,private:!1,access:{has:e=>"gradientBackground"in e,get:e=>e.gradientBackground,set:(e,t)=>{e.gradientBackground=t}},metadata:a},$e,Me),t(H,null,U,{kind:"accessor",name:"hideFooter",static:!1,private:!1,access:{has:e=>"hideFooter"in e,get:e=>e.hideFooter,set:(e,t)=>{e.hideFooter=t}},metadata:a},Se,We),t(H,null,Y,{kind:"accessor",name:"destructive",static:!1,private:!1,access:{has:e=>"destructive"in e,get:e=>e.destructive,set:(e,t)=>{e.destructive=t}},metadata:a},Ee,je),t(H,null,Z,{kind:"accessor",name:"secondaryButtonText",static:!1,private:!1,access:{has:e=>"secondaryButtonText"in e,get:e=>e.secondaryButtonText,set:(e,t)=>{e.secondaryButtonText=t}},metadata:a},Oe,Xe),t(H,null,ee,{kind:"accessor",name:"showSecondaryButton",static:!1,private:!1,access:{has:e=>"showSecondaryButton"in e,get:e=>e.showSecondaryButton,set:(e,t)=>{e.showSecondaryButton=t}},metadata:a},Fe,Le),t(H,null,te,{kind:"accessor",name:"secondaryDestructive",static:!1,private:!1,access:{has:e=>"secondaryDestructive"in e,get:e=>e.secondaryDestructive,set:(e,t)=>{e.secondaryDestructive=t}},metadata:a},Ve,Ae),t(H,null,ae,{kind:"accessor",name:"secondaryBtnDisabled",static:!1,private:!1,access:{has:e=>"secondaryBtnDisabled"in e,get:e=>e.secondaryBtnDisabled,set:(e,t)=>{e.secondaryBtnDisabled=t}},metadata:a},He,Ie),t(H,null,ie,{kind:"accessor",name:"hideCancelButton",static:!1,private:!1,access:{has:e=>"hideCancelButton"in e,get:e=>e.hideCancelButton,set:(e,t)=>{e.hideCancelButton=t}},metadata:a},Pe,Re),t(H,null,re,{kind:"accessor",name:"beforeClose",static:!1,private:!1,access:{has:e=>"beforeClose"in e,get:e=>e.beforeClose,set:(e,t)=>{e.beforeClose=t}},metadata:a},qe,Ge),t(H,null,ne,{kind:"accessor",name:"aiConnected",static:!1,private:!1,access:{has:e=>"aiConnected"in e,get:e=>e.aiConnected,set:(e,t)=>{e.aiConnected=t}},metadata:a},Je,Ke),t(H,null,oe,{kind:"accessor",name:"noBackdrop",static:!1,private:!1,access:{has:e=>"noBackdrop"in e,get:e=>e.noBackdrop,set:(e,t)=>{e.noBackdrop=t}},metadata:a},Ne,Qe),t(H,null,se,{kind:"accessor",name:"resizable",static:!1,private:!1,access:{has:e=>"resizable"in e,get:e=>e.resizable,set:(e,t)=>{e.resizable=t}},metadata:a},Ue,Ye),t(H,null,de,{kind:"accessor",name:"_dragging",static:!1,private:!1,access:{has:e=>"_dragging"in e,get:e=>e._dragging,set:(e,t)=>{e._dragging=t}},metadata:a},Ze,et),t(H,null,le,{kind:"accessor",name:"_dialog",static:!1,private:!1,access:{has:e=>"_dialog"in e,get:e=>e._dialog,set:(e,t)=>{e._dialog=t}},metadata:a},tt,at),t(null,A={value:H},ce,{kind:"class",name:H.name,metadata:a},null,he),H=A.value,a&&Object.defineProperty(H,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a})})(),H.styles=[d(m),o`
|
|
496
497
|
@supports (transition-behavior: allow-discrete) {
|
|
497
498
|
@starting-style {
|
|
498
499
|
dialog[open] {
|
|
@@ -506,5 +507,5 @@ dialog.ai-connected {
|
|
|
506
507
|
}
|
|
507
508
|
}
|
|
508
509
|
}
|
|
509
|
-
`],
|
|
510
|
+
`],a(H,he),H})();export{v as SideDrawer};
|
|
510
511
|
//# sourceMappingURL=sideDrawer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sideDrawer.js","sources":["../../../../src/components/reusable/sideDrawer/sideDrawer.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, css, unsafeCSS } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nimport '../button';\nimport closeIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/close-simple.svg';\n\nimport SideDrawerScss from './sideDrawer.scss?inline';\n\n/**\n * Side Drawer.\n * @slot unnamed - Slot for drawer body content.\n * @slot anchor - Slot for the anchor button content.\n * @fires on-close - Emits the drawer close event with `returnValue` (`'ok'` or `'cancel'`).`detail:{ origEvent: PointerEvent,returnValue: string }`\n * @fires on-open - Emits the drawer open event.\n * @fires on-resize - Emits when the drawer is resized via drag. `detail: { width: number }`\n */\n\n@customElement('kyn-side-drawer')\nexport class SideDrawer extends LitElement {\n static override styles = [\n unsafeCSS(SideDrawerScss),\n css`\n @supports (transition-behavior: allow-discrete) {\n @starting-style {\n dialog[open] {\n transform: translateX(100%);\n }\n }\n\n @starting-style {\n dialog[open]::backdrop {\n background-color: rgb(0, 0, 0, 0);\n }\n }\n }\n `,\n ];\n\n /**\n * Drawer open state.\n */\n @property({ type: Boolean })\n accessor open = false;\n\n /**\n * Drawer size.\n */\n @property({ type: String })\n accessor size: 'md' | 'sm' | 'xl' | 'standard' = 'md';\n\n /**\n * Title / Heading text, required.\n */\n @property({ type: String })\n accessor titleText = '';\n\n /**\n * Label text, optional.\n */\n @property({ type: String })\n accessor labelText = '';\n\n /**\n * Submit button text.\n */\n @property({ type: String })\n accessor submitBtnText = 'Ok';\n\n /**\n * Cancel button text.\n */\n @property({ type: String })\n accessor cancelBtnText = 'Cancel';\n\n /** Close button description (Required to support accessibility). */\n @property({ type: String })\n accessor closeBtnDescription = 'Close';\n\n /** Disables the primary button. */\n @property({ type: Boolean })\n accessor submitBtnDisabled = false;\n\n /** Apply gradient to modal background */\n @property({ type: Boolean, reflect: true })\n accessor gradientBackground = false;\n\n /** Determine whether needs footer */\n @property({ type: Boolean })\n accessor hideFooter = false;\n\n /** Changes the primary button styles to indicate the action is destructive. */\n @property({ type: Boolean })\n accessor destructive = false;\n\n /** Secondary button text. */\n @property({ type: String })\n accessor secondaryButtonText = 'Secondary';\n\n /** Hides the secondary button. */\n @property({ type: Boolean })\n accessor showSecondaryButton = false;\n\n /** Changes the secondary button styles to indicate the action is destructive. */\n @property({ type: Boolean })\n accessor secondaryDestructive = false;\n\n /** Hides the cancel button. */\n @property({ type: Boolean })\n accessor hideCancelButton = false;\n\n /** Function to execute before the Drawer can close. Useful for running checks or validations before closing. Exposes `returnValue` (`'ok'` or `'cancel'`). Must return `true` or `false`. */\n @property({ attribute: false })\n accessor beforeClose!: Function;\n\n /** Set this to `true` for AI theme. */\n @property({ type: Boolean })\n accessor aiConnected = false;\n\n /** Set this to `true` for no backdrop */\n @property({ type: Boolean })\n accessor noBackdrop = false;\n\n /** Allow the drawer to be resized by dragging the left edge. Width is constrained between 384px and 1024px. */\n @property({ type: Boolean })\n accessor resizable = false;\n\n /** @internal - tracks active drag state for handle styling */\n @state()\n private accessor _dragging = false;\n\n /** @internal */\n private _resizeStartX = 0;\n /** @internal */\n private _resizeStartWidth = 0;\n /** @internal */\n private _boundOnDragMove!: (e: PointerEvent) => void;\n /** @internal */\n private _boundOnDragEnd!: (e: PointerEvent) => void;\n\n /** The dialog element\n * @internal\n */\n @query('dialog')\n accessor _dialog!: any;\n\n override render() {\n const classes = {\n dialog: true,\n 'no-backdrop': this.noBackdrop,\n [`size--${this.size}`]: this.size,\n 'ai-connected': this.aiConnected,\n 'gradient-bkg': this.aiConnected && this.gradientBackground,\n resizable: this.resizable,\n };\n\n const dialogFooterClasses = {\n 'dialog-footer': true,\n 'ai-connected': this.aiConnected,\n };\n\n const dialogHeaderClasses = {\n 'header-title': true,\n 'ai-connected': this.aiConnected,\n };\n\n return html`\n <span class=\"anchor\" @click=${this._openDrawer}>\n <slot name=\"anchor\"></slot>\n </span>\n\n <dialog\n class=\"${classMap(classes)}\"\n aria-labelledby=\"dialogLabel\"\n tabindex=\"-1\"\n @cancel=${(e: Event) => this._closeDrawer(e, 'cancel')}\n >\n ${this.resizable\n ? html`\n <div\n class=\"drag-handle ${this._dragging ? 'dragging' : ''}\"\n @pointerdown=${this._onDragStart}\n aria-hidden=\"true\"\n >\n <span class=\"drag-lines\"></span>\n </div>\n `\n : null}\n <form method=\"dialog\">\n <!-- Header -->\n <header>\n <div class=\"header-label-title\">\n <h1 class=\"${classMap(dialogHeaderClasses)}\" id=\"dialogLabel\">\n ${this.titleText}\n </h1>\n ${this.labelText !== ''\n ? html`<span class=\"label\">${this.labelText}</span>`\n : null}\n </div>\n\n <kyn-button\n class=\"side-drawer-close-btn\"\n size=\"small\"\n kind=${this.aiConnected ? 'ghost-ai' : 'ghost'}\n description=${ifDefined(this.closeBtnDescription)}\n @click=${(e: Event) => this._closeDrawer(e, 'cancel')}\n >\n <span slot=\"icon\">${unsafeSVG(closeIcon)}</span>\n </kyn-button>\n </header>\n\n <!-- Body -->\n <div\n class=\"body\"\n role=\"region\"\n aria-label=\"${this.titleText} content\"\n tabindex=\"0\"\n >\n <slot></slot>\n </div>\n\n <!-- footer -->\n ${!this.hideFooter\n ? html`\n <div class=\"${classMap(dialogFooterClasses)}\">\n <div class=\"actions\">\n <kyn-button\n class=\"action-button\"\n value=\"Ok\"\n ?disabled=${this.submitBtnDisabled}\n kind=${this.destructive\n ? 'primary-destructive'\n : this.aiConnected\n ? 'primary-ai'\n : 'primary'}\n @click=${(e: Event) => this._closeDrawer(e, 'ok')}\n >\n ${this.submitBtnText}\n </kyn-button>\n\n ${this.showSecondaryButton\n ? html`\n <kyn-button\n class=\"action-button\"\n value=\"Secondary\"\n kind=${this.secondaryDestructive\n ? 'secondary-destructive'\n : 'secondary'}\n @click=${(e: Event) =>\n this._closeDrawer(e, 'secondary')}\n >\n ${this.secondaryButtonText}\n </kyn-button>\n `\n : null}\n ${this.hideCancelButton\n ? null\n : html`\n <kyn-button\n class=\"action-button\"\n value=\"Cancel\"\n kind=${this.aiConnected ? 'ghost-ai' : 'ghost'}\n @click=${(e: Event) =>\n this._closeDrawer(e, 'cancel')}\n >\n ${this.cancelBtnText}\n </kyn-button>\n `}\n </div>\n </div>\n `\n : null}\n </form>\n </dialog>\n `;\n }\n\n private _openDrawer() {\n this.open = true;\n }\n\n private _closeDrawer(e: Event, returnValue: string) {\n if (\n !this.beforeClose ||\n (this.beforeClose && this.beforeClose(returnValue))\n ) {\n this.open = false;\n this._dialog.returnValue = returnValue;\n this._emitCloseEvent(e);\n }\n }\n\n private _emitCloseEvent(e: Event) {\n const event = new CustomEvent('on-close', {\n detail: {\n returnValue: this._dialog.returnValue,\n origEvent: e,\n },\n });\n this.dispatchEvent(event);\n }\n\n private _emitOpenEvent() {\n const event = new CustomEvent('on-open');\n this.dispatchEvent(event);\n }\n\n private _onDragStart(e: PointerEvent) {\n if (!this.resizable) return;\n e.preventDefault();\n\n this._resizeStartX = e.clientX;\n this._resizeStartWidth = this._dialog.offsetWidth;\n this._dragging = true;\n\n this._boundOnDragMove = this._onDragMove.bind(this);\n this._boundOnDragEnd = this._onDragEnd.bind(this);\n\n window.addEventListener('pointermove', this._boundOnDragMove);\n window.addEventListener('pointerup', this._boundOnDragEnd);\n }\n\n private _onDragMove(e: PointerEvent) {\n const delta = this._resizeStartX - e.clientX;\n const newWidth = Math.min(\n 1024,\n Math.max(384, this._resizeStartWidth + delta)\n );\n this._dialog.style.width = `${newWidth}px`;\n }\n\n private _onDragEnd(e: PointerEvent) {\n this._dragging = false;\n window.removeEventListener('pointermove', this._boundOnDragMove);\n window.removeEventListener('pointerup', this._boundOnDragEnd);\n\n const width = this._dialog.offsetWidth;\n this.dispatchEvent(new CustomEvent('on-resize', { detail: { width } }));\n }\n\n override updated(changedProps: any) {\n if (changedProps.has('open')) {\n if (this.open) {\n if (this.noBackdrop) {\n this._dialog.show();\n } else {\n this._dialog.showModal();\n }\n this._emitOpenEvent();\n } else {\n this._dialog.close();\n }\n }\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-side-drawer': SideDrawer;\n }\n}\n"],"names":["SideDrawer","customElement","LitElement","_classThis","_classSuper","open","__classPrivateFieldGet","this","_SideDrawer_open_accessor_storage","value","__classPrivateFieldSet","size","_SideDrawer_size_accessor_storage","titleText","_SideDrawer_titleText_accessor_storage","labelText","_SideDrawer_labelText_accessor_storage","submitBtnText","_SideDrawer_submitBtnText_accessor_storage","cancelBtnText","_SideDrawer_cancelBtnText_accessor_storage","closeBtnDescription","_SideDrawer_closeBtnDescription_accessor_storage","submitBtnDisabled","_SideDrawer_submitBtnDisabled_accessor_storage","gradientBackground","_SideDrawer_gradientBackground_accessor_storage","hideFooter","_SideDrawer_hideFooter_accessor_storage","destructive","_SideDrawer_destructive_accessor_storage","secondaryButtonText","_SideDrawer_secondaryButtonText_accessor_storage","showSecondaryButton","_SideDrawer_showSecondaryButton_accessor_storage","secondaryDestructive","_SideDrawer_secondaryDestructive_accessor_storage","hideCancelButton","_SideDrawer_hideCancelButton_accessor_storage","beforeClose","_SideDrawer_beforeClose_accessor_storage","aiConnected","_SideDrawer_aiConnected_accessor_storage","noBackdrop","_SideDrawer_noBackdrop_accessor_storage","resizable","_SideDrawer_resizable_accessor_storage","_dragging","_SideDrawer__dragging_accessor_storage","_dialog","_SideDrawer__dialog_accessor_storage","render","classes","dialog","dialogFooterClasses","dialogHeaderClasses","html","_openDrawer","classMap","e","_closeDrawer","_onDragStart","ifDefined","unsafeSVG","closeIcon","returnValue","_emitCloseEvent","event","CustomEvent","detail","origEvent","dispatchEvent","_emitOpenEvent","preventDefault","_resizeStartX","clientX","_resizeStartWidth","offsetWidth","_boundOnDragMove","_onDragMove","bind","_boundOnDragEnd","_onDragEnd","window","addEventListener","delta","newWidth","Math","min","max","style","width","removeEventListener","updated","changedProps","has","show","showModal","close","set","__runInitializers","_open_initializers","_open_extraInitializers","_size_initializers","_size_extraInitializers","_titleText_initializers","_titleText_extraInitializers","_labelText_initializers","_labelText_extraInitializers","_submitBtnText_initializers","_submitBtnText_extraInitializers","_cancelBtnText_initializers","_cancelBtnText_extraInitializers","_closeBtnDescription_initializers","_closeBtnDescription_extraInitializers","_submitBtnDisabled_initializers","_submitBtnDisabled_extraInitializers","_gradientBackground_initializers","_gradientBackground_extraInitializers","_hideFooter_initializers","_hideFooter_extraInitializers","_destructive_initializers","_destructive_extraInitializers","_secondaryButtonText_initializers","_secondaryButtonText_extraInitializers","_showSecondaryButton_initializers","_showSecondaryButton_extraInitializers","_secondaryDestructive_initializers","_secondaryDestructive_extraInitializers","_hideCancelButton_initializers","_hideCancelButton_extraInitializers","_beforeClose_initializers","_beforeClose_extraInitializers","_aiConnected_initializers","_aiConnected_extraInitializers","_noBackdrop_initializers","_noBackdrop_extraInitializers","_resizable_initializers","_resizable_extraInitializers","__dragging_initializers","__dragging_extraInitializers","__dialog_initializers","_open_decorators","property","type","Boolean","_size_decorators","String","_titleText_decorators","_labelText_decorators","_submitBtnText_decorators","_cancelBtnText_decorators","_closeBtnDescription_decorators","_submitBtnDisabled_decorators","reflect","_hideFooter_decorators","_destructive_decorators","_secondaryButtonText_decorators","_showSecondaryButton_decorators","_secondaryDestructive_decorators","_hideCancelButton_decorators","_beforeClose_decorators","attribute","_aiConnected_decorators","_noBackdrop_decorators","_resizable_decorators","__dragging_decorators","state","query","__esDecorate","kind","name","static","private","access","obj","get","metadata","_metadata","_gradientBackground_decorators","__dialog_decorators","__dialog_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","SideDrawerScss","css"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"sideDrawer.js","sources":["../../../../src/components/reusable/sideDrawer/sideDrawer.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, css, unsafeCSS } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nimport '../button';\nimport closeIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/close-simple.svg';\n\nimport SideDrawerScss from './sideDrawer.scss?inline';\n\n/**\n * Side Drawer.\n * @slot unnamed - Slot for drawer body content.\n * @slot anchor - Slot for the anchor button content.\n * @fires on-close - Emits the drawer close event with `returnValue` (`'ok'` or `'cancel'`).`detail:{ origEvent: PointerEvent,returnValue: string }`\n * @fires on-open - Emits the drawer open event.\n * @fires on-resize - Emits when the drawer is resized via drag. `detail: { width: number }`\n */\n\n@customElement('kyn-side-drawer')\nexport class SideDrawer extends LitElement {\n static override styles = [\n unsafeCSS(SideDrawerScss),\n css`\n @supports (transition-behavior: allow-discrete) {\n @starting-style {\n dialog[open] {\n transform: translateX(100%);\n }\n }\n\n @starting-style {\n dialog[open]::backdrop {\n background-color: rgb(0, 0, 0, 0);\n }\n }\n }\n `,\n ];\n\n /**\n * Drawer open state.\n */\n @property({ type: Boolean })\n accessor open = false;\n\n /**\n * Drawer size.\n */\n @property({ type: String })\n accessor size: 'md' | 'sm' | 'xl' | 'standard' = 'md';\n\n /**\n * Title / Heading text, required.\n */\n @property({ type: String })\n accessor titleText = '';\n\n /**\n * Label text, optional.\n */\n @property({ type: String })\n accessor labelText = '';\n\n /**\n * Submit button text.\n */\n @property({ type: String })\n accessor submitBtnText = 'Ok';\n\n /**\n * Cancel button text.\n */\n @property({ type: String })\n accessor cancelBtnText = 'Cancel';\n\n /** Close button description (Required to support accessibility). */\n @property({ type: String })\n accessor closeBtnDescription = 'Close';\n\n /** Disables the primary button. */\n @property({ type: Boolean })\n accessor submitBtnDisabled = false;\n\n /** Apply gradient to modal background */\n @property({ type: Boolean, reflect: true })\n accessor gradientBackground = false;\n\n /** Determine whether needs footer */\n @property({ type: Boolean })\n accessor hideFooter = false;\n\n /** Changes the primary button styles to indicate the action is destructive. */\n @property({ type: Boolean })\n accessor destructive = false;\n\n /** Secondary button text. */\n @property({ type: String })\n accessor secondaryButtonText = 'Secondary';\n\n /** Hides the secondary button. */\n @property({ type: Boolean })\n accessor showSecondaryButton = false;\n\n /** Changes the secondary button styles to indicate the action is destructive. */\n @property({ type: Boolean })\n accessor secondaryDestructive = false;\n\n /** Disables the secondary button. */\n @property({ type: Boolean })\n accessor secondaryBtnDisabled = false;\n\n /** Hides the cancel button. */\n @property({ type: Boolean })\n accessor hideCancelButton = false;\n\n /** Function to execute before the Drawer can close. Useful for running checks or validations before closing. Exposes `returnValue` (`'ok'` or `'cancel'`). Must return `true` or `false`. */\n @property({ attribute: false })\n accessor beforeClose!: Function;\n\n /** Set this to `true` for AI theme. */\n @property({ type: Boolean })\n accessor aiConnected = false;\n\n /** Set this to `true` for no backdrop */\n @property({ type: Boolean })\n accessor noBackdrop = false;\n\n /** Allow the drawer to be resized by dragging the left edge. Width is constrained between 384px and 1024px. */\n @property({ type: Boolean })\n accessor resizable = false;\n\n /** @internal - tracks active drag state for handle styling */\n @state()\n private accessor _dragging = false;\n\n /** @internal */\n private _resizeStartX = 0;\n /** @internal */\n private _resizeStartWidth = 0;\n /** @internal */\n private _boundOnDragMove!: (e: PointerEvent) => void;\n /** @internal */\n private _boundOnDragEnd!: (e: PointerEvent) => void;\n\n /** The dialog element\n * @internal\n */\n @query('dialog')\n accessor _dialog!: any;\n\n override render() {\n const classes = {\n dialog: true,\n 'no-backdrop': this.noBackdrop,\n [`size--${this.size}`]: this.size,\n 'ai-connected': this.aiConnected,\n 'gradient-bkg': this.aiConnected && this.gradientBackground,\n resizable: this.resizable,\n };\n\n const dialogFooterClasses = {\n 'dialog-footer': true,\n 'ai-connected': this.aiConnected,\n };\n\n const dialogHeaderClasses = {\n 'header-title': true,\n 'ai-connected': this.aiConnected,\n };\n\n return html`\n <span class=\"anchor\" @click=${this._openDrawer}>\n <slot name=\"anchor\"></slot>\n </span>\n\n <dialog\n class=\"${classMap(classes)}\"\n aria-labelledby=\"dialogLabel\"\n tabindex=\"-1\"\n @cancel=${(e: Event) => this._closeDrawer(e, 'cancel')}\n >\n ${this.resizable\n ? html`\n <div\n class=\"drag-handle ${this._dragging ? 'dragging' : ''}\"\n @pointerdown=${this._onDragStart}\n aria-hidden=\"true\"\n >\n <span class=\"drag-lines\"></span>\n </div>\n `\n : null}\n <form method=\"dialog\">\n <!-- Header -->\n <header>\n <div class=\"header-label-title\">\n <h1 class=\"${classMap(dialogHeaderClasses)}\" id=\"dialogLabel\">\n ${this.titleText}\n </h1>\n ${this.labelText !== ''\n ? html`<span class=\"label\">${this.labelText}</span>`\n : null}\n </div>\n\n <kyn-button\n class=\"side-drawer-close-btn\"\n size=\"small\"\n kind=${this.aiConnected ? 'ghost-ai' : 'ghost'}\n description=${ifDefined(this.closeBtnDescription)}\n @click=${(e: Event) => this._closeDrawer(e, 'cancel')}\n >\n <span slot=\"icon\">${unsafeSVG(closeIcon)}</span>\n </kyn-button>\n </header>\n\n <!-- Body -->\n <div\n class=\"body\"\n role=\"region\"\n aria-label=\"${this.titleText} content\"\n tabindex=\"0\"\n >\n <slot></slot>\n </div>\n\n <!-- footer -->\n ${!this.hideFooter\n ? html`\n <div class=\"${classMap(dialogFooterClasses)}\">\n <div class=\"actions\">\n <kyn-button\n class=\"action-button\"\n value=\"Ok\"\n ?disabled=${this.submitBtnDisabled}\n kind=${this.destructive\n ? 'primary-destructive'\n : this.aiConnected\n ? 'primary-ai'\n : 'primary'}\n @click=${(e: Event) => this._closeDrawer(e, 'ok')}\n >\n ${this.submitBtnText}\n </kyn-button>\n\n ${this.showSecondaryButton\n ? html`\n <kyn-button\n class=\"action-button\"\n value=\"Secondary\"\n ?disabled=${this.secondaryBtnDisabled}\n kind=${this.secondaryDestructive\n ? 'secondary-destructive'\n : 'secondary'}\n @click=${(e: Event) =>\n this._closeDrawer(e, 'secondary')}\n >\n ${this.secondaryButtonText}\n </kyn-button>\n `\n : null}\n ${this.hideCancelButton\n ? null\n : html`\n <kyn-button\n class=\"action-button\"\n value=\"Cancel\"\n kind=${this.aiConnected ? 'ghost-ai' : 'ghost'}\n @click=${(e: Event) =>\n this._closeDrawer(e, 'cancel')}\n >\n ${this.cancelBtnText}\n </kyn-button>\n `}\n </div>\n </div>\n `\n : null}\n </form>\n </dialog>\n `;\n }\n\n private _openDrawer() {\n this.open = true;\n }\n\n private _closeDrawer(e: Event, returnValue: string) {\n if (\n !this.beforeClose ||\n (this.beforeClose && this.beforeClose(returnValue))\n ) {\n this.open = false;\n this._dialog.returnValue = returnValue;\n this._emitCloseEvent(e);\n }\n }\n\n private _emitCloseEvent(e: Event) {\n const event = new CustomEvent('on-close', {\n detail: {\n returnValue: this._dialog.returnValue,\n origEvent: e,\n },\n });\n this.dispatchEvent(event);\n }\n\n private _emitOpenEvent() {\n const event = new CustomEvent('on-open');\n this.dispatchEvent(event);\n }\n\n private _onDragStart(e: PointerEvent) {\n if (!this.resizable) return;\n e.preventDefault();\n\n this._resizeStartX = e.clientX;\n this._resizeStartWidth = this._dialog.offsetWidth;\n this._dragging = true;\n\n this._boundOnDragMove = this._onDragMove.bind(this);\n this._boundOnDragEnd = this._onDragEnd.bind(this);\n\n window.addEventListener('pointermove', this._boundOnDragMove);\n window.addEventListener('pointerup', this._boundOnDragEnd);\n }\n\n private _onDragMove(e: PointerEvent) {\n const delta = this._resizeStartX - e.clientX;\n const newWidth = Math.min(\n 1024,\n Math.max(384, this._resizeStartWidth + delta)\n );\n this._dialog.style.width = `${newWidth}px`;\n }\n\n private _onDragEnd(e: PointerEvent) {\n this._dragging = false;\n window.removeEventListener('pointermove', this._boundOnDragMove);\n window.removeEventListener('pointerup', this._boundOnDragEnd);\n\n const width = this._dialog.offsetWidth;\n this.dispatchEvent(new CustomEvent('on-resize', { detail: { width } }));\n }\n\n override updated(changedProps: any) {\n if (changedProps.has('open')) {\n if (this.open) {\n if (this.noBackdrop) {\n this._dialog.show();\n } else {\n this._dialog.showModal();\n }\n this._emitOpenEvent();\n } else {\n this._dialog.close();\n }\n }\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-side-drawer': SideDrawer;\n }\n}\n"],"names":["SideDrawer","customElement","LitElement","_classThis","_classSuper","open","__classPrivateFieldGet","this","_SideDrawer_open_accessor_storage","value","__classPrivateFieldSet","size","_SideDrawer_size_accessor_storage","titleText","_SideDrawer_titleText_accessor_storage","labelText","_SideDrawer_labelText_accessor_storage","submitBtnText","_SideDrawer_submitBtnText_accessor_storage","cancelBtnText","_SideDrawer_cancelBtnText_accessor_storage","closeBtnDescription","_SideDrawer_closeBtnDescription_accessor_storage","submitBtnDisabled","_SideDrawer_submitBtnDisabled_accessor_storage","gradientBackground","_SideDrawer_gradientBackground_accessor_storage","hideFooter","_SideDrawer_hideFooter_accessor_storage","destructive","_SideDrawer_destructive_accessor_storage","secondaryButtonText","_SideDrawer_secondaryButtonText_accessor_storage","showSecondaryButton","_SideDrawer_showSecondaryButton_accessor_storage","secondaryDestructive","_SideDrawer_secondaryDestructive_accessor_storage","secondaryBtnDisabled","_SideDrawer_secondaryBtnDisabled_accessor_storage","hideCancelButton","_SideDrawer_hideCancelButton_accessor_storage","beforeClose","_SideDrawer_beforeClose_accessor_storage","aiConnected","_SideDrawer_aiConnected_accessor_storage","noBackdrop","_SideDrawer_noBackdrop_accessor_storage","resizable","_SideDrawer_resizable_accessor_storage","_dragging","_SideDrawer__dragging_accessor_storage","_dialog","_SideDrawer__dialog_accessor_storage","render","classes","dialog","dialogFooterClasses","dialogHeaderClasses","html","_openDrawer","classMap","e","_closeDrawer","_onDragStart","ifDefined","unsafeSVG","closeIcon","returnValue","_emitCloseEvent","event","CustomEvent","detail","origEvent","dispatchEvent","_emitOpenEvent","preventDefault","_resizeStartX","clientX","_resizeStartWidth","offsetWidth","_boundOnDragMove","_onDragMove","bind","_boundOnDragEnd","_onDragEnd","window","addEventListener","delta","newWidth","Math","min","max","style","width","removeEventListener","updated","changedProps","has","show","showModal","close","set","__runInitializers","_open_initializers","_open_extraInitializers","_size_initializers","_size_extraInitializers","_titleText_initializers","_titleText_extraInitializers","_labelText_initializers","_labelText_extraInitializers","_submitBtnText_initializers","_submitBtnText_extraInitializers","_cancelBtnText_initializers","_cancelBtnText_extraInitializers","_closeBtnDescription_initializers","_closeBtnDescription_extraInitializers","_submitBtnDisabled_initializers","_submitBtnDisabled_extraInitializers","_gradientBackground_initializers","_gradientBackground_extraInitializers","_hideFooter_initializers","_hideFooter_extraInitializers","_destructive_initializers","_destructive_extraInitializers","_secondaryButtonText_initializers","_secondaryButtonText_extraInitializers","_showSecondaryButton_initializers","_showSecondaryButton_extraInitializers","_secondaryDestructive_initializers","_secondaryDestructive_extraInitializers","_secondaryBtnDisabled_initializers","_secondaryBtnDisabled_extraInitializers","_hideCancelButton_initializers","_hideCancelButton_extraInitializers","_beforeClose_initializers","_beforeClose_extraInitializers","_aiConnected_initializers","_aiConnected_extraInitializers","_noBackdrop_initializers","_noBackdrop_extraInitializers","_resizable_initializers","_resizable_extraInitializers","__dragging_initializers","__dragging_extraInitializers","__dialog_initializers","_open_decorators","property","type","Boolean","_size_decorators","String","_titleText_decorators","_labelText_decorators","_submitBtnText_decorators","_cancelBtnText_decorators","_closeBtnDescription_decorators","_submitBtnDisabled_decorators","reflect","_hideFooter_decorators","_destructive_decorators","_secondaryButtonText_decorators","_showSecondaryButton_decorators","_secondaryDestructive_decorators","_secondaryBtnDisabled_decorators","_hideCancelButton_decorators","_beforeClose_decorators","attribute","_aiConnected_decorators","_noBackdrop_decorators","_resizable_decorators","__dragging_decorators","state","query","__esDecorate","kind","name","static","private","access","obj","get","metadata","_metadata","_gradientBackground_decorators","__dialog_decorators","__dialog_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","SideDrawerScss","css"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAqBaA,EAAU,wHADtBC,EAAc,6BACiBC,iRAARC,EAAA,cAAQC,GAwB9B,QAASC,GAAI,OAAAC,EAAAC,KAAAC,EAAA,IAAA,CAAb,QAASH,CAAII,GAAAC,EAAAH,KAAAC,EAAAC,EAAA,IAAA,CAMb,QAASE,GAAI,OAAAL,EAAAC,KAAAK,EAAA,IAAA,CAAb,QAASD,CAAIF,GAAAC,EAAAH,KAAAK,EAAAH,EAAA,IAAA,CAMb,aAASI,GAAS,OAAAP,EAAAC,KAAAO,EAAA,IAAA,CAAlB,aAASD,CAASJ,GAAAC,EAAAH,KAAAO,EAAAL,EAAA,IAAA,CAMlB,aAASM,GAAS,OAAAT,EAAAC,KAAAS,EAAA,IAAA,CAAlB,aAASD,CAASN,GAAAC,EAAAH,KAAAS,EAAAP,EAAA,IAAA,CAMlB,iBAASQ,GAAa,OAAAX,EAAAC,KAAAW,EAAA,IAAA,CAAtB,iBAASD,CAAaR,GAAAC,EAAAH,KAAAW,EAAAT,EAAA,IAAA,CAMtB,iBAASU,GAAa,OAAAb,EAAAC,KAAAa,EAAA,IAAA,CAAtB,iBAASD,CAAaV,GAAAC,EAAAH,KAAAa,EAAAX,EAAA,IAAA,CAItB,uBAASY,GAAmB,OAAAf,EAAAC,KAAAe,EAAA,IAAA,CAA5B,uBAASD,CAAmBZ,GAAAC,EAAAH,KAAAe,EAAAb,EAAA,IAAA,CAI5B,qBAASc,GAAiB,OAAAjB,EAAAC,KAAAiB,EAAA,IAAA,CAA1B,qBAASD,CAAiBd,GAAAC,EAAAH,KAAAiB,EAAAf,EAAA,IAAA,CAI1B,sBAASgB,GAAkB,OAAAnB,EAAAC,KAAAmB,EAAA,IAAA,CAA3B,sBAASD,CAAkBhB,GAAAC,EAAAH,KAAAmB,EAAAjB,EAAA,IAAA,CAI3B,cAASkB,GAAU,OAAArB,EAAAC,KAAAqB,EAAA,IAAA,CAAnB,cAASD,CAAUlB,GAAAC,EAAAH,KAAAqB,EAAAnB,EAAA,IAAA,CAInB,eAASoB,GAAW,OAAAvB,EAAAC,KAAAuB,EAAA,IAAA,CAApB,eAASD,CAAWpB,GAAAC,EAAAH,KAAAuB,EAAArB,EAAA,IAAA,CAIpB,uBAASsB,GAAmB,OAAAzB,EAAAC,KAAAyB,EAAA,IAAA,CAA5B,uBAASD,CAAmBtB,GAAAC,EAAAH,KAAAyB,EAAAvB,EAAA,IAAA,CAI5B,uBAASwB,GAAmB,OAAA3B,EAAAC,KAAA2B,EAAA,IAAA,CAA5B,uBAASD,CAAmBxB,GAAAC,EAAAH,KAAA2B,EAAAzB,EAAA,IAAA,CAI5B,wBAAS0B,GAAoB,OAAA7B,EAAAC,KAAA6B,EAAA,IAAA,CAA7B,wBAASD,CAAoB1B,GAAAC,EAAAH,KAAA6B,EAAA3B,EAAA,IAAA,CAI7B,wBAAS4B,GAAoB,OAAA/B,EAAAC,KAAA+B,EAAA,IAAA,CAA7B,wBAASD,CAAoB5B,GAAAC,EAAAH,KAAA+B,EAAA7B,EAAA,IAAA,CAI7B,oBAAS8B,GAAgB,OAAAjC,EAAAC,KAAAiC,EAAA,IAAA,CAAzB,oBAASD,CAAgB9B,GAAAC,EAAAH,KAAAiC,EAAA/B,EAAA,IAAA,CAIzB,eAASgC,GAAW,OAAAnC,EAAAC,KAAAmC,EAAA,IAAA,CAApB,eAASD,CAAWhC,GAAAC,EAAAH,KAAAmC,EAAAjC,EAAA,IAAA,CAIpB,eAASkC,GAAW,OAAArC,EAAAC,KAAAqC,EAAA,IAAA,CAApB,eAASD,CAAWlC,GAAAC,EAAAH,KAAAqC,EAAAnC,EAAA,IAAA,CAIpB,cAASoC,GAAU,OAAAvC,EAAAC,KAAAuC,EAAA,IAAA,CAAnB,cAASD,CAAUpC,GAAAC,EAAAH,KAAAuC,EAAArC,EAAA,IAAA,CAInB,aAASsC,GAAS,OAAAzC,EAAAC,KAAAyC,EAAA,IAAA,CAAlB,aAASD,CAAStC,GAAAC,EAAAH,KAAAyC,EAAAvC,EAAA,IAAA,CAIlB,aAAiBwC,GAAS,OAAA3C,EAAAC,KAAA2C,EAAA,IAAA,CAA1B,aAAiBD,CAASxC,GAAAC,EAAAH,KAAA2C,EAAAzC,EAAA,IAAA,CAe1B,WAAS0C,GAAO,OAAA7C,EAAAC,KAAA6C,EAAA,IAAA,CAAhB,WAASD,CAAO1C,GAAAC,EAAAH,KAAA6C,EAAA3C,EAAA,IAAA,CAEP,MAAA4C,GACP,MAAMC,EAAU,CACdC,QAAQ,EACR,cAAehD,KAAKsC,WACpB,CAAC,SAAStC,KAAKI,QAASJ,KAAKI,KAC7B,eAAgBJ,KAAKoC,YACrB,eAAgBpC,KAAKoC,aAAepC,KAAKkB,mBACzCsB,UAAWxC,KAAKwC,WAGZS,EAAsB,CAC1B,iBAAiB,EACjB,eAAgBjD,KAAKoC,aAGjBc,EAAsB,CAC1B,gBAAgB,EAChB,eAAgBlD,KAAKoC,aAGvB,OAAOe,CAAI;oCACqBnD,KAAKoD;;;;;iBAKxBC,EAASN;;;kBAGPO,GAAatD,KAAKuD,aAAaD,EAAG;;UAE3CtD,KAAKwC,UACHW,CAAI;;qCAEqBnD,KAAK0C,UAAY,WAAa;+BACpC1C,KAAKwD;;;;;cAMxB;;;;;2BAKeH,EAASH;kBAClBlD,KAAKM;;gBAEY,KAAnBN,KAAKQ,UACH2C,CAAI,uBAAuBnD,KAAKQ,mBAChC;;;;;;qBAMGR,KAAKoC,YAAc,WAAa;4BACzBqB,EAAUzD,KAAKc;uBACnBwC,GAAatD,KAAKuD,aAAaD,EAAG;;kCAExBI,EAAUC;;;;;;;;0BAQlB3D,KAAKM;;;;;;;YAOlBN,KAAKoB,WAkDJ,KAjDA+B,CAAI;8BACYE,EAASJ;;;;;kCAKLjD,KAAKgB;6BACVhB,KAAKsB,YACR,sBACAtB,KAAKoC,YACL,aACA;+BACMkB,GAAatD,KAAKuD,aAAaD,EAAG;;wBAE1CtD,KAAKU;;;sBAGPV,KAAK0B,oBACHyB,CAAI;;;;wCAIYnD,KAAK8B;mCACV9B,KAAK4B,qBACR,wBACA;qCACM0B,GACRtD,KAAKuD,aAAaD,EAAG;;8BAErBtD,KAAKwB;;0BAGX;sBACFxB,KAAKgC,iBACH,KACAmB,CAAI;;;;mCAIOnD,KAAKoC,YAAc,WAAa;qCAC7BkB,GACRtD,KAAKuD,aAAaD,EAAG;;8BAErBtD,KAAKY;;;;;;;;KAUjC,CAEQ,WAAAwC,GACNpD,KAAKF,MAAO,CACd,CAEQ,YAAAyD,CAAaD,EAAUM,KAE1B5D,KAAKkC,aACLlC,KAAKkC,aAAelC,KAAKkC,YAAY0B,MAEtC5D,KAAKF,MAAO,EACZE,KAAK4C,QAAQgB,YAAcA,EAC3B5D,KAAK6D,gBAAgBP,GAEzB,CAEQ,eAAAO,CAAgBP,GACtB,MAAMQ,EAAQ,IAAIC,YAAY,WAAY,CACxCC,OAAQ,CACNJ,YAAa5D,KAAK4C,QAAQgB,YAC1BK,UAAWX,KAGftD,KAAKkE,cAAcJ,EACrB,CAEQ,cAAAK,GACN,MAAML,EAAQ,IAAIC,YAAY,WAC9B/D,KAAKkE,cAAcJ,EACrB,CAEQ,YAAAN,CAAaF,GACdtD,KAAKwC,YACVc,EAAEc,iBAEFpE,KAAKqE,cAAgBf,EAAEgB,QACvBtE,KAAKuE,kBAAoBvE,KAAK4C,QAAQ4B,YACtCxE,KAAK0C,WAAY,EAEjB1C,KAAKyE,iBAAmBzE,KAAK0E,YAAYC,KAAK3E,MAC9CA,KAAK4E,gBAAkB5E,KAAK6E,WAAWF,KAAK3E,MAE5C8E,OAAOC,iBAAiB,cAAe/E,KAAKyE,kBAC5CK,OAAOC,iBAAiB,YAAa/E,KAAK4E,iBAC5C,CAEQ,WAAAF,CAAYpB,GAClB,MAAM0B,EAAQhF,KAAKqE,cAAgBf,EAAEgB,QAC/BW,EAAWC,KAAKC,IACpB,KACAD,KAAKE,IAAI,IAAKpF,KAAKuE,kBAAoBS,IAEzChF,KAAK4C,QAAQyC,MAAMC,MAAQ,GAAGL,KAChC,CAEQ,UAAAJ,CAAWvB,GACjBtD,KAAK0C,WAAY,EACjBoC,OAAOS,oBAAoB,cAAevF,KAAKyE,kBAC/CK,OAAOS,oBAAoB,YAAavF,KAAK4E,iBAE7C,MAAMU,EAAQtF,KAAK4C,QAAQ4B,YAC3BxE,KAAKkE,cAAc,IAAIH,YAAY,YAAa,CAAEC,OAAQ,CAAEsB,WAC9D,CAES,OAAAE,CAAQC,GACXA,EAAaC,IAAI,UACf1F,KAAKF,MACHE,KAAKsC,WACPtC,KAAK4C,QAAQ+C,OAEb3F,KAAK4C,QAAQgD,YAEf5F,KAAKmE,kBAELnE,KAAK4C,QAAQiD,QAGnB,mCA3TS5F,EAAA6F,IAAA9F,KAAA+F,EAAA/F,KAAAgG,IAAO,IAMP3F,EAAAyF,IAAA9F,MAAA+F,EAAA/F,KAAAiG,IAAAF,EAAA/F,KAAAkG,GAAwC,QAMxC3F,EAAAuF,IAAA9F,MAAA+F,EAAA/F,KAAAmG,IAAAJ,EAAA/F,KAAAoG,GAAY,MAMZ3F,EAAAqF,IAAA9F,MAAA+F,EAAA/F,KAAAqG,IAAAN,EAAA/F,KAAAsG,GAAY,MAMZ3F,EAAAmF,IAAA9F,MAAA+F,EAAA/F,KAAAuG,IAAAR,EAAA/F,KAAAwG,GAAgB,QAMhB3F,EAAAiF,IAAA9F,MAAA+F,EAAA/F,KAAAyG,IAAAV,EAAA/F,KAAA0G,GAAgB,YAIhB3F,EAAA+E,IAAA9F,MAAA+F,EAAA/F,KAAA2G,IAAAZ,EAAA/F,KAAA4G,GAAsB,WAItB3F,EAAA6E,IAAA9F,MAAA+F,EAAA/F,KAAA6G,IAAAd,EAAA/F,KAAA8G,IAAoB,KAIpB3F,EAAA2E,IAAA9F,MAAA+F,EAAA/F,KAAA+G,IAAAhB,EAAA/F,KAAAgH,IAAqB,KAIrB3F,EAAAyE,IAAA9F,MAAA+F,EAAA/F,KAAAiH,IAAAlB,EAAA/F,KAAAkH,IAAa,KAIb3F,EAAAuE,IAAA9F,MAAA+F,EAAA/F,KAAAmH,IAAApB,EAAA/F,KAAAoH,IAAc,KAId3F,EAAAqE,IAAA9F,MAAA+F,EAAA/F,KAAAqH,IAAAtB,EAAA/F,KAAAsH,GAAsB,eAItB3F,EAAAmE,IAAA9F,MAAA+F,EAAA/F,KAAAuH,IAAAxB,EAAA/F,KAAAwH,IAAsB,KAItB3F,EAAAiE,IAAA9F,MAAA+F,EAAA/F,KAAAyH,IAAA1B,EAAA/F,KAAA0H,IAAuB,KAIvB3F,EAAA+D,IAAA9F,MAAA+F,EAAA/F,KAAA2H,IAAA5B,EAAA/F,KAAA4H,IAAuB,KAIvB3F,EAAA6D,IAAA9F,MAAA+F,EAAA/F,KAAA6H,IAAA9B,EAAA/F,KAAA8H,IAAmB,KAInB3F,EAAA2D,IAAA9F,MAAA+F,EAAA/F,KAAA+H,IAAAhC,EAAA/F,KAAAgI,QAAA,KAIA3F,EAAAyD,IAAA9F,MAAA+F,EAAA/F,KAAAiI,IAAAlC,EAAA/F,KAAAkI,IAAc,KAId3F,EAAAuD,IAAA9F,MAAA+F,EAAA/F,KAAAmI,IAAApC,EAAA/F,KAAAoI,IAAa,KAIb3F,EAAAqD,IAAA9F,MAAA+F,EAAA/F,KAAAqI,IAAAtC,EAAA/F,KAAAsI,IAAY,KAIJ3F,EAAAmD,IAAA9F,MAAA+F,EAAA/F,KAAAuI,IAAAxC,EAAA/F,KAAAwI,IAAY,KAGrBxI,KAAAqE,eAAa0B,EAAA/F,KAAAyI,IAAG,GAEhBzI,KAAAuE,kBAAoB,EAUnB1B,EAAAiD,IAAA9F,KAAA+F,EAAA/F,KAAA0I,QAAA,8dA1GRC,EAAA,CAAAC,EAAS,CAAEC,KAAMC,WAMjBC,EAAA,CAAAH,EAAS,CAAEC,KAAMG,UAMjBC,EAAA,CAAAL,EAAS,CAAEC,KAAMG,UAMjBE,EAAA,CAAAN,EAAS,CAAEC,KAAMG,UAMjBG,EAAA,CAAAP,EAAS,CAAEC,KAAMG,UAMjBI,EAAA,CAAAR,EAAS,CAAEC,KAAMG,UAIjBK,EAAA,CAAAT,EAAS,CAAEC,KAAMG,UAIjBM,EAAA,CAAAV,EAAS,CAAEC,KAAMC,cAIjBF,EAAS,CAAEC,KAAMC,QAASS,SAAS,KAInCC,EAAA,CAAAZ,EAAS,CAAEC,KAAMC,WAIjBW,EAAA,CAAAb,EAAS,CAAEC,KAAMC,WAIjBY,EAAA,CAAAd,EAAS,CAAEC,KAAMG,UAIjBW,GAAA,CAAAf,EAAS,CAAEC,KAAMC,WAIjBc,GAAA,CAAAhB,EAAS,CAAEC,KAAMC,WAIjBe,GAAA,CAAAjB,EAAS,CAAEC,KAAMC,WAIjBgB,GAAA,CAAAlB,EAAS,CAAEC,KAAMC,WAIjBiB,GAAA,CAAAnB,EAAS,CAAEoB,WAAW,KAItBC,GAAA,CAAArB,EAAS,CAAEC,KAAMC,WAIjBoB,GAAA,CAAAtB,EAAS,CAAEC,KAAMC,WAIjBqB,GAAA,CAAAvB,EAAS,CAAEC,KAAMC,WAIjBsB,GAAA,CAAAC,SAeAC,EAAM,WAxGPC,EAAA3K,EAAA,KAAA+I,EAAA,CAAA6B,KAAA,WAAAC,KAAA,OAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAlF,IAAAmF,GAAA,SAAAA,EAAAC,IAAAD,GAAAA,EAAS/K,KAAIgG,IAAA,CAAA+E,EAAA3K,KAAA2K,EAAJ/K,KAAII,CAAA,GAAA6K,SAAAC,GAAAhF,GAAAC,IAMbsE,EAAA3K,EAAA,KAAAmJ,EAAA,CAAAyB,KAAA,WAAAC,KAAA,OAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAlF,IAAAmF,GAAA,SAAAA,EAAAC,IAAAD,GAAAA,EAASzK,KAAI0F,IAAA,CAAA+E,EAAA3K,KAAA2K,EAAJzK,KAAIF,CAAA,GAAA6K,SAAAC,GAAA9E,GAAAC,IAMboE,EAAA3K,EAAA,KAAAqJ,EAAA,CAAAuB,KAAA,WAAAC,KAAA,YAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAlF,IAAAmF,GAAA,cAAAA,EAAAC,IAAAD,GAAAA,EAASvK,UAASwF,IAAA,CAAA+E,EAAA3K,KAAA2K,EAATvK,UAASJ,CAAA,GAAA6K,SAAAC,GAAA5E,GAAAC,IAMlBkE,EAAA3K,EAAA,KAAAsJ,EAAA,CAAAsB,KAAA,WAAAC,KAAA,YAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAlF,IAAAmF,GAAA,cAAAA,EAAAC,IAAAD,GAAAA,EAASrK,UAASsF,IAAA,CAAA+E,EAAA3K,KAAA2K,EAATrK,UAASN,CAAA,GAAA6K,SAAAC,GAAA1E,GAAAC,IAMlBgE,EAAA3K,EAAA,KAAAuJ,EAAA,CAAAqB,KAAA,WAAAC,KAAA,gBAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAlF,IAAAmF,GAAA,kBAAAA,EAAAC,IAAAD,GAAAA,EAASnK,cAAaoF,IAAA,CAAA+E,EAAA3K,KAAA2K,EAAbnK,cAAaR,CAAA,GAAA6K,SAAAC,GAAAxE,GAAAC,IAMtB8D,EAAA3K,EAAA,KAAAwJ,EAAA,CAAAoB,KAAA,WAAAC,KAAA,gBAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAlF,IAAAmF,GAAA,kBAAAA,EAAAC,IAAAD,GAAAA,EAASjK,cAAakF,IAAA,CAAA+E,EAAA3K,KAAA2K,EAAbjK,cAAaV,CAAA,GAAA6K,SAAAC,GAAAtE,GAAAC,IAItB4D,EAAA3K,EAAA,KAAAyJ,EAAA,CAAAmB,KAAA,WAAAC,KAAA,sBAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAlF,IAAAmF,GAAA,wBAAAA,EAAAC,IAAAD,GAAAA,EAAS/J,oBAAmBgF,IAAA,CAAA+E,EAAA3K,KAAA2K,EAAnB/J,oBAAmBZ,CAAA,GAAA6K,SAAAC,GAAApE,GAAAC,IAI5B0D,EAAA3K,EAAA,KAAA0J,EAAA,CAAAkB,KAAA,WAAAC,KAAA,oBAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAlF,IAAAmF,GAAA,sBAAAA,EAAAC,IAAAD,GAAAA,EAAS7J,kBAAiB8E,IAAA,CAAA+E,EAAA3K,KAAA2K,EAAjB7J,kBAAiBd,CAAA,GAAA6K,SAAAC,GAAAlE,GAAAC,IAI1BwD,EAAA3K,EAAA,KAAAqL,EAAA,CAAAT,KAAA,WAAAC,KAAA,qBAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAlF,IAAAmF,GAAA,uBAAAA,EAAAC,IAAAD,GAAAA,EAAS3J,mBAAkB4E,IAAA,CAAA+E,EAAA3K,KAAA2K,EAAlB3J,mBAAkBhB,CAAA,GAAA6K,SAAAC,GAAAhE,GAAAC,IAI3BsD,EAAA3K,EAAA,KAAA4J,EAAA,CAAAgB,KAAA,WAAAC,KAAA,aAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAlF,IAAAmF,GAAA,eAAAA,EAAAC,IAAAD,GAAAA,EAASzJ,WAAU0E,IAAA,CAAA+E,EAAA3K,KAAA2K,EAAVzJ,WAAUlB,CAAA,GAAA6K,SAAAC,GAAA9D,GAAAC,IAInBoD,EAAA3K,EAAA,KAAA6J,EAAA,CAAAe,KAAA,WAAAC,KAAA,cAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAlF,IAAAmF,GAAA,gBAAAA,EAAAC,IAAAD,GAAAA,EAASvJ,YAAWwE,IAAA,CAAA+E,EAAA3K,KAAA2K,EAAXvJ,YAAWpB,CAAA,GAAA6K,SAAAC,GAAA5D,GAAAC,IAIpBkD,EAAA3K,EAAA,KAAA8J,EAAA,CAAAc,KAAA,WAAAC,KAAA,sBAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAlF,IAAAmF,GAAA,wBAAAA,EAAAC,IAAAD,GAAAA,EAASrJ,oBAAmBsE,IAAA,CAAA+E,EAAA3K,KAAA2K,EAAnBrJ,oBAAmBtB,CAAA,GAAA6K,SAAAC,GAAA1D,GAAAC,IAI5BgD,EAAA3K,EAAA,KAAA+J,GAAA,CAAAa,KAAA,WAAAC,KAAA,sBAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAlF,IAAAmF,GAAA,wBAAAA,EAAAC,IAAAD,GAAAA,EAASnJ,oBAAmBoE,IAAA,CAAA+E,EAAA3K,KAAA2K,EAAnBnJ,oBAAmBxB,CAAA,GAAA6K,SAAAC,GAAAxD,GAAAC,IAI5B8C,EAAA3K,EAAA,KAAAgK,GAAA,CAAAY,KAAA,WAAAC,KAAA,uBAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAlF,IAAAmF,GAAA,yBAAAA,EAAAC,IAAAD,GAAAA,EAASjJ,qBAAoBkE,IAAA,CAAA+E,EAAA3K,KAAA2K,EAApBjJ,qBAAoB1B,CAAA,GAAA6K,SAAAC,GAAAtD,GAAAC,IAI7B4C,EAAA3K,EAAA,KAAAiK,GAAA,CAAAW,KAAA,WAAAC,KAAA,uBAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAlF,IAAAmF,GAAA,yBAAAA,EAAAC,IAAAD,GAAAA,EAAS/I,qBAAoBgE,IAAA,CAAA+E,EAAA3K,KAAA2K,EAApB/I,qBAAoB5B,CAAA,GAAA6K,SAAAC,GAAApD,GAAAC,IAI7B0C,EAAA3K,EAAA,KAAAkK,GAAA,CAAAU,KAAA,WAAAC,KAAA,mBAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAlF,IAAAmF,GAAA,qBAAAA,EAAAC,IAAAD,GAAAA,EAAS7I,iBAAgB8D,IAAA,CAAA+E,EAAA3K,KAAA2K,EAAhB7I,iBAAgB9B,CAAA,GAAA6K,SAAAC,GAAAlD,GAAAC,IAIzBwC,EAAA3K,EAAA,KAAAmK,GAAA,CAAAS,KAAA,WAAAC,KAAA,cAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAlF,IAAAmF,GAAA,gBAAAA,EAAAC,IAAAD,GAAAA,EAAS3I,YAAW4D,IAAA,CAAA+E,EAAA3K,KAAA2K,EAAX3I,YAAWhC,CAAA,GAAA6K,SAAAC,GAAAhD,GAAAC,IAIpBsC,EAAA3K,EAAA,KAAAqK,GAAA,CAAAO,KAAA,WAAAC,KAAA,cAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAlF,IAAAmF,GAAA,gBAAAA,EAAAC,IAAAD,GAAAA,EAASzI,YAAW0D,IAAA,CAAA+E,EAAA3K,KAAA2K,EAAXzI,YAAWlC,CAAA,GAAA6K,SAAAC,GAAA9C,GAAAC,IAIpBoC,EAAA3K,EAAA,KAAAsK,GAAA,CAAAM,KAAA,WAAAC,KAAA,aAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAlF,IAAAmF,GAAA,eAAAA,EAAAC,IAAAD,GAAAA,EAASvI,WAAUwD,IAAA,CAAA+E,EAAA3K,KAAA2K,EAAVvI,WAAUpC,CAAA,GAAA6K,SAAAC,GAAA5C,GAAAC,IAInBkC,EAAA3K,EAAA,KAAAuK,GAAA,CAAAK,KAAA,WAAAC,KAAA,YAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAlF,IAAAmF,GAAA,cAAAA,EAAAC,IAAAD,GAAAA,EAASrI,UAASsD,IAAA,CAAA+E,EAAA3K,KAAA2K,EAATrI,UAAStC,CAAA,GAAA6K,SAAAC,GAAA1C,GAAAC,IAIlBgC,EAAA3K,EAAA,KAAAwK,GAAA,CAAAI,KAAA,WAAAC,KAAA,YAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAlF,IAAAmF,GAAA,cAAAA,EAAAC,IAAAD,GAAAA,EAAiBnI,UAASoD,IAAA,CAAA+E,EAAA3K,KAAA2K,EAATnI,UAASxC,CAAA,GAAA6K,SAAAC,GAAAxC,GAAAC,IAe1B8B,EAAA3K,EAAA,KAAAsL,GAAA,CAAAV,KAAA,WAAAC,KAAA,UAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAlF,IAAAmF,GAAA,YAAAA,EAAAC,IAAAD,GAAAA,EAASjI,QAAOkD,IAAA,CAAA+E,EAAA3K,KAAA2K,EAAPjI,QAAO1C,CAAA,GAAA6K,SAAAC,GAAAtC,GAAAyC,IAjIlBZ,EAAA,KAAAa,EAAA,CAAAlL,MAAAN,GAAAyL,GAAA,CAAAb,KAAA,QAAAC,KAAA7K,EAAA6K,KAAAM,SAAAC,GAAA,KAAAM,kHACkB1L,EAAA2L,OAAS,CACvBC,EAAUC,GACVC,CAAG;;;;;;;;;;;;;;OAHM3F,EAAAnG,EAAA0L,OAAU"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{T as Table}from"../../../table-BCKPa7di.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{T as TableHeader,a as TableSkeleton}from"../../../table.skeleton-k-f3acVp.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{TableHeaderGroup}from"./table-header-group.js";import"tslib";import"lit";import"lit/decorators.js";import"@lit/context";import"./table-context.js";import"./defs.js";import"lit-html/directives/unsafe-svg.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-DG_R4Jwh.js";import"../checkbox/checkbox.js";import"lit-html/directives/class-map.js";import"lit/directives/if-defined.js";import"deepmerge-ts";import"../overflowMenu/overflowMenu.js";import"lit/directives/
|
|
1
|
+
export{T as Table}from"../../../table-BCKPa7di.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{T as TableHeader,a as TableSkeleton}from"../../../table.skeleton-k-f3acVp.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{TableHeaderGroup}from"./table-header-group.js";import"tslib";import"lit";import"lit/decorators.js";import"@lit/context";import"./table-context.js";import"lit/directives/class-map.js";import"./defs.js";import"lit-html/directives/unsafe-svg.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-DG_R4Jwh.js";import"../checkbox/checkbox.js";import"lit-html/directives/class-map.js";import"lit/directives/if-defined.js";import"deepmerge-ts";import"../overflowMenu/overflowMenu.js";import"lit/directives/unsafe-html.js";import"../overflowMenu/overflowMenuItem.js";import"lit/directives/unsafe-svg.js";import"../tooltip/tooltip.js";import"../loaders/skeleton.js";import"../pagination/pagination.skeleton.js";import"../../../pagination-0XbKxe9y.js";import"../../global/header/header.js";import"lit-html/directives/unsafe-html.js";import"../../../common/helpers/helpers.js";import"../../../vendor/@kyndryl-design-system/shidoka-foundation-CkxvZH5D.js";import"../../global/header/headerNav.js";import"query-selector-shadow-dom";import"../../global/header/headerLink.js";import"lit/directives/style-map.js";import"../textInput/textInput.js";import"../button/button.js";import"../button/defs.js";import"../../../common/mixins/form-input.js";import"../../global/header/headerCategories.js";import"../../global/header/headerCategory.js";import"../../global/header/headerDivider.js";import"../../global/header/headerFlyouts.js";import"../../global/header/headerFlyout.js";import"../link/link.js";import"../link/defs.js";import"../../global/header/headerUserProfile.js";import"../../global/header/headerPanelLink.js";import"../../global/header/headerNotificationPanel.js";import"../../global/localNav/localNav.js";import"../../global/localNav/localNavLink.js";import"../../global/localNav/localNavDivider.js";import"../../global/footer/footer.js";import"../../global/uiShell/uiShell.js";import"../radioButton/radioButton.js";import"../radioButton/radioButtonGroup.js";import"../checkbox/checkboxGroup.js";import"../checkbox/checkboxSubgroup.js";import"../textArea/textArea.js";import"../avatar/avatar.js";import"../toggleButton/toggleButton.js";import"../dropdown/dropdown.js";import"@floating-ui/dom";import"../dropdown/dropdownOption.js";import"../dropdown/enhancedDropdownOption.js";import"../tag/tag.js";import"../../../tag-ehM901IX.js";import"../tag/tagGroup.js";import"../tag/tag.skeleton.js";import"../dropdown/dropdownCategory.js";import"../datePicker/datepicker.js";import"../../../common/helpers/flatpickr/flatpickr.js";import"flatpickr";import"flatpickr/dist/esm/plugins/rangePlugin.js";import"flatpickr/dist/esm/l10n/default.js";import"../../../common/helpers/flatpickr/langs.js";import"../../../common/helpers/flatpickr/overlay.js";import"../../../common/helpers/flatpickr/utils.js";import"../../../shidoka-flatpickr-calendar-DDdZQJ-B.js";import"../daterangepicker/daterangepicker.js";import"../timepicker/timepicker.js";import"../progressBar/progressBar.js";import"../loaders/loader.js";import"lottie-web";import"../loaders/inline.js";import"../../../inline-CxNcYPfA.js";import"../blockCodeView/blockCodeView.js";import"prismjs";import"prismjs/plugins/autoloader/prism-autoloader";import"prismjs/plugins/line-numbers/prism-line-numbers";import"../inlineCodeView/inlineCodeView.js";import"../breadcrumbs/breadcrumbs.js";import"../globalFilter/globalFilter.js";import"../pagination/Pagination.js";import"../pagination/pagination-items-range.js";import"../pagination/pagination-page-size-dropdown.js";import"../pagination/pagination-navigation-buttons.js";import"../numberInput/numberInput.js";import"../tabs/tabs.js";import"../tabs/tab.js";import"../tabs/tabPanel.js";import"../modal/modal.js";import"../sideDrawer/sideDrawer.js";import"../pagetitle/pageTitle.js";import"../pagetitle/pageTitleOption.js";import"../notification/notification.js";import"../card/card.js";import"../inlineConfirm/inlineConfirm.js";import"../card/vitalCard.skeleton.js";import"../../../cardSample-BCIwY1rJ.js";import"../card/informationalCard.skeleton.js";import"../badge/badge.js";import"../notification/notificationContainer.js";import"../widget/widget.js";import"../widget/defs.js";import"../widget/widgetDragHandle.js";import"../widget/widgetGridstack.js";import"../../../common/helpers/gridstack.js";import"gridstack";import"../search/search.js";import"../sliderInput/sliderInput.js";import"../popover/popover.js";import"../../../common/helpers/popoverHelper.js";import"../stepper/stepper.js";import"../stepper/stepperItem.js";import"../stepper/stepperItemChild.js";import"../accordion/accordion.js";import"../accordion/accordionItem.js";import"../splitButton/splitButton.js";import"../splitButton/defs.js";import"../splitButton/splitButtonOption.js";import"../floatingContainer/floatingContainer.js";import"../../ai/sourcesFeedback/aiSourcesFeedback.js";import"../colorInput/colorInput.js";import"../metaData/metaData.js";import"../divider/divider.js";import"../splitView/splitView.js";import"../statusButton/statusButton.js";import"../statusButton/defs.js";import"../stateIndicator/stateIndicator.js";import"../stateIndicator/defs.js";import"../queryBuilder/queryBuilder.js";import"../queryBuilder/defs/types.js";import"../queryBuilder/defs/helpers.js";import"../queryBuilder/queryBuilderGroup.js";import"lit/directives/repeat.js";import"../queryBuilder/queryBuilderRule.js";import"../queryBuilder/defs/operators.js";import"../buttonGroup/buttonGroup.js";import"../iconSelector/iconSelector.js";import"../iconSelector/iconSelectorGroup.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -39,6 +39,7 @@ export declare class TableCell extends LitElement {
|
|
|
39
39
|
accessor disabled: boolean;
|
|
40
40
|
/** Dim the cell. */
|
|
41
41
|
accessor dimmed: boolean;
|
|
42
|
+
private accessor hasProgressBarComponent;
|
|
42
43
|
/**
|
|
43
44
|
* Context consumer for the table context.
|
|
44
45
|
* Updates the cell's dense properties when the context changes.
|
|
@@ -53,6 +54,7 @@ export declare class TableCell extends LitElement {
|
|
|
53
54
|
*/
|
|
54
55
|
handleContextChange: ({ dense }: TableContextType) => void;
|
|
55
56
|
updated(changedProperties: PropertyValues): void;
|
|
57
|
+
private applyProgressBarStyles;
|
|
56
58
|
render(): import("lit-html").TemplateResult<1>;
|
|
57
59
|
}
|
|
58
60
|
declare global {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-cell.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/table/table-cell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAa,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"table-cell.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/table/table-cell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAa,MAAM,KAAK,CAAC;AAIlE,OAAO,EAAgB,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAIjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAE1C;;;;;;;;GAQG;AACH,qBACa,SAAU,SAAQ,UAAU;IACvC,OAAgB,MAAM,0BAAqB;IAG3C,QAAQ,CAAC,KAAK,UAAS;IAEvB;;OAEG;IACH,SACkB,IAAI,SAAU;IAEhC,iEAAiE;IAEjE,QAAQ,CAAC,KAAK,EAAE,gBAAgB,CAAyB;IAEzD;;;OAGG;IAEH,QAAQ,CAAC,KAAK,SAAM;IAEpB;;;OAGG;IAEH,QAAQ,CAAC,QAAQ,SAAM;IAEvB;;;;OAIG;IAEH,QAAQ,CAAC,QAAQ,SAAM;IAEvB,yBAAyB;IAEzB,QAAQ,CAAC,QAAQ,UAAS;IAE1B,oBAAoB;IAEpB,QAAQ,CAAC,MAAM,UAAS;IAGxB,OAAO,CAAC,QAAQ,CAAC,uBAAuB,CAAS;IAEjD;;;;;;OAMG;IAGH,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAO/B;IAEF;;;OAGG;IACH,mBAAmB,GAAI,WAAW,gBAAgB,UAIhD;IAEO,OAAO,CAAC,iBAAiB,EAAE,cAAc;IAiBlD,OAAO,CAAC,sBAAsB;IAiBrB,MAAM;CAYhB;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,SAAS,CAAC;KACrB;CACF"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{__setFunctionName as t,__esDecorate as e,__runInitializers as i,__classPrivateFieldGet as
|
|
1
|
+
import{__setFunctionName as t,__esDecorate as e,__runInitializers as i,__classPrivateFieldGet as s,__classPrivateFieldSet as a}from"tslib";import{css as r,LitElement as n,unsafeCSS as o,html as d}from"lit";import{customElement as l,property as h,state as m}from"lit/decorators.js";import{classMap as c}from"lit/directives/class-map.js";import{ContextConsumer as p}from"@lit/context";import{tableContext as g}from"./table-context.js";import{TABLE_CELL_ALIGN as f}from"./defs.js";var k=r`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -76,12 +76,14 @@ import{__setFunctionName as t,__esDecorate as e,__runInitializers as i,__classPr
|
|
|
76
76
|
|
|
77
77
|
.slot-wrapper {
|
|
78
78
|
display: inline-block;
|
|
79
|
-
width: 100%;
|
|
80
|
-
min-width: 0;
|
|
81
79
|
max-width: 100%;
|
|
82
80
|
}
|
|
83
81
|
|
|
84
|
-
.
|
|
82
|
+
.has-progress {
|
|
83
|
+
width: 100%;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
.slot-wrapper::slotted(*) {
|
|
85
87
|
display: flex;
|
|
86
88
|
min-width: 0;
|
|
87
89
|
flex-shrink: 1;
|
|
@@ -132,9 +134,11 @@ import{__setFunctionName as t,__esDecorate as e,__runInitializers as i,__classPr
|
|
|
132
134
|
|
|
133
135
|
:host(:last-child) {
|
|
134
136
|
border-bottom-right-radius: var(--kyn-td-border-radius-br);
|
|
135
|
-
}`;let
|
|
136
|
-
<div
|
|
137
|
+
}`;let u=(()=>{var r,u,y,b,v,w,x,W,C,P;let B,S,z,M,j,_,E,L,O,T,q,F,N=[l("kyn-td")],R=[],$=n,A=[],D=[],G=[],H=[],I=[],J=[],K=[],Q=[],U=[],V=[],X=[],Y=[],Z=[],tt=[],et=[],it=[],st=[],at=[],rt=[],nt=[];return S=class extends ${constructor(){super(...arguments),r.set(this,i(this,A,!1)),u.set(this,(i(this,D),i(this,G,"cell"))),y.set(this,(i(this,H),i(this,I,f.LEFT))),b.set(this,(i(this,J),i(this,K,""))),v.set(this,(i(this,Q),i(this,U,""))),w.set(this,(i(this,V),i(this,X,""))),x.set(this,(i(this,Y),i(this,Z,!1))),W.set(this,(i(this,tt),i(this,et,!1))),C.set(this,(i(this,it),i(this,st,!1))),P.set(this,(i(this,at),i(this,rt,new p(this,g,(t=>{t&&this.handleContextChange(t)}),!0)))),this.handleContextChange=(i(this,nt),({dense:t})=>{"boolean"==typeof t&&(this.dense=t)})}get dense(){return s(this,r,"f")}set dense(t){a(this,r,t,"f")}get role(){return s(this,u,"f")}set role(t){a(this,u,t,"f")}get align(){return s(this,y,"f")}set align(t){a(this,y,t,"f")}get width(){return s(this,b,"f")}set width(t){a(this,b,t,"f")}get maxWidth(){return s(this,v,"f")}set maxWidth(t){a(this,v,t,"f")}get minWidth(){return s(this,w,"f")}set minWidth(t){a(this,w,t,"f")}get disabled(){return s(this,x,"f")}set disabled(t){a(this,x,t,"f")}get dimmed(){return s(this,W,"f")}set dimmed(t){a(this,W,t,"f")}get hasProgressBarComponent(){return s(this,C,"f")}set hasProgressBarComponent(t){a(this,C,t,"f")}get _contextConsumer(){return s(this,P,"f")}set _contextConsumer(t){a(this,P,t,"f")}updated(t){super.updated(t),this.maxWidth&&t.has("maxWidth")&&this.style.setProperty("--kyn-td-max-width",this.maxWidth),this.width&&t.has("width")&&this.style.setProperty("--kyn-td-width",this.width),this.minWidth&&t.has("minWidth")&&this.style.setProperty("--kyn-td-min-width",this.minWidth),this.applyProgressBarStyles()}applyProgressBarStyles(){var t;const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("slot");if(!e)return;const i=null==e?void 0:e.assignedElements();let s=!1;i.forEach((t=>{var e;"kyn-progress-bar"===(null===(e=null==t?void 0:t.tagName)||void 0===e?void 0:e.toLowerCase())&&(s=!0)})),this.hasProgressBarComponent=s}render(){return d`
|
|
138
|
+
<div
|
|
139
|
+
class=${c({"slot-wrapper":!0,"has-progress":this.hasProgressBarComponent})}
|
|
140
|
+
>
|
|
137
141
|
<slot></slot>
|
|
138
142
|
</div>
|
|
139
|
-
`}},
|
|
143
|
+
`}},r=new WeakMap,u=new WeakMap,y=new WeakMap,b=new WeakMap,v=new WeakMap,w=new WeakMap,x=new WeakMap,W=new WeakMap,C=new WeakMap,P=new WeakMap,t(S,"TableCell"),(()=>{var t;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(t=$[Symbol.metadata])&&void 0!==t?t:null):void 0;z=[h({type:Boolean,reflect:!0})],M=[h({type:String,reflect:!0})],j=[h({type:String,reflect:!0})],_=[h({type:String,reflect:!0})],E=[h({type:String,reflect:!0})],L=[h({type:String,reflect:!0})],O=[h({type:Boolean,reflect:!0})],T=[h({type:Boolean,reflect:!0})],q=[m()],F=[m()],e(S,null,z,{kind:"accessor",name:"dense",static:!1,private:!1,access:{has:t=>"dense"in t,get:t=>t.dense,set:(t,e)=>{t.dense=e}},metadata:i},A,D),e(S,null,M,{kind:"accessor",name:"role",static:!1,private:!1,access:{has:t=>"role"in t,get:t=>t.role,set:(t,e)=>{t.role=e}},metadata:i},G,H),e(S,null,j,{kind:"accessor",name:"align",static:!1,private:!1,access:{has:t=>"align"in t,get:t=>t.align,set:(t,e)=>{t.align=e}},metadata:i},I,J),e(S,null,_,{kind:"accessor",name:"width",static:!1,private:!1,access:{has:t=>"width"in t,get:t=>t.width,set:(t,e)=>{t.width=e}},metadata:i},K,Q),e(S,null,E,{kind:"accessor",name:"maxWidth",static:!1,private:!1,access:{has:t=>"maxWidth"in t,get:t=>t.maxWidth,set:(t,e)=>{t.maxWidth=e}},metadata:i},U,V),e(S,null,L,{kind:"accessor",name:"minWidth",static:!1,private:!1,access:{has:t=>"minWidth"in t,get:t=>t.minWidth,set:(t,e)=>{t.minWidth=e}},metadata:i},X,Y),e(S,null,O,{kind:"accessor",name:"disabled",static:!1,private:!1,access:{has:t=>"disabled"in t,get:t=>t.disabled,set:(t,e)=>{t.disabled=e}},metadata:i},Z,tt),e(S,null,T,{kind:"accessor",name:"dimmed",static:!1,private:!1,access:{has:t=>"dimmed"in t,get:t=>t.dimmed,set:(t,e)=>{t.dimmed=e}},metadata:i},et,it),e(S,null,q,{kind:"accessor",name:"hasProgressBarComponent",static:!1,private:!1,access:{has:t=>"hasProgressBarComponent"in t,get:t=>t.hasProgressBarComponent,set:(t,e)=>{t.hasProgressBarComponent=e}},metadata:i},st,at),e(S,null,F,{kind:"accessor",name:"_contextConsumer",static:!1,private:!1,access:{has:t=>"_contextConsumer"in t,get:t=>t._contextConsumer,set:(t,e)=>{t._contextConsumer=e}},metadata:i},rt,nt),e(null,B={value:S},N,{kind:"class",name:S.name,metadata:i},null,R),S=B.value,i&&Object.defineProperty(S,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),S.styles=o(k),i(S,R),S})();export{u as TableCell};
|
|
140
144
|
//# sourceMappingURL=table-cell.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-cell.js","sources":["../../../../src/components/reusable/table/table-cell.ts"],"sourcesContent":["import { html, LitElement, PropertyValues, unsafeCSS } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { ContextConsumer } from '@lit/context';\nimport { tableContext, TableContextType } from './table-context';\n\nimport styles from './table-cell.scss?inline';\n\nimport { TABLE_CELL_ALIGN } from './defs';\n\n/**\n * `kyn-td` Web Component.\n *\n * Represents a table cell (data cell) within Shidoka's design system tables.\n * Allows customization of alignment and can reflect the sort direction when\n * used within sortable columns.\n *\n * @slot unnamed - The content slot for adding table data inside the cell.\n */\n@customElement('kyn-td')\nexport class TableCell extends LitElement {\n static override styles = unsafeCSS(styles);\n\n @property({ type: Boolean, reflect: true })\n accessor dense = false;\n\n /** aria role.\n * @internal\n */\n @property({ type: String, reflect: true })\n override accessor role = 'cell';\n\n /** Determines the text alignment of the table cell's content. */\n @property({ type: String, reflect: true })\n accessor align: TABLE_CELL_ALIGN = TABLE_CELL_ALIGN.LEFT;\n\n /**\n * Sets a fixed width for the cell.\n * Accepts standard CSS width values (e.g., '150px', '50%').\n */\n @property({ type: String, reflect: true })\n accessor width = '';\n\n /**\n * Sets a maximum width for the cell.\n * Accepts standard CSS width values (e.g., '150px', '50%').\n */\n @property({ type: String, reflect: true })\n accessor maxWidth = '';\n\n /**\n * Sets a minimum width for the cell;\n * Accepts standard CSS width values (e.g., '150px', '50%').\n * @type {string}\n */\n @property({ type: String, reflect: true })\n accessor minWidth = '';\n\n /** Disables the cell. */\n @property({ type: Boolean, reflect: true })\n accessor disabled = false;\n\n /** Dim the cell. */\n @property({ type: Boolean, reflect: true })\n accessor dimmed = false;\n\n /**\n * Context consumer for the table context.\n * Updates the cell's dense properties when the context changes.\n * @private\n * @ignore\n * @type {ContextConsumer<TableContextType, TableCell>}\n */\n @state()\n // @ts-expect-error - This is a context consumer\n private accessor _contextConsumer = new ContextConsumer(\n this,\n tableContext,\n (context) => {\n if (context) this.handleContextChange(context);\n },\n true\n );\n\n /**\n * Updates the cell's dense properties when the context changes.\n * @param {TableContextType} context - The updated context.\n */\n handleContextChange = ({ dense }: TableContextType) => {\n if (typeof dense == 'boolean') {\n this.dense = dense;\n }\n };\n\n override updated(changedProperties: PropertyValues) {\n super.updated(changedProperties);\n if (this.maxWidth && changedProperties.has('maxWidth')) {\n this.style.setProperty('--kyn-td-max-width', this.maxWidth);\n }\n\n if (this.width && changedProperties.has('width')) {\n this.style.setProperty('--kyn-td-width', this.width);\n }\n\n if (this.minWidth && changedProperties.has('minWidth')) {\n this.style.setProperty('--kyn-td-min-width', this.minWidth);\n }\n }\n\n override render() {\n return html`\n <div class=\"slot-wrapper\">\n <slot></slot>\n </div>\n `;\n }\n}\n\n// Define the custom element in the global namespace\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-td': TableCell;\n }\n}\n"],"names":["TableCell","customElement","LitElement","_classThis","_classSuper","_TableCell_dense_accessor_storage","set","this","__runInitializers","_dense_initializers","_TableCell_role_accessor_storage","_dense_extraInitializers","_role_initializers","_TableCell_align_accessor_storage","_role_extraInitializers","_align_initializers","TABLE_CELL_ALIGN","LEFT","_TableCell_width_accessor_storage","_align_extraInitializers","_width_initializers","_TableCell_maxWidth_accessor_storage","_width_extraInitializers","_maxWidth_initializers","_TableCell_minWidth_accessor_storage","_maxWidth_extraInitializers","_minWidth_initializers","_TableCell_disabled_accessor_storage","_minWidth_extraInitializers","_disabled_initializers","_TableCell_dimmed_accessor_storage","_disabled_extraInitializers","_dimmed_initializers","_TableCell__contextConsumer_accessor_storage","_dimmed_extraInitializers","__contextConsumer_initializers","ContextConsumer","tableContext","context","handleContextChange","dense","__classPrivateFieldGet","value","__classPrivateFieldSet","role","align","width","maxWidth","minWidth","disabled","dimmed","_contextConsumer","updated","changedProperties","super","has","style","setProperty","render","html","property","type","Boolean","reflect","String","__contextConsumer_decorators","state","__esDecorate","_dense_decorators","kind","name","static","private","access","obj","get","metadata","_metadata","_role_decorators","_align_decorators","_width_decorators","_maxWidth_decorators","_minWidth_decorators","_disabled_decorators","_dimmed_decorators","__contextConsumer_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"table-cell.js","sources":["../../../../src/components/reusable/table/table-cell.ts"],"sourcesContent":["import { html, LitElement, PropertyValues, unsafeCSS } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ContextConsumer } from '@lit/context';\nimport { tableContext, TableContextType } from './table-context';\n\nimport styles from './table-cell.scss?inline';\n\nimport { TABLE_CELL_ALIGN } from './defs';\n\n/**\n * `kyn-td` Web Component.\n *\n * Represents a table cell (data cell) within Shidoka's design system tables.\n * Allows customization of alignment and can reflect the sort direction when\n * used within sortable columns.\n *\n * @slot unnamed - The content slot for adding table data inside the cell.\n */\n@customElement('kyn-td')\nexport class TableCell extends LitElement {\n static override styles = unsafeCSS(styles);\n\n @property({ type: Boolean, reflect: true })\n accessor dense = false;\n\n /** aria role.\n * @internal\n */\n @property({ type: String, reflect: true })\n override accessor role = 'cell';\n\n /** Determines the text alignment of the table cell's content. */\n @property({ type: String, reflect: true })\n accessor align: TABLE_CELL_ALIGN = TABLE_CELL_ALIGN.LEFT;\n\n /**\n * Sets a fixed width for the cell.\n * Accepts standard CSS width values (e.g., '150px', '50%').\n */\n @property({ type: String, reflect: true })\n accessor width = '';\n\n /**\n * Sets a maximum width for the cell.\n * Accepts standard CSS width values (e.g., '150px', '50%').\n */\n @property({ type: String, reflect: true })\n accessor maxWidth = '';\n\n /**\n * Sets a minimum width for the cell;\n * Accepts standard CSS width values (e.g., '150px', '50%').\n * @type {string}\n */\n @property({ type: String, reflect: true })\n accessor minWidth = '';\n\n /** Disables the cell. */\n @property({ type: Boolean, reflect: true })\n accessor disabled = false;\n\n /** Dim the cell. */\n @property({ type: Boolean, reflect: true })\n accessor dimmed = false;\n\n @state()\n private accessor hasProgressBarComponent = false;\n\n /**\n * Context consumer for the table context.\n * Updates the cell's dense properties when the context changes.\n * @private\n * @ignore\n * @type {ContextConsumer<TableContextType, TableCell>}\n */\n @state()\n // @ts-expect-error - This is a context consumer\n private accessor _contextConsumer = new ContextConsumer(\n this,\n tableContext,\n (context) => {\n if (context) this.handleContextChange(context);\n },\n true\n );\n\n /**\n * Updates the cell's dense properties when the context changes.\n * @param {TableContextType} context - The updated context.\n */\n handleContextChange = ({ dense }: TableContextType) => {\n if (typeof dense == 'boolean') {\n this.dense = dense;\n }\n };\n\n override updated(changedProperties: PropertyValues) {\n super.updated(changedProperties);\n if (this.maxWidth && changedProperties.has('maxWidth')) {\n this.style.setProperty('--kyn-td-max-width', this.maxWidth);\n }\n\n if (this.width && changedProperties.has('width')) {\n this.style.setProperty('--kyn-td-width', this.width);\n }\n\n if (this.minWidth && changedProperties.has('minWidth')) {\n this.style.setProperty('--kyn-td-min-width', this.minWidth);\n }\n\n this.applyProgressBarStyles();\n }\n\n private applyProgressBarStyles() {\n const slot = this.shadowRoot?.querySelector('slot');\n if (!slot) return;\n\n const assignedElements = slot?.assignedElements();\n let hasProgress = false;\n\n assignedElements.forEach((el) => {\n const tagName = el?.tagName?.toLowerCase();\n if (tagName === 'kyn-progress-bar') {\n hasProgress = true;\n }\n });\n\n this.hasProgressBarComponent = hasProgress;\n }\n\n override render() {\n return html`\n <div\n class=${classMap({\n 'slot-wrapper': true,\n 'has-progress': this.hasProgressBarComponent,\n })}\n >\n <slot></slot>\n </div>\n `;\n }\n}\n\n// Define the custom element in the global namespace\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-td': TableCell;\n }\n}\n"],"names":["TableCell","customElement","LitElement","_classThis","_classSuper","_TableCell_dense_accessor_storage","set","this","__runInitializers","_dense_initializers","_TableCell_role_accessor_storage","_dense_extraInitializers","_role_initializers","_TableCell_align_accessor_storage","_role_extraInitializers","_align_initializers","TABLE_CELL_ALIGN","LEFT","_TableCell_width_accessor_storage","_align_extraInitializers","_width_initializers","_TableCell_maxWidth_accessor_storage","_width_extraInitializers","_maxWidth_initializers","_TableCell_minWidth_accessor_storage","_maxWidth_extraInitializers","_minWidth_initializers","_TableCell_disabled_accessor_storage","_minWidth_extraInitializers","_disabled_initializers","_TableCell_dimmed_accessor_storage","_disabled_extraInitializers","_dimmed_initializers","_TableCell_hasProgressBarComponent_accessor_storage","_dimmed_extraInitializers","_hasProgressBarComponent_initializers","_TableCell__contextConsumer_accessor_storage","_hasProgressBarComponent_extraInitializers","__contextConsumer_initializers","ContextConsumer","tableContext","context","handleContextChange","dense","__classPrivateFieldGet","value","__classPrivateFieldSet","role","align","width","maxWidth","minWidth","disabled","dimmed","hasProgressBarComponent","_contextConsumer","updated","changedProperties","super","has","style","setProperty","applyProgressBarStyles","slot","_a","shadowRoot","querySelector","assignedElements","hasProgress","forEach","el","tagName","toLowerCase","render","html","classMap","property","type","Boolean","reflect","String","_hasProgressBarComponent_decorators","state","__contextConsumer_decorators","__esDecorate","_dense_decorators","kind","name","static","private","access","obj","get","metadata","_metadata","_role_decorators","_align_decorators","_width_decorators","_maxWidth_decorators","_minWidth_decorators","_disabled_decorators","_dimmed_decorators","__contextConsumer_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS"],"mappings":"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"}
|