npm - @carbon/ibm-products-web-components - Versions diffs - 0.35.0 → 0.36.0 - Mend

@carbon/ibm-products-web-components 0.35.0 → 0.36.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.

Files changed (1362) hide show

package/es-custom/components/notification-panel/notification-panel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"notification-panel.js","sources":["../../../src/components/notification-panel/notification-panel.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;AAOG;AAuBH,MAAM,UAAU,GAAG,CAAA,EAAG,MAAM,uBAAuB;AACnD;;;;;;;;;;;;AAYG;AAEH,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,iBAAiB,CAAC,UAAU,CAAC,CAAA;AAAhE,IAAA,WAAA,GAAA;;AAgBE;;AAEG;QAEH,IAAA,CAAA,IAAI,GAAG,KAAK;QAqCJ,IAAA,CAAA,gBAAgB,GAAG,KAAK;QAGxB,IAAA,CAAA,mBAAmB,GAAG,KAAK;QAqQ3B,IAAA,CAAA,cAAc,GAAG,CAAC,EAAE,GAAG,EAAE,MAAM,EAAiB,KAAI;;AAC1D,YAAA,IAAI,GAAG,KAAK,QAAQ,EAAE;AACpB,gBAAA,IAAI,CAAC,IAAI,GAAG,KAAK;AACjB,gBAAA,MAAM,IAAI,GAAG;AACX,oBAAA,OAAO,EAAE,IAAI;AACb,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,IAAI;AACd,oBAAA,MAAM,EAAE;AACN,wBAAA,WAAW,EAAE,MAAM;AACpB,qBAAA;iBACF;AAED,gBAAA,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CACZ,IAAI,CAAC,WAA2C,CAAC,iBAAiB,EACnE,IAAI,CACL,CACF;AACD,gBAAA,CAAA,EAAA,GAAA,IAAI,CAAC,gBAAgB,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,EAAE;YAChC;AACF,QAAA,CAAC;;AAIO,QAAA,IAAA,CAAA,YAAY,GAAG,CAAC,KAAiB,KAAI;;AAC3C,YAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAc;AAEnC,YAAA,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;gBACvC;YACF;;AAEA,YAAA,MAAM,mBAAmB,GAAG;gBAC1B,GAAG;gBACH,QAAQ;gBACR,OAAO;gBACP,QAAQ;gBACR,UAAU;gBACV,iBAAiB;gBACjB,eAAe;gBACf,gCAAgC;gBAChC,YAAY;gBACZ,UAAU;gBACV,oBAAoB;gBACpB,qBAAqB;gBACrB,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,mBAAmB;gBACnB,mBAAmB;gBACnB,0BAA0B;gBAC1B,iBAAiB;gBACjB,UAAU;gBACV,eAAe;gBACf,kBAAkB;gBAClB,uBAAuB;gBACvB,kBAAkB;gBAClB,mBAAmB;gBACnB,wBAAwB;gBACxB,wBAAwB;gBACxB,gBAAgB;gBAChB,iBAAiB;gBACjB,kBAAkB;gBAClB,YAAY;gBACZ,YAAY;gBACZ,YAAY;gBACZ,kBAAkB;gBAClB,UAAU;gBACV,SAAS;gBACT,cAAc;gBACd,gBAAgB;gBAChB,iBAAiB;gBACjB,wBAAwB;gBACxB,iBAAiB;gBACjB,YAAY;gBACZ,eAAe;aAChB;YACD,MAAM,YAAY,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC,QAAQ,KAAI;AACzD,gBAAA,IAAI,EAAE,MAAM,YAAY,OAAO,CAAC,EAAE;AAChC,oBAAA,OAAO,KAAK;gBACd;AACA,gBAAA,IAAI,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;AAC5B,oBAAA,OAAO,IAAI;gBACb;AACA,gBAAA,MAAM,IAAI,GAAG,MAAM,CAAC,WAAW,EAAE;gBACjC,QACE,IAAI,YAAY,UAAU;oBAC1B,IAAI,CAAC,IAAI,YAAY,OAAO;oBAC5B,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC;AAE/B,YAAA,CAAC,CAAC;AACF,YAAA,IAAI,IAAI,CAAC,IAAI,KAAI,MAAA,IAAI,CAAC,gBAAgB,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,CAAC,MAAM,CAAC,CAAA,EAAE;gBACxD;YACF;AACA,YAAA,MAAM,IAAI,GAAG;AACX,gBAAA,OAAO,EAAE,IAAI;AACb,gBAAA,UAAU,EAAE,IAAI;AAChB,gBAAA,QAAQ,EAAE,IAAI;AACd,gBAAA,MAAM,EAAE;AACN,oBAAA,WAAW,EAAE,MAAM;AACpB,iBAAA;aACF;AACD,YAAA,IACE,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CACZ,IAAI,CAAC,WAA2C,CAAC,gBAAgB,EAClE,IAAI,CACL,CACF,EACD;AACA,gBAAA,IAAI,CAAC,IAAI,GAAG,KAAK;AACjB,gBAAA,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CACZ,IAAI,CAAC,WAA2C,CAAC,iBAAiB,EACnE,IAAI,CACL,CACF;gBACD,IAAI,CAAC,YAAY,EAAE;AACjB,oBAAA,CAAA,EAAA,GAAA,IAAI,CAAC,gBAAgB,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,EAAE;gBAChC;YACF;AACF,QAAA,CAAC;IAsCH;AA1ZE,IAAA,UAAU,CAAC,iBAAsB,EAAA;AAC/B,QAAA,IAAI,iBAAiB,CAAC,GAAG,CAAC,gBAAgB,CAAC,EAAE;AAC3C,YAAA,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,cAAc;QAC5C;AACA,QAAA,IACE,iBAAiB,CAAC,GAAG,CAAC,gBAAgB,CAAC;AACvC,YAAA,iBAAiB,CAAC,GAAG,CAAC,mBAAmB,CAAC,EAC1C;YACA,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC;YACtD,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC;QAC9D;IACF;IAEA,YAAY,GAAA;;AACV,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,SAAS,0CAAE,gBAAgB,CAAC,YAAY,EAAE,MAC7C,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAChC;AACD,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,YAAY,0CAAE,gBAAgB,CAAC,YAAY,EAAE,MAChD,IAAI,CAAC,iBAAiB,CAAC,UAAU,CAAC,CACnC;QACD,IAAI,CAAC,sBAAsB,EAAE;AAE7B,QAAA,MAAM,wBAAwB,GAAG,CAAC,QAAgB,KAAI;;AACpD,YAAA,MAAM,IAAI,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,aAAa,CACzC,CAAA,WAAA,EAAc,QAAQ,CAAA,EAAA,CAAI,CACD;AAC3B,YAAA,MAAM,eAAe,GAAG,CAAA,IAAI,KAAA,IAAA,IAAJ,IAAI,uBAAJ,IAAI,CAAE,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,KAAI,EAAE;AACvE,YAAA,KAAK,MAAM,EAAE,IAAI,eAAe,EAAE;AAChC,gBAAA,EAAE,CAAC,gBAAgB,CAAC,YAAY,EAAE,MAAK;AACrC,oBAAA,IAAI,CAAC,iBAAiB,CAAC,EAAE,CAAC;AAC5B,gBAAA,CAAC,CAAC;AACF,gBAAA,EAAE,CAAC,gBAAgB,CAAC,YAAY,EAAE,MAAK;AACrC,oBAAA,IAAI,CAAC,iBAAiB,CAAC,EAAE,CAAC;AAC5B,gBAAA,CAAC,CAAC;AACF,gBAAA,EAAE,CAAC,gBAAgB,CAAC,SAAS,EAAE,MAAK;AAClC,oBAAA,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC;AACzB,gBAAA,CAAC,CAAC;AACF,gBAAA,EAAE,CAAC,gBAAgB,CAAC,UAAU,EAAE,MAAK;AACnC,oBAAA,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC;AAC1B,gBAAA,CAAC,CAAC;YACJ;AACF,QAAA,CAAC;QAED,wBAAwB,CAAC,OAAO,CAAC;QACjC,wBAAwB,CAAC,UAAU,CAAC;IACtC;IAEA,OAAO,GAAA;QACL,IAAI,CAAC,sBAAsB,EAAE;AAC7B,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,qBAAqB,CAAC,MAAM,IAAI,CAAC,sBAAsB,EAAE,CAAC;QAC5D;IACF;IAEA,MAAM,GAAA;AACJ,QAAA,MAAM,EACJ,SAAS,EACT,SAAS,EACT,YAAY,EACZ,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,IAAI,EACJ,gBAAgB,EAChB,mBAAmB,EACnB,0BAA0B,EAAE,yBAAyB,EACrD,aAAa,EAAE,YAAY,GAC5B,GAAG,IAAI;QACR,MAAM,OAAO,GAAG,QAAQ,CAAC;AACvB,YAAA,CAAC,CAAA,EAAG,UAAU,CAAA,WAAA,CAAa,GAAG,IAAI;AAClC,YAAA,CAAC,CAAA,EAAG,UAAU,CAAA,UAAA,CAAY,GAAG,IAAI;AACjC,YAAA,CAAC,GAAG,UAAU,CAAA,MAAA,CAAQ,GAAG,CAAC,IAAI;AAC/B,SAAA,CAAC;QAEF,MAAM,kBAAkB,GAAG,QAAQ,CAAC;AAClC,YAAA,CAAC,CAAA,EAAG,UAAU,CAAA,cAAA,CAAgB,GAAG,IAAI;YACrC,CAAC,CAAA,EAAG,UAAU,CAAA,oBAAA,CAAsB,GAClC,CAAC,gBAAgB,IAAI,CAAC,mBAAmB;AAC5C,SAAA,CAAC;AAEF,QAAA,OAAO,IAAI,CAAA;8CAC+B,OAAO,CAAA;sBAC/B,UAAU,CAAA;wBACR,UAAU,CAAA;AACT,uBAAA,EAAA,UAAU,aAAa,SAAS,CAAA;;;;uBAIlC,UAAU,CAAA;uBACV,yBAAyB;;gBAEhC,eAAe;;;;;qBAKV,UAAU,CAAA;kBACb,UAAU,CAAA;sBACN,iBAAiB;sBACjB,iBAAiB;yBACd,iBAAiB;kCACR,YAAY;;;qBAGzB,kBAAkB,CAAA;YAC3B;cACE,IAAI,CAAA;;AAES,yBAAA,EAAA,UAAU,wBAAwB,UAAU,CAAA;;oBAEnD,SAAS;;AAEd,cAAA;AACH,cAAE,EAAE;;YAEJ;cACE,IAAI,CAAA;;AAES,yBAAA,EAAA,UAAU,wBAAwB,UAAU,CAAA;;oBAEnD,YAAY;;AAEjB,cAAA;AACH,cAAE,EAAE;;YAEJ,CAAC,gBAAgB,IAAI,CAAC;cACpB,IAAI,CAAA,CAAA;;8BAEY,eAAe,CAAA;;;;AAIvB,qBAAA;AACV,cAAE,EAAE;;AAEN,QAAA,EAAA,gBAAgB,IAAI;AACpB,cAAE,IAAI,CAAA,CAAA,YAAA,EAAe,UAAU,CAAA;;AAEtB,kBAAA;AACT,cAAE,EAAE;;KAET;IACH;IACA,oBAAoB,GAAA;;QAClB,KAAK,CAAC,oBAAoB,EAAE;AAC5B,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,iBAAiB,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,UAAU,EAAE;IACtC;AAEQ,IAAA,iBAAiB,CAAC,EAAW,EAAA;AACnC,QAAA,MAAM,IAAI,GAAG,EAAE,CAAC,kBAAkB;AAClC,QAAA,IAAI,CAAA,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,OAAO,CAAC,WAAW,EAAE,MAAK,CAAA,EAAG,MAAM,CAAA,aAAA,CAAe,EAAE;YAC5D,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAA,EAAG,UAAU,CAAA,oBAAA,CAAsB,CAAC;QACzD;IACF;AACQ,IAAA,iBAAiB,CAAC,EAAW,EAAA;AACnC,QAAA,MAAM,IAAI,GAAG,EAAE,CAAC,kBAAkB;AAClC,QAAA,IAAI,CAAA,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,OAAO,CAAC,WAAW,EAAE,MAAK,CAAA,EAAG,MAAM,CAAA,aAAA,CAAe,EAAE;YAC5D,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAA,EAAG,UAAU,CAAA,oBAAA,CAAsB,CAAC;QAC5D;IACF;AACQ,IAAA,cAAc,CAAC,EAAW,EAAA;AAChC,QAAA,MAAM,IAAI,GAAG,EAAE,CAAC,kBAAkB;AAClC,QAAA,IAAI,CAAA,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,OAAO,CAAC,WAAW,EAAE,MAAK,CAAA,EAAG,MAAM,CAAA,aAAA,CAAe,EAAE;YAC5D,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAA,EAAG,UAAU,CAAA,oBAAA,CAAsB,CAAC;QACzD;IACF;AACQ,IAAA,eAAe,CAAC,EAAW,EAAA;AACjC,QAAA,MAAM,IAAI,GAAG,EAAE,CAAC,kBAAkB;AAClC,QAAA,IAAI,CAAA,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,OAAO,CAAC,WAAW,EAAE,MAAK,CAAA,EAAG,MAAM,CAAA,aAAA,CAAe,EAAE;YAC5D,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAA,EAAG,UAAU,CAAA,oBAAA,CAAsB,CAAC;QAC5D;IACF;IACQ,sBAAsB,GAAA;QAC5B,MAAM,aAAa,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAA,EAAG,MAAM,CAAA,aAAA,CAAe,CAAC;QACrE,aAAa,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,CAAC,KAAI;YAC9B,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,oBAAoB,EAAE,CAAC,KAAK,CAAC,CAAC;AACpD,QAAA,CAAC,CAAC;IACJ;AACQ,IAAA,iBAAiB,CAAC,QAA8B,EAAA;AACtD,QAAA,QAAQ,KAAK;AACX,eAAG,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC;AACzD,eAAG,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,CAAC;IACpE;IACQ,sBAAsB,GAAA;;AAC5B,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAC1C,CAAA,CAAA,EAAI,UAAU,CAAA,gBAAA,CAAkB,CACjC;QACD,IAAI,MAAM,EAAE;YACV,MAAM,CAAC,KAAK,EAAE;QAChB;aAAO;AACL,YAAA,CAAA,EAAA,GAAA,IAAI,CAAC,iBAAiB,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,UAAU,EAAE;AACpC,YAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI,gBAAgB,CAAC,MAAK;;AACjD,gBAAA,MAAM,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CACvC,CAAA,CAAA,EAAI,UAAU,CAAA,gBAAA,CAAkB,CACjC;gBACD,IAAI,GAAG,EAAE;oBACP,GAAG,CAAC,KAAK,EAAE;AACX,oBAAA,CAAA,EAAA,GAAA,IAAI,CAAC,iBAAiB,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,UAAU,EAAE;gBACtC;AACF,YAAA,CAAC,CAAC;YAEF,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE;AAC9C,gBAAA,SAAS,EAAE,IAAI;AACf,gBAAA,OAAO,EAAE,IAAI;AACd,aAAA,CAAC;QACJ;IACF;AACA;;;;AAIG;AACK,IAAA,0BAA0B,CAAC,KAAY,EAAA;AAC7C,QAAA,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM;QAChC,KAAK,CAAC,eAAe,EAAE;AACvB,QAAA,MAAM,IAAI,GAAG;AACX,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,UAAU,EAAE,IAAI;AAChB,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,MAAM,EAAE;gBACN,WAAW;AACZ,aAAA;SACF;AACD,QAAA,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CACZ,IAAI,CAAC,WAA2C,CAAC,eAAe,EACjE,IAAI,CACL,CACF;IACH;AAEQ,IAAA,aAAa,CAAC,KAAY,EAAA;AAChC,QAAA,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM;AAChC,QAAA,MAAM,IAAI,GAAG;AACX,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,UAAU,EAAE,IAAI;AAChB,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,MAAM,EAAE;gBACN,WAAW;AACZ,aAAA;SACF;AACD,QAAA,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAEX,IAAI,CAAC,WACN,CAAC,uBAAuB,EACzB,IAAI,CACL,CACF;IACH;AA6HA;;AAEG;AACH,IAAA,WAAW,gBAAgB,GAAA;AACzB,QAAA,OAAO,gBAAgB;IACzB;AAEA;;;AAGG;AACH,IAAA,WAAW,gBAAgB,GAAA;QACzB,OAAO,CAAA,EAAG,MAAM,CAAA,+BAAA,CAAiC;IACnD;AAEA;;AAEG;AACH,IAAA,WAAW,iBAAiB,GAAA;QAC1B,OAAO,CAAA,EAAG,MAAM,CAAA,2BAAA,CAA6B;IAC/C;AAEA;;AAEG;AACH,IAAA,WAAW,eAAe,GAAA;QACxB,OAAO,CAAA,EAAG,MAAM,CAAA,yBAAA,CAA2B;IAC7C;AAEA;;AAEG;AACH,IAAA,WAAW,uBAAuB,GAAA;QAChC,OAAO,CAAA,EAAG,MAAM,CAAA,kCAAA,CAAoC;IACtD;;AACO,oBAAA,CAAA,MAAM,GAAG,MAAM,CAAC;AAzdvB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE;AACzC,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,WAAA,EAAA,MAAA,CAAA;AAKV,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE;AACzC,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,WAAA,EAAA,MAAA,CAAA;AAKV,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE;AACzC,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,cAAA,EAAA,MAAA,CAAA;AAKb,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE;AAC7B,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAKb,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,mBAAmB,EAAE;AAC1C,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,iBAAA,EAAA,MAAA,CAAA;AAKhB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,mBAAmB,EAAE;AAC1C,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,iBAAA,EAAA,MAAA,CAAA;AAKhB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,qBAAqB,EAAE;AAC1C,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,mBAAA,EAAA,MAAA,CAAA;AAKlB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AACK,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,kBAAA,EAAA,MAAA,CAAA;AAO/B,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE;AACjC,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,gBAAA,EAAA,MAAA,CAAA;AAIhB,UAAA,CAAA;AAFP,IAAA,OAAO,CAAC,EAAE,OAAO,EAAE,qBAAqB,EAAE;;AAEC,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,iBAAA,EAAA,MAAA,CAAA;AAEpC,UAAA,CAAA;IADP,KAAK,CAAC,oBAAoB;AACS,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,WAAA,EAAA,MAAA,CAAA;AAE5B,UAAA,CAAA;IADP,KAAK,CAAC,uBAAuB;AACS,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,cAAA,EAAA,MAAA,CAAA;AAE/B,UAAA,CAAA;IADP,KAAK,EAAE;AACyB,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,kBAAA,EAAA,MAAA,CAAA;AAGzB,UAAA,CAAA;IADP,KAAK,EAAE;AAC4B,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,qBAAA,EAAA,MAAA,CAAA;AAGpC,UAAA,CAAA;IADC,qBAAqB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AACnB,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,gBAAA,EAAA,MAAA,CAAA;AAGpC,UAAA,CAAA;IADC,qBAAqB,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,IAAI,EAAE;AACnB,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,mBAAA,EAAA,MAAA,CAAA;AA+P/B,UAAA,CAAA;IAFP,YAAY,CAAC,SAAS;;AAsBrB,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,gBAAA,EAAA,MAAA,CAAA;AAIM,UAAA,CAAA;IAFP,YAAY,CAAC,gBAAgB;;AAkG5B,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,cAAA,EAAA,MAAA,CAAA;AAzbE,oBAAoB,GAAA,UAAA,CAAA;AADzB,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,mBAAA,CAAqB;AACvC,CAAA,EAAA,oBAAoB,CA+dzB;AAED,mCAAe,oBAAoB;;;;"}
1	+ {"version":3,"file":"notification-panel.js","names":["styles","customElement"],"sources":["../../../src/components/notification-panel/notification-panel.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2023, 2024\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html } from 'lit';\nimport {\n state,\n property,\n query,\n queryAssignedElements,\n} from 'lit/decorators.js';\nimport { provide } from '@lit/context';\nimport { prefix } from '../../globals/settings';\nimport HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';\nimport HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';\nimport styles from './notification-panel.scss?lit';\nimport { selectorTabbable } from '@carbon/web-components/es/globals/settings.js';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { dateTimeLocaleContext } from './date-time-context';\nimport '@carbon/web-components/es-custom/components/button/index.js';\nimport '@carbon/web-components/es-custom/components/toggle/index.js';\nimport '@carbon/web-components/es-custom/components/icon-button/index.js';\nimport '@carbon-labs/wc-empty-state/es/index.js';\n\nconst blockClass = `${prefix}--notifications-panel`;\n/\n NotificationPanel.\n \n @element c4p-notification-panel\n * @csspart dialog The dialog.\n * @slot today - Today Section.\n * @slot previous - Previous Section.\n * @slot footer - Footer for the Panel.\n * @fires c4p-notification-panel-beingclosed - The custom event before notification-panel is closed.\n * @fires c4p-notification-dismiss-all - The custom event fired after notification-panel is closed upon a user gesture.\n * @fires c4p-notification-donot-disturb-change - The custom event fired after notification-panel is closed upon a user gesture.\n * @fires c4p-notification-click-outside - The custom event fired after user clicks outside the panel or Esc key is pressed.\n /\n@customElement(`${prefix}-notification-panel`)\nclass CDSNotificationPanel extends HostListenerMixin(LitElement) {\n /\n Sets the Title for the Notification panel\n /\n @property({ type: String, attribute: 'title-text' })\n titleText;\n /\n Sets the Today text for the Notification panel\n /\n @property({ type: String, attribute: 'today-text' })\n todayText;\n /\n Sets the Previous section title for the Notification panel\n /\n @property({ type: String, attribute: 'previous-text' })\n previousText;\n /\n Determines whether the notifications panel should render or not\n /\n @property({ reflect: true, type: Boolean })\n open = false;\n /\n Sets the label text for the \"Dismiss all\" button in the Notification panel\n /\n @property({ type: String, attribute: 'dismiss-all-label' })\n dismissAllLabel;\n /\n Sets the empty state label text when there are no notifications\n /\n @property({ type: String, attribute: 'empty-state-label' })\n emptyStateLabel;\n /\n Sets the label text for the \"Do Not Disturb\" toggle in the Notification panel\n /\n @property({ type: String, attribute: 'donot-disturb-label' })\n doNotDisturbLabel;\n /\n Reference to the trigger button\n /\n @property({ type: Object })\n triggerButtonRef?: HTMLElement;\n\n /\n The language for each notification's time stamp.\n * Used with `dateTimeStyle`.\n /\n @property({ type: String, attribute: 'date-time-locale' })\n dateTimeLocale?: string;\n\n @provide({ context: dateTimeLocaleContext })\n // @ts-ignore\n private _providedLocale: string \| undefined;\n @query('slot[name=\"today\"]')\n private todaySlot!: HTMLSlotElement;\n @query('slot[name=\"previous\"]')\n private previousSlot!: HTMLSlotElement;\n @state() // Use @state decorator\n private _hasTodayContent = false;\n\n @state() // Use @state decorator\n private _hasPreviousContent = false;\n\n @queryAssignedElements({ slot: 'today', flatten: true })\n _todayElements!: Array<HTMLElement>;\n\n @queryAssignedElements({ slot: 'previous', flatten: true })\n _previousElements!: Array<HTMLElement>;\n private _mutationObserver?: MutationObserver;\n\n willUpdate(changedProperties: any) {\n if (changedProperties.has('dateTimeLocale')) {\n this._providedLocale = this.dateTimeLocale;\n }\n if (\n changedProperties.has('_todayElements') \|\|\n changedProperties.has('_previousElements')\n ) {\n this._hasTodayContent = this._todayElements.length > 0;\n this._hasPreviousContent = this._previousElements.length > 0;\n }\n }\n\n firstUpdated() {\n this.todaySlot?.addEventListener('slotchange', () =>\n this._handleSlotChange('today')\n );\n this.previousSlot?.addEventListener('slotchange', () =>\n this._handleSlotChange('previous')\n );\n this._markFirstNotification();\n\n const addNotificationListeners = (slotName: string) => {\n const slot = this.shadowRoot?.querySelector(\n `slot[name=\"${slotName}\"]`\n ) as HTMLSlotElement \| null;\n const slottedElements = slot?.assignedElements({ flatten: true }) \|\| [];\n for (const el of slottedElements) {\n el.addEventListener('mouseenter', () => {\n this._handleMouseEnter(el);\n });\n el.addEventListener('mouseleave', () => {\n this._handleMouseLeave(el);\n });\n el.addEventListener('focusin', () => {\n this._handleFocusIn(el);\n });\n el.addEventListener('focusout', () => {\n this._handleFocusOut(el);\n });\n }\n };\n\n addNotificationListeners('today');\n addNotificationListeners('previous');\n }\n\n updated() {\n this._markFirstNotification();\n if (this.open) {\n requestAnimationFrame(() => this._tryFocusDismissButton());\n }\n }\n\n render() {\n const {\n titleText,\n todayText,\n previousText,\n dismissAllLabel,\n emptyStateLabel,\n doNotDisturbLabel,\n open,\n _hasTodayContent,\n _hasPreviousContent,\n _onDismissAllNotifications: onDismissAllNotifications,\n _handleToggle: handleToggle,\n } = this;\n const classes = classMap({\n [`${blockClass}__container`]: true,\n [`${blockClass}__entrance`]: open,\n [`${blockClass}__exit`]: !open,\n });\n\n const mainSectionClasses = classMap({\n [`${blockClass}__main-section`]: true,\n [`${blockClass}__main-section-empty`]:\n !_hasTodayContent && !_hasPreviousContent,\n });\n\n return html`\n <div role=\"dialog\" tabindex=\"0\" class=${classes}>\n <div class=\"${blockClass}__header-container\">\n <div class=\"${blockClass}__header-flex\">\n <h2 class=\"${blockClass}__header\">${titleText}</h2>\n <cds-custom-button\n size=\"sm\"\n kind=\"ghost\"\n class=\"${blockClass}__dismiss-button\"\n @click=${onDismissAllNotifications}\n >\n ${dismissAllLabel}\n </cds-custom-button>\n </div>\n <cds-custom-toggle\n size=\"sm\"\n class=\"${blockClass}__do-not-disturb-toggle\"\n id=\"${blockClass}__do-not-disturb-toggle-component\"\n label-a=${doNotDisturbLabel}\n label-b=${doNotDisturbLabel}\n aria-label=${doNotDisturbLabel}\n @cds-custom-toggle-changed=${handleToggle}\n ></cds-custom-toggle>\n </div>\n <div class=${mainSectionClasses}>\n ${_hasTodayContent\n ? html`\n <h3\n class=\"${blockClass}__time-section-label ${blockClass}__time-section-label--today\"\n >\n ${todayText}\n </h3>\n `\n : ''}\n <slot name=\"today\"></slot>\n ${_hasPreviousContent\n ? html`\n <h3\n class=\"${blockClass}__time-section-label ${blockClass}__time-section-label--previous\"\n >\n ${previousText}\n </h3>\n `\n : ''}\n <slot name=\"previous\"></slot>\n ${!_hasTodayContent && !_hasPreviousContent\n ? html` <slot name=\"empty-state\">\n <clabs-empty-state\n subtitle=\"${emptyStateLabel}\"\n kind=\"notifications\"\n >\n </clabs-empty-state>\n </slot>`\n : ''}\n </div>\n ${_hasTodayContent \|\| _hasPreviousContent\n ? html`<div class=\"${blockClass}__bottom-actions-container\">\n <slot name=\"footer\"></slot>\n </div>`\n : ''}\n </div>\n `;\n }\n disconnectedCallback() {\n super.disconnectedCallback();\n this._mutationObserver?.disconnect();\n }\n\n private _handleMouseEnter(el: Element) {\n const next = el.nextElementSibling;\n if (next?.tagName.toLowerCase() === `${prefix}-notification`) {\n next.classList.add(`${blockClass}__notification--next`);\n }\n }\n private _handleMouseLeave(el: Element) {\n const next = el.nextElementSibling;\n if (next?.tagName.toLowerCase() === `${prefix}-notification`) {\n next.classList.remove(`${blockClass}__notification--next`);\n }\n }\n private _handleFocusIn(el: Element) {\n const next = el.nextElementSibling;\n if (next?.tagName.toLowerCase() === `${prefix}-notification`) {\n next.classList.add(`${blockClass}__notification--next`);\n }\n }\n private _handleFocusOut(el: Element) {\n const next = el.nextElementSibling;\n if (next?.tagName.toLowerCase() === `${prefix}-notification`) {\n next.classList.remove(`${blockClass}__notification--next`);\n }\n }\n private _markFirstNotification() {\n const notifications = this.querySelectorAll(`${prefix}-notification`);\n notifications.forEach((el, i) => {\n el.classList.toggle('first-notification', i === 0);\n });\n }\n private _handleSlotChange(slotName: 'today' \| 'previous') {\n slotName === 'today'\n ? (this._hasTodayContent = this._todayElements.length > 0)\n : (this._hasPreviousContent = this._previousElements.length > 0);\n }\n private _tryFocusDismissButton() {\n const button = this.renderRoot.querySelector<HTMLButtonElement>(\n `.${blockClass}__dismiss-button`\n );\n if (button) {\n button.focus();\n } else {\n this._mutationObserver?.disconnect();\n this._mutationObserver = new MutationObserver(() => {\n const btn = this.renderRoot.querySelector<HTMLButtonElement>(\n `.${blockClass}__dismiss-button`\n );\n if (btn) {\n btn.focus();\n this._mutationObserver?.disconnect();\n }\n });\n\n this._mutationObserver.observe(this.renderRoot, {\n childList: true,\n subtree: true,\n });\n }\n }\n /\n Handles user-initiated dismiss of all notifications.\n \n @param event The event that triggered the click.\n /\n private _onDismissAllNotifications(event: Event) {\n const triggeredBy = event.target;\n event.stopPropagation();\n const init = {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n triggeredBy,\n },\n };\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSNotificationPanel).eventDismissAll,\n init\n )\n );\n }\n\n private _handleToggle(event: Event) {\n const triggeredBy = event.target;\n const init = {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n triggeredBy,\n },\n };\n this.dispatchEvent(\n new CustomEvent(\n (\n this.constructor as typeof CDSNotificationPanel\n ).eventDonotDisturbChange,\n init\n )\n );\n }\n @HostListener('keydown')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleKeydown = ({ key, target }: KeyboardEvent) => {\n if (key === 'Escape') {\n this.open = false;\n const init = {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n triggeredBy: target,\n },\n };\n\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSNotificationPanel).eventClickOutside,\n init\n )\n );\n this.triggerButtonRef?.focus();\n }\n };\n // Use @HostListener for global document click events\n @HostListener('document:click')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleClick = (event: MouseEvent) => {\n const target = event.target as Node;\n\n if (!this.open \|\| this.contains(target)) {\n return;\n }\n // Check if the target is an actionable element\n const actionableSelectors = [\n 'a',\n 'button',\n 'input',\n 'select',\n 'textarea',\n '[role=\"button\"]',\n '[role=\"link\"]',\n '[tabindex]:not([tabindex=\"-1\"]',\n 'cds-custom-button',\n 'cds-custom-link',\n 'cds-custom-accordion-item',\n 'cds-custom-breadcrumb-item',\n 'cds-custom-icon-button',\n 'cds-custom-checkbox',\n 'cds-custom-dropdown',\n 'cds-custom-dropdown-item',\n 'cds-custom-file-uploader',\n 'cds-custom-file-uploader-button',\n 'cds-custom-menu-button',\n 'cds-custom-menu',\n 'cds-custom-menu-item',\n 'cds-custom-multi-select',\n 'cds-custom-multi-select-item',\n 'cds-custom-number-input',\n 'cds-custom-overflow-menu',\n 'cds-custom-overflow-menu-body',\n 'cds-custom-overflow-menu-item',\n 'cds-custom-pagination',\n 'cds-custom-select-item',\n 'cds-custom-radio-button',\n 'cds-custom-search',\n 'cds-custom-select',\n 'cds-custom-slider',\n 'cds-custom-slider-input',\n 'cds-custom-tabs',\n 'cds-custom-tab',\n 'cds-custom-textarea',\n 'cds-custom-text-input',\n 'cds-custom-time-picker',\n 'cds-custom-time-picker-select',\n 'cds-custom-select-item',\n 'cds-custom-toggle',\n 'cds-custom-toggletip',\n ];\n const isActionable = actionableSelectors.some((selector) => {\n if (!(target instanceof Element)) {\n return false;\n }\n if (target.closest(selector)) {\n return true;\n }\n const root = target.getRootNode();\n return (\n root instanceof ShadowRoot &&\n root.host instanceof Element &&\n root.host.matches(selector)\n );\n });\n if (this.open && this.triggerButtonRef?.contains(target)) {\n return;\n }\n const init = {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n triggeredBy: target,\n },\n };\n if (\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSNotificationPanel).eventBeforeClose,\n init\n )\n )\n ) {\n this.open = false;\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSNotificationPanel).eventClickOutside,\n init\n )\n );\n if (!isActionable) {\n this.triggerButtonRef?.focus();\n }\n }\n };\n\n /\n A selector selecting tabbable nodes.\n /\n static get selectorTabbable() {\n return selectorTabbable;\n }\n\n /\n The name of the custom event fired before this notification-panel is being closed upon a user gesture.\n * Cancellation of this event stops the user-initiated action of closing this notification-panel.\n /\n static get eventBeforeClose() {\n return `${prefix}-notification-panel-beingclosed`;\n }\n\n /\n The name of the custom event fired after this notification-panel is closed upon a user gesture.\n /\n static get eventClickOutside() {\n return `${prefix}-notification-click-outside`;\n }\n\n /\n The name of the custom event fired after dismiss all button click\n /\n static get eventDismissAll() {\n return `${prefix}-notification-dismiss-all`;\n }\n\n /\n The name of the custom event fired after this do not disturb button toggled.\n */\n static get eventDonotDisturbChange() {\n return `${prefix}-notification-donot-disturb-change`;\n }\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSNotificationPanel;\n"],"mappings":"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"}

package/es-custom/components/notification-panel/notification-panel.scss.js CHANGED Viewed

@@ -1,13 +1,15 @@
 /**
- * Copyright IBM Corp. 2024
+ * Copyright IBM Corp. 2020, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { css } from 'lit';
+import { css } from "lit";
-var styles = css(["a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-feature-settings:\"liga\" 1;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}:root{color-scheme:var(--cds-color-scheme,light)}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{background-color:var(--cds-background,#fff);color:var(--cds-text-primary,#161616);line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}html{font-size:100%}body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-heading-06-font-size,2.625rem);font-weight:var(--cds-heading-06-font-weight,300);letter-spacing:var(--cds-heading-06-letter-spacing,0);line-height:var(--cds-heading-06-line-height,1.199)}h2{font-size:var(--cds-heading-05-font-size,2rem);font-weight:var(--cds-heading-05-font-weight,400);letter-spacing:var(--cds-heading-05-letter-spacing,0);line-height:var(--cds-heading-05-line-height,1.25)}h3{font-size:var(--cds-heading-04-font-size,1.75rem);font-weight:var(--cds-heading-04-font-weight,400);letter-spacing:var(--cds-heading-04-letter-spacing,0);line-height:var(--cds-heading-04-line-height,1.28572)}h4{font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);letter-spacing:var(--cds-heading-03-letter-spacing,0);line-height:var(--cds-heading-03-line-height,1.4)}h5{font-size:var(--cds-heading-02-font-size,1rem);font-weight:var(--cds-heading-02-font-weight,600);letter-spacing:var(--cds-heading-02-letter-spacing,0);line-height:var(--cds-heading-02-line-height,1.5)}h6{font-size:var(--cds-heading-01-font-size,.875rem);font-weight:var(--cds-heading-01-font-weight,600);letter-spacing:var(--cds-heading-01-letter-spacing,.16px);line-height:var(--cds-heading-01-line-height,1.42857)}p{font-size:var(--cds-body-02-font-size,1rem);font-weight:var(--cds-body-02-font-weight,400);letter-spacing:var(--cds-body-02-letter-spacing,0);line-height:var(--cds-body-02-line-height,1.5)}a{color:var(--cds-link-primary,#0062fe)}em{font-style:italic}@keyframes c4p--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes c4p--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes c4p--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.c4p--layout--size-xs{--c4p-layout-size-height-context:var(--c4p-layout-size-height-xs,1.5rem);--c4p-layout-size-height:var(--c4p-layout-size-height-context)}.c4p--layout-constraint--size__default-xs{--c4p-layout-size-height:var(--c4p-layout-size-height-context,var(--c4p-layout-size-height-xs,1.5rem))}.c4p--layout-constraint--size__min-xs{--c4p-layout-size-height-min:var(--c4p-layout-size-height-xs,1.5rem)}.c4p--layout-constraint--size__max-xs{--c4p-layout-size-height-max:var(--c4p-layout-size-height-xs,1.5rem)}.c4p--layout--size-sm{--c4p-layout-size-height-context:var(--c4p-layout-size-height-sm,2rem);--c4p-layout-size-height:var(--c4p-layout-size-height-context)}.c4p--layout-constraint--size__default-sm{--c4p-layout-size-height:var(--c4p-layout-size-height-context,var(--c4p-layout-size-height-sm,2rem))}.c4p--layout-constraint--size__min-sm{--c4p-layout-size-height-min:var(--c4p-layout-size-height-sm,2rem)}.c4p--layout-constraint--size__max-sm{--c4p-layout-size-height-max:var(--c4p-layout-size-height-sm,2rem)}.c4p--layout--size-md{--c4p-layout-size-height-context:var(--c4p-layout-size-height-md,2.5rem);--c4p-layout-size-height:var(--c4p-layout-size-height-context)}.c4p--layout-constraint--size__default-md{--c4p-layout-size-height:var(--c4p-layout-size-height-context,var(--c4p-layout-size-height-md,2.5rem))}.c4p--layout-constraint--size__min-md{--c4p-layout-size-height-min:var(--c4p-layout-size-height-md,2.5rem)}.c4p--layout-constraint--size__max-md{--c4p-layout-size-height-max:var(--c4p-layout-size-height-md,2.5rem)}.c4p--layout--size-lg{--c4p-layout-size-height-context:var(--c4p-layout-size-height-lg,3rem);--c4p-layout-size-height:var(--c4p-layout-size-height-context)}.c4p--layout-constraint--size__default-lg{--c4p-layout-size-height:var(--c4p-layout-size-height-context,var(--c4p-layout-size-height-lg,3rem))}.c4p--layout-constraint--size__min-lg{--c4p-layout-size-height-min:var(--c4p-layout-size-height-lg,3rem)}.c4p--layout-constraint--size__max-lg{--c4p-layout-size-height-max:var(--c4p-layout-size-height-lg,3rem)}.c4p--layout--size-xl{--c4p-layout-size-height-context:var(--c4p-layout-size-height-xl,4rem);--c4p-layout-size-height:var(--c4p-layout-size-height-context)}.c4p--layout-constraint--size__default-xl{--c4p-layout-size-height:var(--c4p-layout-size-height-context,var(--c4p-layout-size-height-xl,4rem))}.c4p--layout-constraint--size__min-xl{--c4p-layout-size-height-min:var(--c4p-layout-size-height-xl,4rem)}.c4p--layout-constraint--size__max-xl{--c4p-layout-size-height-max:var(--c4p-layout-size-height-xl,4rem)}.c4p--layout--size-2xl{--c4p-layout-size-height-context:var(--c4p-layout-size-height-2xl,5rem);--c4p-layout-size-height:var(--c4p-layout-size-height-context)}.c4p--layout-constraint--size__default-2xl{--c4p-layout-size-height:var(--c4p-layout-size-height-context,var(--c4p-layout-size-height-2xl,5rem))}.c4p--layout-constraint--size__min-2xl{--c4p-layout-size-height-min:var(--c4p-layout-size-height-2xl,5rem)}.c4p--layout-constraint--size__max-2xl{--c4p-layout-size-height-max:var(--c4p-layout-size-height-2xl,5rem)}.c4p--layout--density-condensed{--c4p-layout-density-padding-inline-context:var(--c4p-layout-density-padding-inline-condensed,0.5rem);--c4p-layout-density-padding-inline:var(--c4p-layout-density-padding-inline-context)}.c4p--layout-constraint--density__default-condensed{--c4p-layout-density-padding-inline:var(--c4p-layout-density-padding-inline-context,var(--c4p-layout-density-padding-inline-condensed,0.5rem))}.c4p--layout-constraint--density__min-condensed{--c4p-layout-density-padding-inline-min:var(--c4p-layout-density-padding-inline-condensed,0.5rem)}.c4p--layout-constraint--density__max-condensed{--c4p-layout-density-padding-inline-max:var(--c4p-layout-density-padding-inline-condensed,0.5rem)}.c4p--layout--density-normal{--c4p-layout-density-padding-inline-context:var(--c4p-layout-density-padding-inline-normal,1rem);--c4p-layout-density-padding-inline:var(--c4p-layout-density-padding-inline-context)}.c4p--layout-constraint--density__default-normal{--c4p-layout-density-padding-inline:var(--c4p-layout-density-padding-inline-context,var(--c4p-layout-density-padding-inline-normal,1rem))}.c4p--layout-constraint--density__min-normal{--c4p-layout-density-padding-inline-min:var(--c4p-layout-density-padding-inline-normal,1rem)}.c4p--layout-constraint--density__max-normal{--c4p-layout-density-padding-inline-max:var(--c4p-layout-density-padding-inline-normal,1rem)}:root{--c4p-layout-size-height-xs:1.5rem;--c4p-layout-size-height-sm:2rem;--c4p-layout-size-height-md:2.5rem;--c4p-layout-size-height-lg:3rem;--c4p-layout-size-height-xl:4rem;--c4p-layout-size-height-2xl:5rem;--c4p-layout-size-height-min:0px;--c4p-layout-size-height-max:999999999px;--c4p-layout-density-padding-inline-condensed:0.5rem;--c4p-layout-density-padding-inline-normal:1rem;--c4p-layout-density-padding-inline-min:0px;--c4p-layout-density-padding-inline-max:999999999px}.c4p--assistive-text,.c4p--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.c4p--empty-state{color:var(--cds-text-primary,#161616);display:flex}.c4p--empty-state .c4p--empty-state__header{font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);letter-spacing:var(--cds-heading-03-letter-spacing,0);line-height:var(--cds-heading-03-line-height,1.4);margin:0;padding-block-end:.5rem}.c4p--empty-state .c4p--empty-state__subtitle{color:var(--cds-text-secondary,#525252);font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);padding-block-end:1rem}.c4p--empty-state .c4p--empty-state__header--small{font-size:var(--cds-body-compact-02-font-size,1rem);font-weight:var(--cds-body-compact-02-font-weight,400);letter-spacing:var(--cds-body-compact-02-letter-spacing,0);line-height:var(--cds-body-compact-02-line-height,1.375);padding-block-end:.5rem}.c4p--empty-state .c4p--empty-state__subtitle--small{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.c4p--empty-state__illustration{block-size:auto;margin-block-end:1rem}.c4p--empty-state__illustration.c4p--empty-state__illustration--lg{max-inline-size:5rem;min-inline-size:5rem}.c4p--empty-state__illustration.c4p--empty-state__illustration--sm{max-inline-size:4rem;min-inline-size:4rem}.c4p--empty-state-position--top{flex-direction:column}.c4p--empty-state-position--right{flex-direction:row-reverse}.c4p--empty-state-position--bottom{flex-direction:column-reverse}.c4p--empty-state-position--left{flex-direction:row}.c4p--empty-state .c4p--empty-state__action-button{display:block;margin-block-end:1rem}.c4p--empty-state .c4p--empty-state__link{display:inline-block}@keyframes notifications-panel-fade-in{0%{opacity:0;transform:translateY(-38.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes notifications-panel-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-38.5rem)}}@keyframes notifications-panel-entrance-reduced{0%{opacity:0}to{opacity:1}}@keyframes notifications-panel-exit-reduced{0%{opacity:1}to{opacity:0}}.c4p--notifications-panel__entrance{animation:notifications-panel-fade-in .24s cubic-bezier(.2,0,.38,.9)}.c4p--notifications-panel__exit{animation:notifications-panel-fade-out .24s cubic-bezier(.2,0,.38,.9) forwards}@media (prefers-reduced-motion){.c4p--notifications-panel__entrance{animation:notifications-panel-entrance-reduced .15s cubic-bezier(.2,0,1,.9) forwards}.c4p--notifications-panel__exit{animation:notifications-panel-exit-reduced .15s cubic-bezier(.2,0,1,.9) forwards}}.c4p--notifications-panel__container{background-color:var(--cds-layer-01,#f4f4f4);border-block-end:1px solid var(--cds-border-subtle-02,#e0e0e0);border-inline-start:1px solid var(--cds-border-subtle-02,#e0e0e0);box-shadow:0 .125rem .25rem var(--cds-overlay,rgba(0,0,0,.6));clip-path:inset(0 calc(var(--cds-spacing-01)*-1) calc(var(--cds-spacing-02)*-1) calc(var(--cds-spacing-01)*-1));color:var(--cds-text-primary,#161616);inset-block-start:3rem;inset-inline-end:0;max-block-size:38.5rem;max-inline-size:22.75rem;min-block-size:38.5rem;min-inline-size:20rem;overflow:auto;position:fixed;transition:transform .11s cubic-bezier(.2,0,.38,.9);z-index:2}.c4p--notifications-panel__container .c4p--notifications-panel__header-container{background-color:var(--cds-layer-01,#f4f4f4);border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6);inset-block-start:0;padding:.5rem 1rem;position:sticky;z-index:2}.c4p--notifications-panel__container .c4p--notifications-panel__header-container .c4p--notifications-panel__header-flex{align-items:center;display:flex;justify-content:space-between}.c4p--notifications-panel__container .c4p--notifications-panel__header-container .c4p--notifications-panel__do-not-disturb-toggle{padding-block-end:.5rem}.c4p--notifications-panel__container .c4p--notifications-panel__header-container .c4p--notifications-panel__do-not-disturb-toggle .c4p--toggle__label-text{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.c4p--notifications-panel__container .c4p--notifications-panel__header-container .c4p--notifications-panel__dismiss-button{color:var(--cds-text-primary,#161616)}.c4p--notifications-panel__container .c4p--notifications-panel__header-container .c4p--notifications-panel__header{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572);margin:0}.c4p--notifications-panel__container .c4p--notifications-panel__time-section-label{background-color:var(--cds-layer-01,#f4f4f4);color:var(--cds-text-secondary,#525252);font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);font-weight:600;inset-block-start:3.0625rem;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);padding:.5rem 1rem;position:sticky;z-index:2}.c4p--notifications-panel__container .c4p--notifications-panel__notification:focus,.c4p--notifications-panel__container .c4p--notifications-panel__notification:hover{background-color:var(--cds-layer-accent-01,#e0e0e0)}.c4p--notifications-panel__container .c4p--notifications-panel__notification:focus .c4p--notifications-panel__dismiss-single-button,.c4p--notifications-panel__container .c4p--notifications-panel__notification:hover .c4p--notifications-panel__dismiss-single-button{opacity:1}.c4p--notifications-panel__container .c4p--notifications-panel__notification:focus{border-color:var(--cds-focus,#0f62fe);box-shadow:inset 0 0 0 2px var(--cds-focus,#0f62fe),inset 0 0 0 2px var(--cds-background,#fff);outline:0}.c4p--notifications-panel__container .c4p--notifications-panel__notification{align-items:flex-start;background-color:var(--cds-layer-01,#f4f4f4);border:0;cursor:pointer;display:flex;inline-size:100%;min-block-size:6.25rem;padding:1rem;position:relative;text-align:start;transition:background-color .24s cubic-bezier(.2,0,.38,.9)}.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-title{color:var(--cds-text-secondary,#525252);font-size:var(--cds-heading-01-font-size,.875rem);font-weight:var(--cds-heading-01-font-weight,600);font-weight:400;letter-spacing:var(--cds-heading-01-letter-spacing,.16px);line-height:var(--cds-heading-01-line-height,1.42857);margin-block-end:.25rem}.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-title.c4p--notifications-panel__notification-title-unread{color:var(--cds-text-secondary,#525252);font-weight:600;margin-block-end:.25rem}.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notifications-link{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-status-icon{margin-inline-end:.5rem;min-inline-size:1rem}.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-status-icon.c4p--notifications-panel__notification-status-icon-error{fill:var(--cds-support-error,#da1e28)}.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-status-icon.c4p--notifications-panel__notification-status-icon-success{fill:var(--cds-support-success,#24a148)}.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-status-icon.c4p--notifications-panel__notification-status-icon-warning{fill:var(--cds-support-warning,#f1c21b)}.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-status-icon.c4p--notifications-panel__notification-status-icon-informational{fill:var(--cds-support-info,#0043ce)}.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-time-label{margin-block-end:.5rem}.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-description,.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-time-label{color:var(--cds-text-secondary,#525252);font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-description.c4p--notifications-panel__notification-short-description{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-description.c4p--notifications-panel__notification-long-description{display:block;overflow:initial;-webkit-line-clamp:initial;line-clamp:none}.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-less-button,.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-more-button{align-items:center;display:flex;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);min-inline-size:5.5rem;padding:0}.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-less-button .c4p--btn__icon,.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-more-button .c4p--btn__icon{transition:transform .24s ease}@media (prefers-reduced-motion:reduce){.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-less-button .c4p--btn__icon,.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-more-button .c4p--btn__icon{transition:none}}.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-less-button.c4p--notifications-panel__notification-read-more-button .c4p--btn__icon,.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-more-button.c4p--notifications-panel__notification-read-more-button .c4p--btn__icon{transform:rotate(0deg)}.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-less-button.c4p--notifications-panel__notification-read-less-button .c4p--btn__icon,.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-more-button.c4p--notifications-panel__notification-read-less-button .c4p--btn__icon{transform:rotate(180deg)}.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--popover-container{position:static}.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__dismiss-single-button{align-items:center;color:var(--cds-text-primary,#161616);display:flex;inset-block-start:0;inset-inline-end:0;justify-content:center;min-inline-size:2rem;opacity:0;padding:0;position:absolute}.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__dismiss-single-button:focus,.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__dismiss-single-button:hover{opacity:1}.c4p--notifications-panel__container .c4p--notifications-panel__notification:focus:before{display:none}.c4p--notifications-panel__container .c4p--notifications-panel__notification-previous:not(:first-of-type):before,.c4p--notifications-panel__container .c4p--notifications-panel__notification-today:not(:first-of-type):before,.c4p--notifications-panel__container .c4p--notifications-panel__notification-yesterday:not(:first-of-type):before{background-color:var(--cds-border-subtle-01,#c6c6c6);block-size:1px;content:\"\";inline-size:calc(100% - 2rem);inset-block-start:0;margin:0 auto;position:absolute;transition:background-color .24s cubic-bezier(.2,0,.38,.9)}.c4p--notifications-panel__container .c4p--notifications-panel__notification-previous:hover+.c4p--notifications-panel__notification-previous:not(:first-of-type):before,.c4p--notifications-panel__container .c4p--notifications-panel__notification-today:hover+.c4p--notifications-panel__notification-today:not(:first-of-type):before,.c4p--notifications-panel__container .c4p--notifications-panel__notification-yesterday:hover+.c4p--notifications-panel__notification-yesterday:not(:first-of-type):before{background-color:transparent}.c4p--notifications-panel__container .c4p--notifications-panel__main-section-empty.c4p--notifications-panel__main-section{align-items:center;block-size:100%;display:flex;justify-content:center;margin-block-start:10rem;min-block-size:0}.c4p--notifications-panel__container .c4p--notifications-panel__main-section-empty.c4p--notifications-panel__main-section .c4p-subtext{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.c4p--notifications-panel__container .c4p--notifications-panel__main-section{min-block-size:498px}.c4p--notifications-panel__container .c4p--notifications-panel__bottom-actions{align-items:center;background-color:var(--cds-layer-01,#f4f4f4);block-size:2.5rem;border-block-start:1px solid var(--cds-border-subtle-01,#c6c6c6);display:flex;inset-block-end:0;min-block-size:2.5rem;position:sticky;z-index:2}.c4p--notifications-panel__container .c4p--notifications-panel__bottom-actions .c4p--notifications-panel__view-all-button{align-items:center;block-size:2.5rem;border-inline-end:1px solid var(--cds-border-subtle-01,#c6c6c6);color:var(--cds-text-primary,#161616);display:flex;inline-size:100%;max-inline-size:calc(100% - 2.5rem);min-block-size:2.5rem}.c4p--notifications-panel__container .c4p--notifications-panel__bottom-actions .c4p--notifications-panel__settings-button{align-items:center;block-size:2.5rem;color:var(--cds-text-primary,#161616);display:flex;justify-content:center;min-block-size:2.5rem;min-inline-size:2.5rem;padding:0}.c4p--notifications-panel__container .c4p--notifications-panel__bottom-actions .c4p--notifications-panel__settings-button .c4p--btn__icon{margin:0}.c4p--notifications-panel__header-container:has(.c4p--notifications-panel__do-not-disturb-toggle)+.c4p--notifications-panel__main-section .c4p--notifications-panel__time-section-label{inset-block-start:4.8125rem}:host(c4p-notification-panel) .c4p--notifications-panel__do-not-disturb-toggle{display:block}:host(c4p-notification-panel) ::slotted(.c4p--notifications-panel__bottom-actions){align-items:center;display:flex}.c4p--notifications-panel__header-container{--cds-heading-06-font-size:--cds-heading-compact-01-font-size;--cds-heading-06-font-weight:--cds-heading-compact-01-font-weight;--cds-heading-06-line-height:--cds-heading-compact-01-line-height;--cds-heading-06-letter-spacing:--cds-heading-compact-01-letter-spacing}.c4p--notifications-panel__dismiss-button{--cds-link-primary:--cds-text-primary;--cds-link-primary-hover:--cds-text-primary}.c4p--notifications-panel__bottom-actions-container{background-color:var(--cds-layer-01,#f4f4f4);block-size:2.5rem;border-block-start:1px solid var(--cds-border-subtle-01,#c6c6c6);inset-block-end:0;min-block-size:2.5rem;position:sticky;z-index:2}"]);
+//#region src/components/notification-panel/notification-panel.scss?lit
+var notification_panel_default = css(["a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-feature-settings:\"liga\" 1;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}:root{color-scheme:var(--cds-custom-color-scheme,light)}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{background-color:var(--cds-custom-background,#fff);color:var(--cds-custom-text-primary,#161616);line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}html{font-size:100%}body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-custom-heading-06-font-size,2.625rem);font-weight:var(--cds-custom-heading-06-font-weight,300);letter-spacing:var(--cds-custom-heading-06-letter-spacing,0);line-height:var(--cds-custom-heading-06-line-height,1.199)}h2{font-size:var(--cds-custom-heading-05-font-size,2rem);font-weight:var(--cds-custom-heading-05-font-weight,400);letter-spacing:var(--cds-custom-heading-05-letter-spacing,0);line-height:var(--cds-custom-heading-05-line-height,1.25)}h3{font-size:var(--cds-custom-heading-04-font-size,1.75rem);font-weight:var(--cds-custom-heading-04-font-weight,400);letter-spacing:var(--cds-custom-heading-04-letter-spacing,0);line-height:var(--cds-custom-heading-04-line-height,1.28572)}h4{font-size:var(--cds-custom-heading-03-font-size,1.25rem);font-weight:var(--cds-custom-heading-03-font-weight,400);letter-spacing:var(--cds-custom-heading-03-letter-spacing,0);line-height:var(--cds-custom-heading-03-line-height,1.4)}h5{font-size:var(--cds-custom-heading-02-font-size,1rem);font-weight:var(--cds-custom-heading-02-font-weight,600);letter-spacing:var(--cds-custom-heading-02-letter-spacing,0);line-height:var(--cds-custom-heading-02-line-height,1.5)}h6{font-size:var(--cds-custom-heading-01-font-size,.875rem);font-weight:var(--cds-custom-heading-01-font-weight,600);letter-spacing:var(--cds-custom-heading-01-letter-spacing,.16px);line-height:var(--cds-custom-heading-01-line-height,1.42857)}p{font-size:var(--cds-custom-body-02-font-size,1rem);font-weight:var(--cds-custom-body-02-font-weight,400);letter-spacing:var(--cds-custom-body-02-letter-spacing,0);line-height:var(--cds-custom-body-02-line-height,1.5)}a{color:var(--cds-custom-link-primary,#0062fe)}em{font-style:italic}@keyframes c4p--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes c4p--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes c4p--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.c4p--layout--size-xs{--c4p-layout-size-height-context:var(--c4p-layout-size-height-xs,1.5rem);--c4p-layout-size-height:var(--c4p-layout-size-height-context)}.c4p--layout-constraint--size__default-xs{--c4p-layout-size-height:var(--c4p-layout-size-height-context,var(--c4p-layout-size-height-xs,1.5rem))}.c4p--layout-constraint--size__min-xs{--c4p-layout-size-height-min:var(--c4p-layout-size-height-xs,1.5rem)}.c4p--layout-constraint--size__max-xs{--c4p-layout-size-height-max:var(--c4p-layout-size-height-xs,1.5rem)}.c4p--layout--size-sm{--c4p-layout-size-height-context:var(--c4p-layout-size-height-sm,2rem);--c4p-layout-size-height:var(--c4p-layout-size-height-context)}.c4p--layout-constraint--size__default-sm{--c4p-layout-size-height:var(--c4p-layout-size-height-context,var(--c4p-layout-size-height-sm,2rem))}.c4p--layout-constraint--size__min-sm{--c4p-layout-size-height-min:var(--c4p-layout-size-height-sm,2rem)}.c4p--layout-constraint--size__max-sm{--c4p-layout-size-height-max:var(--c4p-layout-size-height-sm,2rem)}.c4p--layout--size-md{--c4p-layout-size-height-context:var(--c4p-layout-size-height-md,2.5rem);--c4p-layout-size-height:var(--c4p-layout-size-height-context)}.c4p--layout-constraint--size__default-md{--c4p-layout-size-height:var(--c4p-layout-size-height-context,var(--c4p-layout-size-height-md,2.5rem))}.c4p--layout-constraint--size__min-md{--c4p-layout-size-height-min:var(--c4p-layout-size-height-md,2.5rem)}.c4p--layout-constraint--size__max-md{--c4p-layout-size-height-max:var(--c4p-layout-size-height-md,2.5rem)}.c4p--layout--size-lg{--c4p-layout-size-height-context:var(--c4p-layout-size-height-lg,3rem);--c4p-layout-size-height:var(--c4p-layout-size-height-context)}.c4p--layout-constraint--size__default-lg{--c4p-layout-size-height:var(--c4p-layout-size-height-context,var(--c4p-layout-size-height-lg,3rem))}.c4p--layout-constraint--size__min-lg{--c4p-layout-size-height-min:var(--c4p-layout-size-height-lg,3rem)}.c4p--layout-constraint--size__max-lg{--c4p-layout-size-height-max:var(--c4p-layout-size-height-lg,3rem)}.c4p--layout--size-xl{--c4p-layout-size-height-context:var(--c4p-layout-size-height-xl,4rem);--c4p-layout-size-height:var(--c4p-layout-size-height-context)}.c4p--layout-constraint--size__default-xl{--c4p-layout-size-height:var(--c4p-layout-size-height-context,var(--c4p-layout-size-height-xl,4rem))}.c4p--layout-constraint--size__min-xl{--c4p-layout-size-height-min:var(--c4p-layout-size-height-xl,4rem)}.c4p--layout-constraint--size__max-xl{--c4p-layout-size-height-max:var(--c4p-layout-size-height-xl,4rem)}.c4p--layout--size-2xl{--c4p-layout-size-height-context:var(--c4p-layout-size-height-2xl,5rem);--c4p-layout-size-height:var(--c4p-layout-size-height-context)}.c4p--layout-constraint--size__default-2xl{--c4p-layout-size-height:var(--c4p-layout-size-height-context,var(--c4p-layout-size-height-2xl,5rem))}.c4p--layout-constraint--size__min-2xl{--c4p-layout-size-height-min:var(--c4p-layout-size-height-2xl,5rem)}.c4p--layout-constraint--size__max-2xl{--c4p-layout-size-height-max:var(--c4p-layout-size-height-2xl,5rem)}.c4p--layout--density-condensed{--c4p-layout-density-padding-inline-context:var(--c4p-layout-density-padding-inline-condensed,0.5rem);--c4p-layout-density-padding-inline:var(--c4p-layout-density-padding-inline-context)}.c4p--layout-constraint--density__default-condensed{--c4p-layout-density-padding-inline:var(--c4p-layout-density-padding-inline-context,var(--c4p-layout-density-padding-inline-condensed,0.5rem))}.c4p--layout-constraint--density__min-condensed{--c4p-layout-density-padding-inline-min:var(--c4p-layout-density-padding-inline-condensed,0.5rem)}.c4p--layout-constraint--density__max-condensed{--c4p-layout-density-padding-inline-max:var(--c4p-layout-density-padding-inline-condensed,0.5rem)}.c4p--layout--density-normal{--c4p-layout-density-padding-inline-context:var(--c4p-layout-density-padding-inline-normal,1rem);--c4p-layout-density-padding-inline:var(--c4p-layout-density-padding-inline-context)}.c4p--layout-constraint--density__default-normal{--c4p-layout-density-padding-inline:var(--c4p-layout-density-padding-inline-context,var(--c4p-layout-density-padding-inline-normal,1rem))}.c4p--layout-constraint--density__min-normal{--c4p-layout-density-padding-inline-min:var(--c4p-layout-density-padding-inline-normal,1rem)}.c4p--layout-constraint--density__max-normal{--c4p-layout-density-padding-inline-max:var(--c4p-layout-density-padding-inline-normal,1rem)}:root{--c4p-layout-size-height-xs:1.5rem;--c4p-layout-size-height-sm:2rem;--c4p-layout-size-height-md:2.5rem;--c4p-layout-size-height-lg:3rem;--c4p-layout-size-height-xl:4rem;--c4p-layout-size-height-2xl:5rem;--c4p-layout-size-height-min:0px;--c4p-layout-size-height-max:999999999px;--c4p-layout-density-padding-inline-condensed:0.5rem;--c4p-layout-density-padding-inline-normal:1rem;--c4p-layout-density-padding-inline-min:0px;--c4p-layout-density-padding-inline-max:999999999px}.c4p--assistive-text,.c4p--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.c4p--empty-state{color:var(--cds-custom-text-primary,#161616);display:flex}.c4p--empty-state .c4p--empty-state__header{font-size:var(--cds-custom-heading-03-font-size,1.25rem);font-weight:var(--cds-custom-heading-03-font-weight,400);letter-spacing:var(--cds-custom-heading-03-letter-spacing,0);line-height:var(--cds-custom-heading-03-line-height,1.4);margin:0;padding-block-end:.5rem}.c4p--empty-state .c4p--empty-state__subtitle{color:var(--cds-custom-text-secondary,#525252);font-size:var(--cds-custom-body-01-font-size,.875rem);font-weight:var(--cds-custom-body-01-font-weight,400);letter-spacing:var(--cds-custom-body-01-letter-spacing,.16px);line-height:var(--cds-custom-body-01-line-height,1.42857);padding-block-end:1rem}.c4p--empty-state .c4p--empty-state__header--small{font-size:var(--cds-custom-body-compact-02-font-size,1rem);font-weight:var(--cds-custom-body-compact-02-font-weight,400);letter-spacing:var(--cds-custom-body-compact-02-letter-spacing,0);line-height:var(--cds-custom-body-compact-02-line-height,1.375);padding-block-end:.5rem}.c4p--empty-state .c4p--empty-state__subtitle--small{font-size:var(--cds-custom-label-01-font-size,.75rem);font-weight:var(--cds-custom-label-01-font-weight,400);letter-spacing:var(--cds-custom-label-01-letter-spacing,.32px);line-height:var(--cds-custom-label-01-line-height,1.33333)}.c4p--empty-state__illustration{block-size:auto;margin-block-end:1rem}.c4p--empty-state__illustration.c4p--empty-state__illustration--lg{max-inline-size:5rem;min-inline-size:5rem}.c4p--empty-state__illustration.c4p--empty-state__illustration--sm{max-inline-size:4rem;min-inline-size:4rem}.c4p--empty-state-position--top{flex-direction:column}.c4p--empty-state-position--right{flex-direction:row-reverse}.c4p--empty-state-position--bottom{flex-direction:column-reverse}.c4p--empty-state-position--left{flex-direction:row}.c4p--empty-state .c4p--empty-state__action-button{display:block;margin-block-end:1rem}.c4p--empty-state .c4p--empty-state__link{display:inline-block}@keyframes notifications-panel-fade-in{0%{opacity:0;transform:translateY(-38.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes notifications-panel-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-38.5rem)}}@keyframes notifications-panel-entrance-reduced{0%{opacity:0}to{opacity:1}}@keyframes notifications-panel-exit-reduced{0%{opacity:1}to{opacity:0}}.c4p--notifications-panel__entrance{animation:notifications-panel-fade-in .24s cubic-bezier(.2,0,.38,.9)}.c4p--notifications-panel__exit{animation:notifications-panel-fade-out .24s cubic-bezier(.2,0,.38,.9) forwards}@media (prefers-reduced-motion){.c4p--notifications-panel__entrance{animation:notifications-panel-entrance-reduced .15s cubic-bezier(.2,0,1,.9) forwards}.c4p--notifications-panel__exit{animation:notifications-panel-exit-reduced .15s cubic-bezier(.2,0,1,.9) forwards}}.c4p--notifications-panel__container{background-color:var(--cds-custom-layer-01,#f4f4f4);border-block-end:1px solid var(--cds-custom-border-subtle-02,#e0e0e0);border-inline-start:1px solid var(--cds-custom-border-subtle-02,#e0e0e0);box-shadow:0 .125rem .25rem var(--cds-custom-overlay,rgba(0,0,0,.6));clip-path:inset(0 calc(var(--cds-custom-spacing-01)*-1) calc(var(--cds-custom-spacing-02)*-1) calc(var(--cds-custom-spacing-01)*-1));color:var(--cds-custom-text-primary,#161616);inset-block-start:3rem;inset-inline-end:0;max-block-size:38.5rem;max-inline-size:22.75rem;min-block-size:38.5rem;min-inline-size:20rem;overflow:auto;position:fixed;transition:transform .11s cubic-bezier(.2,0,.38,.9);z-index:2}.c4p--notifications-panel__container .c4p--notifications-panel__header-container{background-color:var(--cds-custom-layer-01,#f4f4f4);border-block-end:1px solid var(--cds-custom-border-subtle-01,#c6c6c6);inset-block-start:0;padding:.5rem 1rem;position:sticky;z-index:2}.c4p--notifications-panel__container .c4p--notifications-panel__header-container .c4p--notifications-panel__header-flex{align-items:center;display:flex;justify-content:space-between}.c4p--notifications-panel__container .c4p--notifications-panel__header-container .c4p--notifications-panel__do-not-disturb-toggle{padding-block-end:.5rem}.c4p--notifications-panel__container .c4p--notifications-panel__header-container .c4p--notifications-panel__do-not-disturb-toggle .c4p--toggle__label-text{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.c4p--notifications-panel__container .c4p--notifications-panel__header-container .c4p--notifications-panel__dismiss-button{color:var(--cds-custom-text-primary,#161616)}.c4p--notifications-panel__container .c4p--notifications-panel__header-container .c4p--notifications-panel__header{font-size:var(--cds-custom-heading-compact-01-font-size,.875rem);font-weight:var(--cds-custom-heading-compact-01-font-weight,600);letter-spacing:var(--cds-custom-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-heading-compact-01-line-height,1.28572);margin:0}.c4p--notifications-panel__container .c4p--notifications-panel__time-section-label{background-color:var(--cds-custom-layer-01,#f4f4f4);color:var(--cds-custom-text-secondary,#525252);font-size:var(--cds-custom-label-01-font-size,.75rem);font-weight:var(--cds-custom-label-01-font-weight,400);font-weight:600;inset-block-start:3.0625rem;letter-spacing:var(--cds-custom-label-01-letter-spacing,.32px);line-height:var(--cds-custom-label-01-line-height,1.33333);padding:.5rem 1rem;position:sticky;z-index:2}.c4p--notifications-panel__container .c4p--notifications-panel__notification:focus,.c4p--notifications-panel__container .c4p--notifications-panel__notification:hover{background-color:var(--cds-custom-layer-accent-01,#e0e0e0)}.c4p--notifications-panel__container .c4p--notifications-panel__notification:focus .c4p--notifications-panel__dismiss-single-button,.c4p--notifications-panel__container .c4p--notifications-panel__notification:hover .c4p--notifications-panel__dismiss-single-button{opacity:1}.c4p--notifications-panel__container .c4p--notifications-panel__notification:focus{border-color:var(--cds-custom-focus,#0f62fe);box-shadow:inset 0 0 0 2px var(--cds-custom-focus,#0f62fe),inset 0 0 0 2px var(--cds-custom-background,#fff);outline:0}.c4p--notifications-panel__container .c4p--notifications-panel__notification{align-items:flex-start;background-color:var(--cds-custom-layer-01,#f4f4f4);border:0;cursor:pointer;display:flex;inline-size:100%;min-block-size:6.25rem;padding:1rem;position:relative;text-align:start;transition:background-color .24s cubic-bezier(.2,0,.38,.9)}.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-title{color:var(--cds-custom-text-secondary,#525252);font-size:var(--cds-custom-heading-01-font-size,.875rem);font-weight:var(--cds-custom-heading-01-font-weight,600);font-weight:400;letter-spacing:var(--cds-custom-heading-01-letter-spacing,.16px);line-height:var(--cds-custom-heading-01-line-height,1.42857);margin-block-end:.25rem}.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-title.c4p--notifications-panel__notification-title-unread{color:var(--cds-custom-text-secondary,#525252);font-weight:600;margin-block-end:.25rem}.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notifications-link{font-size:var(--cds-custom-label-01-font-size,.75rem);font-weight:var(--cds-custom-label-01-font-weight,400);letter-spacing:var(--cds-custom-label-01-letter-spacing,.32px);line-height:var(--cds-custom-label-01-line-height,1.33333)}.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-status-icon{margin-inline-end:.5rem;min-inline-size:1rem}.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-status-icon.c4p--notifications-panel__notification-status-icon-error{fill:var(--cds-custom-support-error,#da1e28)}.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-status-icon.c4p--notifications-panel__notification-status-icon-success{fill:var(--cds-custom-support-success,#24a148)}.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-status-icon.c4p--notifications-panel__notification-status-icon-warning{fill:var(--cds-custom-support-warning,#f1c21b)}.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-status-icon.c4p--notifications-panel__notification-status-icon-informational{fill:var(--cds-custom-support-info,#0043ce)}.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-time-label{margin-block-end:.5rem}.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-description,.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-time-label{color:var(--cds-custom-text-secondary,#525252);font-size:var(--cds-custom-label-01-font-size,.75rem);font-weight:var(--cds-custom-label-01-font-weight,400);letter-spacing:var(--cds-custom-label-01-letter-spacing,.32px);line-height:var(--cds-custom-label-01-line-height,1.33333)}.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-description.c4p--notifications-panel__notification-short-description{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-description.c4p--notifications-panel__notification-long-description{display:block;overflow:initial;-webkit-line-clamp:initial;line-clamp:none}.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-less-button,.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-more-button{align-items:center;display:flex;font-size:var(--cds-custom-label-01-font-size,.75rem);font-weight:var(--cds-custom-label-01-font-weight,400);letter-spacing:var(--cds-custom-label-01-letter-spacing,.32px);line-height:var(--cds-custom-label-01-line-height,1.33333);min-inline-size:5.5rem;padding:0}.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-less-button .c4p--btn__icon,.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-more-button .c4p--btn__icon{transition:transform .24s ease}@media (prefers-reduced-motion:reduce){.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-less-button .c4p--btn__icon,.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-more-button .c4p--btn__icon{transition:none}}.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-less-button.c4p--notifications-panel__notification-read-more-button .c4p--btn__icon,.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-more-button.c4p--notifications-panel__notification-read-more-button .c4p--btn__icon{transform:rotate(0deg)}.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-less-button.c4p--notifications-panel__notification-read-less-button .c4p--btn__icon,.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-more-button.c4p--notifications-panel__notification-read-less-button .c4p--btn__icon{transform:rotate(180deg)}.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--popover-container{position:static}.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__dismiss-single-button{align-items:center;color:var(--cds-custom-text-primary,#161616);display:flex;inset-block-start:0;inset-inline-end:0;justify-content:center;min-inline-size:2rem;opacity:0;padding:0;position:absolute}.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__dismiss-single-button:focus,.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__dismiss-single-button:hover{opacity:1}.c4p--notifications-panel__container .c4p--notifications-panel__notification:focus:before{display:none}.c4p--notifications-panel__container .c4p--notifications-panel__notification-previous:not(:first-of-type):before,.c4p--notifications-panel__container .c4p--notifications-panel__notification-today:not(:first-of-type):before,.c4p--notifications-panel__container .c4p--notifications-panel__notification-yesterday:not(:first-of-type):before{background-color:var(--cds-custom-border-subtle-01,#c6c6c6);block-size:1px;content:\"\";inline-size:calc(100% - 2rem);inset-block-start:0;margin:0 auto;position:absolute;transition:background-color .24s cubic-bezier(.2,0,.38,.9)}.c4p--notifications-panel__container .c4p--notifications-panel__notification-previous:hover+.c4p--notifications-panel__notification-previous:not(:first-of-type):before,.c4p--notifications-panel__container .c4p--notifications-panel__notification-today:hover+.c4p--notifications-panel__notification-today:not(:first-of-type):before,.c4p--notifications-panel__container .c4p--notifications-panel__notification-yesterday:hover+.c4p--notifications-panel__notification-yesterday:not(:first-of-type):before{background-color:transparent}.c4p--notifications-panel__container .c4p--notifications-panel__main-section-empty.c4p--notifications-panel__main-section{align-items:center;block-size:100%;display:flex;justify-content:center;margin-block-start:10rem;min-block-size:0}.c4p--notifications-panel__container .c4p--notifications-panel__main-section-empty.c4p--notifications-panel__main-section .c4p-subtext{font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572)}.c4p--notifications-panel__container .c4p--notifications-panel__main-section{min-block-size:498px}.c4p--notifications-panel__container .c4p--notifications-panel__bottom-actions{align-items:center;background-color:var(--cds-custom-layer-01,#f4f4f4);block-size:2.5rem;border-block-start:1px solid var(--cds-custom-border-subtle-01,#c6c6c6);display:flex;inset-block-end:0;min-block-size:2.5rem;position:sticky;z-index:2}.c4p--notifications-panel__container .c4p--notifications-panel__bottom-actions .c4p--notifications-panel__view-all-button{align-items:center;block-size:2.5rem;border-inline-end:1px solid var(--cds-custom-border-subtle-01,#c6c6c6);color:var(--cds-custom-text-primary,#161616);display:flex;inline-size:100%;max-inline-size:calc(100% - 2.5rem);min-block-size:2.5rem}.c4p--notifications-panel__container .c4p--notifications-panel__bottom-actions .c4p--notifications-panel__settings-button{align-items:center;block-size:2.5rem;color:var(--cds-custom-text-primary,#161616);display:flex;justify-content:center;min-block-size:2.5rem;min-inline-size:2.5rem;padding:0}.c4p--notifications-panel__container .c4p--notifications-panel__bottom-actions .c4p--notifications-panel__settings-button .c4p--btn__icon{margin:0}.c4p--notifications-panel__header-container:has(.c4p--notifications-panel__do-not-disturb-toggle)+.c4p--notifications-panel__main-section .c4p--notifications-panel__time-section-label{inset-block-start:4.8125rem}:host(c4p-notification-panel) .c4p--notifications-panel__do-not-disturb-toggle{display:block}:host(c4p-notification-panel) ::slotted(.c4p--notifications-panel__bottom-actions){align-items:center;display:flex}.c4p--notifications-panel__header-container{--cds-custom-heading-06-font-size:--cds-custom-heading-compact-01-font-size;--cds-custom-heading-06-font-weight:--cds-custom-heading-compact-01-font-weight;--cds-custom-heading-06-line-height:--cds-custom-heading-compact-01-line-height;--cds-custom-heading-06-letter-spacing:--cds-custom-heading-compact-01-letter-spacing}.c4p--notifications-panel__dismiss-button{--cds-custom-link-primary:--cds-custom-text-primary;--cds-custom-link-primary-hover:--cds-custom-text-primary}.c4p--notifications-panel__bottom-actions-container{background-color:var(--cds-custom-layer-01,#f4f4f4);block-size:2.5rem;border-block-start:1px solid var(--cds-custom-border-subtle-01,#c6c6c6);inset-block-end:0;min-block-size:2.5rem;position:sticky;z-index:2}"]);
-export { styles as default };
-//# sourceMappingURL=notification-panel.scss.js.map
+//#endregion
+export { notification_panel_default as default };
+//# sourceMappingURL=notification-panel.scss.js.map

package/es-custom/components/notification-panel/notification-panel.scss.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"notification-panel.scss.js","~~sources~~":[],"~~sourcesContent~~":[],"~~names~~":[],"mappings":"~~;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"notification-panel.scss.js","names":[],"sources":["../../../src/components/notification-panel/notification-panel.scss?lit"],"sourcesContent":["/\n Copyright IBM Corp. 2023, 2024\n\n This source code is licensed under the Apache-2.0 license found in the\n* LICENSE file in the root directory of this source tree.\n/\n\n$css--plex: true !default;\n@use 'sass:map';\n\n/ Other Carbon settings. /\n@use '@carbon/styles/scss/reset';\n@use '@carbon/styles/scss/config' as ;\n@use '@carbon/styles/scss/motion' as ;\n@use '@carbon/styles/scss/spacing' as ;\n@use '@carbon/styles/scss/theme' as ;\n@use '@carbon/styles/scss/type';\n@use '@carbon/type/scss/font-family' as ;\n@use '@carbon/styles/scss/utilities/ai-gradient' as ;\n@use '@carbon/styles/scss/utilities/convert' as ;\n\n$prefix: 'c4p';\n$carbon-prefix: 'cds-custom';\n@use '@carbon/ibm-products-styles/scss/components/NotificationsPanel/index' as *;\n\n$block-class: #{$prefix}--notifications-panel;\n$block-class-action-set: #{$prefix}--action-set;\n\n:host(#{$prefix}-notification-panel) {\n .c4p--notifications-panel__do-not-disturb-toggle {\n display: block;\n }\n}\n:host(#{$prefix}-notification-panel)\n ::slotted(.c4p--notifications-panel__bottom-actions) {\n display: flex;\n align-items: center;\n}\n\n.#{$block-class}__header-container {\n --#{$carbon-prefix}-heading-06-font-size: --#{$carbon-prefix}-heading-compact-01-font-size;\n --#{$carbon-prefix}-heading-06-font-weight: --#{$carbon-prefix}-heading-compact-01-font-weight;\n --#{$carbon-prefix}-heading-06-line-height: --#{$carbon-prefix}-heading-compact-01-line-height;\n --#{$carbon-prefix}-heading-06-letter-spacing: --#{$carbon-prefix}-heading-compact-01-letter-spacing;\n}\n.#{$block-class}__dismiss-button {\n --#{$carbon-prefix}-link-primary: --#{$carbon-prefix}-text-primary;\n --#{$carbon-prefix}-link-primary-hover: --#{$carbon-prefix}-text-primary;\n}\n.#{$block-class}__bottom-actions-container {\n position: sticky;\n z-index: 2;\n background-color: $layer-01;\n block-size: $spacing-08;\n border-block-start: 1px solid $border-subtle-01;\n inset-block-end: 0;\n min-block-size: $spacing-08;\n}\n"],"mappings":""}

package/es-custom/components/notification-panel/notification.js CHANGED Viewed

@@ -1,82 +1,76 @@
 /**
- * Copyright IBM Corp. 2024
+ * Copyright IBM Corp. 2020, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { __decorate } from 'tslib';
-import { LitElement, html } from 'lit';
-import { property } from 'lit/decorators.js';
-import { prefix } from '../../globals/settings.js';
-import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
-import { selectorTabbable } from '@carbon/web-components/es/globals/settings.js';
-import { dateTimeFormat } from '@carbon/utilities';
-import { carbonElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';
-import { consume } from '@lit/context';
-import { dateTimeLocaleContext } from './date-time-context.js';
-import styles from './notification.scss.js';
+import { prefix } from "../../globals/settings.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { getSupportedLocale } from "../../globals/js/utils/getSupportedLocale.js";
+import { dateTimeLocaleContext } from "./date-time-context.js";
+import notification_default$1 from "./notification.scss.js";
+import { LitElement, html } from "lit";
+import { property } from "lit/decorators.js";
+import HostListenerMixin from "@carbon/web-components/es/globals/mixins/host-listener.js";
+import { selectorTabbable } from "@carbon/web-components/es/globals/settings.js";
+import { carbonElement } from "@carbon/web-components/es/globals/decorators/carbon-element.js";
+import Close from "@carbon/icons/es/close/16";
+import { iconLoader } from "@carbon/web-components/es/globals/internal/icon-loader.js";
 import '@carbon/web-components/es-custom/components/button/index.js';
-import Close16 from '@carbon/icons/es/close/16';
-import ErrorFilled16 from '@carbon/icons/es/error--filled/16';
-import CheckmarkFilled16 from '@carbon/icons/es/checkmark--filled/16';
-import WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16';
-import InformationSquareFilled16 from '@carbon/icons/es/information--square--filled/16';
-import { getSupportedLocale } from '../../globals/js/utils/getSupportedLocale.js';
-import { iconLoader } from '@carbon/web-components/es/globals/internal/icon-loader.js';
+import { consume } from "@lit/context";
+import { dateTimeFormat } from "@carbon/utilities";
+import ErrorFilled16 from "@carbon/icons/es/error--filled/16";
+import CheckmarkFilled16 from "@carbon/icons/es/checkmark--filled/16";
+import WarningAltFilled16 from "@carbon/icons/es/warning--alt--filled/16";
+import InformationSquareFilled16 from "@carbon/icons/es/information--square--filled/16";
+//#region src/components/notification-panel/notification.ts
 /**
- * @license
- *
- * Copyright IBM Corp. 2023, 2024
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
+* @license
+*
+* Copyright IBM Corp. 2023, 2024
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
 const blockClass = `${prefix}--notifications-panel__notification`;
-const DefaultLocale = 'en-US';
-const dateTimeStyle = 'long';
+const DefaultLocale = "en-US";
+const dateTimeStyle = "long";
 /**
- * Notification.
- * @element c4p-notification
- * @slot title - The Title for the notification.
- * @slot description - The description for the notification.
- * @csspart dialog The dialog.
- *   The custom event is fired when a notification is clicked or when the Enter key is pressed on it.
- * @fires c4p-notification-dismiss - The custom event is fired when the notification is closed by a user gesture.
- */
+* Notification.
+* @element c4p-notification
+* @slot title - The Title for the notification.
+* @slot description - The description for the notification.
+* @csspart dialog The dialog.
+*   The custom event is fired when a notification is clicked or when the Enter key is pressed on it.
+* @fires c4p-notification-dismiss - The custom event is fired when the notification is closed by a user gesture.
+*/
 let CDSNotification = class CDSNotification extends HostListenerMixin(LitElement) {
-    constructor() {
-        super(...arguments);
-        this.dateTimeLocale = undefined;
-        this._handleKeyDown = (e) => {
-            if (e.key === 'Enter' || e.key === ' ') {
-                this.click();
-            }
-        };
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        if (!this.hasAttribute('role')) {
-            this.setAttribute('role', 'button');
-        }
-        if (!this.hasAttribute('tabindex')) {
-            this.setAttribute('tabindex', '0');
-        }
-        this.addEventListener('keydown', this._handleKeyDown);
-    }
-    render() {
-        const { type, timestamp, dateTimeLocale, _dismissSingleNotification: dismissSingleNotification, _fetchIcon: fetchIcon, } = this;
-        const supportedLocale = getSupportedLocale(dateTimeLocale, DefaultLocale);
-        const icon = fetchIcon(type);
-        return html `
-      ${icon}
+	constructor(..._args) {
+		super(..._args);
+		this.dateTimeLocale = void 0;
+		this._handleKeyDown = (e) => {
+			if (e.key === "Enter" || e.key === " ") this.click();
+		};
+	}
+	connectedCallback() {
+		super.connectedCallback();
+		if (!this.hasAttribute("role")) this.setAttribute("role", "button");
+		if (!this.hasAttribute("tabindex")) this.setAttribute("tabindex", "0");
+		this.addEventListener("keydown", this._handleKeyDown);
+	}
+	render() {
+		const { type, timestamp, dateTimeLocale, _dismissSingleNotification: dismissSingleNotification, _fetchIcon: fetchIcon } = this;
+		const supportedLocale = getSupportedLocale(dateTimeLocale, DefaultLocale);
+		return html`
+      ${fetchIcon(type)}
       <div class="${blockClass}-content">
         <p class="${blockClass}-time-label">
           ${dateTimeFormat.relative.format(timestamp, {
-            locale: supportedLocale,
-            style: dateTimeStyle,
-        })}
+			locale: supportedLocale,
+			style: dateTimeStyle
+		})}
         </p>
         <slot name="title"></slot>
         <div class="${blockClass}-description">
@@ -91,88 +85,75 @@ let CDSNotification = class CDSNotification extends HostListenerMixin(LitElement
         class="${blockClass}__dismiss-single-button"
         @click=${dismissSingleNotification}
       >
-        ${iconLoader(Close16, { slot: 'icon' })}
+        ${iconLoader(Close, { slot: "icon" })}
       </cds-custom-button>
     `;
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this.removeEventListener('keydown', this._handleKeyDown);
-    }
-    /**
-     * Handles user-initiated dismiss request of the Notification.
-     *
-     * @param event The event that triggered the click.
-     */
-    _dismissSingleNotification(event) {
-        const triggeredBy = event.target;
-        event.preventDefault();
-        event.stopPropagation();
-        const init = {
-            bubbles: true,
-            cancelable: true,
-            composed: true,
-            detail: {
-                triggeredBy,
-            },
-        };
-        this.dispatchEvent(new CustomEvent(this.constructor.notificationDismiss, init));
-    }
-    _fetchIcon(type) {
-        let icon;
-        switch (type) {
-            case 'error':
-                icon = iconLoader(ErrorFilled16, {
-                    class: `${blockClass}-status-icon ${blockClass}-status-icon-error`,
-                });
-                break;
-            case 'success':
-                icon = iconLoader(CheckmarkFilled16, {
-                    class: `${blockClass}-status-icon ${blockClass}-status-icon-success`,
-                });
-                break;
-            case 'warning':
-                icon = iconLoader(WarningAltFilled16, {
-                    class: `${blockClass}-status-icon ${blockClass}-status-icon-warning`,
-                });
-                break;
-            case 'informational':
-                icon = iconLoader(InformationSquareFilled16, {
-                    class: `${blockClass}-status-icon ${blockClass}-status-icon-informational`,
-                });
-                break;
-            default:
-                icon = null;
-        }
-        return icon;
-    }
-    /**
-     * A selector selecting tabbable nodes.
-     */
-    static get selectorTabbable() {
-        return selectorTabbable;
-    }
-    /**
-     * The custom event is fired when the notification is closed by a user gesture.
-     */
-    static get notificationDismiss() {
-        return `${prefix}-notification-dismiss`;
-    }
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback();
+		this.removeEventListener("keydown", this._handleKeyDown);
+	}
+	/**
+	* Handles user-initiated dismiss request of the Notification.
+	*
+	* @param event The event that triggered the click.
+	*/
+	_dismissSingleNotification(event) {
+		const triggeredBy = event.target;
+		event.preventDefault();
+		event.stopPropagation();
+		const init = {
+			bubbles: true,
+			cancelable: true,
+			composed: true,
+			detail: { triggeredBy }
+		};
+		this.dispatchEvent(new CustomEvent(this.constructor.notificationDismiss, init));
+	}
+	_fetchIcon(type) {
+		let icon;
+		switch (type) {
+			case "error":
+				icon = iconLoader(ErrorFilled16, { class: `${blockClass}-status-icon ${blockClass}-status-icon-error` });
+				break;
+			case "success":
+				icon = iconLoader(CheckmarkFilled16, { class: `${blockClass}-status-icon ${blockClass}-status-icon-success` });
+				break;
+			case "warning":
+				icon = iconLoader(WarningAltFilled16, { class: `${blockClass}-status-icon ${blockClass}-status-icon-warning` });
+				break;
+			case "informational":
+				icon = iconLoader(InformationSquareFilled16, { class: `${blockClass}-status-icon ${blockClass}-status-icon-informational` });
+				break;
+			default: icon = null;
+		}
+		return icon;
+	}
+	/**
+	* A selector selecting tabbable nodes.
+	*/
+	static get selectorTabbable() {
+		return selectorTabbable;
+	}
+	/**
+	* The custom event is fired when the notification is closed by a user gesture.
+	*/
+	static get notificationDismiss() {
+		return `${prefix}-notification-dismiss`;
+	}
+	static {
+		this.styles = notification_default$1;
+	}
 };
-CDSNotification.styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader
-__decorate([
-    property({ reflect: true })
-], CDSNotification.prototype, "type", void 0);
-__decorate([
-    property()
-], CDSNotification.prototype, "timestamp", void 0);
-__decorate([
-    consume({ context: dateTimeLocaleContext, subscribe: true })
-], CDSNotification.prototype, "dateTimeLocale", void 0);
-CDSNotification = __decorate([
-    carbonElement(`${prefix}-notification`)
-], CDSNotification);
-var CDSNotification_default = CDSNotification;
+__decorate([property({ reflect: true })], CDSNotification.prototype, "type", void 0);
+__decorate([property()], CDSNotification.prototype, "timestamp", void 0);
+__decorate([consume({
+	context: dateTimeLocaleContext,
+	subscribe: true
+})], CDSNotification.prototype, "dateTimeLocale", void 0);
+CDSNotification = __decorate([carbonElement(`${prefix}-notification`)], CDSNotification);
+var notification_default = CDSNotification;
-export { CDSNotification_default as default };
-//# sourceMappingURL=notification.js.map
+//#endregion
+export { notification_default as default };
+//# sourceMappingURL=notification.js.map

package/es-custom/components/notification-panel/notification.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"notification.js","sources":["../../../src/components/notification-panel/notification.ts"],"sourcesContent":[~~null]~~,"~~names~~":["~~customElement~~"],"~~mappings~~":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;AAOG;AAqBH~~,~~MAAM~~,~~UAAU~~,~~GAAG~~,~~CAAA~~,~~EAAG~~,~~MAAM,qCAAqC~~;~~AACjE~~,MAAM,aAAa,GAAG,OAAO;~~AAE7B~~,MAAM,~~aAAa,GAAG,MAAwB~~;~~AAC9C;;;;;;;;AAQG;AAEH~~,~~IAAM,eAAe,GAArB,~~MAAM,~~eAAgB~~,~~SAAQ~~,~~iBAAiB~~,~~CAAC~~,~~UAAU~~,CAAC~~,CAAA~~;~~AAA3D~~,~~IAAA,WAAA,GAAA;;QAaE,IAAA,CAAA,cAAc,GAAuB,SAAS~~;~~AAEtC~~,~~QAAA~~,~~IAAA~~,~~CAAA~~,~~cAAc~~,~~GAAG~~,~~CAAC~~,~~CAAgB~~,~~KAAI;AAC5C~~,~~YAAA,IAAI,CAAC,CAAC,GAAG,KAAK,~~OAAO,~~IAAI~~,~~CAAC~~,~~CAAC,GAAG,KAAK,GAAG,EAAE~~;~~gBACtC~~,~~IAAI~~,CAAC,KAAK,~~EAAE;YACd;AACF~~,~~QAAA~~,~~CAAC;IAwHH;IAtHE~~,~~iBAAiB~~,~~GAAA;QACf~~,~~KAAK~~,~~CAAC,iBAAiB,EAAE~~;~~QACzB~~,~~IAAI~~,CAAC,~~IAAI~~,~~CAAC~~,~~YAAY~~,~~CAAC~~,~~MAAM~~,~~CAAC~~,~~EAAE;AAC9B,YAAA,IAAI,CAAC,~~YAAY,~~CAAC,MAAM,EAAE,QAAQ,CAAC;QACrC;QACA,~~IAAI~~,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE~~;~~AAClC~~,~~YAAA~~,~~IAAI~~,~~CAAC~~,~~YAAY~~,~~CAAC~~,~~UAAU,EAAE,GAAG,CAAC;QACpC;QACA,IAAI,CAAC,gBAAgB,CAAC,~~SAAS~~,EAAE,IAAI,CAAC,cAAc,CAAC~~;~~IACvD;IACA~~,MAAM,~~GAAA;AACJ,QAAA,MAAM,~~EACJ,~~IAAI~~,~~EACJ~~,~~SAAS~~,~~EACT~~,~~cAAc~~,~~EACd~~,~~0BAA0B,EAAE,yBAAyB,EACrD,UAAU,EAAE,SAAS,GACtB,GAAG,IAAI~~;~~QACR~~,MAAM,~~eAAe~~,~~GAAG~~,~~kBAAkB~~,~~CAAC,~~cAAc~~,EAAE,aAAa,CAAC~~;~~AACzE~~,~~QAAA~~,~~MAAM,~~IAAI,~~GAAG~~,~~SAAS~~,~~CAAC,IAAI,CAAC~~;~~AAC5B~~,~~QAAA,OAAO,IAAI,CAAA~~;~~QACP~~,~~IAAI~~;~~oBACQ~~,~~UAAU~~,~~CAAA;oBACV~~,~~UAAU~~,~~CAAA~~;~~AAClB~~,~~UAAA,EAAA,cAAc,CAAC,~~QAAQ~~,CAAC,MAAM,CAAC,SAAiB,EAAE~~;~~AAClD~~,~~YAAA,MAAM,EAAE,eAAyB~~;~~AACjC~~,~~YAAA~~,~~KAAK,EAAE,aAAa;SACrB,~~CAAC;;;~~sBAGU~~,~~UAAU,CAAA~~;;;;;;;;;~~iBASf~~,~~UAAU,CAAA~~;~~iBACV~~,~~yBAAyB~~;;~~UAEhC~~,~~UAAU~~,~~CAAC~~,~~OAAO,~~EAAE,~~EAAE,IAAI,EAAE,~~MAAM,~~EAAE~~,CAAC~~;;KAE1C;IACH;IACA~~,~~oBAAoB~~,~~GAAA~~;~~QAClB~~,~~KAAK~~,~~CAAC,oBAAoB,EAAE~~;~~QAC5B~~,~~IAAI~~,~~CAAC~~,~~mBAAmB~~,~~CAAC~~,~~SAAS~~,~~EAAE~~,~~IAAI~~,~~CAAC,cAAc,CAAC~~;~~IAC1D;AACA;;;;AAIG;AACK~~,~~IAAA,0BAA0B,CAAC,KAAY,EAAA;AAC7C,QAAA,~~MAAM,~~WAAW~~,~~GAAG,KAAK,CAAC,~~MAAM;~~QAChC~~,~~KAAK~~,~~CAAC,cAAc,EAAE~~;~~QACtB~~,~~KAAK~~,~~CAAC,eAAe,EAAE~~;~~AACvB~~,~~QAAA,~~MAAM,~~IAAI~~,~~GAAG~~;~~AACX~~,~~YAAA,OAAO,EAAE,IAAI~~;~~AACb~~,~~YAAA,~~UAAU~~,EAAE,IAAI~~;~~AAChB~~,~~YAAA,~~QAAQ,~~EAAE~~,~~IAAI~~;~~AACd,YAAA,MAAM,EAAE~~;~~gBACN,WAAW;AACZ,aAAA;SACF;~~AACD,~~QAAA~~,~~IAAI~~,~~CAAC,aAAa,CAChB,~~IAAI,~~WAAW~~,~~CACZ~~,~~IAAI~~,~~CAAC~~,~~WAAsC~~,~~CAAC,mBAAmB,EAChE,IAAI,CACL,~~CACF~~;IACH;AAEQ~~,~~IAAA~~,~~UAAU~~,~~CAAC,IAAI,EAAA~~;~~AACrB~~,~~QAAA,~~IAAI~~,IAAI~~;~~QACR~~,~~QAAQ~~,~~IAAI~~;~~AACV~~,~~YAAA,~~KAAK~~,OAAO~~;~~AACV~~,~~gBAAA~~,~~IAAI~~,~~GAAG~~,~~UAAU,CAAC,aAAa,EAAE;AAC~~/B,~~oBAAA~~,~~KAAK~~,~~EAAE~~,~~CAAA~~,~~EAAG~~,~~UAAU~~,~~CAAA,aAAA,EAAgB,UAAU,CAAA,kBAAA,CAAoB;AACnE,iBAAA,~~CAAC;~~gBACF~~;~~AACF~~,~~YAAA,~~KAAK~~,SAAS~~;~~AACZ~~,~~gBAAA~~,~~IAAI~~,~~GAAG~~,~~UAAU~~,~~CAAC~~,~~iBAAiB~~,~~EAAE;AACnC~~,~~oBAAA~~,~~KAAK~~,~~EAAE~~,~~CAAA,EAAG,UAAU,CAAA,aAAA,EAAgB,UAAU,CAAA,oBAAA,CAAsB;AACrE,iBAAA,~~CAAC;~~gBACF~~;~~AACF~~,~~YAAA,~~KAAK~~,SAAS~~;~~AACZ~~,~~gBAAA~~,~~IAAI~~,~~GAAG~~,~~UAAU~~,~~CAAC~~,~~kBAAkB~~,~~EAAE;AACpC~~,~~oBAAA~~,~~KAAK~~,~~EAAE~~,~~CAAA,EAAG,UAAU,CAAA,aAAA,EAAgB,UAAU,CAAA,oBAAA,CAAsB;AACrE,iBAAA,~~CAAC;~~gBACF~~;~~AACF~~,~~YAAA,~~KAAK~~,eAAe~~;~~AAClB~~,~~gBAAA~~,~~IAAI~~,~~GAAG~~,~~UAAU~~,~~CAAC~~,~~yBAAyB~~,~~EAAE;AAC3C~~,~~oBAAA~~,~~KAAK~~,~~EAAE~~,~~CAAA,EAAG,UAAU,CAAA,aAAA,EAAgB,UAAU,CAAA,0BAAA,CAA4B;AAC3E,iBAAA,~~CAAC;~~gBACF;~~AACF~~,YAAA~~;~~gBACE~~,~~IAAI~~,~~GAAG,IAAI~~;;~~AAEf~~,~~QAAA~~,~~OAAO,IAAI;IACb;AAEA;;AAEG;AACH,IAAA,~~WAAW,~~gBAAgB,GAAA~~;~~AACzB~~,~~QAAA~~,~~OAAO,gBAAgB;IACzB;AAEA;;AAEG;AACH,IAAA,~~WAAW,~~mBAAmB,GAAA~~;~~QAC5B~~,~~OAAO~~,~~CAAA,EAAG,MAAM,CAAA,qBAAA,CAAuB;IACzC;;AACO,eAAA,CAAA,MAAM,~~GAAG,~~MAAM,CAAC;AArIvB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,~~OAAO,~~EAAE~~,~~IAAI,~~EAAE~~;AAC8B~~,~~CAAA~~,~~EAAA~~,~~eAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA~~;~~AAKzD~~,~~UAAA,CAAA~~;~~AADC~~,~~IAAA,~~QAAQ;~~AACQ~~,~~CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,WAAA,EAAA,MAAA,CAAA~~;~~AAGjB~~,~~UAAA,CAAA~~;~~IADC~~,~~OAAO,~~CAAC~~,EAAE,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAAE,IAAI,EAAE~~;~~AACb~~,~~CAAA~~,~~EAAA~~,~~eAAA~~,~~CAAA,SAAA,EAAA,gBAAA,EAAA,MAAA,CAAA;AAb3C,~~eAAe~~,GAAA,UAAA,CAAA~~;~~AADpB~~,~~IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,aAAA,CAAe;AACjC,CAAA,EAAA,eAAe,CA2IpB;AAED,8BAAe,eAAe;;;;~~"}
1	+ {"version":3,"file":"notification.js","names":["Close16","styles","customElement"],"sources":["../../../src/components/notification-panel/notification.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2023, 2024\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';\nimport { selectorTabbable } from '@carbon/web-components/es/globals/settings.js';\nimport { dateTimeFormat } from '@carbon/utilities';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport { consume } from '@lit/context';\nimport { dateTimeLocaleContext } from './date-time-context';\nimport styles from './notification.scss?lit';\nimport '@carbon/web-components/es-custom/components/button/index.js';\nimport Close16 from '@carbon/icons/es/close/16';\nimport ErrorFilled16 from '@carbon/icons/es/error--filled/16';\nimport CheckmarkFilled16 from '@carbon/icons/es/checkmark--filled/16';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16';\nimport InformationSquareFilled16 from '@carbon/icons/es/information--square--filled/16';\nimport { getSupportedLocale } from '../../globals/js/utils/getSupportedLocale';\nimport { iconLoader } from '@carbon/web-components/es/globals/internal/icon-loader.js';\n\nconst blockClass = `${prefix}--notifications-panel__notification`;\nconst DefaultLocale = 'en-US';\ntype DateTimeStyles = 'long' \| 'short' \| 'narrow';\nconst dateTimeStyle = 'long' as DateTimeStyles;\n/\n Notification.\n * @element c4p-notification\n * @slot title - The Title for the notification.\n * @slot description - The description for the notification.\n * @csspart dialog The dialog.\n * The custom event is fired when a notification is clicked or when the Enter key is pressed on it.\n * @fires c4p-notification-dismiss - The custom event is fired when the notification is closed by a user gesture.\n /\n@customElement(`${prefix}-notification`)\nclass CDSNotification extends HostListenerMixin(LitElement) {\n /\n Sets the type of notification to display: 'error', 'warning', 'success', or 'informational'\n /\n @property({ reflect: true })\n type?: 'error' \| 'warning' \| 'success' \| 'informational';\n /\n Sets the timestamp for the notification, typically used to indicate when it was received\n /\n @property()\n timestamp?: Date;\n\n @consume({ context: dateTimeLocaleContext, subscribe: true })\n dateTimeLocale: string \| undefined = undefined;\n\n private _handleKeyDown = (e: KeyboardEvent) => {\n if (e.key === 'Enter' \|\| e.key === ' ') {\n this.click();\n }\n };\n\n connectedCallback() {\n super.connectedCallback();\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'button');\n }\n if (!this.hasAttribute('tabindex')) {\n this.setAttribute('tabindex', '0');\n }\n this.addEventListener('keydown', this._handleKeyDown);\n }\n render() {\n const {\n type,\n timestamp,\n dateTimeLocale,\n _dismissSingleNotification: dismissSingleNotification,\n _fetchIcon: fetchIcon,\n } = this;\n const supportedLocale = getSupportedLocale(dateTimeLocale, DefaultLocale);\n const icon = fetchIcon(type);\n return html`\n ${icon}\n <div class=\"${blockClass}-content\">\n <p class=\"${blockClass}-time-label\">\n ${dateTimeFormat.relative.format(timestamp as Date, {\n locale: supportedLocale as string,\n style: dateTimeStyle,\n })}\n </p>\n <slot name=\"title\"></slot>\n <div class=\"${blockClass}-description\">\n <slot name=\"description\"></slot>\n </div>\n </div>\n <cds-custom-button\n tooltip-text=\"\"\n align=\"left\"\n kind=\"ghost\"\n size=\"sm\"\n class=\"${blockClass}__dismiss-single-button\"\n @click=${dismissSingleNotification}\n >\n ${iconLoader(Close16, { slot: 'icon' })}\n </cds-custom-button>\n `;\n }\n disconnectedCallback() {\n super.disconnectedCallback();\n this.removeEventListener('keydown', this._handleKeyDown);\n }\n /\n Handles user-initiated dismiss request of the Notification.\n \n @param event The event that triggered the click.\n /\n private _dismissSingleNotification(event: Event) {\n const triggeredBy = event.target;\n event.preventDefault();\n event.stopPropagation();\n const init = {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n triggeredBy,\n },\n };\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSNotification).notificationDismiss,\n init\n )\n );\n }\n\n private _fetchIcon(type) {\n let icon;\n switch (type) {\n case 'error':\n icon = iconLoader(ErrorFilled16, {\n class: `${blockClass}-status-icon ${blockClass}-status-icon-error`,\n });\n break;\n case 'success':\n icon = iconLoader(CheckmarkFilled16, {\n class: `${blockClass}-status-icon ${blockClass}-status-icon-success`,\n });\n break;\n case 'warning':\n icon = iconLoader(WarningAltFilled16, {\n class: `${blockClass}-status-icon ${blockClass}-status-icon-warning`,\n });\n break;\n case 'informational':\n icon = iconLoader(InformationSquareFilled16, {\n class: `${blockClass}-status-icon ${blockClass}-status-icon-informational`,\n });\n break;\n default:\n icon = null;\n }\n return icon;\n }\n\n /\n A selector selecting tabbable nodes.\n /\n static get selectorTabbable() {\n return selectorTabbable;\n }\n\n /\n The custom event is fired when the notification is closed by a user gesture.\n */\n static get notificationDismiss() {\n return `${prefix}-notification-dismiss`;\n }\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSNotification;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAM,aAAa,GAAG,OAAO;AAC7B,MAAM,gBAAgB;AAEtB,MAAM,gBAAgB;;;;;;;;;;AAUtB,4BACM,wBAAwB,kBAAkB,WAAW,CAAC;;;wBAarB;yBAEX,MAAqB;AAC7C,OAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,IACjC,MAAK,OAAO;;;CAIhB,oBAAoB;AAClB,QAAM,mBAAmB;AACzB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,SAAS;AAErC,MAAI,CAAC,KAAK,aAAa,WAAW,CAChC,MAAK,aAAa,YAAY,IAAI;AAEpC,OAAK,iBAAiB,WAAW,KAAK,eAAe;;CAEvD,SAAS;EACP,MAAM,EACJ,MACA,WACA,gBACA,4BAA4B,2BAC5B,YAAY,cACV;EACJ,MAAM,kBAAkB,mBAAmB,gBAAgB,cAAc;AAEzE,SAAO,IAAI;QADE,UAAU,KAAK,CAEnB;oBACO,WAAW;oBACX,WAAW;YACnB,eAAe,SAAS,OAAO,WAAmB;GAClD,QAAQ;GACR,OAAO;GACR,CAAC,CAAC;;;sBAGS,WAAW;;;;;;;;;iBAShB,WAAW;iBACX,0BAA0B;;UAEjC,WAAWA,OAAS,EAAE,MAAM,QAAQ,CAAC,CAAC;;;;CAI9C,uBAAuB;AACrB,QAAM,sBAAsB;AAC5B,OAAK,oBAAoB,WAAW,KAAK,eAAe;;;;;;;CAO1D,AAAQ,2BAA2B,OAAc;EAC/C,MAAM,cAAc,MAAM;AAC1B,QAAM,gBAAgB;AACtB,QAAM,iBAAiB;EACvB,MAAM,OAAO;GACX,SAAS;GACT,YAAY;GACZ,UAAU;GACV,QAAQ,EACN,aACD;GACF;AACD,OAAK,cACH,IAAI,YACD,KAAK,YAAuC,qBAC7C,KACD,CACF;;CAGH,AAAQ,WAAW,MAAM;EACvB,IAAI;AACJ,UAAQ,MAAR;GACE,KAAK;AACH,WAAO,WAAW,eAAe,EAC/B,OAAO,GAAG,WAAW,eAAe,WAAW,qBAChD,CAAC;AACF;GACF,KAAK;AACH,WAAO,WAAW,mBAAmB,EACnC,OAAO,GAAG,WAAW,eAAe,WAAW,uBAChD,CAAC;AACF;GACF,KAAK;AACH,WAAO,WAAW,oBAAoB,EACpC,OAAO,GAAG,WAAW,eAAe,WAAW,uBAChD,CAAC;AACF;GACF,KAAK;AACH,WAAO,WAAW,2BAA2B,EAC3C,OAAO,GAAG,WAAW,eAAe,WAAW,6BAChD,CAAC;AACF;GACF,QACE,QAAO;;AAEX,SAAO;;;;;CAMT,WAAW,mBAAmB;AAC5B,SAAO;;;;;CAMT,WAAW,sBAAsB;AAC/B,SAAO,GAAG,OAAO;;;gBAEHC;;;YAtIf,SAAS,EAAE,SAAS,MAAM,CAAC;YAK3B,UAAU;YAGV,QAAQ;CAAE,SAAS;CAAuB,WAAW;CAAM,CAAC;8BAb9DC,cAAc,GAAG,OAAO,eAAe;AA8IxC,2BAAe"}