@kumori/aurora-wui-components 0.0.281-dev4205.14 → 0.0.281-dev4205.15

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 (7) hide show
  1. package/dist/components/axebow-header/axebow-header.d.ts +1 -0
  2. package/dist/components/axebow-header/axebow-header.d.ts.map +1 -1
  3. package/dist/components/axebow-header/parts/axebow-header-actions.d.ts +1 -0
  4. package/dist/components/axebow-header/parts/axebow-header-actions.d.ts.map +1 -1
  5. package/dist/index.js +34 -22
  6. package/dist/index.js.map +1 -1
  7. package/package.json +1 -1
package/dist/components/axebow-header/axebow-header.d.ts CHANGED
@@ -19,6 +19,7 @@ export declare class AxebowHeader extends LitElement {
19
19
  onLogout: () => void;
20
20
  notificationsLabel: string;
21
21
  notifications: FormattedNotificationVM[];
22
+ myNotificationsTabLabel: string;
22
23
  noNotificationsLabel: string;
23
24
  noUnreadNotificationsLabel: string;
24
25
  showUnreadOnlyLabel: string;
package/dist/components/axebow-header/axebow-header.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"axebow-header.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-header/axebow-header.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,UAAU,EAAa,MAAM,KAAK,CAAC;AAElD,OAAO,iCAAiC,CAAC;AACzC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,KAAK,EAAE,eAAe,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAEjG;;;;GAIG;AACH,qBACa,YAAa,SAAQ,UAAU;IACE,OAAO,UAAS;IAChC,OAAO,SAAM;IACb,OAAO,SAAM;IACT,WAAW,EAAE,MAAM,IAAI,CAAY;IACvC,QAAQ,SAAM;IACd,iBAAiB,SAAM;IACxB,YAAY,EAAE,WAAW,EAAE,CAAM;IACjC,gBAAgB,EAAE,eAAe,EAAE,CAAM;IACxC,WAAW,SAAM;IACb,QAAQ,EAAE,MAAM,IAAI,CAAY;IACpC,kBAAkB,SAAM;IACzB,aAAa,EAAE,uBAAuB,EAAE,CAAM;IAC7C,oBAAoB,SAAM;IAC1B,0BAA0B,SAAM;IAChC,mBAAmB,SAAM;IACzB,OAAO,SAAM;IACb,QAAQ,SAAM;IACd,kBAAkB,SAAM;IACpB,eAAe,EAAE,MAAM,IAAI,CAAY;IAEvE,MAAM,CAAC,MAAM,4BAAyC;IAEtD,MAAM;CA6CP"}
1
+ {"version":3,"file":"axebow-header.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-header/axebow-header.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,UAAU,EAAa,MAAM,KAAK,CAAC;AAElD,OAAO,iCAAiC,CAAC;AACzC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,KAAK,EAAE,eAAe,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAEjG;;;;GAIG;AACH,qBACa,YAAa,SAAQ,UAAU;IACE,OAAO,UAAS;IAChC,OAAO,SAAM;IACb,OAAO,SAAM;IACT,WAAW,EAAE,MAAM,IAAI,CAAY;IACvC,QAAQ,SAAM;IACd,iBAAiB,SAAM;IACxB,YAAY,EAAE,WAAW,EAAE,CAAM;IACjC,gBAAgB,EAAE,eAAe,EAAE,CAAM;IACxC,WAAW,SAAM;IACb,QAAQ,EAAE,MAAM,IAAI,CAAY;IACpC,kBAAkB,SAAM;IACzB,aAAa,EAAE,uBAAuB,EAAE,CAAM;IAC7C,uBAAuB,SAAM;IAC7B,oBAAoB,SAAM;IAC1B,0BAA0B,SAAM;IAChC,mBAAmB,SAAM;IACzB,OAAO,SAAM;IACb,QAAQ,SAAM;IACd,kBAAkB,SAAM;IACpB,eAAe,EAAE,MAAM,IAAI,CAAY;IAEvE,MAAM,CAAC,MAAM,4BAAyC;IAEtD,MAAM;CA8CP"}
package/dist/components/axebow-header/parts/axebow-header-actions.d.ts CHANGED
@@ -30,6 +30,7 @@ export declare class AxebowHeaderActions extends LitElement {
30
30
  onLogout: () => void;
31
31
  notificationsLabel: string;
32
32
  notifications: FormattedNotificationVM[];
33
+ myNotificationsTabLabel: string;
33
34
  noNotificationsLabel: string;
34
35
  noUnreadNotificationsLabel: string;
35
36
  showUnreadOnlyLabel: string;
package/dist/components/axebow-header/parts/axebow-header-actions.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"axebow-header-actions.d.ts","sourceRoot":"","sources":["../../../../src/components/axebow-header/parts/axebow-header-actions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAGvD,OAAO,kCAAkC,CAAC;AAC1C,OAAO,sCAAsC,CAAC;AAC9C,OAAO,+DAA+D,CAAC;AACvE,OAAO,uDAAuD,CAAC;AAE/D,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,MAAM,WAAW,uBAAuB;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;GAEG;AACH,qBACa,mBAAoB,SAAQ,UAAU;IACjD,MAAM,CAAC,MAAM,4BAgBX;IAE0B,QAAQ,SAAM;IACf,gBAAgB,EAAE,eAAe,EAAE,CAAM;IACxC,WAAW,SAAM;IACb,QAAQ,EAAE,MAAM,IAAI,CAAY;IACpC,kBAAkB,SAAM;IACzB,aAAa,EAAE,uBAAuB,EAAE,CAAM;IAC7C,oBAAoB,SAAM;IAC1B,0BAA0B,SAAM;IAChC,mBAAmB,SAAM;IACzB,OAAO,SAAM;IACb,QAAQ,SAAM;IACd,kBAAkB,SAAM;IACpB,eAAe,EAAE,MAAM,IAAI,CAAY;IAE9D,OAAO,CAAC,cAAc,CAAS;IAExC,OAAO,CAAC,0BAA0B;IAIlC,MAAM;IA6FN,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,sBAAsB;CA0C/B"}
1
+ {"version":3,"file":"axebow-header-actions.d.ts","sourceRoot":"","sources":["../../../../src/components/axebow-header/parts/axebow-header-actions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAGvD,OAAO,kCAAkC,CAAC;AAC1C,OAAO,sCAAsC,CAAC;AAC9C,OAAO,+DAA+D,CAAC;AACvE,OAAO,uDAAuD,CAAC;AAC/D,OAAO,iEAAiE,CAAC;AACzE,OAAO,qDAAqD,CAAC;AAC7D,OAAO,iEAAiE,CAAC;AAEzE,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,MAAM,WAAW,uBAAuB;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;GAEG;AACH,qBACa,mBAAoB,SAAQ,UAAU;IACjD,MAAM,CAAC,MAAM,4BAgBX;IAE0B,QAAQ,SAAM;IACf,gBAAgB,EAAE,eAAe,EAAE,CAAM;IACxC,WAAW,SAAM;IACb,QAAQ,EAAE,MAAM,IAAI,CAAY;IACpC,kBAAkB,SAAM;IACzB,aAAa,EAAE,uBAAuB,EAAE,CAAM;IAC7C,uBAAuB,SAAM;IAC7B,oBAAoB,SAAM;IAC1B,0BAA0B,SAAM;IAChC,mBAAmB,SAAM;IACzB,OAAO,SAAM;IACb,QAAQ,SAAM;IACd,kBAAkB,SAAM;IACpB,eAAe,EAAE,MAAM,IAAI,CAAY;IAE9D,OAAO,CAAC,cAAc,CAAS;IAExC,OAAO,CAAC,0BAA0B;IAIlC,MAAM;IAiGN,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,sBAAsB;CA0C/B"}
package/dist/index.js CHANGED
@@ -8,6 +8,9 @@ import "@shoelace-style/shoelace/dist/components/button/button.js";
8
8
  import "@shoelace-style/shoelace/dist/components/switch/switch.js";
9
9
  import "@shoelace-style/shoelace/dist/components/dropdown/dropdown.js";
10
10
  import "@shoelace-style/shoelace/dist/components/menu/menu.js";
11
+ import "@shoelace-style/shoelace/dist/components/tab-group/tab-group.js";
12
+ import "@shoelace-style/shoelace/dist/components/tab/tab.js";
13
+ import "@shoelace-style/shoelace/dist/components/tab-panel/tab-panel.js";
11
14
  import { live } from "lit/directives/live.js";
12
15
  import "@shoelace-style/shoelace/dist/components/checkbox/checkbox.js";
13
16
  import "@shoelace-style/shoelace/dist/components/carousel/carousel.js";
@@ -1452,6 +1455,7 @@ var AxebowHeaderActions = class AxebowHeaderActions extends LitElement {
1452
1455
  this.onLogout = () => {};
1453
1456
  this.notificationsLabel = "";
1454
1457
  this.notifications = [];
1458
+ this.myNotificationsTabLabel = "";
1455
1459
  this.noNotificationsLabel = "";
1456
1460
  this.noUnreadNotificationsLabel = "";
1457
1461
  this.showUnreadOnlyLabel = "";
@@ -1506,30 +1510,34 @@ var AxebowHeaderActions = class AxebowHeaderActions extends LitElement {
1506
1510
  >${this.notificationsLabel}</span
1507
1511
  >
1508
1512
  </div>
1509
- <div class="bg-white rounded-md w-120 text-base pt-2">
1510
- <div class="flex flex-col gap-2 px-4 max-h-[40vh] overflow-auto w-full">
1511
- ${this.notifications.length === 0 ? this.renderEmptyState(this.noNotificationsLabel) : html`
1512
- <div class="flex flex-col text-black gap-4">
1513
- <div class="flex justify-between items-center flex-wrap gap-4">
1514
- <div class="flex items-center py-1">
1515
- <p class="mr-4 text-base">${this.showUnreadOnlyLabel}</p>
1516
- <axebow-switch
1517
- .checked=${this.showUnreadOnly}
1518
- .onChange=${(checked) => this.handleShowUnreadOnlyChange(checked)}
1519
- ></axebow-switch>
1520
- <p class="italic text-gray-400 text-base">
1521
- ${this.showUnreadOnly ? this.onLabel : this.offLabel}
1522
- </p>
1513
+ <sl-tab-group class="bg-white rounded-md w-120 text-base">
1514
+ <sl-tab slot="nav" panel="my_notifications">${this.myNotificationsTabLabel}</sl-tab>
1515
+
1516
+ <sl-tab-panel class="bg-gray-100" name="my_notifications">
1517
+ <div class="flex flex-col gap-2 px-4 pb-4 max-h-[40vh] overflow-auto w-full">
1518
+ ${this.notifications.length === 0 ? this.renderEmptyState(this.noNotificationsLabel) : html`
1519
+ <div class="flex flex-col text-black gap-4">
1520
+ <div class="flex justify-between items-center flex-wrap gap-4">
1521
+ <div class="flex items-center py-1">
1522
+ <p class="mr-4 text-base">${this.showUnreadOnlyLabel}</p>
1523
+ <axebow-switch
1524
+ .checked=${this.showUnreadOnly}
1525
+ .onChange=${(checked) => this.handleShowUnreadOnlyChange(checked)}
1526
+ ></axebow-switch>
1527
+ <p class="italic text-gray-400 text-base">
1528
+ ${this.showUnreadOnly ? this.onLabel : this.offLabel}
1529
+ </p>
1530
+ </div>
1531
+ <button class="text-gray-500 cursor-pointer text-base" @click=${() => this.onMarkAllAsRead()}>
1532
+ ${this.markAllAsReadLabel}
1533
+ </button>
1523
1534
  </div>
1524
- <button class="text-gray-500 cursor-pointer text-base" @click=${() => this.onMarkAllAsRead()}>
1525
- ${this.markAllAsReadLabel}
1526
- </button>
1535
+ ${this.showUnreadOnly && unreadNotifications.length === 0 ? this.renderEmptyState(this.noUnreadNotificationsLabel) : html` ${notificationsToShow.map((item) => this.renderNotificationCard(item))} `}
1527
1536
  </div>
1528
- ${this.showUnreadOnly && unreadNotifications.length === 0 ? this.renderEmptyState(this.noUnreadNotificationsLabel) : html` ${notificationsToShow.map((item) => this.renderNotificationCard(item))} `}
1529
- </div>
1530
- `}
1531
- </div>
1532
- </div>
1537
+ `}
1538
+ </div>
1539
+ </sl-tab-panel>
1540
+ </sl-tab-group>
1533
1541
  </sl-dropdown>
1534
1542
  <sl-dropdown class="shrink-0">
1535
1543
  <div
@@ -1612,6 +1620,7 @@ __decorate([property({ type: String })], AxebowHeaderActions.prototype, "logoutL
1612
1620
  __decorate([property({ attribute: false })], AxebowHeaderActions.prototype, "onLogout", void 0);
1613
1621
  __decorate([property({ type: String })], AxebowHeaderActions.prototype, "notificationsLabel", void 0);
1614
1622
  __decorate([property({ type: Array })], AxebowHeaderActions.prototype, "notifications", void 0);
1623
+ __decorate([property({ type: String })], AxebowHeaderActions.prototype, "myNotificationsTabLabel", void 0);
1615
1624
  __decorate([property({ type: String })], AxebowHeaderActions.prototype, "noNotificationsLabel", void 0);
1616
1625
  __decorate([property({ type: String })], AxebowHeaderActions.prototype, "noUnreadNotificationsLabel", void 0);
1617
1626
  __decorate([property({ type: String })], AxebowHeaderActions.prototype, "showUnreadOnlyLabel", void 0);
@@ -1638,6 +1647,7 @@ var AxebowHeader = class AxebowHeader extends LitElement {
1638
1647
  this.onLogout = () => {};
1639
1648
  this.notificationsLabel = "";
1640
1649
  this.notifications = [];
1650
+ this.myNotificationsTabLabel = "";
1641
1651
  this.noNotificationsLabel = "";
1642
1652
  this.noUnreadNotificationsLabel = "";
1643
1653
  this.showUnreadOnlyLabel = "";
@@ -1680,6 +1690,7 @@ var AxebowHeader = class AxebowHeader extends LitElement {
1680
1690
  .onLogout=${this.onLogout}
1681
1691
  .notificationsLabel=${this.notificationsLabel}
1682
1692
  .notifications=${this.notifications}
1693
+ .myNotificationsTabLabel=${this.myNotificationsTabLabel}
1683
1694
  .noNotificationsLabel=${this.noNotificationsLabel}
1684
1695
  .noUnreadNotificationsLabel=${this.noUnreadNotificationsLabel}
1685
1696
  .showUnreadOnlyLabel=${this.showUnreadOnlyLabel}
@@ -1708,6 +1719,7 @@ __decorate([property({ type: String })], AxebowHeader.prototype, "logoutLabel",
1708
1719
  __decorate([property({ attribute: false })], AxebowHeader.prototype, "onLogout", void 0);
1709
1720
  __decorate([property({ type: String })], AxebowHeader.prototype, "notificationsLabel", void 0);
1710
1721
  __decorate([property({ type: Array })], AxebowHeader.prototype, "notifications", void 0);
1722
+ __decorate([property({ type: String })], AxebowHeader.prototype, "myNotificationsTabLabel", void 0);
1711
1723
  __decorate([property({ type: String })], AxebowHeader.prototype, "noNotificationsLabel", void 0);
1712
1724
  __decorate([property({ type: String })], AxebowHeader.prototype, "noUnreadNotificationsLabel", void 0);
1713
1725
  __decorate([property({ type: String })], AxebowHeader.prototype, "showUnreadOnlyLabel", void 0);