@ganpatiinfo/gids-core-web 15.0.0 → 16.0.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.
- package/dist/css/index.css +598 -0
- package/dist/css/index.css.map +1 -1
- package/dist/gids-action-bar.d.ts +1 -1
- package/dist/gids-action-bar.js +1 -1
- package/dist/gids-activity-gauge.d.ts +1 -1
- package/dist/gids-activity-gauge.js +1 -1
- package/dist/gids-advanced-tooltip.d.ts +1 -1
- package/dist/gids-advanced-tooltip.js +1 -1
- package/dist/gids-bar-chart.d.ts +1 -1
- package/dist/gids-bar-chart.js +1 -1
- package/dist/gids-calendar-header-panel.d.ts +1 -1
- package/dist/gids-calendar-header-panel.js +1 -1
- package/dist/gids-calendar-month-list.d.ts +1 -1
- package/dist/gids-calendar-month-list.js +1 -1
- package/dist/gids-calendar-year-list.d.ts +1 -1
- package/dist/gids-calendar-year-list.js +1 -1
- package/dist/gids-calendar.d.ts +1 -1
- package/dist/gids-calendar.js +1 -1
- package/dist/gids-chart-legend-item.d.ts +1 -1
- package/dist/gids-chart-legend-item.js +1 -1
- package/dist/gids-chart-legend.d.ts +1 -1
- package/dist/gids-chart-legend.js +1 -1
- package/dist/gids-chart.d.ts +1 -1
- package/dist/gids-chart.js +1 -1
- package/dist/gids-chevron-button.d.ts +1 -1
- package/dist/gids-chevron-button.js +1 -1
- package/dist/gids-dot.d.ts +1 -1
- package/dist/gids-dot.js +1 -1
- package/dist/gids-dropdown-field.d.ts +1 -1
- package/dist/gids-dropdown-field.js +1 -1
- package/dist/gids-dropdown-picker.d.ts +1 -1
- package/dist/gids-dropdown-picker.js +1 -1
- package/dist/gids-dropdown.d.ts +1 -1
- package/dist/gids-dropdown.js +1 -1
- package/dist/gids-expansion-body-list-item.d.ts +1 -1
- package/dist/gids-expansion-body-list-item.js +1 -1
- package/dist/gids-expansion-body-list.d.ts +1 -1
- package/dist/gids-expansion-body-list.js +1 -1
- package/dist/gids-expansion-group.d.ts +1 -1
- package/dist/gids-expansion-group.js +1 -1
- package/dist/gids-expansion.d.ts +1 -1
- package/dist/gids-expansion.js +1 -1
- package/dist/gids-field.d.ts +1 -1
- package/dist/gids-field.js +1 -1
- package/dist/gids-filter.d.ts +1 -1
- package/dist/gids-filter.js +1 -1
- package/dist/gids-header-navigation-item.d.ts +11 -0
- package/dist/gids-header-navigation-item.js +1 -0
- package/dist/gids-header-navigation.d.ts +11 -0
- package/dist/gids-header-navigation.js +1 -0
- package/dist/gids-icon.d.ts +1 -1
- package/dist/gids-icon.js +1 -1
- package/dist/gids-input.d.ts +1 -1
- package/dist/gids-input.js +1 -1
- package/dist/gids-level-gauge.d.ts +1 -1
- package/dist/gids-line-chart.d.ts +1 -1
- package/dist/gids-line-chart.js +1 -1
- package/dist/gids-md-table.d.ts +1 -1
- package/dist/gids-md-table.js +1 -1
- package/dist/gids-notification.d.ts +1 -1
- package/dist/gids-overflow-container.d.ts +1 -1
- package/dist/gids-overflow-container.js +1 -1
- package/dist/gids-overlay-provider.d.ts +1 -1
- package/dist/gids-overlay-provider.js +1 -1
- package/dist/gids-password-field.d.ts +1 -1
- package/dist/gids-password-field.js +1 -1
- package/dist/gids-pie-chart.d.ts +1 -1
- package/dist/gids-pie-chart.js +1 -1
- package/dist/gids-popover.d.ts +1 -1
- package/dist/gids-popover.js +1 -1
- package/dist/gids-profile-menu-header.d.ts +11 -0
- package/dist/gids-profile-menu-header.js +1 -0
- package/dist/gids-profile-menu.d.ts +11 -0
- package/dist/gids-profile-menu.js +1 -0
- package/dist/gids-profile.d.ts +11 -0
- package/dist/gids-profile.js +1 -0
- package/dist/gids-progress-circle.d.ts +1 -1
- package/dist/gids-scrim.d.ts +1 -1
- package/dist/gids-scrim.js +1 -1
- package/dist/gids-skeleton.d.ts +1 -1
- package/dist/gids-skeleton.js +1 -1
- package/dist/gids-snackbar.d.ts +1 -1
- package/dist/gids-tab-item.d.ts +1 -1
- package/dist/gids-tab-item.js +1 -1
- package/dist/gids-tab.d.ts +1 -1
- package/dist/gids-tab.js +1 -1
- package/dist/gids-text-field.d.ts +1 -1
- package/dist/gids-text-field.js +1 -1
- package/dist/gids-toggle-button.d.ts +1 -1
- package/dist/gids-toggle-button.js +1 -1
- package/dist/gids-tooltip.d.ts +1 -1
- package/dist/gids-tooltip.js +1 -1
- package/dist/gids-transfer-list.d.ts +1 -1
- package/dist/gids-transfer-list.js +1 -1
- package/dist/{p-Iqbf3Pja.js → p-BrYLEey4.js} +1 -1
- package/dist/p-Bs8TP3Rb.js +1 -0
- package/dist/p-Bw2pVReY.js +1 -0
- package/dist/{p-BtKwhIx5.js → p-Bzjuvoza.js} +1 -1
- package/dist/p-C-HyXFGR.js +1 -0
- package/dist/{p-Cyant-dw.js → p-CCpxJ8wu.js} +1 -1
- package/dist/p-CXFvqDBs.js +1 -0
- package/dist/{p-DLauG0q8.js → p-CZBiavxU.js} +1 -1
- package/dist/p-CcpdJCql.js +1 -0
- package/dist/{p-BKIsp763.js → p-Chb2OeFe.js} +1 -1
- package/dist/{p-Df5xaj-o.js → p-CiWZdp48.js} +1 -1
- package/dist/{p-DaqhrFRM.js → p-Co23kQaH.js} +1 -1
- package/dist/{p-DshXkAUj.js → p-DAuO4g6g.js} +1 -1
- package/dist/{p-BF46eY8H.js → p-DELTZ9Fh.js} +1 -1
- package/dist/{p-CLm5opt9.js → p-DGXqnrKo.js} +1 -1
- package/dist/p-DObJEzlz.js +1 -0
- package/dist/{p-MnCDY1k9.js → p-DbaNvRpS.js} +1 -1
- package/dist/{p-Dvh4sPkD.js → p-Dd-ec-e0.js} +1 -1
- package/dist/{p-DhtEw_C2.js → p-DiTjFG30.js} +1 -1
- package/dist/{p-Db4qRSmH.js → p-DxX3B1f0.js} +1 -1
- package/dist/{p-B0Nc9rVM.js → p-UDG6tkD1.js} +1 -1
- package/dist/p-bhEHIxPv.js +1 -0
- package/dist/{p-BgvpzBUx.js → p-d-t7__OQ.js} +1 -1
- package/dist/p-oJFgjzK5.js +1 -0
- package/dist/p-pVSQxFDF.js +1 -0
- package/dist/{p-DGenc1qz.js → p-u06XOrpj.js} +1 -1
- package/dist/types/components/webComponents/GidsHeaderNavigation/GidsHeaderNavigation.d.ts +51 -0
- package/dist/types/components/webComponents/GidsHeaderNavigationItem/GidsHeaderNavigationItem.d.ts +42 -0
- package/dist/types/components/webComponents/GidsProfile/GidsProfile.d.ts +66 -0
- package/dist/types/components/webComponents/GidsProfileMenu/GidsProfileMenu.d.ts +29 -0
- package/dist/types/components/webComponents/GidsProfileMenuHeader/GidsProfileMenuHeader.d.ts +30 -0
- package/dist/types/components.d.ts +596 -2
- package/dist-bundled/es/gids-action-bar.js +22 -21
- package/dist-bundled/es/gids-activity-gauge.js +1 -1
- package/dist-bundled/es/gids-advanced-tooltip.js +2 -2
- package/dist-bundled/es/gids-bar-chart.js +4 -4
- package/dist-bundled/es/gids-calendar-header-panel.js +1 -1
- package/dist-bundled/es/gids-calendar-month-list.js +3 -3
- package/dist-bundled/es/gids-calendar-year-list.js +2 -2
- package/dist-bundled/es/gids-calendar.js +24 -24
- package/dist-bundled/es/gids-chart-legend-item.js +1 -1
- package/dist-bundled/es/gids-chart-legend.js +4 -4
- package/dist-bundled/es/gids-chart.js +7 -7
- package/dist-bundled/es/gids-chevron-button.js +4 -4
- package/dist-bundled/es/gids-dot.js +2 -2
- package/dist-bundled/es/gids-dropdown-field.js +9 -9
- package/dist-bundled/es/gids-dropdown-picker.js +4 -4
- package/dist-bundled/es/gids-dropdown.js +3 -3
- package/dist-bundled/es/gids-expansion-body-list-item.js +4 -4
- package/dist-bundled/es/gids-expansion-body-list.js +2 -2
- package/dist-bundled/es/gids-expansion-group.js +5 -5
- package/dist-bundled/es/gids-expansion.js +1 -1
- package/dist-bundled/es/gids-field.js +2 -2
- package/dist-bundled/es/gids-filter.js +2 -2
- package/dist-bundled/es/gids-header-navigation-item.js +6 -0
- package/dist-bundled/es/gids-header-navigation.js +134 -0
- package/dist-bundled/es/gids-icon.js +4 -4
- package/dist-bundled/es/gids-input.js +2 -2
- package/dist-bundled/es/gids-line-chart.js +3 -3
- package/dist-bundled/es/gids-md-table.js +59 -59
- package/dist-bundled/es/gids-overflow-container.js +1 -1
- package/dist-bundled/es/gids-overlay-provider.js +1 -1
- package/dist-bundled/es/gids-password-field.js +12 -12
- package/dist-bundled/es/gids-pie-chart.js +1 -1
- package/dist-bundled/es/gids-popover.js +1 -1
- package/dist-bundled/es/gids-profile-menu-header.js +6 -0
- package/dist-bundled/es/gids-profile-menu.js +6 -0
- package/dist-bundled/es/gids-profile.js +199 -0
- package/dist-bundled/es/gids-scrim.js +1 -1
- package/dist-bundled/es/gids-skeleton.js +1 -1
- package/dist-bundled/es/gids-tab-item.js +16 -36
- package/dist-bundled/es/gids-tab.js +4 -4
- package/dist-bundled/es/gids-text-field.js +6 -6
- package/dist-bundled/es/gids-toggle-button.js +1 -1
- package/dist-bundled/es/gids-tooltip.js +1 -1
- package/dist-bundled/es/gids-transfer-list.js +3 -3
- package/dist-bundled/es/p-Bs8TP3Rb-BdcS7d5q.js +20 -0
- package/dist-bundled/es/{p-9NZjfY_u-CnjUEy1y.js → p-Bw2pVReY-K9pdG-hw.js} +2 -2
- package/dist-bundled/es/{p-BtKwhIx5-DTEmfdxe.js → p-Bzjuvoza-CzNs69NV.js} +12 -12
- package/dist-bundled/es/{p-D7qanqNO-Dby5jSjA.js → p-C-HyXFGR-UnFcWLOQ.js} +6 -5
- package/dist-bundled/es/{p-Cyant-dw-Ch2zYNkx.js → p-CCpxJ8wu-CMYQqNoP.js} +6 -6
- package/dist-bundled/es/p-CXFvqDBs-offadaUn.js +27 -0
- package/dist-bundled/es/{p-DLauG0q8-CCUuzYl9.js → p-CZBiavxU-CIstIm2b.js} +9 -9
- package/dist-bundled/es/p-CcpdJCql-CkEW2RAp.js +64 -0
- package/dist-bundled/es/{p-BKIsp763-CqL9MgyZ.js → p-Chb2OeFe-DDv_WPhe.js} +1 -1
- package/dist-bundled/es/{p-Df5xaj-o-fxAXUmag.js → p-CiWZdp48-1vf7Xh2R.js} +5 -5
- package/dist-bundled/es/{p-DaqhrFRM-2PqBeu5o.js → p-Co23kQaH-QJyKkzgc.js} +3 -3
- package/dist-bundled/es/{p-DshXkAUj-DgCiQIA2.js → p-DAuO4g6g-C8miaL-N.js} +6 -6
- package/dist-bundled/es/{p-BF46eY8H-Xn8Fl9EI.js → p-DELTZ9Fh-Byr0nLtY.js} +2 -2
- package/dist-bundled/es/{p-CLm5opt9-DlxkI38w.js → p-DGXqnrKo-C7feKS94.js} +5 -5
- package/dist-bundled/es/p-DObJEzlz-tt9h5cuI.js +17 -0
- package/dist-bundled/es/{p-MnCDY1k9-CgbTyJ5R.js → p-DbaNvRpS-r7kCW1TY.js} +9 -9
- package/dist-bundled/es/{p-Dvh4sPkD-B-T5C03p.js → p-Dd-ec-e0-BqX_F6y0.js} +5 -5
- package/dist-bundled/es/{p-DhtEw_C2-D_91JSPC.js → p-DiTjFG30-CQkxfu2K.js} +2 -2
- package/dist-bundled/es/{p-Db4qRSmH-B5pzOeve.js → p-DxX3B1f0-D1URliVh.js} +5 -5
- package/dist-bundled/es/{p-B0Nc9rVM-SBit1KrF.js → p-UDG6tkD1-JTLPxkEn.js} +5 -5
- package/dist-bundled/es/p-bhEHIxPv-ujyxL30O.js +136 -0
- package/dist-bundled/es/{p-BgvpzBUx-iq-eKBVZ.js → p-d-t7__OQ-CKPQZt2t.js} +3 -3
- package/dist-bundled/es/p-oJFgjzK5-CzagP1qD.js +99 -0
- package/dist-bundled/es/{p-CZxn31uZ-BBHM983b.js → p-pVSQxFDF-CsWxUaZX.js} +10 -9
- package/dist-bundled/es/{p-DGenc1qz-CMwVEtCm.js → p-u06XOrpj-C1tNznDd.js} +6 -6
- package/dist-bundled/umd/gids-action-bar.umd.js +2 -2
- package/dist-bundled/umd/gids-activity-gauge.umd.js +1 -1
- package/dist-bundled/umd/gids-advanced-tooltip.umd.js +1 -1
- package/dist-bundled/umd/gids-bar-chart.umd.js +1 -1
- package/dist-bundled/umd/gids-calendar-header-panel.umd.js +2 -2
- package/dist-bundled/umd/gids-calendar-month-list.umd.js +2 -2
- package/dist-bundled/umd/gids-calendar-year-list.umd.js +1 -1
- package/dist-bundled/umd/gids-calendar.umd.js +1 -1
- package/dist-bundled/umd/gids-chart-legend-item.umd.js +1 -1
- package/dist-bundled/umd/gids-chart-legend.umd.js +1 -1
- package/dist-bundled/umd/gids-chart.umd.js +1 -1
- package/dist-bundled/umd/gids-chevron-button.umd.js +1 -1
- package/dist-bundled/umd/gids-dot.umd.js +1 -1
- package/dist-bundled/umd/gids-dropdown-field.umd.js +2 -2
- package/dist-bundled/umd/gids-dropdown-picker.umd.js +1 -1
- package/dist-bundled/umd/gids-dropdown.umd.js +1 -1
- package/dist-bundled/umd/gids-expansion-body-list-item.umd.js +1 -1
- package/dist-bundled/umd/gids-expansion-body-list.umd.js +1 -1
- package/dist-bundled/umd/gids-expansion-group.umd.js +1 -1
- package/dist-bundled/umd/gids-expansion.umd.js +1 -1
- package/dist-bundled/umd/gids-field.umd.js +1 -1
- package/dist-bundled/umd/gids-filter.umd.js +2 -2
- package/dist-bundled/umd/gids-header-navigation-item.umd.js +5 -0
- package/dist-bundled/umd/gids-header-navigation.umd.js +5 -0
- package/dist-bundled/umd/gids-icon.umd.js +1 -1
- package/dist-bundled/umd/gids-input.umd.js +2 -2
- package/dist-bundled/umd/gids-line-chart.umd.js +1 -1
- package/dist-bundled/umd/gids-md-table.umd.js +1 -1
- package/dist-bundled/umd/gids-overflow-container.umd.js +1 -1
- package/dist-bundled/umd/gids-overlay-provider.umd.js +1 -1
- package/dist-bundled/umd/gids-password-field.umd.js +1 -1
- package/dist-bundled/umd/gids-pie-chart.umd.js +1 -1
- package/dist-bundled/umd/gids-popover.umd.js +1 -1
- package/dist-bundled/umd/gids-profile-menu-header.umd.js +5 -0
- package/dist-bundled/umd/gids-profile-menu.umd.js +5 -0
- package/dist-bundled/umd/gids-profile.umd.js +5 -0
- package/dist-bundled/umd/gids-scrim.umd.js +1 -1
- package/dist-bundled/umd/gids-skeleton.umd.js +1 -1
- package/dist-bundled/umd/gids-tab-item.umd.js +1 -1
- package/dist-bundled/umd/gids-tab.umd.js +1 -1
- package/dist-bundled/umd/gids-text-field.umd.js +1 -1
- package/dist-bundled/umd/gids-toggle-button.umd.js +2 -2
- package/dist-bundled/umd/gids-tooltip.umd.js +1 -1
- package/dist-bundled/umd/gids-transfer-list.umd.js +1 -1
- package/dist-bundled/umd-complete/gids-core-web.umd.js +9 -9
- package/package.json +44 -4
- package/dist/p-474lVBcu.js +0 -1
- package/dist/p-9NZjfY_u.js +0 -1
- package/dist/p-CZxn31uZ.js +0 -1
- package/dist/p-D7qanqNO.js +0 -1
- package/dist-bundled/es/p-474lVBcu-B1f8x2o1.js +0 -31
- /package/dist-bundled/es/{p-Iqbf3Pja-DuajY4uD.js → p-BrYLEey4-DuajY4uD.js} +0 -0
|
@@ -0,0 +1,134 @@
|
|
|
1
|
+
import { L as f, u as M, D as r, P as S, q as p } from "./p-Bf3p-DY2-CPqEc-vc.js";
|
|
2
|
+
import { d as C } from "./p-D4Pimu_8-ARSuGBs4.js";
|
|
3
|
+
import { b as N } from "./p-BrYLEey4-DuajY4uD.js";
|
|
4
|
+
import { e as y } from "./p-ChV9xqsO-CJSPCx6p.js";
|
|
5
|
+
import { h as x } from "./p-bhEHIxPv-ujyxL30O.js";
|
|
6
|
+
import { c as b } from "./clsx-OuTLNxxd.js";
|
|
7
|
+
const E = ({ mode: a, type: e }, t) => b("gids-header-navigation", {
|
|
8
|
+
// Modes
|
|
9
|
+
// 'gids-header-navigation--mode-wrap': mode === 'wrap', // Default so not needed
|
|
10
|
+
"gids-header-navigation--mode-scroll": a === "scroll",
|
|
11
|
+
// Types
|
|
12
|
+
// 'gids-header-navigation--type-gap': type === 'gap', // Default so not needed
|
|
13
|
+
"gids-header-navigation--type-standard": e === "standard"
|
|
14
|
+
}, t), z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
15
|
+
__proto__: null,
|
|
16
|
+
getGidsHeaderNavigationClassNames: E
|
|
17
|
+
}, Symbol.toStringTag, { value: "Module" })), { getGidsHeaderNavigationClassNames: w } = z, g = f(class extends M {
|
|
18
|
+
constructor(a) {
|
|
19
|
+
super(), a !== !1 && this.__registerHost(), this.type = "gap", this.selectionType = "single-deselection-not-allowed", this.selectedItemIdsState = [], this.selectedMenuItemIdsState = [], this.expandedMenuIdsState = [], this.onNavigationItemPress = ({ event: e, itemIndex: t }) => {
|
|
20
|
+
this.handleSelectionsAndExpansions(e), this.onHeaderNavigationItemChange && this.onHeaderNavigationItemChange({ ...e, navMenuItemIndex: t });
|
|
21
|
+
}, this.onNavigationMenuItemChange = ({ event: e, itemIndex: t }) => {
|
|
22
|
+
e?.menuItemSelected ? (this.selectedItemIdsState = [e.itemId], this.selectedMenuItemIdsState = [e.menuItemId]) : (this.selectedItemIdsState = [], this.selectedMenuItemIdsState = []), this.onHeaderNavigationItemChange && this.onHeaderNavigationItemChange({ ...e, navMenuItemIndex: t });
|
|
23
|
+
}, this.handleDocumentClick = (e) => {
|
|
24
|
+
!this.expandedMenuIdsState || this.expandedMenuIdsState.length <= 0 || e.composedPath().includes(this.hostElement) || (this.expandedMenuIdsState = []);
|
|
25
|
+
}, this.handleSelectionsAndExpansions = (e) => {
|
|
26
|
+
this.expandedMenuIdsState = e?.hasMenu && e?.menuExpanded && e?.menuId && e.menuId !== "" ? [e.menuId] : [], e?.hasMenu || (e?.itemSelected ? (this.selectedItemIdsState = [e.itemId], this.selectedMenuItemIdsState = []) : (this.selectedItemIdsState = [], this.selectedMenuItemIdsState = []));
|
|
27
|
+
}, this.isThisMenuExpanded = (e) => {
|
|
28
|
+
const t = this?.expandedMenuIdsState ?? [];
|
|
29
|
+
if (!e || e === "" || !t || t.length <= 0) return !1;
|
|
30
|
+
const d = t.findIndex(((n) => n === e));
|
|
31
|
+
return d != null && d !== -1;
|
|
32
|
+
}, this.isThisNavigationItemSelected = (e) => {
|
|
33
|
+
const t = this?.selectedItemIdsState ?? [];
|
|
34
|
+
if (!e || e === "" || !t || t.length <= 0) return !1;
|
|
35
|
+
const d = t.findIndex(((n) => n === e));
|
|
36
|
+
return d != null && d !== -1;
|
|
37
|
+
}, this.getSelectedMenuItemId = () => {
|
|
38
|
+
const e = this?.selectedMenuItemIdsState ?? [];
|
|
39
|
+
if (e.length > 0) return e[0];
|
|
40
|
+
}, this.initializeDefaultSelection = () => {
|
|
41
|
+
const e = this?.navMenus ?? [];
|
|
42
|
+
if (!this.defaultNavItemId || !e || e.length <= 0) return;
|
|
43
|
+
const t = e.find(((s) => s?.id === this.defaultNavItemId));
|
|
44
|
+
if (!t) return;
|
|
45
|
+
if (this.selectedItemIdsState = [t.id], this.selectedMenuItemIdsState = [], !this.defaultNavMenuId) return void this.onHeaderNavigationItemChange?.({ itemId: t.id, itemSelected: !0, hasMenu: !!t.menuId, menuId: t.menuId, menuExpanded: !1 });
|
|
46
|
+
if (t.menuId !== this.defaultNavMenuId) return;
|
|
47
|
+
if (!this.defaultNavMenuItemId) return void this.onHeaderNavigationItemChange?.({ itemId: t.id, itemSelected: !0, hasMenu: !0, menuId: t.menuId, menuExpanded: !1 });
|
|
48
|
+
const d = t?.menuItems ?? [];
|
|
49
|
+
if (d.length <= 0) return;
|
|
50
|
+
let n, u = -1, l = -1;
|
|
51
|
+
d.some(((s, h) => {
|
|
52
|
+
const o = (s?.data ?? []).findIndex(((I) => I?.id === this.defaultNavMenuItemId));
|
|
53
|
+
return o !== -1 && (n = s.data[o], u = h, l = o, !0);
|
|
54
|
+
})), n ? (this.selectedItemIdsState = [t.id], this.selectedMenuItemIdsState = [n.id], this.onHeaderNavigationItemChange?.({ itemId: t.id, itemLabel: t.label, itemSelected: !0, hasMenu: !0, menuId: t.menuId, menuExpanded: !1, menuItemTitle: n.title, menuItemValue: n.value, menuItemId: n.id, menuItemSectionIndex: u, menuItemIndex: l, menuItemSelected: !0, selectionType: this.selectionType })) : this.onHeaderNavigationItemChange?.({ itemId: t.id, itemSelected: !0, hasMenu: !0, menuId: t.menuId, menuExpanded: !1 });
|
|
55
|
+
};
|
|
56
|
+
}
|
|
57
|
+
appearanceChanged(a) {
|
|
58
|
+
this.appearance = a;
|
|
59
|
+
}
|
|
60
|
+
selectionAppearanceChanged(a) {
|
|
61
|
+
this.selectionAppearance = a;
|
|
62
|
+
}
|
|
63
|
+
borderRadiusChanged(a) {
|
|
64
|
+
this.borderRadius = a;
|
|
65
|
+
}
|
|
66
|
+
shadowChanged(a) {
|
|
67
|
+
this.applyShadow = a;
|
|
68
|
+
}
|
|
69
|
+
sizeChanged(a) {
|
|
70
|
+
this.size = a;
|
|
71
|
+
}
|
|
72
|
+
separatorsChanged(a) {
|
|
73
|
+
this.applySeparators = a;
|
|
74
|
+
}
|
|
75
|
+
modeChanged(a) {
|
|
76
|
+
this.mode = a;
|
|
77
|
+
}
|
|
78
|
+
defaultNavItemIdChanged() {
|
|
79
|
+
this.initializeDefaultSelection();
|
|
80
|
+
}
|
|
81
|
+
defaultNavMenuIdChanged() {
|
|
82
|
+
this.initializeDefaultSelection();
|
|
83
|
+
}
|
|
84
|
+
defaultNavMenuItemIdChanged() {
|
|
85
|
+
this.initializeDefaultSelection();
|
|
86
|
+
}
|
|
87
|
+
navMenusChanged(a) {
|
|
88
|
+
this.navMenus = a, this.initializeDefaultSelection();
|
|
89
|
+
}
|
|
90
|
+
typeChanged(a) {
|
|
91
|
+
this.type = a;
|
|
92
|
+
}
|
|
93
|
+
connectedCallback() {
|
|
94
|
+
}
|
|
95
|
+
componentWillLoad() {
|
|
96
|
+
this.initializeDefaultSelection();
|
|
97
|
+
}
|
|
98
|
+
componentDidLoad() {
|
|
99
|
+
document.addEventListener("click", this.handleDocumentClick);
|
|
100
|
+
}
|
|
101
|
+
disconnectedCallback() {
|
|
102
|
+
document.removeEventListener("click", this.handleDocumentClick);
|
|
103
|
+
}
|
|
104
|
+
render() {
|
|
105
|
+
const a = this?.appearance ?? "default", e = this?.selectionAppearance ?? "default", t = this?.applyShadow ?? !1, d = this?.applySeparators ?? !1, n = this?.borderRadius ?? "none", u = this?.mode ?? "wrap", l = this?.type ?? "gap", s = this?.size ?? "md", h = this?.navMenus ?? [], o = this?.selectionType ?? "single-deselection-not-allowed", I = w({ mode: u, type: l });
|
|
106
|
+
return r(S, { key: "e21ba360d14f0095b3070d5b88a4d153c8e36a99", class: I }, h.map(((i, m) => r("div", { key: "" + (m + 1), class: y("gids-header-navigation__item-container-gap", { "gids-header-navigation__item-container-standard": l === "standard" }) }, r("gids-header-navigation-item", { ...i, id: i.id, menuId: i?.menuId, menuItems: i?.menuItems ?? [], label: i?.label, size: s, appearance: a, selectionAppearance: e, applyShadow: t, borderRadius: n, expanded: this.isThisMenuExpanded(i?.menuId), selected: this.isThisNavigationItemSelected(i?.id), selectedMenuItemId: this.getSelectedMenuItemId(), selectionType: o, onPressNavigationItem: (c) => this.onNavigationItemPress({ event: c, itemIndex: m }), onMenuItemChange: (c) => this.onNavigationMenuItemChange({ event: c, itemIndex: m }) }, i?.leadingIconName && i.leadingIconName !== "(none)" ? r(C, { slot: "headerNavItemLeadingIcon", name: i.leadingIconName, size: s !== "xl" ? s : "lg", alt: "", appearance: "regular" }) : void 0), d && m < h.length - 1 ? r(N, { orientation: "vertical" }) : void 0))));
|
|
107
|
+
}
|
|
108
|
+
get hostElement() {
|
|
109
|
+
return this;
|
|
110
|
+
}
|
|
111
|
+
static get watchers() {
|
|
112
|
+
return { appearance: [{ appearanceChanged: 0 }], selectionAppearance: [{ selectionAppearanceChanged: 0 }], borderRadius: [{ borderRadiusChanged: 0 }], applyShadow: [{ shadowChanged: 0 }], size: [{ sizeChanged: 0 }], applySeparators: [{ separatorsChanged: 0 }], mode: [{ modeChanged: 0 }], defaultNavItemId: [{ defaultNavItemIdChanged: 0 }], defaultNavMenuId: [{ defaultNavMenuIdChanged: 0 }], defaultNavMenuItemId: [{ defaultNavMenuItemIdChanged: 0 }], navMenus: [{ navMenusChanged: 0 }], type: [{ typeChanged: 0 }] };
|
|
113
|
+
}
|
|
114
|
+
static get style() {
|
|
115
|
+
return ".gids-header-navigation{display:flex;gap:var(--gids-gap-200)}.gids-header-navigation__item-container-gap{display:flex;gap:var(--gids-gap-200)}.gids-header-navigation__item-container-standard{gap:var(--gids-gap-0)}.gids-header-navigation--type-standard{gap:var(--gids-gap-0)}";
|
|
116
|
+
}
|
|
117
|
+
}, [0, "gids-header-navigation", { appearance: [1], selectionAppearance: [1, "selection-appearance"], type: [1], selectionType: [1, "selection-type"], defaultNavItemId: [1, "default-nav-item-id"], defaultNavMenuId: [1, "default-nav-menu-id"], defaultNavMenuItemId: [1, "default-nav-menu-item-id"], applyShadow: [4, "apply-shadow"], applySeparators: [4, "apply-separators"], borderRadius: [1, "border-radius"], mode: [1], size: [1], navMenus: [16], onHeaderNavigationItemChange: [16], selectedItemIdsState: [32], selectedMenuItemIdsState: [32], expandedMenuIdsState: [32] }, void 0, { appearance: [{ appearanceChanged: 0 }], selectionAppearance: [{ selectionAppearanceChanged: 0 }], borderRadius: [{ borderRadiusChanged: 0 }], applyShadow: [{ shadowChanged: 0 }], size: [{ sizeChanged: 0 }], applySeparators: [{ separatorsChanged: 0 }], mode: [{ modeChanged: 0 }], defaultNavItemId: [{ defaultNavItemIdChanged: 0 }], defaultNavMenuId: [{ defaultNavMenuIdChanged: 0 }], defaultNavMenuItemId: [{ defaultNavMenuItemIdChanged: 0 }], navMenus: [{ navMenusChanged: 0 }], type: [{ typeChanged: 0 }] }]);
|
|
118
|
+
function v() {
|
|
119
|
+
typeof customElements < "u" && ["gids-header-navigation", "gids-header-navigation-item"].forEach(((a) => {
|
|
120
|
+
switch (a) {
|
|
121
|
+
case "gids-header-navigation":
|
|
122
|
+
customElements.get(p(a)) || customElements.define(p(a), g);
|
|
123
|
+
break;
|
|
124
|
+
case "gids-header-navigation-item":
|
|
125
|
+
customElements.get(p(a)) || x();
|
|
126
|
+
}
|
|
127
|
+
}));
|
|
128
|
+
}
|
|
129
|
+
v();
|
|
130
|
+
const R = g, L = v;
|
|
131
|
+
export {
|
|
132
|
+
R as GidsHeaderNavigation,
|
|
133
|
+
L as defineCustomElement
|
|
134
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
const
|
|
1
|
+
import { a as o, c as s } from "./p-CCpxJ8wu-CMYQqNoP.js";
|
|
2
|
+
const t = o, m = s;
|
|
3
3
|
export {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
t as GidsIcon,
|
|
5
|
+
m as defineCustomElement
|
|
6
6
|
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { L as q, u as M, D as
|
|
1
|
+
import { L as q, u as M, D as d, P as E, F as K, q as I } from "./p-Bf3p-DY2-CPqEc-vc.js";
|
|
2
2
|
import { o as $ } from "./p-C2POfZhu-DzG_JxV6.js";
|
|
3
3
|
import { d as S } from "./p-D4Pimu_8-ARSuGBs4.js";
|
|
4
4
|
import { o as J } from "./p-UVmSPzTd-CR1higgJ.js";
|
|
5
5
|
import { c as B } from "./clsx-OuTLNxxd.js";
|
|
6
|
-
const F = (e) => !!(e?.buttonLabel && e.buttonLabel !== "" || e?.leadingIconName && e.leadingIconName !== "" || e?.trailingIconName && e.trailingIconName !== ""), Q = ({ cellActionButton: e, neededIconType:
|
|
6
|
+
const F = (e) => !!(e?.buttonLabel && e.buttonLabel !== "" || e?.leadingIconName && e.leadingIconName !== "" || e?.trailingIconName && e.trailingIconName !== ""), Q = ({ cellActionButton: e, neededIconType: t = "leading" }) => t === "trailing" ? {
|
|
7
7
|
cellIconName: e?.trailingIconName,
|
|
8
8
|
cellIconAppearance: e?.trailingIconAppearance,
|
|
9
9
|
cellIconSize: e?.trailingIconSize
|
|
@@ -15,83 +15,83 @@ const F = (e) => !!(e?.buttonLabel && e.buttonLabel !== "" || e?.leadingIconName
|
|
|
15
15
|
__proto__: null,
|
|
16
16
|
getTableCellBtnIcon: Q,
|
|
17
17
|
isTableCellActionButtonVisible: F
|
|
18
|
-
}, Symbol.toStringTag, { value: "Module" })), W = ({ width: e },
|
|
18
|
+
}, Symbol.toStringTag, { value: "Module" })), W = ({ width: e }, t) => B("gids-basic-table-header", {
|
|
19
19
|
// Widths
|
|
20
20
|
// 'gids-basic-table-header--width-full': width === 'full', // Width set by default so not needed
|
|
21
21
|
"gids-basic-table-header--width-intrinsic": e === "intrinsic"
|
|
22
|
-
},
|
|
22
|
+
}, t), X = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
23
23
|
__proto__: null,
|
|
24
24
|
getGidsBasicTableHeaderClassNames: W
|
|
25
|
-
}, Symbol.toStringTag, { value: "Module" })), Y = ({ width: e },
|
|
25
|
+
}, Symbol.toStringTag, { value: "Module" })), Y = ({ width: e }, t) => B("gids-basic-table-row", {
|
|
26
26
|
// Widths
|
|
27
27
|
// 'gids-basic-table-row--width-full': width === 'full', // Width set by default so not needed
|
|
28
28
|
"gids-basic-table-row--width-intrinsic": e === "intrinsic"
|
|
29
|
-
},
|
|
29
|
+
}, t), Z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
30
30
|
__proto__: null,
|
|
31
31
|
getGidsBasicTableRowClassNames: Y
|
|
32
|
-
}, Symbol.toStringTag, { value: "Module" })), ee = ({ width: e },
|
|
32
|
+
}, Symbol.toStringTag, { value: "Module" })), ee = ({ width: e }, t) => B("gids-md-table", {
|
|
33
33
|
// Widths
|
|
34
34
|
// 'gids-md-table--width-full': width === 'full', // Width set by default so not needed
|
|
35
35
|
"gids-md-table--width-intrinsic": e === "intrinsic"
|
|
36
|
-
},
|
|
36
|
+
}, t), te = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
37
37
|
__proto__: null,
|
|
38
38
|
getGidsMdTableClassNames: ee
|
|
39
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
39
|
+
}, Symbol.toStringTag, { value: "Module" })), ae = ({ borderSides: e, borderRadiusSides: t, appearance: a, textAlignment: l, width: r }, i) => B("gids-table-cell", {
|
|
40
40
|
"gids-table-cell--border-side-top": e?.includes("top"),
|
|
41
41
|
"gids-table-cell--border-side-bottom": e?.includes("bottom"),
|
|
42
42
|
"gids-table-cell--border-side-left": e?.includes("left"),
|
|
43
43
|
"gids-table-cell--border-side-right": e?.includes("right"),
|
|
44
44
|
// Border radius sides
|
|
45
|
-
"gids-table-cell--border-radius-side-top-left":
|
|
46
|
-
"gids-table-cell--border-radius-side-bottom-left":
|
|
47
|
-
"gids-table-cell--border-radius-side-top-right":
|
|
48
|
-
"gids-table-cell--border-radius-side-bottom-right":
|
|
45
|
+
"gids-table-cell--border-radius-side-top-left": t?.includes("top-left"),
|
|
46
|
+
"gids-table-cell--border-radius-side-bottom-left": t?.includes("bottom-left"),
|
|
47
|
+
"gids-table-cell--border-radius-side-top-right": t?.includes("top-right"),
|
|
48
|
+
"gids-table-cell--border-radius-side-bottom-right": t?.includes("bottom-right"),
|
|
49
49
|
// Background colors
|
|
50
|
-
"gids-table-cell--appearance-default":
|
|
51
|
-
"gids-table-cell--appearance-primal":
|
|
52
|
-
"gids-table-cell--appearance-neutral-default":
|
|
53
|
-
"gids-table-cell--appearance-info":
|
|
54
|
-
"gids-table-cell--appearance-warning":
|
|
55
|
-
"gids-table-cell--appearance-positive":
|
|
56
|
-
"gids-table-cell--appearance-danger":
|
|
50
|
+
"gids-table-cell--appearance-default": a === "default",
|
|
51
|
+
"gids-table-cell--appearance-primal": a === "primal",
|
|
52
|
+
"gids-table-cell--appearance-neutral-default": a === "neutral-default",
|
|
53
|
+
"gids-table-cell--appearance-info": a === "info",
|
|
54
|
+
"gids-table-cell--appearance-warning": a === "warning",
|
|
55
|
+
"gids-table-cell--appearance-positive": a === "positive",
|
|
56
|
+
"gids-table-cell--appearance-danger": a === "danger",
|
|
57
57
|
// Alignments
|
|
58
58
|
"gids-table-cell--text-alignment-left": l === "left",
|
|
59
59
|
"gids-table-cell--text-alignment-right": l === "right",
|
|
60
60
|
"gids-table-cell--text-alignment-center": l === "center",
|
|
61
61
|
// Widths
|
|
62
62
|
// 'gids-table-cell--width-full': width === 'full', // Width set by default so not needed
|
|
63
|
-
"gids-table-cell--width-intrinsic":
|
|
63
|
+
"gids-table-cell--width-intrinsic": r === "intrinsic"
|
|
64
64
|
}, i), le = (e) => e && e.toString() !== "" ? `gids-typography-${e}` : "gids-typography-label-medium", ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
65
65
|
__proto__: null,
|
|
66
|
-
getGidsTableCellClassNames:
|
|
66
|
+
getGidsTableCellClassNames: ae,
|
|
67
67
|
getGidsTableCellLabelTypographyClass: le
|
|
68
|
-
}, Symbol.toStringTag, { value: "Module" })), { getGidsTableCellClassNames:
|
|
68
|
+
}, Symbol.toStringTag, { value: "Module" })), { getGidsTableCellClassNames: re, getGidsTableCellLabelTypographyClass: de } = ie, { isTableCellActionButtonVisible: ne, getTableCellBtnIcon: se } = U, v = ({ id: e, uniqueKey: t, extraData: a, label: l, cellDataType: r = "text", displayTags: i = [], width: n = "full", appearance: p = "none", borderSides: g = [], borderRadiusSides: o = [], textAlignment: h = "center", labelTypography: c = "label-medium", isHeaderCell: b = !1, cellPrimaryActionButtons: m = [], cellSecondaryActionButtons: z = [], onClickCellActionBtn: f, class: R, ...L }) => {
|
|
69
69
|
function C({ cellActionBtn: s, neededIconType: y = "leading" }) {
|
|
70
70
|
const T = se({ cellActionButton: s, neededIconType: y });
|
|
71
|
-
return T?.cellIconName && "" + T.cellIconName != "" ?
|
|
71
|
+
return T?.cellIconName && "" + T.cellIconName != "" ? d(S, { name: T.cellIconName, size: T.cellIconSize, appearance: T.cellIconAppearance }) : void 0;
|
|
72
72
|
}
|
|
73
73
|
function _(s) {
|
|
74
74
|
const y = s === "primary" ? m : z;
|
|
75
|
-
if (y && !(y.length <= 0)) return
|
|
75
|
+
if (y && !(y.length <= 0)) return d("div", { class: s === "primary" ? "gids-table-cell__primary-action-btn-container" : "gids-table-cell__secondary-action-btn-container" }, y.map(((T, w) => {
|
|
76
76
|
const H = s === "primary" ? y.length - w - 1 : w, A = y[H];
|
|
77
77
|
return ne(A) ? (function({ cellActionBtn: u, actionBtnIndex: P, actionBtnPosition: k }) {
|
|
78
|
-
return
|
|
79
|
-
f && f({ originalEvent: G, details: { appearance: p, cellDataType:
|
|
78
|
+
return d(J, { as: "button", appearance: u?.appearance ?? "default", size: u?.size ?? "md", disabled: u?.disabled, destructive: u?.destructive, positive: u?.positive, loading: u?.loading, width: u?.width ?? "intrinsic", type: "button", leadingIcon: C({ cellActionBtn: u, neededIconType: "leading" }), trailingIcon: C({ cellActionBtn: u, neededIconType: "trailing" }), onClick: (O) => (function({ event: G, actionBtnIndex: x, actionBtnPosition: j }) {
|
|
79
|
+
f && f({ originalEvent: G, details: { appearance: p, cellDataType: r, displayTags: i, label: l, id: e, extraData: a, isHeaderCell: b, uniqueKey: t, actionBtnNumber: "action-btn-" + (x + 1), actionBtnIndex: x, actionBtnPosition: j ?? "secondary" } });
|
|
80
80
|
})({ event: O, actionBtnIndex: P, actionBtnPosition: k }) }, u?.buttonLabel ?? "");
|
|
81
81
|
})({ cellActionBtn: A, actionBtnIndex: H, actionBtnPosition: s }) : void 0;
|
|
82
82
|
})));
|
|
83
83
|
}
|
|
84
|
-
return
|
|
85
|
-
}, { getGidsBasicTableRowClassNames: oe } = Z, D = ({ width: e = "full", layout:
|
|
84
|
+
return d(b ? "th" : "td", { ...L, class: re({ borderSides: g, borderRadiusSides: o, appearance: p, textAlignment: h, width: n }, R), id: e, "unique-key": t, "extra-data": JSON.stringify(a) }, _("primary"), r === "text" && l && l !== "" ? d("span", { class: "" + de(c) }, l) : void 0, r === "display-tag" && i && i.length > 0 ? d("div", { class: "gids-table-cell__display-tags-container" }, i.map(((s) => d($, { label: s?.label ?? "", appearance: s?.displayTagAppearance ?? "subtle", size: s?.displayTagSize ?? "xs", icon: s?.displayTagIcon ? d(S, { name: s.displayTagIcon, size: s?.displayTagSize ?? "xs", appearance: s?.displayTagIconAppearance ?? "regular" }) : void 0, color: s?.displayTagColor ?? "accent-5" })))) : void 0, _("secondary"));
|
|
85
|
+
}, { getGidsBasicTableRowClassNames: oe } = Z, D = ({ width: e = "full", layout: t = "horizontal", rows: a = [], isHeaderRow: l = !1, cellPrimaryActionButtons: r, cellSecondaryActionButtons: i, onClickRowActionBtn: n, class: p, ...g }) => {
|
|
86
86
|
const o = oe({ width: e }, p);
|
|
87
87
|
function h({ event: c, cellIndex: b }) {
|
|
88
88
|
n && n({ ...c, details: { ...c.details, cellIndex: b } });
|
|
89
89
|
}
|
|
90
|
-
return
|
|
91
|
-
}, { getGidsBasicTableHeaderClassNames: ce } = X, be = ({ width: e = "full", headerCells:
|
|
90
|
+
return t === "vertical" ? d(K, null, a.map(((c, b) => d("tr", { ...g, key: "row-v-" + (b + 1), class: o }, d(v, { ...c, width: e, isHeaderCell: l, cellPrimaryActionButtons: r, cellSecondaryActionButtons: i, onClickCellActionBtn: (m) => h({ event: m, cellIndex: b }) }))))) : d("tr", { ...g, class: o }, a.map(((c, b) => d(v, { key: "row-h-" + (b + 1), ...c, width: e, isHeaderCell: l, cellPrimaryActionButtons: r, cellSecondaryActionButtons: i, onClickCellActionBtn: (m) => h({ event: m, cellIndex: b }) }))));
|
|
91
|
+
}, { getGidsBasicTableHeaderClassNames: ce } = X, be = ({ width: e = "full", headerCells: t = [], appearance: a = "none", labelTypography: l = "label-medium", textAlignment: r = "center", layout: i = "horizontal", cellPrimaryActionButtons: n, cellSecondaryActionButtons: p, onClickHeaderActionBtn: g, class: o, ...h }) => {
|
|
92
92
|
const c = ce({ width: e }, o);
|
|
93
|
-
return
|
|
94
|
-
}, { getGidsMdTableClassNames: pe } =
|
|
93
|
+
return d("thead", { ...h, class: c }, d(D, { rows: t.map(((b) => ({ appearance: a, labelTypography: l, textAlignment: r, ...b }))), width: e, layout: i, isHeaderRow: !0, cellPrimaryActionButtons: n, cellSecondaryActionButtons: p, onClickRowActionBtn: g }));
|
|
94
|
+
}, { getGidsMdTableClassNames: pe } = te, N = q(class extends M {
|
|
95
95
|
constructor(e) {
|
|
96
96
|
super(), e !== !1 && this.__registerHost(), this.isTopHeaderVisible = !1, this.isSideHeaderVisible = !1, this.width = "full", this.topHeaderAppearance = "none", this.sideHeaderAppearance = "none", this.rowAppearance = "none", this.tableBorders = "none", this.tableBorderRadius = [], this.topHeaderLabelTypography = "eyebrow-small", this.sideHeaderLabelTypography = "label-small", this.rowLabelTypography = "label-small", this.topHeaderTextAlignment = "left", this.sideHeaderTextAlignment = "left", this.rowTextAlignment = "left", this.topHeaderCells = [], this.tableBody = [], this.constructedTableBodyData = [];
|
|
97
97
|
}
|
|
@@ -117,50 +117,50 @@ const F = (e) => !!(e?.buttonLabel && e.buttonLabel !== "" || e?.leadingIconName
|
|
|
117
117
|
this.makeTableBodyData();
|
|
118
118
|
}
|
|
119
119
|
makeTableBodyData() {
|
|
120
|
-
const e = this.isSideHeaderVisible,
|
|
121
|
-
|
|
120
|
+
const e = this.isSideHeaderVisible, t = this?.tableBody ?? [], a = [];
|
|
121
|
+
t.map(((l, r) => {
|
|
122
122
|
let i = [];
|
|
123
123
|
const n = l.heading, p = l.id, g = l.uniqueKey, o = l.extraData, h = l?.items ?? [];
|
|
124
124
|
if (e && n && n !== "") {
|
|
125
|
-
const c = this.getSideHeaderBorderSides({ _tableBodyData:
|
|
125
|
+
const c = this.getSideHeaderBorderSides({ _tableBodyData: t, _itemsArr: h, indexI: r });
|
|
126
126
|
i = [{ id: p, uniqueKey: g, extraData: o, label: n, appearance: this.sideHeaderAppearance, labelTypography: this.sideHeaderLabelTypography, textAlignment: this.sideHeaderTextAlignment, isHeader: !0, borderSides: c }];
|
|
127
127
|
}
|
|
128
128
|
h.map(((c, b) => {
|
|
129
|
-
const m = this.getRowBorderSides({ _tableBodyData:
|
|
129
|
+
const m = this.getRowBorderSides({ _tableBodyData: t, _itemsArr: h, indexI: r, indexJ: b });
|
|
130
130
|
i.push({ ...c, appearance: this.rowAppearance, labelTypography: this.rowLabelTypography, textAlignment: this.rowTextAlignment, isHeader: !1, borderSides: m });
|
|
131
|
-
})),
|
|
132
|
-
})), this.constructedTableBodyData =
|
|
131
|
+
})), a.push({ heading: n, id: p, uniqueKey: g, extraData: o, items: i });
|
|
132
|
+
})), this.constructedTableBodyData = a;
|
|
133
133
|
}
|
|
134
|
-
getRowBorderSides({ _tableBodyData: e, _itemsArr:
|
|
135
|
-
const
|
|
134
|
+
getRowBorderSides({ _tableBodyData: e, _itemsArr: t, indexI: a, indexJ: l }) {
|
|
135
|
+
const r = this.applyTableInternalBorders(), i = this.applyTableAllBorders();
|
|
136
136
|
let n = [];
|
|
137
|
-
return (
|
|
137
|
+
return (r || i) && (l < t.length && a + 1 < e.length && (n = ["bottom"]), l + 1 < t.length && (n = [...n, "right"])), n;
|
|
138
138
|
}
|
|
139
|
-
getSideHeaderBorderSides({ _tableBodyData: e, _itemsArr:
|
|
140
|
-
const l = this.applyTableInternalBorders(),
|
|
139
|
+
getSideHeaderBorderSides({ _tableBodyData: e, _itemsArr: t, indexI: a }) {
|
|
140
|
+
const l = this.applyTableInternalBorders(), r = this.applyTableAllBorders();
|
|
141
141
|
let i = [];
|
|
142
|
-
return (l ||
|
|
142
|
+
return (l || r) && (a + 1 < e.length && (i = ["bottom"]), t.length > 0 && (i = [...i, "right"])), i;
|
|
143
143
|
}
|
|
144
144
|
getTableClasses() {
|
|
145
145
|
const e = this.width === "full" ? "gids-md-table__main-table gids-md-table__main-table-width-full" : "gids-md-table__main-table gids-md-table__main-table-width-intrinsic";
|
|
146
|
-
let
|
|
147
|
-
this.applyTableOuterBorders() && (
|
|
148
|
-
const
|
|
149
|
-
return
|
|
146
|
+
let t = e;
|
|
147
|
+
this.applyTableOuterBorders() && (t = e + " gids-md-table__outer-borders");
|
|
148
|
+
const a = this.addBorderRadiusDirectlyToTable();
|
|
149
|
+
return a && a !== "" ? `${t} ${a}` : "" + t;
|
|
150
150
|
}
|
|
151
151
|
addBorderRadiusDirectlyToTable() {
|
|
152
152
|
let e = "";
|
|
153
|
-
const
|
|
154
|
-
return
|
|
153
|
+
const t = this?.tableBorderRadius ?? [];
|
|
154
|
+
return t.includes("top-left") && (e = "gids-md-table__radius-top-left"), t.includes("bottom-left") && (e += " gids-md-table__radius-bottom-left"), t.includes("top-right") && (e += " gids-md-table__radius-top-right"), t.includes("bottom-right") && (e += " gids-md-table__radius-bottom-right"), e;
|
|
155
155
|
}
|
|
156
156
|
getTopHeaderCells() {
|
|
157
|
-
const e = this.isSideHeaderVisible,
|
|
158
|
-
let
|
|
159
|
-
e === !1 &&
|
|
160
|
-
const l = this.applyTableInternalBorders(),
|
|
161
|
-
return
|
|
157
|
+
const e = this.isSideHeaderVisible, t = this?.topHeaderCells ?? [];
|
|
158
|
+
let a = [...t];
|
|
159
|
+
e === !1 && t.length > 0 ? a.splice(0, 1) : a = [...t];
|
|
160
|
+
const l = this.applyTableInternalBorders(), r = this.applyTableAllBorders(), i = this.applyTableTopHeaderBorders(), n = [];
|
|
161
|
+
return a.map(((p, g) => {
|
|
162
162
|
let o = [];
|
|
163
|
-
(l ||
|
|
163
|
+
(l || r || i) && (o = ["bottom"], g + 1 < a.length && (o = [...o, "right"])), n.push({ ...p, borderSides: o });
|
|
164
164
|
})), n;
|
|
165
165
|
}
|
|
166
166
|
applyTableOuterBorders() {
|
|
@@ -177,8 +177,8 @@ const F = (e) => !!(e?.buttonLabel && e.buttonLabel !== "" || e?.leadingIconName
|
|
|
177
177
|
return this.tableBorders === "top-header-only";
|
|
178
178
|
}
|
|
179
179
|
render() {
|
|
180
|
-
const e = pe({ width: this.width }),
|
|
181
|
-
return
|
|
180
|
+
const e = pe({ width: this.width }), t = this.isTopHeaderVisible, a = this.getTopHeaderCells(), l = this?.constructedTableBodyData ?? [];
|
|
181
|
+
return d(E, { key: "60af8ea62394a418efefe9bf46d0008f1f0200d4", class: e }, d("table", { key: "962e075bf378ef34c69fb14ae5d456b25803bc26", class: this.getTableClasses() }, t ? d(be, { appearance: this.topHeaderAppearance, labelTypography: this.topHeaderLabelTypography, textAlignment: this.topHeaderTextAlignment, headerCells: a, width: this.width }) : void 0, d("tbody", { key: "175eeebdc1400e2e9a344de972b00f9fdcce21c0" }, l.length > 0 ? l.map(((r) => d(D, { layout: "horizontal", rows: r?.items ?? [], width: this.width }))) : void 0)));
|
|
182
182
|
}
|
|
183
183
|
get hostElement() {
|
|
184
184
|
return this;
|
|
@@ -20,7 +20,7 @@ const c = (t) => t === "top" || t === "top-bottom", h = (t) => t === "bottom" ||
|
|
|
20
20
|
this._textArea.scrollTop + this._textArea.offsetHeight >= this._textArea.scrollHeight ? this._el.style.setProperty("--gidsOverflowContainer-after-opacity", "0") : t !== 0 ? t > 0 && (f(this.shadowLocation) && this._el.style.setProperty("--gidsOverflowContainer-before-opacity", "" + Math.min(t / 20, 1)), s(this.shadowLocation) && this._el.style.setProperty("--gidsOverflowContainer-after-opacity", "" + Math.min((this._textArea.scrollHeight - (this._textArea.scrollTop + this._textArea.offsetHeight)) / 20, 1))) : this._el.style.setProperty("--gidsOverflowContainer-after-opacity", "0");
|
|
21
21
|
}
|
|
22
22
|
render() {
|
|
23
|
-
return e("div", { key: "
|
|
23
|
+
return e("div", { key: "cd83395337678f4f497c73dff4dc20e64c586838", class: "gids-overflow-container__text-area", onScroll: this.calculateShadows.bind(this) }, e("slot", { key: "d8344e1fd7cb5ffd06c996c41bfa2ac7db2048c7" }));
|
|
24
24
|
}
|
|
25
25
|
get _el() {
|
|
26
26
|
return this;
|
|
@@ -187,7 +187,7 @@ const Q = ({ appearance: t }, e) => h("gids-notification-container", {
|
|
|
187
187
|
}
|
|
188
188
|
render() {
|
|
189
189
|
const t = this._allowedComponentQueue[0]?.position || "bottom-center";
|
|
190
|
-
return o(w, { key: "
|
|
190
|
+
return o(w, { key: "4a91595d7251366ce27a84de27cfb0c33e1627e7" }, o("slot", { key: "4782807311af412105091c5cd31b99a313a6973a" }), this._isRoot() ? o("div", { class: G({ position: t }) }, [...this._allowedComponentQueue].reverse().map(((e) => this._renderComponent(e)))) : null);
|
|
191
191
|
}
|
|
192
192
|
get _el() {
|
|
193
193
|
return this;
|
|
@@ -4,8 +4,8 @@ import { a as F } from "./p-Dg2yoUxw-DliMstZy.js";
|
|
|
4
4
|
import { r as L } from "./p-UxDcM-C5-BJO4X0jM.js";
|
|
5
5
|
import { o as O } from "./p-UVmSPzTd-CR1higgJ.js";
|
|
6
6
|
import { g as k, d as j } from "./p-D4Pimu_8-ARSuGBs4.js";
|
|
7
|
-
import { h as z } from "./p-
|
|
8
|
-
import { r as E } from "./p-
|
|
7
|
+
import { h as z } from "./p-DbaNvRpS-r7kCW1TY.js";
|
|
8
|
+
import { r as E } from "./p-u06XOrpj-C1tNznDd.js";
|
|
9
9
|
import { c as g } from "./clsx-OuTLNxxd.js";
|
|
10
10
|
const G = (e) => {
|
|
11
11
|
switch (e) {
|
|
@@ -35,7 +35,7 @@ const G = (e) => {
|
|
|
35
35
|
include1LowercaseLetterReg: p,
|
|
36
36
|
include1SpecialCharReg: q,
|
|
37
37
|
include1UppercaseLetterReg: f
|
|
38
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
38
|
+
}, Symbol.toStringTag, { value: "Module" })), o = ({ requirementRule: e, textMinLength: t }) => e === "include-min-length" && t && t > 0, R = (e) => {
|
|
39
39
|
const t = [];
|
|
40
40
|
return e && e.length > 0 && e.map((s) => {
|
|
41
41
|
s?.requirementRule && t.push(s.requirementRule);
|
|
@@ -53,7 +53,7 @@ const G = (e) => {
|
|
|
53
53
|
case "1-special-character":
|
|
54
54
|
return q.test(s);
|
|
55
55
|
case "include-min-length":
|
|
56
|
-
return
|
|
56
|
+
return o({
|
|
57
57
|
requirementRule: "include-min-length",
|
|
58
58
|
textMinLength: t
|
|
59
59
|
}) === !0 && s.length >= t;
|
|
@@ -79,7 +79,7 @@ const G = (e) => {
|
|
|
79
79
|
requirementText: "Password must contain atleast 1 lowercase letter."
|
|
80
80
|
}
|
|
81
81
|
];
|
|
82
|
-
return
|
|
82
|
+
return o({
|
|
83
83
|
requirementRule: "include-min-length",
|
|
84
84
|
textMinLength: e
|
|
85
85
|
}) && t.push({
|
|
@@ -94,7 +94,7 @@ const G = (e) => {
|
|
|
94
94
|
checkRequirementRuleSatisfied: D,
|
|
95
95
|
getDefaultRulesAndRequirementsForMeters: m,
|
|
96
96
|
getMeterRulesFromRequirements: R,
|
|
97
|
-
minLengthRuleCanBeApplied:
|
|
97
|
+
minLengthRuleCanBeApplied: o
|
|
98
98
|
}, Symbol.toStringTag, { value: "Module" })), V = (e) => {
|
|
99
99
|
switch (e) {
|
|
100
100
|
case "error":
|
|
@@ -133,19 +133,19 @@ const G = (e) => {
|
|
|
133
133
|
return s.length > 0 ? i("div", { class: te(n) }, (() => {
|
|
134
134
|
const r = s.length, l = se({ text: e, textMinLength: t, meterRules: s }), u = re({ textScore: l, maxScore: r });
|
|
135
135
|
return Array.from({ length: r }, ((_, c) => {
|
|
136
|
-
const
|
|
137
|
-
return s[
|
|
136
|
+
const d = c + 1, w = d <= l;
|
|
137
|
+
return s[d] === "include-min-length" ? o({ requirementRule: "include-min-length", textMinLength: t }) ? a(d, u, w) : null : a(d, u, w);
|
|
138
138
|
}));
|
|
139
139
|
})()) : null;
|
|
140
140
|
}, { getGidsRequirementsMeterLabelClassNames: ne } = K, { getRequirementsMeterLabelLeadingIcon: le } = U, ae = (e) => {
|
|
141
141
|
const { label: t, status: s = "default", leadingIconVisible: n = !0, class: a } = e, r = le(s);
|
|
142
142
|
return i("div", { class: ne({ status: s }, a) }, n && s && r ? i(j, { name: r, size: "sm", appearance: "filled" }) : null, t && t !== "" ? i("span", null, t) : null);
|
|
143
|
-
}, { checkRequirementRuleSatisfied: ue } = N, { getGidsRequirementsMeterClassNames:
|
|
143
|
+
}, { checkRequirementRuleSatisfied: ue } = N, { getGidsRequirementsMeterClassNames: de } = X, oe = ({ requirements: e = [], text: t, textMinLength: s, class: n }) => {
|
|
144
144
|
const a = (r, l) => i(ae, { status: l ? "success" : "error", label: r.requirementText });
|
|
145
|
-
return i("div", { class:
|
|
145
|
+
return i("div", { class: de(n) }, e.map(((r) => {
|
|
146
146
|
if (r?.requirementText != null && r?.requirementRule != null) {
|
|
147
147
|
const l = ue({ rule: r.requirementRule, textMinLength: s, text: t });
|
|
148
|
-
return r.requirementRule === "include-min-length" ?
|
|
148
|
+
return r.requirementRule === "include-min-length" ? o({ requirementRule: r.requirementRule, textMinLength: s }) === !0 ? a(r, l) : null : a(r, l);
|
|
149
149
|
}
|
|
150
150
|
return null;
|
|
151
151
|
})));
|
|
@@ -191,7 +191,7 @@ const G = (e) => {
|
|
|
191
191
|
#e;
|
|
192
192
|
render() {
|
|
193
193
|
const { id: e, ...t } = this.inputProps ?? {}, s = e ?? this.#t, n = this.showClearButton && this.value !== void 0 && this.value.length > 0, a = this.showRevealPasswordButton, r = { ...t }, l = r?.placeholder !== void 0 && r.placeholder !== null && r.placeholder != "" ? r.placeholder : "Enter password", u = this.isPasswordRevealed, _ = this.meterRules, c = this.textMinLength !== void 0 ? this.textMinLength : 8;
|
|
194
|
-
return i(T, { key: "
|
|
194
|
+
return i(T, { key: "7df7d3728c9f711a3c00768c55298d752e8a07b5" }, i("gids-field", { key: "2392eda0b4df36a21b4b3f149a250bfea9f16727", disabled: this.disabled, count: void 0, helperText: this.helperText, statusText: this.statusText, status: ce(this.status) }, i(F, { key: "159069efc87c3f8692555b9fbee07874fc2a304f", slot: "label", disabled: this.disabled, info: i("slot", { name: "info" }), fieldRequirement: this.fieldRequirement, fieldRequirementOptionalText: this.fieldRequirementOptionalText, fieldRequirementRequiredText: this.fieldRequirementRequiredText, isLabelSentence: this.isLabelSentence, htmlFor: s }, this.label), i("gids-input", { key: "2c99942f57e718374276796cd933b454a10d4dd7", ref: (d) => this.#e = d, appearance: "default", status: this.status, loading: this.loading, value: this.value, defaultValue: this.defaultValue, name: this.name, required: this.required, disabled: this.disabled, readOnly: this.readOnly, leadingLabel: void 0, trailingLabel: void 0, onFocus: this._handleInputFocusAndBlur, onBlur: this._handleInputFocusAndBlur, onInput: this._handleInput, inputProps: { ...r, placeholder: l, type: u ? "text" : "password", id: s, maxLength: this.maxLength } }, i("slot", { key: "9307a86dd8fc6e43ddae1d2ff6b2174794e29048", name: "leadingIcon" }), i("slot", { key: "b3726c1b4d47ed2bacdc4a5b2ef089a905595edd", name: "leadingAccessory" }), i("div", { key: "cfec09576f336a83bafde345ea8234e658916bd2", slot: "trailingAccessory", class: "gids-password-field__trailing-accessory" }, n && i(L, { key: "915ae8aaf871c6d98a28941924d5388ddb033baa", label: "clear text", size: "lg", onPressDismiss: this._handleDismiss }), a && i(O, { key: "0564d39de2f6b6cebe1ce48758b424af3351145e", appearance: "default", size: "xs", width: "intrinsic", disabled: this.disabled, onClick: this._handleRevealPassword }, u ? "Hide" : "Show")))), i("div", { key: "44c403d7a597739b19916d00e642b31af48273ec", class: "gids-password-field__meters-container" }, i(ie, { key: "75fd0f35471e85774ef531e333e73d2d41d6f21b", meterRules: _, text: this.value, textMinLength: c }), i(oe, { key: "4d8de1a229975bee753e6959d540df947199b83c", requirements: this.requirementsMeterRequirements, text: this.value, textMinLength: c })));
|
|
195
195
|
}
|
|
196
196
|
get _el() {
|
|
197
197
|
return this;
|
|
@@ -64,7 +64,7 @@ const h = v(class extends p {
|
|
|
64
64
|
e && e.removeEventListener("click", this.handleToggleEvent), document.removeEventListener("click", this.handleDocumentClick), document.removeEventListener("keydown", this.handleKeyDown);
|
|
65
65
|
}
|
|
66
66
|
render() {
|
|
67
|
-
return a(f, { key: "
|
|
67
|
+
return a(f, { key: "069d0a9b27894896c2404c8f944745706522717a" }, a("slot", { key: "181cbaf400aaa8601fa5d5e0c33c526e6f0978d8", name: "anchor" }), a("div", { key: "b45cde4ef3461c11ec9d79401b7cb2574f9019b7", id: "popover", part: "popover", role: "dialog", "aria-modal": "true", tabindex: "-1" }, a("span", { key: "2552aaa4f343229e4bf302677e7680f2f180b6f4", id: "arrow" }), a("div", { key: "824fc2495120d154e9b190cd11f3cac48cee3890" }, a("slot", { key: "60e1718fb6b9e02f5aa84a2b93d40d58d1fcceca" }))));
|
|
68
68
|
}
|
|
69
69
|
disconnectedCallback() {
|
|
70
70
|
this.cleanupEventListeners(), this.floatingElementManager?.destroy();
|