@kyndryl-design-system/shidoka-applications 2.103.3 → 2.104.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -59,7 +59,7 @@ export declare class Notification extends LitElement {
|
|
|
59
59
|
* @internal
|
|
60
60
|
*/
|
|
61
61
|
accessor _badgeColor: any;
|
|
62
|
-
/** Set notification
|
|
62
|
+
/** Set notification unread state. Applies to `type: 'normal'` and `type: 'clickable'`. */
|
|
63
63
|
accessor unRead: boolean;
|
|
64
64
|
/** Hide close (x) button. Useful only for `type='toast'`. This required `timeout > 0` otherwise toast remain as it is when `hideCloseButton` is set true. */
|
|
65
65
|
accessor hideCloseButton: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/notification/notification.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAKlD,OAAO,WAAW,CAAC;AAInB,OAAO,SAAS,CAAC;AAMjB,OAAO,UAAU,CAAC;AAElB,KAAK,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,IAAI,CAAC;AAC7E,KAAK,gBAAgB,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,WAAW,CAAC;AAGpE,UAAU,WAAW;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;;;;GAOG;AAEH,qBACa,YAAa,SAAQ,UAAU;IAC1C,OAAgB,MAAM,0BAA+B;IAErD,qCAAqC;IAErC,QAAQ,CAAC,iBAAiB,SAAM;IAEhC,uCAAuC;IAEvC,QAAQ,CAAC,oBAAoB,SAAM;IAEnC;;;OAGG;IAEH,QAAQ,CAAC,SAAS,SAAM;IAExB,sBAAsB;IAEtB,QAAQ,CAAC,IAAI,SAAM;IAEnB,wBAAwB;IAExB,QAAQ,CAAC,MAAM,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,EAAE,CAAM;IAEnE,mGAAmG;IAEnG,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAa;IAE1C,kIAAkI;IAElI,QAAQ,CAAC,IAAI,EAAE,gBAAgB,CAAY;IAE3C,iCAAiC;IAEjC,QAAQ,CAAC,WAAW,EAAE,WAAW,CAK/B;IAEF,oEAAoE;IAEpE,QAAQ,CAAC,mBAAmB,SAAW;IAEvC;;;SAGK;IAEL,QAAQ,CAAC,6BAA6B,SAAM;IAE5C,6DAA6D;IAE7D,QAAQ,CAAC,gBAAgB,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;IAElE;;;SAGK;IAEL,QAAQ,CAAC,WAAW,SAAY;IAEhC;;OAEG;IAEH,QAAQ,CAAC,WAAW,EAAE,GAAG,CAKvB;IAEF,
|
|
1
|
+
{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/notification/notification.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAKlD,OAAO,WAAW,CAAC;AAInB,OAAO,SAAS,CAAC;AAMjB,OAAO,UAAU,CAAC;AAElB,KAAK,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,IAAI,CAAC;AAC7E,KAAK,gBAAgB,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,WAAW,CAAC;AAGpE,UAAU,WAAW;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;;;;GAOG;AAEH,qBACa,YAAa,SAAQ,UAAU;IAC1C,OAAgB,MAAM,0BAA+B;IAErD,qCAAqC;IAErC,QAAQ,CAAC,iBAAiB,SAAM;IAEhC,uCAAuC;IAEvC,QAAQ,CAAC,oBAAoB,SAAM;IAEnC;;;OAGG;IAEH,QAAQ,CAAC,SAAS,SAAM;IAExB,sBAAsB;IAEtB,QAAQ,CAAC,IAAI,SAAM;IAEnB,wBAAwB;IAExB,QAAQ,CAAC,MAAM,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,EAAE,CAAM;IAEnE,mGAAmG;IAEnG,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAa;IAE1C,kIAAkI;IAElI,QAAQ,CAAC,IAAI,EAAE,gBAAgB,CAAY;IAE3C,iCAAiC;IAEjC,QAAQ,CAAC,WAAW,EAAE,WAAW,CAK/B;IAEF,oEAAoE;IAEpE,QAAQ,CAAC,mBAAmB,SAAW;IAEvC;;;SAGK;IAEL,QAAQ,CAAC,6BAA6B,SAAM;IAE5C,6DAA6D;IAE7D,QAAQ,CAAC,gBAAgB,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;IAElE;;;SAGK;IAEL,QAAQ,CAAC,WAAW,SAAY;IAEhC;;OAEG;IAEH,QAAQ,CAAC,WAAW,EAAE,GAAG,CAKvB;IAEF,0FAA0F;IAE1F,QAAQ,CAAC,MAAM,UAAS;IAExB,6JAA6J;IAE7J,QAAQ,CAAC,eAAe,UAAS;IAEjC,uJAAuJ;IAEvJ,QAAQ,CAAC,OAAO,SAAK;IAErB;;OAEG;IAEH,QAAQ,CAAC,0BAA0B,UAAS;IAEnC,MAAM;IAsEf,OAAO,CAAC,aAAa;IA2FZ,OAAO,CAAC,iBAAiB,EAAE,GAAG;IAcvC,OAAO,CAAC,MAAM;IAed,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,gBAAgB;IAOxB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,iBAAiB;CA4B1B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,YAAY,CAAC;KAClC;CACF"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{__setFunctionName as t,__esDecorate as i,__runInitializers as e,__classPrivateFieldGet as a,__classPrivateFieldSet as n}from"tslib";import{unsafeSVG as o}from"lit-html/directives/unsafe-svg.js";import{css as r,LitElement as s,unsafeCSS as
|
|
1
|
+
import{__setFunctionName as t,__esDecorate as i,__runInitializers as e,__classPrivateFieldGet as a,__classPrivateFieldSet as n}from"tslib";import{unsafeSVG as o}from"lit-html/directives/unsafe-svg.js";import{css as r,LitElement as s,unsafeCSS as c,html as l}from"lit";import{customElement as d,property as f,state as p}from"lit/decorators.js";import{classMap as h}from"lit/directives/class-map.js";import{ifDefined as g}from"lit/directives/if-defined.js";import"../button/button.js";import{s as u,A as m,w as k,e as v,c as b}from"../../../vendor/@kyndryl-design-system/shidoka-icons-CELtE-gh.js";import"../card/card.js";import"../card/vitalCard.skeleton.js";import"../card/informationalCard.skeleton.js";import"../badge/badge.js";import"lit-html/directives/class-map.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../inlineConfirm/inlineConfirm.js";import"../loaders/skeleton.js";import"../../../cardSample-BCIwY1rJ.js";import"lit/directives/unsafe-svg.js";var y=r`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -152,6 +152,17 @@ kyn-card.notification-normal::part(card-wrapper) {
|
|
|
152
152
|
background-color: var(--kd-color-background-card-background);
|
|
153
153
|
}
|
|
154
154
|
|
|
155
|
+
kyn-card.notification-normal.notification-read::part(card-wrapper),
|
|
156
|
+
kyn-card.notification-clickable.notification-read::part(card-wrapper) {
|
|
157
|
+
background-color: var(--kd-color-temporary-background-read);
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
kyn-card.notification-normal.notification-unread::part(card-wrapper),
|
|
161
|
+
kyn-card.notification-clickable.notification-unread::part(card-wrapper) {
|
|
162
|
+
background-color: var(--kd-color-temporary-background-unread);
|
|
163
|
+
border-color: var(--kd-color-temporary-border-unread);
|
|
164
|
+
}
|
|
165
|
+
|
|
155
166
|
kyn-link::part(link) {
|
|
156
167
|
color: red;
|
|
157
168
|
}
|
|
@@ -461,10 +472,9 @@ kyn-link::part(link) {
|
|
|
461
472
|
text-indent: 200%;
|
|
462
473
|
white-space: nowrap;
|
|
463
474
|
width: 1px;
|
|
464
|
-
}`;let x=(()=>{var r,x,w,S,z,C,$,T,_,j,D,B,M,W,N,
|
|
465
|
-
${"clickable"===this.type?
|
|
466
|
-
class
|
|
467
|
-
?highlight=${this.unRead}
|
|
475
|
+
}`;let x=(()=>{var r,x,w,S,z,C,$,T,_,j,D,B,M,R,W,N,E;let I,L,O,U,X,q,A,P,Y,F,G,H,J,K,Q,V,Z,tt,it,et=[d("kyn-notification")],at=[],nt=s,ot=[],rt=[],st=[],ct=[],lt=[],dt=[],ft=[],pt=[],ht=[],gt=[],ut=[],mt=[],kt=[],vt=[],bt=[],yt=[],xt=[],wt=[],St=[],zt=[],Ct=[],$t=[],Tt=[],_t=[],jt=[],Dt=[],Bt=[],Mt=[],Rt=[],Wt=[],Nt=[],Et=[],It=[],Lt=[];return L=class extends nt{get notificationTitle(){return a(this,r,"f")}set notificationTitle(t){n(this,r,t,"f")}get notificationSubtitle(){return a(this,x,"f")}set notificationSubtitle(t){n(this,x,t,"f")}get timeStamp(){return a(this,w,"f")}set timeStamp(t){n(this,w,t,"f")}get href(){return a(this,S,"f")}set href(t){n(this,S,t,"f")}get target(){return a(this,z,"f")}set target(t){n(this,z,t,"f")}get tagStatus(){return a(this,C,"f")}set tagStatus(t){n(this,C,t,"f")}get type(){return a(this,$,"f")}set type(t){n(this,$,t,"f")}get textStrings(){return a(this,T,"f")}set textStrings(t){n(this,T,t,"f")}get closeBtnDescription(){return a(this,_,"f")}set closeBtnDescription(t){n(this,_,t,"f")}get assistiveNotificationTypeText(){return a(this,j,"f")}set assistiveNotificationTypeText(t){n(this,j,t,"f")}get notificationRole(){return a(this,D,"f")}set notificationRole(t){n(this,D,t,"f")}get statusLabel(){return a(this,B,"f")}set statusLabel(t){n(this,B,t,"f")}get _badgeColor(){return a(this,M,"f")}set _badgeColor(t){n(this,M,t,"f")}get unRead(){return a(this,R,"f")}set unRead(t){n(this,R,t,"f")}get hideCloseButton(){return a(this,W,"f")}set hideCloseButton(t){n(this,W,t,"f")}get timeout(){return a(this,N,"f")}set timeout(t){n(this,N,t,"f")}get _hasDescriptionSlotContent(){return a(this,E,"f")}set _hasDescriptionSlotContent(t){n(this,E,t,"f")}render(){const t={"notification-normal":"normal"===this.type,"notification-inline":"inline"===this.type,"notification-toast":"toast"===this.type,"notification-error":("inline"===this.type||"toast"===this.type)&&"error"===this.tagStatus,"notification-success":("inline"===this.type||"toast"===this.type)&&"success"===this.tagStatus,"notification-warning":("inline"===this.type||"toast"===this.type)&&"warning"===this.tagStatus,"notification-info":("inline"===this.type||"toast"===this.type)&&"info"===this.tagStatus,"notification-ai":("inline"===this.type||"toast"===this.type)&&"ai"===this.tagStatus,"notification-default":("inline"===this.type||"toast"===this.type)&&"default"===this.tagStatus,"notification-no-description":!this._hasDescriptionSlotContent,"notification-read":("normal"===this.type||"clickable"===this.type)&&!this.unRead,"notification-unread":("normal"===this.type||"clickable"===this.type)&&this.unRead},i="clickable"===this.type?"clickable":"normal";return l`
|
|
476
|
+
${"clickable"===this.type?l`<kyn-card
|
|
477
|
+
class=${h({...t,"notification-clickable":!0})}
|
|
468
478
|
.type=${i}
|
|
469
479
|
href=${g(this.href||void 0)}
|
|
470
480
|
target=${g(this.target||void 0)}
|
|
@@ -477,20 +487,20 @@ kyn-link::part(link) {
|
|
|
477
487
|
>${this.assistiveNotificationTypeText}</span
|
|
478
488
|
>
|
|
479
489
|
${this.renderInnerUI()}
|
|
480
|
-
</kyn-card>`:
|
|
490
|
+
</kyn-card>`:l` <kyn-card
|
|
481
491
|
.type=${i}
|
|
482
492
|
role=${g(this.notificationRole)}
|
|
483
|
-
class
|
|
493
|
+
class=${h(t)}
|
|
484
494
|
>
|
|
485
|
-
${"inline"===this.type||"toast"===this.type?
|
|
495
|
+
${"inline"===this.type||"toast"===this.type?l`<span id="notificationType"
|
|
486
496
|
>${this.assistiveNotificationTypeText}</span
|
|
487
497
|
>`:null}
|
|
488
498
|
${this.renderInnerUI()}
|
|
489
499
|
</kyn-card>`}
|
|
490
|
-
`}renderInnerUI(){const t={success:u,error:v,warning:k,info:m,ai:u,default:u};return
|
|
500
|
+
`}renderInnerUI(){const t={success:u,error:v,warning:k,info:m,ai:u,default:u};return l`<div class="notification-wrapper">
|
|
491
501
|
<div class="notification-title-wrap">
|
|
492
502
|
<div class="notification-head">
|
|
493
|
-
${"inline"===this.type||"toast"===this.type?
|
|
503
|
+
${"inline"===this.type||"toast"===this.type?l` <span
|
|
494
504
|
class="notification-state-icon ${this.tagStatus}"
|
|
495
505
|
role="img"
|
|
496
506
|
aria-label=${`${this.textStrings[this.tagStatus]} icon`}
|
|
@@ -502,7 +512,7 @@ kyn-link::part(link) {
|
|
|
502
512
|
|
|
503
513
|
<div class="notification-title">${this.notificationTitle}</div>
|
|
504
514
|
|
|
505
|
-
${""===this.notificationSubtitle||"normal"!==this.type&&"clickable"!==this.type?null:
|
|
515
|
+
${""===this.notificationSubtitle||"normal"!==this.type&&"clickable"!==this.type?null:l`
|
|
506
516
|
<div class="notification-subtitle">
|
|
507
517
|
${this.notificationSubtitle}
|
|
508
518
|
</div>
|
|
@@ -510,7 +520,7 @@ kyn-link::part(link) {
|
|
|
510
520
|
</div>
|
|
511
521
|
|
|
512
522
|
<div>
|
|
513
|
-
${"toast"!==this.type&&"inline"!==this.type||this.hideCloseButton?null:
|
|
523
|
+
${"toast"!==this.type&&"inline"!==this.type||this.hideCloseButton?null:l` <kyn-button
|
|
514
524
|
class="notification-toast-close-btn"
|
|
515
525
|
kind=${"ai"===this.tagStatus?"ghost-ai":"ghost"}
|
|
516
526
|
size="small"
|
|
@@ -529,16 +539,16 @@ kyn-link::part(link) {
|
|
|
529
539
|
</div>
|
|
530
540
|
</div>
|
|
531
541
|
|
|
532
|
-
${this._hasDescriptionSlotContent?
|
|
542
|
+
${this._hasDescriptionSlotContent?l`<div class="notification-description">
|
|
533
543
|
<slot @slotchange="${this._handleSlotChange}"></slot>
|
|
534
|
-
</div>`:
|
|
544
|
+
</div>`:l`<slot
|
|
535
545
|
@slotchange="${this._handleSlotChange}"
|
|
536
546
|
style="display: none;"
|
|
537
547
|
></slot>`}
|
|
538
548
|
|
|
539
549
|
<div class="notification-content-wrapper">
|
|
540
550
|
<div class="status-tag">
|
|
541
|
-
${"default"===this.tagStatus||"normal"!==this.type&&"clickable"!==this.type?null:
|
|
551
|
+
${"default"===this.tagStatus||"normal"!==this.type&&"clickable"!==this.type?null:l`
|
|
542
552
|
<span id="statusLabel">${this.statusLabel}</span>
|
|
543
553
|
<kyn-badge
|
|
544
554
|
type=${"heavy"}
|
|
@@ -552,5 +562,5 @@ kyn-link::part(link) {
|
|
|
552
562
|
<div class="timestamp-text">${this.timeStamp}</div>
|
|
553
563
|
</div>
|
|
554
564
|
</div>
|
|
555
|
-
</div>`}updated(t){"toast"===this.type&&t.has("timeout")&&this.timeout>0&&setTimeout((()=>{this._close()}),1e3*this.timeout)}_close(){this.animate([{opacity:"1"},{opacity:"0"}],{duration:500,easing:"ease-in-out",fill:"forwards"}).onfinish=()=>{var t;null===(t=this.parentNode)||void 0===t||t.removeChild(this)};const t=new CustomEvent("on-close");this.dispatchEvent(t)}_handleClose(){this._close()}_handleCardClick(t){const i=new CustomEvent("on-notification-click",{detail:{origEvent:t.detail.origEvent}});this.dispatchEvent(i)}_handleSlotChange(){this._checkSlotContent()}_checkSlotContent(){var t;const i=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("slot:not([name])");if(!i)return void(this._hasDescriptionSlotContent=!1);const e=i.assignedNodes().some((t=>{if(t.nodeType===Node.ELEMENT_NODE)return!0;if(t.nodeType===Node.TEXT_NODE){const i=t.textContent;return null!=i&&""!==i.trim()}return!1}));this._hasDescriptionSlotContent=e}constructor(){super(...arguments),r.set(this,e(this,ot,"")),x.set(this,(e(this,rt),e(this,st,""))),w.set(this,(e(this,
|
|
565
|
+
</div>`}updated(t){"toast"===this.type&&t.has("timeout")&&this.timeout>0&&setTimeout((()=>{this._close()}),1e3*this.timeout)}_close(){this.animate([{opacity:"1"},{opacity:"0"}],{duration:500,easing:"ease-in-out",fill:"forwards"}).onfinish=()=>{var t;null===(t=this.parentNode)||void 0===t||t.removeChild(this)};const t=new CustomEvent("on-close");this.dispatchEvent(t)}_handleClose(){this._close()}_handleCardClick(t){const i=new CustomEvent("on-notification-click",{detail:{origEvent:t.detail.origEvent}});this.dispatchEvent(i)}_handleSlotChange(){this._checkSlotContent()}_checkSlotContent(){var t;const i=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("slot:not([name])");if(!i)return void(this._hasDescriptionSlotContent=!1);const e=i.assignedNodes().some((t=>{if(t.nodeType===Node.ELEMENT_NODE)return!0;if(t.nodeType===Node.TEXT_NODE){const i=t.textContent;return null!=i&&""!==i.trim()}return!1}));this._hasDescriptionSlotContent=e}constructor(){super(...arguments),r.set(this,e(this,ot,"")),x.set(this,(e(this,rt),e(this,st,""))),w.set(this,(e(this,ct),e(this,lt,""))),S.set(this,(e(this,dt),e(this,ft,""))),z.set(this,(e(this,pt),e(this,ht,""))),C.set(this,(e(this,gt),e(this,ut,"default"))),$.set(this,(e(this,mt),e(this,kt,"normal"))),T.set(this,(e(this,vt),e(this,bt,{success:"Success",warning:"Warning",info:"Information",error:"Error"}))),_.set(this,(e(this,yt),e(this,xt,"Close"))),j.set(this,(e(this,wt),e(this,St,""))),D.set(this,(e(this,zt),e(this,Ct,void 0))),B.set(this,(e(this,$t),e(this,Tt,"Status"))),M.set(this,(e(this,_t),e(this,jt,{success:"success",warning:"warning",info:"information",error:"error"}))),R.set(this,(e(this,Dt),e(this,Bt,!1))),W.set(this,(e(this,Mt),e(this,Rt,!1))),N.set(this,(e(this,Wt),e(this,Nt,8))),E.set(this,(e(this,Et),e(this,It,!1))),e(this,Lt)}},r=new WeakMap,x=new WeakMap,w=new WeakMap,S=new WeakMap,z=new WeakMap,C=new WeakMap,$=new WeakMap,T=new WeakMap,_=new WeakMap,j=new WeakMap,D=new WeakMap,B=new WeakMap,M=new WeakMap,R=new WeakMap,W=new WeakMap,N=new WeakMap,E=new WeakMap,t(L,"Notification"),(()=>{var t;const e="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(t=nt[Symbol.metadata])&&void 0!==t?t:null):void 0;O=[f({type:String})],U=[f({type:String})],X=[f({type:String})],q=[f({type:String})],A=[f({type:String})],P=[f({type:String})],Y=[f({type:String})],F=[f({type:Object})],G=[f({type:String})],H=[f({type:String})],J=[f({type:String})],K=[f({type:String})],Q=[p()],V=[f({type:Boolean,reflect:!0})],Z=[f({type:Boolean})],tt=[f({type:Number})],it=[p()],i(L,null,O,{kind:"accessor",name:"notificationTitle",static:!1,private:!1,access:{has:t=>"notificationTitle"in t,get:t=>t.notificationTitle,set:(t,i)=>{t.notificationTitle=i}},metadata:e},ot,rt),i(L,null,U,{kind:"accessor",name:"notificationSubtitle",static:!1,private:!1,access:{has:t=>"notificationSubtitle"in t,get:t=>t.notificationSubtitle,set:(t,i)=>{t.notificationSubtitle=i}},metadata:e},st,ct),i(L,null,X,{kind:"accessor",name:"timeStamp",static:!1,private:!1,access:{has:t=>"timeStamp"in t,get:t=>t.timeStamp,set:(t,i)=>{t.timeStamp=i}},metadata:e},lt,dt),i(L,null,q,{kind:"accessor",name:"href",static:!1,private:!1,access:{has:t=>"href"in t,get:t=>t.href,set:(t,i)=>{t.href=i}},metadata:e},ft,pt),i(L,null,A,{kind:"accessor",name:"target",static:!1,private:!1,access:{has:t=>"target"in t,get:t=>t.target,set:(t,i)=>{t.target=i}},metadata:e},ht,gt),i(L,null,P,{kind:"accessor",name:"tagStatus",static:!1,private:!1,access:{has:t=>"tagStatus"in t,get:t=>t.tagStatus,set:(t,i)=>{t.tagStatus=i}},metadata:e},ut,mt),i(L,null,Y,{kind:"accessor",name:"type",static:!1,private:!1,access:{has:t=>"type"in t,get:t=>t.type,set:(t,i)=>{t.type=i}},metadata:e},kt,vt),i(L,null,F,{kind:"accessor",name:"textStrings",static:!1,private:!1,access:{has:t=>"textStrings"in t,get:t=>t.textStrings,set:(t,i)=>{t.textStrings=i}},metadata:e},bt,yt),i(L,null,G,{kind:"accessor",name:"closeBtnDescription",static:!1,private:!1,access:{has:t=>"closeBtnDescription"in t,get:t=>t.closeBtnDescription,set:(t,i)=>{t.closeBtnDescription=i}},metadata:e},xt,wt),i(L,null,H,{kind:"accessor",name:"assistiveNotificationTypeText",static:!1,private:!1,access:{has:t=>"assistiveNotificationTypeText"in t,get:t=>t.assistiveNotificationTypeText,set:(t,i)=>{t.assistiveNotificationTypeText=i}},metadata:e},St,zt),i(L,null,J,{kind:"accessor",name:"notificationRole",static:!1,private:!1,access:{has:t=>"notificationRole"in t,get:t=>t.notificationRole,set:(t,i)=>{t.notificationRole=i}},metadata:e},Ct,$t),i(L,null,K,{kind:"accessor",name:"statusLabel",static:!1,private:!1,access:{has:t=>"statusLabel"in t,get:t=>t.statusLabel,set:(t,i)=>{t.statusLabel=i}},metadata:e},Tt,_t),i(L,null,Q,{kind:"accessor",name:"_badgeColor",static:!1,private:!1,access:{has:t=>"_badgeColor"in t,get:t=>t._badgeColor,set:(t,i)=>{t._badgeColor=i}},metadata:e},jt,Dt),i(L,null,V,{kind:"accessor",name:"unRead",static:!1,private:!1,access:{has:t=>"unRead"in t,get:t=>t.unRead,set:(t,i)=>{t.unRead=i}},metadata:e},Bt,Mt),i(L,null,Z,{kind:"accessor",name:"hideCloseButton",static:!1,private:!1,access:{has:t=>"hideCloseButton"in t,get:t=>t.hideCloseButton,set:(t,i)=>{t.hideCloseButton=i}},metadata:e},Rt,Wt),i(L,null,tt,{kind:"accessor",name:"timeout",static:!1,private:!1,access:{has:t=>"timeout"in t,get:t=>t.timeout,set:(t,i)=>{t.timeout=i}},metadata:e},Nt,Et),i(L,null,it,{kind:"accessor",name:"_hasDescriptionSlotContent",static:!1,private:!1,access:{has:t=>"_hasDescriptionSlotContent"in t,get:t=>t._hasDescriptionSlotContent,set:(t,i)=>{t._hasDescriptionSlotContent=i}},metadata:e},It,Lt),i(null,I={value:L},et,{kind:"class",name:L.name,metadata:e},null,at),L=I.value,e&&Object.defineProperty(L,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})})(),L.styles=c(y),e(L,at),L})();export{x as Notification};
|
|
556
566
|
//# sourceMappingURL=notification.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notification.js","sources":["../../../../src/components/reusable/notification/notification.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';\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 NotificationScss from './notification.scss?inline';\nimport '../card';\nimport successIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/checkmark-filled.svg';\nimport warningIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/warning-filled.svg';\nimport errorIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/error-filled.svg';\nimport infoIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/information-filled.svg';\n\nimport '../badge';\n\ntype TagStatus = 'default' | 'info' | 'warning' | 'success' | 'error' | 'ai';\ntype NotificationType = 'normal' | 'inline' | 'toast' | 'clickable';\ntype CardType = 'normal' | 'clickable';\n\ninterface TextStrings {\n success: string;\n warning: string;\n info: string;\n error: string;\n ai?: string;\n default?: string;\n}\n\n/**\n * Notification component.\n * @slot unnamed - Slot for notification message body.\n * @slot actions - Slot for menu.\n * @slot icon - Slot for an icon.\n * @fires on-notification-click - Emit event for clickable notification.`detail:{ origEvent: PointerEvent }`\n * @fires on-close - Emits when an inline/toast notification closes.\n */\n\n@customElement('kyn-notification')\nexport class Notification extends LitElement {\n static override styles = unsafeCSS(NotificationScss);\n\n /** Notification Title (Required). */\n @property({ type: String })\n accessor notificationTitle = '';\n\n /** Notification subtitle.(optional) */\n @property({ type: String })\n accessor notificationSubtitle = '';\n\n /**\n * Timestamp of notification.\n * It is recommended to add the context along with the timestamp. Example: `Updated 2 mins ago`.\n */\n @property({ type: String })\n accessor timeStamp = '';\n\n /** Card href link. */\n @property({ type: String })\n accessor href = '';\n\n /** Card link target. */\n @property({ type: String })\n accessor target: '_self' | '_blank' | '_parent' | '_top' | '' = '';\n\n /** Notification status / tag type. `'default'`, `'info'`, `'warning'`, `'success'` & `'error'`. */\n @property({ type: String })\n accessor tagStatus: TagStatus = 'default'; // Need to change the name to badgeStatus, once old tags are removed.\n\n /** Notification type. `'normal'`, `'inline'`, `'toast'` and `'clickable'`. Clickable type can be use inside notification panel */\n @property({ type: String })\n accessor type: NotificationType = 'normal';\n\n /** Customizable text strings. */\n @property({ type: Object })\n accessor textStrings: TextStrings = {\n success: 'Success',\n warning: 'Warning',\n info: 'Information',\n error: 'Error',\n };\n\n /** Close button description (Required to support accessibility). */\n @property({ type: String })\n accessor closeBtnDescription = 'Close';\n\n /**\n * Assistive text for notification type.\n * Required for `'clickable'`, `'inline'` and `'toast'` notification types.\n * */\n @property({ type: String })\n accessor assistiveNotificationTypeText = '';\n\n /** Notification role (Required to support accessibility). */\n @property({ type: String })\n accessor notificationRole: 'alert' | 'log' | 'status' | undefined;\n\n /**\n * Status label (Required to support accessibility).\n * Assign the localized string value for the word **Status**.\n * */\n @property({ type: String })\n accessor statusLabel = 'Status';\n\n /** Set badgeColor based on provided tagStatus.\n * @internal\n */\n @state()\n accessor _badgeColor: any = {\n success: 'success',\n warning: 'warning',\n info: 'information',\n error: 'error',\n };\n\n /** Set notification mark read prop. Required ony for `type: 'clickable'`.*/\n @property({ type: Boolean, reflect: true })\n accessor unRead = false;\n\n /** Hide close (x) button. Useful only for `type='toast'`. This required `timeout > 0` otherwise toast remain as it is when `hideCloseButton` is set true. */\n @property({ type: Boolean })\n accessor hideCloseButton = false;\n\n /** Timeout (Default 8 seconds for Toast). Specify an optional duration the toast notification should be closed in. Only apply with `type = 'toast'` */\n @property({ type: Number })\n accessor timeout = 8;\n\n /** Track if slot has content to conditionally render description div\n * @internal\n */\n @state()\n accessor _hasDescriptionSlotContent = false;\n\n override render() {\n const cardBgClasses = {\n 'notification-normal': this.type === 'normal',\n 'notification-inline': this.type === 'inline',\n 'notification-toast': this.type === 'toast',\n 'notification-error':\n (this.type === 'inline' || this.type === 'toast') &&\n this.tagStatus === 'error',\n 'notification-success':\n (this.type === 'inline' || this.type === 'toast') &&\n this.tagStatus === 'success',\n 'notification-warning':\n (this.type === 'inline' || this.type === 'toast') &&\n this.tagStatus === 'warning',\n 'notification-info':\n (this.type === 'inline' || this.type === 'toast') &&\n this.tagStatus === 'info',\n 'notification-ai':\n (this.type === 'inline' || this.type === 'toast') &&\n this.tagStatus === 'ai',\n 'notification-default':\n (this.type === 'inline' || this.type === 'toast') &&\n this.tagStatus === 'default',\n 'notification-no-description': !this._hasDescriptionSlotContent,\n };\n\n const cardType: CardType =\n this.type === 'clickable' ? 'clickable' : 'normal';\n\n return html`\n ${this.type === 'clickable'\n ? html`<kyn-card\n class=\"notification-clickable\"\n ?highlight=${this.unRead}\n .type=${cardType}\n href=${ifDefined(this.href || undefined)}\n target=${ifDefined(this.target || undefined)}\n rel=${ifDefined(\n this.target === '_blank' ? 'noopener noreferrer' : undefined\n )}\n @on-card-click=${(e: any) => this._handleCardClick(e)}\n hideBorder\n role=${ifDefined(this.notificationRole)}\n >\n <span id=\"notificationType\"\n >${this.assistiveNotificationTypeText}</span\n >\n ${this.renderInnerUI()}\n </kyn-card>`\n : html` <kyn-card\n .type=${cardType}\n role=${ifDefined(this.notificationRole)}\n class=\"${classMap(cardBgClasses)}\"\n >\n ${this.type === 'inline' || this.type === 'toast'\n ? html`<span id=\"notificationType\"\n >${this.assistiveNotificationTypeText}</span\n >`\n : null}\n ${this.renderInnerUI()}\n </kyn-card>`}\n `;\n }\n\n private renderInnerUI() {\n const notificationIcon: any = {\n success: successIcon,\n error: errorIcon,\n warning: warningIcon,\n info: infoIcon,\n ai: successIcon,\n default: successIcon,\n };\n\n return html`<div class=\"notification-wrapper\">\n <div class=\"notification-title-wrap\">\n <div class=\"notification-head\">\n ${this.type === 'inline' || this.type === 'toast'\n ? html` <span\n class=\"notification-state-icon ${this.tagStatus}\"\n role=\"img\"\n aria-label=${`${this.textStrings[this.tagStatus]} icon`}\n >\n <slot name=\"icon\">\n ${unsafeSVG(notificationIcon[this.tagStatus])}\n </slot>\n </span>`\n : null}\n\n <div class=\"notification-title\">${this.notificationTitle}</div>\n\n ${this.notificationSubtitle !== '' &&\n (this.type === 'normal' || this.type === 'clickable')\n ? html`\n <div class=\"notification-subtitle\">\n ${this.notificationSubtitle}\n </div>\n `\n : null}\n </div>\n\n <div>\n ${(this.type === 'toast' || this.type === 'inline') &&\n !this.hideCloseButton\n ? html` <kyn-button\n class=\"notification-toast-close-btn\"\n kind=${this.tagStatus === 'ai' ? 'ghost-ai' : 'ghost'}\n size=\"small\"\n description=${ifDefined(this.closeBtnDescription)}\n @on-click=\"${() => this._handleClose()}\"\n >\n <span\n slot=\"icon\"\n role=\"img\"\n aria-label=${ifDefined(this.closeBtnDescription)}\n >${unsafeSVG(closeIcon)}</span\n >\n </kyn-button>`\n : null}\n <!-- actions slot could be an overflow menu, close icon (for other notification types) etc. -->\n <slot name=\"actions\"></slot>\n </div>\n </div>\n\n ${this._hasDescriptionSlotContent\n ? html`<div class=\"notification-description\">\n <slot @slotchange=\"${this._handleSlotChange}\"></slot>\n </div>`\n : html`<slot\n @slotchange=\"${this._handleSlotChange}\"\n style=\"display: none;\"\n ></slot>`}\n\n <div class=\"notification-content-wrapper\">\n <div class=\"status-tag\">\n ${this.tagStatus !== 'default' &&\n (this.type === 'normal' || this.type === 'clickable')\n ? html`\n <span id=\"statusLabel\">${this.statusLabel}</span>\n <kyn-badge\n type=${'heavy'}\n ?hideIcon=${true}\n label=${ifDefined(this.textStrings[this.tagStatus])}\n status=${this._badgeColor[this.tagStatus]}\n ></kyn-badge>\n `\n : null}\n </div>\n <div class=\"timestamp-wrapper\">\n <div class=\"timestamp-text\">${this.timeStamp}</div>\n </div>\n </div>\n </div>`;\n }\n\n override updated(changedProperties: any) {\n // Close toast notification if timeout > 0\n if (\n this.type === 'toast' &&\n changedProperties.has('timeout') &&\n this.timeout > 0\n ) {\n setTimeout(() => {\n this._close();\n }, this.timeout * 1000);\n }\n }\n\n // Remove toast from DOM\n private _close() {\n const animation = this.animate([{ opacity: '1' }, { opacity: '0' }], {\n duration: 500,\n easing: 'ease-in-out',\n fill: 'forwards',\n });\n animation.onfinish = () => {\n this.parentNode?.removeChild(this);\n };\n\n // emit on-close event\n const event = new CustomEvent('on-close');\n this.dispatchEvent(event);\n }\n\n private _handleClose() {\n this._close();\n }\n\n private _handleCardClick(e: any) {\n const event = new CustomEvent('on-notification-click', {\n detail: { origEvent: e.detail.origEvent },\n });\n this.dispatchEvent(event);\n }\n\n private _handleSlotChange() {\n this._checkSlotContent();\n }\n\n private _checkSlotContent() {\n const slot = this.shadowRoot?.querySelector(\n 'slot:not([name])'\n ) as HTMLSlotElement;\n if (!slot) {\n this._hasDescriptionSlotContent = false;\n return;\n }\n\n const assignedNodes = slot.assignedNodes();\n\n const hasContent = assignedNodes.some((node) => {\n if (node.nodeType === Node.ELEMENT_NODE) {\n return true;\n }\n if (node.nodeType === Node.TEXT_NODE) {\n const textContent = node.textContent;\n return (\n textContent !== null &&\n textContent !== undefined &&\n textContent.trim() !== ''\n );\n }\n return false;\n });\n\n this._hasDescriptionSlotContent = hasContent;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-notification': Notification;\n }\n}\n"],"names":["Notification","customElement","LitElement","_classThis","_classSuper","notificationTitle","__classPrivateFieldGet","this","_Notification_notificationTitle_accessor_storage","value","__classPrivateFieldSet","notificationSubtitle","_Notification_notificationSubtitle_accessor_storage","timeStamp","_Notification_timeStamp_accessor_storage","href","_Notification_href_accessor_storage","target","_Notification_target_accessor_storage","tagStatus","_Notification_tagStatus_accessor_storage","type","_Notification_type_accessor_storage","textStrings","_Notification_textStrings_accessor_storage","closeBtnDescription","_Notification_closeBtnDescription_accessor_storage","assistiveNotificationTypeText","_Notification_assistiveNotificationTypeText_accessor_storage","notificationRole","_Notification_notificationRole_accessor_storage","statusLabel","_Notification_statusLabel_accessor_storage","_badgeColor","_Notification__badgeColor_accessor_storage","unRead","_Notification_unRead_accessor_storage","hideCloseButton","_Notification_hideCloseButton_accessor_storage","timeout","_Notification_timeout_accessor_storage","_hasDescriptionSlotContent","_Notification__hasDescriptionSlotContent_accessor_storage","render","cardBgClasses","cardType","html","ifDefined","undefined","e","_handleCardClick","renderInnerUI","classMap","notificationIcon","success","successIcon","error","errorIcon","warning","warningIcon","info","infoIcon","ai","default","unsafeSVG","_handleClose","closeIcon","_handleSlotChange","updated","changedProperties","has","setTimeout","_close","animate","opacity","duration","easing","fill","onfinish","_a","parentNode","removeChild","event","CustomEvent","dispatchEvent","detail","origEvent","_checkSlotContent","slot","shadowRoot","querySelector","hasContent","assignedNodes","some","node","nodeType","Node","ELEMENT_NODE","TEXT_NODE","textContent","trim","set","__runInitializers","_notificationTitle_initializers","_notificationTitle_extraInitializers","_notificationSubtitle_initializers","_notificationSubtitle_extraInitializers","_timeStamp_initializers","_timeStamp_extraInitializers","_href_initializers","_href_extraInitializers","_target_initializers","_target_extraInitializers","_tagStatus_initializers","_tagStatus_extraInitializers","_type_initializers","_type_extraInitializers","_textStrings_initializers","_textStrings_extraInitializers","_closeBtnDescription_initializers","_closeBtnDescription_extraInitializers","_assistiveNotificationTypeText_initializers","_assistiveNotificationTypeText_extraInitializers","_notificationRole_initializers","_notificationRole_extraInitializers","_statusLabel_initializers","_statusLabel_extraInitializers","__badgeColor_initializers","__badgeColor_extraInitializers","_unRead_initializers","_unRead_extraInitializers","_hideCloseButton_initializers","_hideCloseButton_extraInitializers","_timeout_initializers","_timeout_extraInitializers","__hasDescriptionSlotContent_initializers","_notificationTitle_decorators","property","String","_notificationSubtitle_decorators","_timeStamp_decorators","_href_decorators","_target_decorators","_tagStatus_decorators","_type_decorators","_textStrings_decorators","Object","_closeBtnDescription_decorators","_assistiveNotificationTypeText_decorators","_notificationRole_decorators","_statusLabel_decorators","__badgeColor_decorators","state","Boolean","reflect","_hideCloseButton_decorators","_timeout_decorators","Number","__hasDescriptionSlotContent_decorators","__esDecorate","kind","name","static","private","access","obj","get","metadata","_metadata","_unRead_decorators","__hasDescriptionSlotContent_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","NotificationScss"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"notification.js","sources":["../../../../src/components/reusable/notification/notification.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';\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 NotificationScss from './notification.scss?inline';\nimport '../card';\nimport successIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/checkmark-filled.svg';\nimport warningIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/warning-filled.svg';\nimport errorIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/error-filled.svg';\nimport infoIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/information-filled.svg';\n\nimport '../badge';\n\ntype TagStatus = 'default' | 'info' | 'warning' | 'success' | 'error' | 'ai';\ntype NotificationType = 'normal' | 'inline' | 'toast' | 'clickable';\ntype CardType = 'normal' | 'clickable';\n\ninterface TextStrings {\n success: string;\n warning: string;\n info: string;\n error: string;\n ai?: string;\n default?: string;\n}\n\n/**\n * Notification component.\n * @slot unnamed - Slot for notification message body.\n * @slot actions - Slot for menu.\n * @slot icon - Slot for an icon.\n * @fires on-notification-click - Emit event for clickable notification.`detail:{ origEvent: PointerEvent }`\n * @fires on-close - Emits when an inline/toast notification closes.\n */\n\n@customElement('kyn-notification')\nexport class Notification extends LitElement {\n static override styles = unsafeCSS(NotificationScss);\n\n /** Notification Title (Required). */\n @property({ type: String })\n accessor notificationTitle = '';\n\n /** Notification subtitle.(optional) */\n @property({ type: String })\n accessor notificationSubtitle = '';\n\n /**\n * Timestamp of notification.\n * It is recommended to add the context along with the timestamp. Example: `Updated 2 mins ago`.\n */\n @property({ type: String })\n accessor timeStamp = '';\n\n /** Card href link. */\n @property({ type: String })\n accessor href = '';\n\n /** Card link target. */\n @property({ type: String })\n accessor target: '_self' | '_blank' | '_parent' | '_top' | '' = '';\n\n /** Notification status / tag type. `'default'`, `'info'`, `'warning'`, `'success'` & `'error'`. */\n @property({ type: String })\n accessor tagStatus: TagStatus = 'default'; // Need to change the name to badgeStatus, once old tags are removed.\n\n /** Notification type. `'normal'`, `'inline'`, `'toast'` and `'clickable'`. Clickable type can be use inside notification panel */\n @property({ type: String })\n accessor type: NotificationType = 'normal';\n\n /** Customizable text strings. */\n @property({ type: Object })\n accessor textStrings: TextStrings = {\n success: 'Success',\n warning: 'Warning',\n info: 'Information',\n error: 'Error',\n };\n\n /** Close button description (Required to support accessibility). */\n @property({ type: String })\n accessor closeBtnDescription = 'Close';\n\n /**\n * Assistive text for notification type.\n * Required for `'clickable'`, `'inline'` and `'toast'` notification types.\n * */\n @property({ type: String })\n accessor assistiveNotificationTypeText = '';\n\n /** Notification role (Required to support accessibility). */\n @property({ type: String })\n accessor notificationRole: 'alert' | 'log' | 'status' | undefined;\n\n /**\n * Status label (Required to support accessibility).\n * Assign the localized string value for the word **Status**.\n * */\n @property({ type: String })\n accessor statusLabel = 'Status';\n\n /** Set badgeColor based on provided tagStatus.\n * @internal\n */\n @state()\n accessor _badgeColor: any = {\n success: 'success',\n warning: 'warning',\n info: 'information',\n error: 'error',\n };\n\n /** Set notification unread state. Applies to `type: 'normal'` and `type: 'clickable'`. */\n @property({ type: Boolean, reflect: true })\n accessor unRead = false;\n\n /** Hide close (x) button. Useful only for `type='toast'`. This required `timeout > 0` otherwise toast remain as it is when `hideCloseButton` is set true. */\n @property({ type: Boolean })\n accessor hideCloseButton = false;\n\n /** Timeout (Default 8 seconds for Toast). Specify an optional duration the toast notification should be closed in. Only apply with `type = 'toast'` */\n @property({ type: Number })\n accessor timeout = 8;\n\n /** Track if slot has content to conditionally render description div\n * @internal\n */\n @state()\n accessor _hasDescriptionSlotContent = false;\n\n override render() {\n const cardBgClasses = {\n 'notification-normal': this.type === 'normal',\n 'notification-inline': this.type === 'inline',\n 'notification-toast': this.type === 'toast',\n 'notification-error':\n (this.type === 'inline' || this.type === 'toast') &&\n this.tagStatus === 'error',\n 'notification-success':\n (this.type === 'inline' || this.type === 'toast') &&\n this.tagStatus === 'success',\n 'notification-warning':\n (this.type === 'inline' || this.type === 'toast') &&\n this.tagStatus === 'warning',\n 'notification-info':\n (this.type === 'inline' || this.type === 'toast') &&\n this.tagStatus === 'info',\n 'notification-ai':\n (this.type === 'inline' || this.type === 'toast') &&\n this.tagStatus === 'ai',\n 'notification-default':\n (this.type === 'inline' || this.type === 'toast') &&\n this.tagStatus === 'default',\n 'notification-no-description': !this._hasDescriptionSlotContent,\n 'notification-read':\n (this.type === 'normal' || this.type === 'clickable') && !this.unRead,\n 'notification-unread':\n (this.type === 'normal' || this.type === 'clickable') && this.unRead,\n };\n\n const cardType: CardType =\n this.type === 'clickable' ? 'clickable' : 'normal';\n\n return html`\n ${this.type === 'clickable'\n ? html`<kyn-card\n class=${classMap({\n ...cardBgClasses,\n 'notification-clickable': true,\n })}\n .type=${cardType}\n href=${ifDefined(this.href || undefined)}\n target=${ifDefined(this.target || undefined)}\n rel=${ifDefined(\n this.target === '_blank' ? 'noopener noreferrer' : undefined\n )}\n @on-card-click=${(e: any) => this._handleCardClick(e)}\n hideBorder\n role=${ifDefined(this.notificationRole)}\n >\n <span id=\"notificationType\"\n >${this.assistiveNotificationTypeText}</span\n >\n ${this.renderInnerUI()}\n </kyn-card>`\n : html` <kyn-card\n .type=${cardType}\n role=${ifDefined(this.notificationRole)}\n class=${classMap(cardBgClasses)}\n >\n ${this.type === 'inline' || this.type === 'toast'\n ? html`<span id=\"notificationType\"\n >${this.assistiveNotificationTypeText}</span\n >`\n : null}\n ${this.renderInnerUI()}\n </kyn-card>`}\n `;\n }\n\n private renderInnerUI() {\n const notificationIcon: any = {\n success: successIcon,\n error: errorIcon,\n warning: warningIcon,\n info: infoIcon,\n ai: successIcon,\n default: successIcon,\n };\n\n return html`<div class=\"notification-wrapper\">\n <div class=\"notification-title-wrap\">\n <div class=\"notification-head\">\n ${this.type === 'inline' || this.type === 'toast'\n ? html` <span\n class=\"notification-state-icon ${this.tagStatus}\"\n role=\"img\"\n aria-label=${`${this.textStrings[this.tagStatus]} icon`}\n >\n <slot name=\"icon\">\n ${unsafeSVG(notificationIcon[this.tagStatus])}\n </slot>\n </span>`\n : null}\n\n <div class=\"notification-title\">${this.notificationTitle}</div>\n\n ${this.notificationSubtitle !== '' &&\n (this.type === 'normal' || this.type === 'clickable')\n ? html`\n <div class=\"notification-subtitle\">\n ${this.notificationSubtitle}\n </div>\n `\n : null}\n </div>\n\n <div>\n ${(this.type === 'toast' || this.type === 'inline') &&\n !this.hideCloseButton\n ? html` <kyn-button\n class=\"notification-toast-close-btn\"\n kind=${this.tagStatus === 'ai' ? 'ghost-ai' : 'ghost'}\n size=\"small\"\n description=${ifDefined(this.closeBtnDescription)}\n @on-click=\"${() => this._handleClose()}\"\n >\n <span\n slot=\"icon\"\n role=\"img\"\n aria-label=${ifDefined(this.closeBtnDescription)}\n >${unsafeSVG(closeIcon)}</span\n >\n </kyn-button>`\n : null}\n <!-- actions slot could be an overflow menu, close icon (for other notification types) etc. -->\n <slot name=\"actions\"></slot>\n </div>\n </div>\n\n ${this._hasDescriptionSlotContent\n ? html`<div class=\"notification-description\">\n <slot @slotchange=\"${this._handleSlotChange}\"></slot>\n </div>`\n : html`<slot\n @slotchange=\"${this._handleSlotChange}\"\n style=\"display: none;\"\n ></slot>`}\n\n <div class=\"notification-content-wrapper\">\n <div class=\"status-tag\">\n ${this.tagStatus !== 'default' &&\n (this.type === 'normal' || this.type === 'clickable')\n ? html`\n <span id=\"statusLabel\">${this.statusLabel}</span>\n <kyn-badge\n type=${'heavy'}\n ?hideIcon=${true}\n label=${ifDefined(this.textStrings[this.tagStatus])}\n status=${this._badgeColor[this.tagStatus]}\n ></kyn-badge>\n `\n : null}\n </div>\n <div class=\"timestamp-wrapper\">\n <div class=\"timestamp-text\">${this.timeStamp}</div>\n </div>\n </div>\n </div>`;\n }\n\n override updated(changedProperties: any) {\n // Close toast notification if timeout > 0\n if (\n this.type === 'toast' &&\n changedProperties.has('timeout') &&\n this.timeout > 0\n ) {\n setTimeout(() => {\n this._close();\n }, this.timeout * 1000);\n }\n }\n\n // Remove toast from DOM\n private _close() {\n const animation = this.animate([{ opacity: '1' }, { opacity: '0' }], {\n duration: 500,\n easing: 'ease-in-out',\n fill: 'forwards',\n });\n animation.onfinish = () => {\n this.parentNode?.removeChild(this);\n };\n\n // emit on-close event\n const event = new CustomEvent('on-close');\n this.dispatchEvent(event);\n }\n\n private _handleClose() {\n this._close();\n }\n\n private _handleCardClick(e: any) {\n const event = new CustomEvent('on-notification-click', {\n detail: { origEvent: e.detail.origEvent },\n });\n this.dispatchEvent(event);\n }\n\n private _handleSlotChange() {\n this._checkSlotContent();\n }\n\n private _checkSlotContent() {\n const slot = this.shadowRoot?.querySelector(\n 'slot:not([name])'\n ) as HTMLSlotElement;\n if (!slot) {\n this._hasDescriptionSlotContent = false;\n return;\n }\n\n const assignedNodes = slot.assignedNodes();\n\n const hasContent = assignedNodes.some((node) => {\n if (node.nodeType === Node.ELEMENT_NODE) {\n return true;\n }\n if (node.nodeType === Node.TEXT_NODE) {\n const textContent = node.textContent;\n return (\n textContent !== null &&\n textContent !== undefined &&\n textContent.trim() !== ''\n );\n }\n return false;\n });\n\n this._hasDescriptionSlotContent = hasContent;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-notification': Notification;\n }\n}\n"],"names":["Notification","customElement","LitElement","_classThis","_classSuper","notificationTitle","__classPrivateFieldGet","this","_Notification_notificationTitle_accessor_storage","value","__classPrivateFieldSet","notificationSubtitle","_Notification_notificationSubtitle_accessor_storage","timeStamp","_Notification_timeStamp_accessor_storage","href","_Notification_href_accessor_storage","target","_Notification_target_accessor_storage","tagStatus","_Notification_tagStatus_accessor_storage","type","_Notification_type_accessor_storage","textStrings","_Notification_textStrings_accessor_storage","closeBtnDescription","_Notification_closeBtnDescription_accessor_storage","assistiveNotificationTypeText","_Notification_assistiveNotificationTypeText_accessor_storage","notificationRole","_Notification_notificationRole_accessor_storage","statusLabel","_Notification_statusLabel_accessor_storage","_badgeColor","_Notification__badgeColor_accessor_storage","unRead","_Notification_unRead_accessor_storage","hideCloseButton","_Notification_hideCloseButton_accessor_storage","timeout","_Notification_timeout_accessor_storage","_hasDescriptionSlotContent","_Notification__hasDescriptionSlotContent_accessor_storage","render","cardBgClasses","cardType","html","classMap","ifDefined","undefined","e","_handleCardClick","renderInnerUI","notificationIcon","success","successIcon","error","errorIcon","warning","warningIcon","info","infoIcon","ai","default","unsafeSVG","_handleClose","closeIcon","_handleSlotChange","updated","changedProperties","has","setTimeout","_close","animate","opacity","duration","easing","fill","onfinish","_a","parentNode","removeChild","event","CustomEvent","dispatchEvent","detail","origEvent","_checkSlotContent","slot","shadowRoot","querySelector","hasContent","assignedNodes","some","node","nodeType","Node","ELEMENT_NODE","TEXT_NODE","textContent","trim","set","__runInitializers","_notificationTitle_initializers","_notificationTitle_extraInitializers","_notificationSubtitle_initializers","_notificationSubtitle_extraInitializers","_timeStamp_initializers","_timeStamp_extraInitializers","_href_initializers","_href_extraInitializers","_target_initializers","_target_extraInitializers","_tagStatus_initializers","_tagStatus_extraInitializers","_type_initializers","_type_extraInitializers","_textStrings_initializers","_textStrings_extraInitializers","_closeBtnDescription_initializers","_closeBtnDescription_extraInitializers","_assistiveNotificationTypeText_initializers","_assistiveNotificationTypeText_extraInitializers","_notificationRole_initializers","_notificationRole_extraInitializers","_statusLabel_initializers","_statusLabel_extraInitializers","__badgeColor_initializers","__badgeColor_extraInitializers","_unRead_initializers","_unRead_extraInitializers","_hideCloseButton_initializers","_hideCloseButton_extraInitializers","_timeout_initializers","_timeout_extraInitializers","__hasDescriptionSlotContent_initializers","_notificationTitle_decorators","property","String","_notificationSubtitle_decorators","_timeStamp_decorators","_href_decorators","_target_decorators","_tagStatus_decorators","_type_decorators","_textStrings_decorators","Object","_closeBtnDescription_decorators","_assistiveNotificationTypeText_decorators","_notificationRole_decorators","_statusLabel_decorators","__badgeColor_decorators","state","Boolean","reflect","_hideCloseButton_decorators","_timeout_decorators","Number","__hasDescriptionSlotContent_decorators","__esDecorate","kind","name","static","private","access","obj","get","metadata","_metadata","_unRead_decorators","__hasDescriptionSlotContent_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","NotificationScss"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kyndryl-design-system/shidoka-applications",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.104.0",
|
|
4
4
|
"description": "Shidoka Web Components for Applications",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "index.js",
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"@floating-ui/dom": "^1.7.1",
|
|
37
|
-
"@kyndryl-design-system/shidoka-foundation": "^2.8.
|
|
37
|
+
"@kyndryl-design-system/shidoka-foundation": "^2.8.16",
|
|
38
38
|
"@kyndryl-design-system/shidoka-icons": "^2.22.0",
|
|
39
39
|
"@lit/context": "^1.1.0",
|
|
40
40
|
"deepmerge-ts": "^7.1.0",
|