@ganpatiinfo/gids-core-web 14.0.0 → 15.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 +5386 -4888
- 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-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-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 +11 -0
- package/dist/gids-skeleton.js +1 -0
- 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 +11 -0
- package/dist/gids-transfer-list.js +1 -0
- package/dist/p-474lVBcu.js +1 -0
- package/dist/{p-_HwuS8vK.js → p-9NZjfY_u.js} +1 -1
- package/dist/{p-Bh8qYmAS.js → p-B0Nc9rVM.js} +1 -1
- package/dist/{p-Bab1qxsC.js → p-BF46eY8H.js} +1 -1
- package/dist/{p-jzl-rPxB.js → p-BKIsp763.js} +1 -1
- package/dist/{p-BVA1LAFM.js → p-BgvpzBUx.js} +1 -1
- package/dist/{p-BYt-9DKT.js → p-BtKwhIx5.js} +1 -1
- package/dist/{p-DAnkY5ik.js → p-CLm5opt9.js} +1 -1
- package/dist/{p-C_RW9IFo.js → p-CZxn31uZ.js} +1 -1
- package/dist/{p-CU5JIcEp.js → p-Cyant-dw.js} +1 -1
- package/dist/{p-Dan1sCNk.js → p-D7qanqNO.js} +1 -1
- package/dist/{p-CnVmK0dH.js → p-DGenc1qz.js} +1 -1
- package/dist/{p-D5DRatg0.js → p-DLauG0q8.js} +1 -1
- package/dist/{p-DMVCMnTe.js → p-DaqhrFRM.js} +1 -1
- package/dist/{p-BzzDNTlP.js → p-Db4qRSmH.js} +1 -1
- package/dist/{p-DslOQITw.js → p-Df5xaj-o.js} +1 -1
- package/dist/{p-1fMG8D4t.js → p-DhtEw_C2.js} +1 -1
- package/dist/{p-BV0jg2ix.js → p-DshXkAUj.js} +1 -1
- package/dist/{p-DUUxlY-K.js → p-Dvh4sPkD.js} +1 -1
- package/dist/p-Iqbf3Pja.js +1 -0
- package/dist/{p-CatvDz2b.js → p-MnCDY1k9.js} +1 -1
- package/dist/types/components/html/GidsCrossTable/GidsCrossTable.d.ts +17 -0
- package/dist/types/components/html/GidsCrossTableBody/GidsCrossTableBody.d.ts +12 -0
- package/dist/types/components/html/GidsCrossTableRow/GidsCrossTableRow.d.ts +12 -0
- package/dist/types/components/html/GidsDialog/GidsDialog.d.ts +12 -0
- package/dist/types/components/html/GidsMatrixTable/GidsMatrixTable.d.ts +20 -0
- package/dist/types/components/html/GidsMatrixTableBody/GidsMatrixTableBody.d.ts +20 -0
- package/dist/types/components/html/GidsMenu/GidsMenu.d.ts +3 -3
- package/dist/types/components/html/GidsMenuGroup/GidsMenuGroup.d.ts +3 -3
- package/dist/types/components/html/GidsTable/GidsTable.d.ts +1 -1
- package/dist/types/components/html/GidsTableFooter/GidsTableFooter.d.ts +3 -3
- package/dist/types/components/html/GidsTableFooterControl/GidsTableFooterControl.d.ts +1 -1
- package/dist/types/components/html/GidsTableHeader/GidsTableHeader.d.ts +1 -1
- package/dist/types/components/html/GidsTableRow/GidsTableRow.d.ts +1 -1
- package/dist/types/components/html/_GidsDialogControl/GidsDialogControl.d.ts +8 -0
- package/dist/types/components/webComponents/GidsSkeleton/GidsSkeleton.d.ts +11 -0
- package/dist/types/components/webComponents/GidsTransferList/GidsTransferList.d.ts +49 -0
- package/dist/types/components.d.ts +131 -2
- package/dist-bundled/es/gids-action-bar.js +28 -27
- package/dist-bundled/es/gids-activity-gauge.js +1 -1
- package/dist-bundled/es/gids-advanced-tooltip.js +1 -1
- package/dist-bundled/es/gids-bar-chart.js +4 -4
- package/dist-bundled/es/gids-calendar-header-panel.js +3 -3
- package/dist-bundled/es/gids-calendar-month-list.js +1 -1
- package/dist-bundled/es/gids-calendar-year-list.js +1 -1
- package/dist-bundled/es/gids-calendar.js +23 -23
- 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 +11 -11
- package/dist-bundled/es/gids-chevron-button.js +10 -10
- package/dist-bundled/es/gids-dot.js +3 -3
- package/dist-bundled/es/gids-dropdown-field.js +5 -5
- package/dist-bundled/es/gids-dropdown-picker.js +4 -4
- package/dist-bundled/es/gids-dropdown.js +1 -1
- package/dist-bundled/es/gids-expansion-body-list-item.js +3 -3
- package/dist-bundled/es/gids-expansion-body-list.js +2 -2
- package/dist-bundled/es/gids-expansion-group.js +12 -12
- package/dist-bundled/es/gids-expansion.js +6 -6
- package/dist-bundled/es/gids-field.js +3 -3
- package/dist-bundled/es/gids-filter.js +1 -1
- package/dist-bundled/es/gids-icon.js +3 -3
- package/dist-bundled/es/gids-input.js +4 -4
- package/dist-bundled/es/gids-level-gauge.js +1 -1
- package/dist-bundled/es/gids-line-chart.js +4 -4
- package/dist-bundled/es/gids-md-table.js +77 -77
- package/dist-bundled/es/gids-overflow-container.js +1 -1
- package/dist-bundled/es/gids-overlay-provider.js +20 -20
- package/dist-bundled/es/gids-password-field.js +53 -53
- package/dist-bundled/es/gids-pie-chart.js +4 -4
- package/dist-bundled/es/gids-popover.js +1 -1
- package/dist-bundled/es/gids-progress-circle.js +1 -1
- package/dist-bundled/es/gids-scrim.js +1 -1
- package/dist-bundled/es/gids-skeleton.js +41 -0
- package/dist-bundled/es/gids-tab-item.js +10 -10
- package/dist-bundled/es/gids-tab.js +4 -4
- package/dist-bundled/es/gids-text-field.js +15 -15
- 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 +196 -0
- package/dist-bundled/es/p-474lVBcu-B1f8x2o1.js +31 -0
- package/dist-bundled/es/{p-_HwuS8vK-C0w4T5rV.js → p-9NZjfY_u-CnjUEy1y.js} +2 -2
- package/dist-bundled/es/{p-Bh8qYmAS-DhSpwB20.js → p-B0Nc9rVM-SBit1KrF.js} +6 -6
- package/dist-bundled/es/{p-Bab1qxsC-BMbD0lEy.js → p-BF46eY8H-Xn8Fl9EI.js} +3 -3
- package/dist-bundled/es/{p-jzl-rPxB-CC735zJp.js → p-BKIsp763-CqL9MgyZ.js} +7 -7
- package/dist-bundled/es/{p-BVA1LAFM-DdsY_n8R.js → p-BgvpzBUx-iq-eKBVZ.js} +7 -7
- package/dist-bundled/es/{p-BYt-9DKT-DByyhIUd.js → p-BtKwhIx5-DTEmfdxe.js} +6 -6
- package/dist-bundled/es/{p-CHGTBObD-EN4cCwtX.js → p-CHGTBObD-D_K9_Tmh.js} +15 -15
- package/dist-bundled/es/{p-DAnkY5ik-ChPtRpOX.js → p-CLm5opt9-DlxkI38w.js} +2 -2
- package/dist-bundled/es/{p-C_RW9IFo-DNQqJS8t.js → p-CZxn31uZ-BBHM983b.js} +10 -10
- package/dist-bundled/es/{p-CoS0NuDU-CqmDcRWj.js → p-CoS0NuDU-ByDvQAzA.js} +1 -1
- package/dist-bundled/es/{p-CU5JIcEp-CuVpd-eZ.js → p-Cyant-dw-Ch2zYNkx.js} +7 -7
- package/dist-bundled/es/{p-Dan1sCNk-mWcyyplK.js → p-D7qanqNO-Dby5jSjA.js} +14 -14
- package/dist-bundled/es/{p-CnVmK0dH-CbmnN-RR.js → p-DGenc1qz-CMwVEtCm.js} +5 -5
- package/dist-bundled/es/{p-D5DRatg0-DtQL-DQg.js → p-DLauG0q8-CCUuzYl9.js} +6 -6
- package/dist-bundled/es/{p-DMNS1d8v-CHF62UXm.js → p-DMNS1d8v-BX8e_AsY.js} +14 -14
- package/dist-bundled/es/{p-DMVCMnTe-D4eJKJsj.js → p-DaqhrFRM-2PqBeu5o.js} +4 -4
- package/dist-bundled/es/{p-BzzDNTlP-BkSyrafk.js → p-Db4qRSmH-B5pzOeve.js} +8 -8
- package/dist-bundled/es/{p-Degg_WJz-BLua06el.js → p-Degg_WJz-ORZcjc8G.js} +1 -1
- package/dist-bundled/es/{p-DslOQITw-BfwtLWqG.js → p-Df5xaj-o-fxAXUmag.js} +7 -7
- package/dist-bundled/es/{p-Dg2yoUxw-Cca8ROd_.js → p-Dg2yoUxw-DliMstZy.js} +8 -8
- package/dist-bundled/es/{p-1fMG8D4t-CIEDM74u.js → p-DhtEw_C2-D_91JSPC.js} +3 -3
- package/dist-bundled/es/{p-BV0jg2ix-DI0fZl_6.js → p-DshXkAUj-DgCiQIA2.js} +1 -1
- package/dist-bundled/es/{p-DUUxlY-K-mypBhVt6.js → p-Dvh4sPkD-B-T5C03p.js} +1 -1
- package/dist-bundled/es/p-Iqbf3Pja-DuajY4uD.js +52 -0
- package/dist-bundled/es/{p-CatvDz2b-C-Hlv2Xb.js → p-MnCDY1k9-CgbTyJ5R.js} +9 -9
- package/dist-bundled/es/{p-UVmSPzTd-6vjXok6h.js → p-UVmSPzTd-CR1higgJ.js} +1 -1
- package/dist-bundled/umd/gids-action-bar.umd.js +3 -3
- 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 +2 -2
- 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 +2 -2
- 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 +1 -1
- 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-icon.umd.js +1 -1
- package/dist-bundled/umd/gids-input.umd.js +2 -2
- package/dist-bundled/umd/gids-level-gauge.umd.js +1 -1
- 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-progress-circle.umd.js +1 -1
- package/dist-bundled/umd/gids-scrim.umd.js +1 -1
- package/dist-bundled/umd/gids-skeleton.umd.js +5 -0
- package/dist-bundled/umd/gids-tab-item.umd.js +2 -2
- 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 +5 -0
- package/dist-bundled/umd-complete/gids-core-web.umd.js +4 -4
- package/package.json +20 -4
- package/dist/p-D6lxqcxP.js +0 -1
- package/dist-bundled/es/p-D6lxqcxP-C6BOC0kV.js +0 -74
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { L as r, u as d, z as l, D as s, q as
|
|
2
|
-
import { i as
|
|
3
|
-
import { d as
|
|
1
|
+
import { L as r, u as d, z as l, D as s, q as a } from "./p-Bf3p-DY2-CPqEc-vc.js";
|
|
2
|
+
import { i as h } from "./p-B2zUuNXz-BLBgQDu7.js";
|
|
3
|
+
import { d as c } from "./p-D4Pimu_8-ARSuGBs4.js";
|
|
4
4
|
import { c as g } from "./clsx-OuTLNxxd.js";
|
|
5
5
|
const u = ({ size: e }, o) => g("gids-chevron-button", {
|
|
6
6
|
// 'gids-chevron-button--xs': size === 'xs', // By default xs
|
|
@@ -10,12 +10,12 @@ const u = ({ size: e }, o) => g("gids-chevron-button", {
|
|
|
10
10
|
}, o), b = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
11
11
|
__proto__: null,
|
|
12
12
|
getGidsChevronButtonClassNames: u
|
|
13
|
-
}, Symbol.toStringTag, { value: "Module" })), { getGidsChevronButtonClassNames:
|
|
13
|
+
}, Symbol.toStringTag, { value: "Module" })), { getGidsChevronButtonClassNames: t } = b, i = r(class extends d {
|
|
14
14
|
constructor(e) {
|
|
15
15
|
super(), e !== !1 && this.__registerHost(), this.__attachShadow(), this.gidsChevronButton = l(this, "gidsChevronButton"), this.activeClasses = "", this.size = "xs";
|
|
16
16
|
}
|
|
17
17
|
handleExtraClassesAndSizeChange(e) {
|
|
18
|
-
this.activeClasses =
|
|
18
|
+
this.activeClasses = t({ size: this.size }, e);
|
|
19
19
|
}
|
|
20
20
|
handleSizeChange(e) {
|
|
21
21
|
this.size = e;
|
|
@@ -24,14 +24,14 @@ const u = ({ size: e }, o) => g("gids-chevron-button", {
|
|
|
24
24
|
this.disabled = e;
|
|
25
25
|
}
|
|
26
26
|
connectedCallback() {
|
|
27
|
-
const e =
|
|
28
|
-
e !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(e), this.activeClasses =
|
|
27
|
+
const e = h();
|
|
28
|
+
e !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(e), this.activeClasses = t({ size: this.size }, this.extraClasses);
|
|
29
29
|
}
|
|
30
30
|
componentDidLoad() {
|
|
31
|
-
this.activeClasses =
|
|
31
|
+
this.activeClasses = t({ size: this.size }, this.extraClasses);
|
|
32
32
|
}
|
|
33
33
|
render() {
|
|
34
|
-
return s("button", { key: "
|
|
34
|
+
return s("button", { key: "631e8864dd49ad0b574f5353590e99e7b3658196", class: this.activeClasses, slot: "trailingAccessory", type: "button", onClick: (e) => this.gidsChevronButton.emit(e), "aria-label": this?.ariaLabel ?? "", "aria-expanded": this?.ariaExpanded ?? "", "aria-haspopup": this?.ariaHaspopup ?? "", "aria-controls": this?.ariaControls ?? "", disabled: this.disabled, tabIndex: -1 }, s("span", { key: "9819bf933b4e074e2a6aca8b00e253d13d99f444", class: "gids-button__content" }, s(c, { key: "ff1f7983900581e08d44e41c8d8f5ef270a8af76", name: "chevron-vertical", alt: "" })));
|
|
35
35
|
}
|
|
36
36
|
get _el() {
|
|
37
37
|
return this;
|
|
@@ -45,7 +45,7 @@ const u = ({ size: e }, o) => g("gids-chevron-button", {
|
|
|
45
45
|
}, [1, "gids-chevron-button", { extraClasses: [513, "extra-classes"], size: [513], disabled: [516], ariaLabel: [513, "aria-label"], ariaHaspopup: [513, "aria-haspopup"], ariaExpanded: [513, "aria-expanded"], ariaControls: [513, "aria-controls"], activeClasses: [32] }, void 0, { extraClasses: [{ handleExtraClassesAndSizeChange: 0 }], size: [{ handleExtraClassesAndSizeChange: 0 }, { handleSizeChange: 0 }], disabled: [{ handleDisabledChange: 0 }] }]);
|
|
46
46
|
function n() {
|
|
47
47
|
typeof customElements < "u" && ["gids-chevron-button"].forEach(((e) => {
|
|
48
|
-
e === "gids-chevron-button" && (customElements.get(
|
|
48
|
+
e === "gids-chevron-button" && (customElements.get(a(e)) || customElements.define(a(e), i));
|
|
49
49
|
}));
|
|
50
50
|
}
|
|
51
51
|
n();
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { L as n, u as d, D as s, q as a } from "./p-Bf3p-DY2-CPqEc-vc.js";
|
|
2
|
-
import { a as r } from "./p-Dg2yoUxw-
|
|
3
|
-
import { l } from "./p-
|
|
4
|
-
import { h } from "./p-
|
|
5
|
-
import { r as c } from "./p-
|
|
2
|
+
import { a as r } from "./p-Dg2yoUxw-DliMstZy.js";
|
|
3
|
+
import { l } from "./p-BtKwhIx5-DTEmfdxe.js";
|
|
4
|
+
import { h } from "./p-MnCDY1k9-CgbTyJ5R.js";
|
|
5
|
+
import { r as c } from "./p-DGenc1qz-CMwVEtCm.js";
|
|
6
6
|
import { g as u } from "./p-D4Pimu_8-ARSuGBs4.js";
|
|
7
7
|
const i = n(class extends d {
|
|
8
8
|
constructor(e) {
|
|
@@ -51,7 +51,7 @@ const i = n(class extends d {
|
|
|
51
51
|
}
|
|
52
52
|
render() {
|
|
53
53
|
const e = this.inputProps?.id ?? this.#e, t = { ...this.inputProps, id: e, placeholder: this.inputProps?.placeholder ?? "Please select an option" };
|
|
54
|
-
return s("gids-field", { key: "
|
|
54
|
+
return s("gids-field", { key: "6b800c3d6d12ef5d34651db1d5eb62457c624f53", disabled: this.disabled, helperText: this.helperText, statusText: this.statusText, status: this.status }, this.label !== void 0 ? s(r, { slot: "label", disabled: this.disabled, htmlFor: e, fieldRequirement: this.required ? "required" : void 0 }, this.label) : null, s("gids-dropdown", { key: "d9907749a7a1c7137ca3cf77cfc9b8f52ac3178c", appearance: this.appearance, expanded: this.expanded, inputProps: t, disabled: this.disabled, readOnly: this.readOnly, loading: this.loading, value: this.value, name: this.name, onSelectionChange: this.handleSelectionChange, onFocus: this.handleDropdownFocusAndBlur, onBlur: this.handleDropdownFocusAndBlur, required: this.required }, s("slot", { key: "27c4f08690bba761544bd292c618ec848bfaae4b", name: "leadingIconDropdown" }), s("slot", { key: "060bedf7a1be5afdaddcef36ba4eacd34e102536", name: "leadingAccessoryDropdown" }), s("slot", { key: "1164e042bb9489e2708ce8b81ee69b7cfdc86ad5" })));
|
|
55
55
|
}
|
|
56
56
|
static get formAssociated() {
|
|
57
57
|
return !0;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
const
|
|
1
|
+
import { r as o, h as e } from "./p-Db4qRSmH-B5pzOeve.js";
|
|
2
|
+
const m = o, s = e;
|
|
3
3
|
export {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
m as GidsDropdownPicker,
|
|
5
|
+
s as defineCustomElement
|
|
6
6
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { r as s, d as o } from "./p-
|
|
2
|
-
const e = s,
|
|
1
|
+
import { r as s, d as o } from "./p-BKIsp763-CqL9MgyZ.js";
|
|
2
|
+
const e = s, r = o;
|
|
3
3
|
export {
|
|
4
4
|
e as GidsExpansionBodyListItem,
|
|
5
|
-
|
|
5
|
+
r as defineCustomElement
|
|
6
6
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { L as r, u as L, D as d, P as y, q as p } from "./p-Bf3p-DY2-CPqEc-vc.js";
|
|
2
|
-
import { d as h } from "./p-
|
|
2
|
+
import { d as h } from "./p-BKIsp763-CqL9MgyZ.js";
|
|
3
3
|
import { c as m } from "./clsx-OuTLNxxd.js";
|
|
4
4
|
const u = (e) => m("gids-expansion-body-list", e), E = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
5
5
|
__proto__: null,
|
|
@@ -47,7 +47,7 @@ const u = (e) => m("gids-expansion-body-list", e), E = /* @__PURE__ */ Object.fr
|
|
|
47
47
|
}
|
|
48
48
|
render() {
|
|
49
49
|
const e = B();
|
|
50
|
-
return d(y, { key: "
|
|
50
|
+
return d(y, { key: "a22e74a530e98ea4224301afcaf3df8e7c78b9ba", class: e }, (this?.expansionBodyListItems ?? []).map(((t, s) => d("gids-expansion-body-list-item", { key: "" + (s + 1), ...t, onSubtitlePress: (i) => this.handleExpansionBodyListSubtitleClick({ detail: i, expansionBodyListItem: t }), onSupportingTextPress: (i) => this.handleExpansionBodyListSupportingTextClick({ detail: i, expansionBodyListItem: t }) }))));
|
|
51
51
|
}
|
|
52
52
|
get hostElement() {
|
|
53
53
|
return this;
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import { L as r, u as
|
|
1
|
+
import { L as r, u as c, D as s, P as i, q as o } from "./p-Bf3p-DY2-CPqEc-vc.js";
|
|
2
2
|
import { c as d } from "./clsx-OuTLNxxd.js";
|
|
3
|
-
const
|
|
3
|
+
const a = (e) => d("gids-expansion-group", e), p = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
4
4
|
__proto__: null,
|
|
5
|
-
getGidsExpansionGroupClassNames:
|
|
6
|
-
}, Symbol.toStringTag, { value: "Module" })), { getGidsExpansionGroupClassNames:
|
|
7
|
-
constructor(
|
|
8
|
-
super(),
|
|
5
|
+
getGidsExpansionGroupClassNames: a
|
|
6
|
+
}, Symbol.toStringTag, { value: "Module" })), { getGidsExpansionGroupClassNames: u } = p, t = r(class extends c {
|
|
7
|
+
constructor(e) {
|
|
8
|
+
super(), e !== !1 && this.__registerHost();
|
|
9
9
|
}
|
|
10
10
|
render() {
|
|
11
|
-
const
|
|
12
|
-
return
|
|
11
|
+
const e = u();
|
|
12
|
+
return s(i, { key: "93eca7d6d0d517b865cc7b7e83ccbdeddcff7049", class: e }, s("slot", { key: "9dfb20cedcbe2bc8349d849944160ba7b195017c" }));
|
|
13
13
|
}
|
|
14
14
|
static get style() {
|
|
15
15
|
return ".gids-expansion-group{display:flex;flex-direction:column;width:100%}";
|
|
16
16
|
}
|
|
17
17
|
}, [260, "gids-expansion-group"]);
|
|
18
18
|
function n() {
|
|
19
|
-
typeof customElements < "u" && ["gids-expansion-group"].forEach(((
|
|
20
|
-
|
|
19
|
+
typeof customElements < "u" && ["gids-expansion-group"].forEach(((e) => {
|
|
20
|
+
e === "gids-expansion-group" && (customElements.get(o(e)) || customElements.define(o(e), t));
|
|
21
21
|
}));
|
|
22
22
|
}
|
|
23
23
|
n();
|
|
24
|
-
const
|
|
24
|
+
const f = t, m = n;
|
|
25
25
|
export {
|
|
26
|
-
|
|
26
|
+
f as GidsExpansionGroup,
|
|
27
27
|
m as defineCustomElement
|
|
28
28
|
};
|
|
@@ -31,8 +31,8 @@ const c = ({ expanded: e }, n) => h("gids-expansion", {
|
|
|
31
31
|
checkSlotContent() {
|
|
32
32
|
const e = this.hostElement.querySelector(".gids-expansion__content");
|
|
33
33
|
if (e) {
|
|
34
|
-
const n = e.children.length > 0,
|
|
35
|
-
this.hasContent = n ||
|
|
34
|
+
const n = e.children.length > 0, t = !!e.textContent && e.textContent.trim().length > 0;
|
|
35
|
+
this.hasContent = n || t;
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
38
|
isInteractive() {
|
|
@@ -65,7 +65,7 @@ const c = ({ expanded: e }, n) => h("gids-expansion", {
|
|
|
65
65
|
}
|
|
66
66
|
render() {
|
|
67
67
|
const e = _({ expanded: this.isExpanded() && this.isInteractive() }), n = this.label;
|
|
68
|
-
return i(l, { key: "
|
|
68
|
+
return i(l, { key: "faaa92b6c6688096f7f118c34c0c57571ee8de02", class: e }, i("button", { key: "f88b9490df34313650b5323c16b10dc286024cef", onClick: this.handleExpansionClick, class: p("gids-expansion__container", { "gids-expansion__disabled": this.disabled }), disabled: this.disabled, type: "button" }, this.isHavingLabelValue() ? i("span", { class: this.getLabelClass() }, n) : void 0, this.isInteractive() ? i(g, { name: "chevron-down", size: this.getIconSize(), appearance: "filled" }) : void 0), i("div", { key: "c2392fb0c1ab98a4b7c63eb4a481f4c4bd9218a4", class: "gids-expansion__body", "aria-hidden": this.isExpanded() ? "false" : "true" }, i("div", { key: "3ee91d326c46f8a9baafd35e6fb5adb578acc5a9", class: "gids-expansion__content" }, i("slot", { key: "3049551a991178d64d129d73e9b500f13c9a229f" }))));
|
|
69
69
|
}
|
|
70
70
|
get hostElement() {
|
|
71
71
|
return this;
|
|
@@ -77,13 +77,13 @@ const c = ({ expanded: e }, n) => h("gids-expansion", {
|
|
|
77
77
|
return '.gids-expansion{display:flex;align-items:center;position:relative;padding:var(--gids-padding-vertical-edge-to-element-300) 0}.gids-expansion:not(.gids-expansion--expanded):not([expanded])::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--gids-color-border-default);transition:background 0.3s ease-in-out;z-index:1}.gids-expansion:not(.gids-expansion--expanded):not([expanded])::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(to right, transparent 0%, transparent 25%, var(--gids-color-background-selected-pressed) 45%, var(--gids-color-background-selected-pressed) 55%, transparent 75%, transparent 100%);opacity:0;transition:opacity 0.3s ease-in-out;z-index:2}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled)::after{background:linear-gradient(to right, var(--gids-color-border-default) 0%, var(--gids-color-border-default) 15%, var(--gids-color-background-selected-pressed) 45%, var(--gids-color-background-selected-pressed) 70%, var(--gids-color-border-default) 90%, var(--gids-color-border-default) 100%)}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled)::before{opacity:1}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled) .gids-expansion__level-h1{color:var(--gids-color-background-brand-bold-default)}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled) .gids-expansion__level-h2{color:var(--gids-color-background-brand-bold-default)}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled) .gids-expansion__level-h3{color:var(--gids-color-background-brand-bold-default)}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled) .gids-icon{--gidsIcon-color:var(--gids-color-background-brand-bold-default)}.gids-expansion__container{margin:0;padding:0;appearance:none;border:none;background:none;cursor:pointer;display:flex;align-items:center;gap:var(--gids-gap-050);white-space:nowrap;color:var(--gids-color-text-default)}.gids-expansion__container gids-icon,.gids-expansion__container .gids-icon,.gids-expansion__container GidsIcon,.gids-expansion__container svg{display:inline-block;transform:rotate3d(0, 0, 1, 0deg);transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);transform-origin:center center;backface-visibility:hidden}.gids-expansion__level-h1{font-family:var(--gids-typography-heading-medium__font-family);font-size:var(--gids-typography-heading-medium__font-size);font-weight:var(--gids-typography-heading-medium__font-weight);letter-spacing:var(--gids-typography-heading-medium__letter-spacing);line-height:var(--gids-typography-heading-medium__line-height);text-transform:var(--gids-typography-heading-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-medium__font-variant-caps, inherit)}.gids-expansion__level-h2{font-family:var(--gids-typography-heading-small__font-family);font-size:var(--gids-typography-heading-small__font-size);font-weight:var(--gids-typography-heading-small__font-weight);letter-spacing:var(--gids-typography-heading-small__letter-spacing);line-height:var(--gids-typography-heading-small__line-height);text-transform:var(--gids-typography-heading-small__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-small__font-variant-caps, inherit)}.gids-expansion__level-h3{font-family:var(--gids-typography-heading-x-small__font-family);font-size:var(--gids-typography-heading-x-small__font-size);font-weight:var(--gids-typography-heading-x-small__font-weight);letter-spacing:var(--gids-typography-heading-x-small__letter-spacing);line-height:var(--gids-typography-heading-x-small__line-height);text-transform:var(--gids-typography-heading-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-x-small__font-variant-caps, inherit)}.gids-expansion__body{position:absolute;top:100%;left:0;width:100%;z-index:10;transform:scaleY(0);transform-origin:top center;opacity:0;visibility:hidden;transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease, visibility 0.4s;overflow:hidden}.gids-expansion--expanded{position:relative;display:block}.gids-expansion--expanded .gids-expansion__container gids-icon,.gids-expansion--expanded .gids-expansion__container .gids-icon,.gids-expansion--expanded .gids-expansion__container GidsIcon,.gids-expansion--expanded .gids-expansion__container svg{transform:rotate3d(0, 0, 1, -180deg)}.gids-expansion--expanded .gids-expansion__body{position:relative;top:auto;transform:scaleY(1);opacity:1;visibility:visible}.gids-expansion__content{min-height:0;padding:var(--gids-padding-vertical-edge-to-element-500) 0 var(--gids-padding-horizontal-edge-to-element-500)}.gids-expansion__disabled{color:var(--gids-color-text-disabled);cursor:not-allowed}.gids-expansion__disabled .gids-icon{--gidsIcon-color:var(--gids-color-icon-disabled)}';
|
|
78
78
|
}
|
|
79
79
|
}, [260, "gids-expansion", { expansionId: [1, "expansion-id"], label: [1], labelLevel: [1, "label-level"], expanded: [516], disabled: [516], onExpand: [16], hasContent: [32] }, void 0, { disabled: [{ handleDisabledChange: 0 }], expanded: [{ handleExpandedChange: 0 }], labelLevel: [{ handleLabelLevelChange: 0 }] }]);
|
|
80
|
-
function
|
|
80
|
+
function d() {
|
|
81
81
|
typeof customElements < "u" && ["gids-expansion"].forEach(((e) => {
|
|
82
82
|
e === "gids-expansion" && (customElements.get(a(e)) || customElements.define(a(e), s));
|
|
83
83
|
}));
|
|
84
84
|
}
|
|
85
|
-
|
|
86
|
-
const u = s, y =
|
|
85
|
+
d();
|
|
86
|
+
const u = s, y = d;
|
|
87
87
|
export {
|
|
88
88
|
u as GidsExpansion,
|
|
89
89
|
y as defineCustomElement
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { c as
|
|
2
|
-
const
|
|
1
|
+
import { c as r, r as s } from "./p-DGenc1qz-CMwVEtCm.js";
|
|
2
|
+
const e = r, o = s;
|
|
3
3
|
export {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
e as GidsInput,
|
|
5
|
+
o as defineCustomElement
|
|
6
6
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { g as e, c as
|
|
2
|
-
const
|
|
1
|
+
import { g as e, c as s } from "./p-DaqhrFRM-2PqBeu5o.js";
|
|
2
|
+
const o = e, a = s;
|
|
3
3
|
export {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
o as GidsLineChart,
|
|
5
|
+
a 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 r, 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
|
-
import { o as J } from "./p-UVmSPzTd-
|
|
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: a = "leading" }) => a === "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 = ({
|
|
18
|
+
}, Symbol.toStringTag, { value: "Module" })), W = ({ width: e }, a) => B("gids-basic-table-header", {
|
|
19
|
+
// Widths
|
|
20
|
+
// 'gids-basic-table-header--width-full': width === 'full', // Width set by default so not needed
|
|
21
|
+
"gids-basic-table-header--width-intrinsic": e === "intrinsic"
|
|
22
|
+
}, a), X = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
23
|
+
__proto__: null,
|
|
24
|
+
getGidsBasicTableHeaderClassNames: W
|
|
25
|
+
}, Symbol.toStringTag, { value: "Module" })), Y = ({ width: e }, a) => B("gids-basic-table-row", {
|
|
26
|
+
// Widths
|
|
27
|
+
// 'gids-basic-table-row--width-full': width === 'full', // Width set by default so not needed
|
|
28
|
+
"gids-basic-table-row--width-intrinsic": e === "intrinsic"
|
|
29
|
+
}, a), Z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
30
|
+
__proto__: null,
|
|
31
|
+
getGidsBasicTableRowClassNames: Y
|
|
32
|
+
}, Symbol.toStringTag, { value: "Module" })), ee = ({ width: e }, a) => B("gids-md-table", {
|
|
33
|
+
// Widths
|
|
34
|
+
// 'gids-md-table--width-full': width === 'full', // Width set by default so not needed
|
|
35
|
+
"gids-md-table--width-intrinsic": e === "intrinsic"
|
|
36
|
+
}, a), ae = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
37
|
+
__proto__: null,
|
|
38
|
+
getGidsMdTableClassNames: ee
|
|
39
|
+
}, Symbol.toStringTag, { value: "Module" })), te = ({ borderSides: e, borderRadiusSides: a, appearance: t, textAlignment: l, width: d }, i) => B("gids-table-cell", {
|
|
19
40
|
"gids-table-cell--border-side-top": e?.includes("top"),
|
|
20
41
|
"gids-table-cell--border-side-bottom": e?.includes("bottom"),
|
|
21
42
|
"gids-table-cell--border-side-left": e?.includes("left"),
|
|
22
43
|
"gids-table-cell--border-side-right": e?.includes("right"),
|
|
23
44
|
// Border radius sides
|
|
24
|
-
"gids-table-cell--border-radius-side-top-left":
|
|
25
|
-
"gids-table-cell--border-radius-side-bottom-left":
|
|
26
|
-
"gids-table-cell--border-radius-side-top-right":
|
|
27
|
-
"gids-table-cell--border-radius-side-bottom-right":
|
|
45
|
+
"gids-table-cell--border-radius-side-top-left": a?.includes("top-left"),
|
|
46
|
+
"gids-table-cell--border-radius-side-bottom-left": a?.includes("bottom-left"),
|
|
47
|
+
"gids-table-cell--border-radius-side-top-right": a?.includes("top-right"),
|
|
48
|
+
"gids-table-cell--border-radius-side-bottom-right": a?.includes("bottom-right"),
|
|
28
49
|
// Background colors
|
|
29
|
-
"gids-table-cell--appearance-default":
|
|
30
|
-
"gids-table-cell--appearance-primal":
|
|
31
|
-
"gids-table-cell--appearance-neutral-default":
|
|
32
|
-
"gids-table-cell--appearance-info":
|
|
33
|
-
"gids-table-cell--appearance-warning":
|
|
34
|
-
"gids-table-cell--appearance-positive":
|
|
35
|
-
"gids-table-cell--appearance-danger":
|
|
50
|
+
"gids-table-cell--appearance-default": t === "default",
|
|
51
|
+
"gids-table-cell--appearance-primal": t === "primal",
|
|
52
|
+
"gids-table-cell--appearance-neutral-default": t === "neutral-default",
|
|
53
|
+
"gids-table-cell--appearance-info": t === "info",
|
|
54
|
+
"gids-table-cell--appearance-warning": t === "warning",
|
|
55
|
+
"gids-table-cell--appearance-positive": t === "positive",
|
|
56
|
+
"gids-table-cell--appearance-danger": t === "danger",
|
|
36
57
|
// Alignments
|
|
37
58
|
"gids-table-cell--text-alignment-left": l === "left",
|
|
38
59
|
"gids-table-cell--text-alignment-right": l === "right",
|
|
39
60
|
"gids-table-cell--text-alignment-center": l === "center",
|
|
40
61
|
// Widths
|
|
41
62
|
// 'gids-table-cell--width-full': width === 'full', // Width set by default so not needed
|
|
42
|
-
"gids-table-cell--width-intrinsic":
|
|
43
|
-
}, i),
|
|
44
|
-
__proto__: null,
|
|
45
|
-
getGidsTableCellClassNames: W,
|
|
46
|
-
getGidsTableCellLabelTypographyClass: X
|
|
47
|
-
}, Symbol.toStringTag, { value: "Module" })), Z = ({ width: e }, t) => B("gids-basic-table-row", {
|
|
48
|
-
// Widths
|
|
49
|
-
// 'gids-basic-table-row--width-full': width === 'full', // Width set by default so not needed
|
|
50
|
-
"gids-basic-table-row--width-intrinsic": e === "intrinsic"
|
|
51
|
-
}, t), ee = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
52
|
-
__proto__: null,
|
|
53
|
-
getGidsBasicTableRowClassNames: Z
|
|
54
|
-
}, Symbol.toStringTag, { value: "Module" })), te = ({ width: e }, t) => B("gids-basic-table-header", {
|
|
55
|
-
// Widths
|
|
56
|
-
// 'gids-basic-table-header--width-full': width === 'full', // Width set by default so not needed
|
|
57
|
-
"gids-basic-table-header--width-intrinsic": e === "intrinsic"
|
|
58
|
-
}, t), ae = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
59
|
-
__proto__: null,
|
|
60
|
-
getGidsBasicTableHeaderClassNames: te
|
|
61
|
-
}, Symbol.toStringTag, { value: "Module" })), le = ({ width: e }, t) => B("gids-md-table", {
|
|
62
|
-
// Widths
|
|
63
|
-
// 'gids-md-table--width-full': width === 'full', // Width set by default so not needed
|
|
64
|
-
"gids-md-table--width-intrinsic": e === "intrinsic"
|
|
65
|
-
}, t), ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
63
|
+
"gids-table-cell--width-intrinsic": d === "intrinsic"
|
|
64
|
+
}, i), le = (e) => e && e.toString() !== "" ? `gids-typography-${e}` : "gids-typography-label-medium", ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
66
65
|
__proto__: null,
|
|
67
|
-
|
|
68
|
-
|
|
66
|
+
getGidsTableCellClassNames: te,
|
|
67
|
+
getGidsTableCellLabelTypographyClass: le
|
|
68
|
+
}, Symbol.toStringTag, { value: "Module" })), { getGidsTableCellClassNames: de, getGidsTableCellLabelTypographyClass: re } = ie, { isTableCellActionButtonVisible: ne, getTableCellBtnIcon: se } = U, v = ({ id: e, uniqueKey: a, extraData: t, label: l, cellDataType: d = "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 != "" ? r(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 r("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 r(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: d, displayTags: i, label: l, id: e, extraData: t, isHeaderCell: b, uniqueKey: a, 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 } =
|
|
84
|
+
return r(b ? "th" : "td", { ...L, class: de({ borderSides: g, borderRadiusSides: o, appearance: p, textAlignment: h, width: n }, R), id: e, "unique-key": a, "extra-data": JSON.stringify(t) }, _("primary"), d === "text" && l && l !== "" ? r("span", { class: "" + re(c) }, l) : void 0, d === "display-tag" && i && i.length > 0 ? r("div", { class: "gids-table-cell__display-tags-container" }, i.map(((s) => r($, { label: s?.label ?? "", appearance: s?.displayTagAppearance ?? "subtle", size: s?.displayTagSize ?? "xs", icon: s?.displayTagIcon ? r(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: a = "horizontal", rows: t = [], isHeaderRow: l = !1, cellPrimaryActionButtons: d, 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 } =
|
|
90
|
+
return a === "vertical" ? r(K, null, t.map(((c, b) => r("tr", { ...g, key: "row-v-" + (b + 1), class: o }, r(v, { ...c, width: e, isHeaderCell: l, cellPrimaryActionButtons: d, cellSecondaryActionButtons: i, onClickCellActionBtn: (m) => h({ event: m, cellIndex: b }) }))))) : r("tr", { ...g, class: o }, t.map(((c, b) => r(v, { key: "row-h-" + (b + 1), ...c, width: e, isHeaderCell: l, cellPrimaryActionButtons: d, cellSecondaryActionButtons: i, onClickCellActionBtn: (m) => h({ event: m, cellIndex: b }) }))));
|
|
91
|
+
}, { getGidsBasicTableHeaderClassNames: ce } = X, be = ({ width: e = "full", headerCells: a = [], appearance: t = "none", labelTypography: l = "label-medium", textAlignment: d = "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 r("thead", { ...h, class: c }, r(D, { rows: a.map(((b) => ({ appearance: t, labelTypography: l, textAlignment: d, ...b }))), width: e, layout: i, isHeaderRow: !0, cellPrimaryActionButtons: n, cellSecondaryActionButtons: p, onClickRowActionBtn: g }));
|
|
94
|
+
}, { getGidsMdTableClassNames: pe } = ae, 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, a = this?.tableBody ?? [], t = [];
|
|
121
|
+
a.map(((l, d) => {
|
|
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: a, _itemsArr: h, indexI: d });
|
|
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: a, _itemsArr: h, indexI: d, 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
|
+
})), t.push({ heading: n, id: p, uniqueKey: g, extraData: o, items: i });
|
|
132
|
+
})), this.constructedTableBodyData = t;
|
|
133
133
|
}
|
|
134
|
-
getRowBorderSides({ _tableBodyData: e, _itemsArr:
|
|
135
|
-
const
|
|
134
|
+
getRowBorderSides({ _tableBodyData: e, _itemsArr: a, indexI: t, indexJ: l }) {
|
|
135
|
+
const d = this.applyTableInternalBorders(), i = this.applyTableAllBorders();
|
|
136
136
|
let n = [];
|
|
137
|
-
return (
|
|
137
|
+
return (d || i) && (l < a.length && t + 1 < e.length && (n = ["bottom"]), l + 1 < a.length && (n = [...n, "right"])), n;
|
|
138
138
|
}
|
|
139
|
-
getSideHeaderBorderSides({ _tableBodyData: e, _itemsArr:
|
|
140
|
-
const l = this.applyTableInternalBorders(),
|
|
139
|
+
getSideHeaderBorderSides({ _tableBodyData: e, _itemsArr: a, indexI: t }) {
|
|
140
|
+
const l = this.applyTableInternalBorders(), d = this.applyTableAllBorders();
|
|
141
141
|
let i = [];
|
|
142
|
-
return (l ||
|
|
142
|
+
return (l || d) && (t + 1 < e.length && (i = ["bottom"]), a.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 a = e;
|
|
147
|
+
this.applyTableOuterBorders() && (a = e + " gids-md-table__outer-borders");
|
|
148
|
+
const t = this.addBorderRadiusDirectlyToTable();
|
|
149
|
+
return t && t !== "" ? `${a} ${t}` : "" + a;
|
|
150
150
|
}
|
|
151
151
|
addBorderRadiusDirectlyToTable() {
|
|
152
152
|
let e = "";
|
|
153
|
-
const
|
|
154
|
-
return
|
|
153
|
+
const a = this?.tableBorderRadius ?? [];
|
|
154
|
+
return a.includes("top-left") && (e = "gids-md-table__radius-top-left"), a.includes("bottom-left") && (e += " gids-md-table__radius-bottom-left"), a.includes("top-right") && (e += " gids-md-table__radius-top-right"), a.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, a = this?.topHeaderCells ?? [];
|
|
158
|
+
let t = [...a];
|
|
159
|
+
e === !1 && a.length > 0 ? t.splice(0, 1) : t = [...a];
|
|
160
|
+
const l = this.applyTableInternalBorders(), d = this.applyTableAllBorders(), i = this.applyTableTopHeaderBorders(), n = [];
|
|
161
|
+
return t.map(((p, g) => {
|
|
162
162
|
let o = [];
|
|
163
|
-
(l ||
|
|
163
|
+
(l || d || i) && (o = ["bottom"], g + 1 < t.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 }), a = this.isTopHeaderVisible, t = this.getTopHeaderCells(), l = this?.constructedTableBodyData ?? [];
|
|
181
|
+
return r(E, { key: "e1404c2afc5cd310aac72861cd62a5675d60debd", class: e }, r("table", { key: "6af19657d96525fb5835ff78018633dbeac233bc", class: this.getTableClasses() }, a ? r(be, { appearance: this.topHeaderAppearance, labelTypography: this.topHeaderLabelTypography, textAlignment: this.topHeaderTextAlignment, headerCells: t, width: this.width }) : void 0, r("tbody", { key: "c43e3a3121839c191c18a8621f902de504dc8fba" }, l.length > 0 ? l.map(((d) => r(D, { layout: "horizontal", rows: d?.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: "66d29a2d7da02c695def7edaa9c338161b382cfa", class: "gids-overflow-container__text-area", onScroll: this.calculateShadows.bind(this) }, e("slot", { key: "dd1c0a97cf7e93a50ab40cceb14e50b6e59efdc7" }));
|
|
24
24
|
}
|
|
25
25
|
get _el() {
|
|
26
26
|
return this;
|