@ganpatiinfo/gids-core-web 10.3.0 → 12.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 +259 -3
- 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-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 +11 -0
- package/dist/gids-md-table.js +1 -0
- 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-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/{p-CD_BHkBE.js → p-6APCjBEI.js} +1 -1
- package/dist/p-BCVFQSjK.js +1 -0
- package/dist/{p-DfrYaprq.js → p-BSbOhfLZ.js} +1 -1
- package/dist/{p-DA_atCAU.js → p-BVAtja26.js} +1 -1
- package/dist/{p-BeP2XcqY.js → p-C2O_pGky.js} +1 -1
- package/dist/{p-3Ni1-UuQ.js → p-C3We7Q8Q.js} +1 -1
- package/dist/{p-C4yEV6pT.js → p-C3w3wdCt.js} +1 -1
- package/dist/{p-BQCMjWpK.js → p-C3xv7tfs.js} +1 -1
- package/dist/{p-Ditd1zV7.js → p-C56G7JRy.js} +1 -1
- package/dist/p-CI-sN9Lr.js +1 -0
- package/dist/{p-WHI6NO_h.js → p-COHuQEfZ.js} +1 -1
- package/dist/{p-CkydANOS.js → p-Chqeexny.js} +1 -1
- package/dist/{p-C2PfO9h9.js → p-DO0MyFf4.js} +1 -1
- package/dist/p-DUojHltk.js +1 -0
- package/dist/{p-DlI2raNo.js → p-VJAcf53T.js} +1 -1
- package/dist/p-_SIWct9h.js +1 -0
- package/dist/{p-qIkbfIF3.js → p-pSb81aE0.js} +1 -1
- package/dist/{p-BE2G21MT.js → p-ub0GuVHb.js} +1 -1
- package/dist/types/components/html/GidsBasicTableBody/GidsBasicTableBody.d.ts +6 -0
- package/dist/types/components/html/GidsBasicTableCell/GidsBasicTableCell.d.ts +4 -0
- package/dist/types/components/html/GidsBasicTableHead/GidsBasicTableHead.d.ts +11 -0
- package/dist/types/components/html/GidsBasicTableHeader/GidsBasicTableHeader.d.ts +4 -0
- package/dist/types/components/html/GidsBasicTableRow/GidsBasicTableRow.d.ts +4 -0
- package/dist/types/components/html/GidsBsTable/GidsBsTable.d.ts +11 -0
- package/dist/types/components/webComponents/GidsActionBar/GidsActionBar.d.ts +15 -2
- package/dist/types/components/webComponents/GidsExpansionBodyList/GidsExpansionBodyList.d.ts +5 -4
- package/dist/types/components/webComponents/GidsFilter/GidsFilter.d.ts +5 -0
- package/dist/types/components/webComponents/GidsMdTable/GidsMdTable.d.ts +40 -0
- package/dist/types/components.d.ts +183 -12
- package/dist-bundled/es/gids-action-bar.js +168 -126
- package/dist-bundled/es/gids-activity-gauge.js +4 -4
- package/dist-bundled/es/gids-bar-chart.js +1 -1
- package/dist-bundled/es/gids-calendar-header-panel.js +4 -4
- package/dist-bundled/es/gids-calendar-month-list.js +1 -1
- package/dist-bundled/es/gids-calendar-year-list.js +4 -4
- package/dist-bundled/es/gids-calendar.js +7 -7
- package/dist-bundled/es/gids-chart-legend-item.js +4 -4
- package/dist-bundled/es/gids-chart-legend.js +4 -4
- package/dist-bundled/es/gids-chart.js +18 -18
- package/dist-bundled/es/gids-chevron-button.js +1 -1
- package/dist-bundled/es/gids-dot.js +1 -1
- package/dist-bundled/es/gids-dropdown-field.js +4 -4
- package/dist-bundled/es/gids-dropdown-picker.js +2 -2
- package/dist-bundled/es/gids-dropdown.js +4 -4
- package/dist-bundled/es/gids-expansion-body-list-item.js +3 -3
- package/dist-bundled/es/gids-expansion-body-list.js +35 -35
- package/dist-bundled/es/gids-expansion-group.js +5 -5
- package/dist-bundled/es/gids-expansion.js +3 -3
- package/dist-bundled/es/gids-field.js +1 -1
- package/dist-bundled/es/gids-filter.js +2 -2
- package/dist-bundled/es/gids-icon.js +4 -4
- package/dist-bundled/es/gids-input.js +1 -1
- package/dist-bundled/es/gids-line-chart.js +4 -4
- package/dist-bundled/es/gids-md-table.js +165 -0
- 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 +22 -22
- package/dist-bundled/es/gids-pie-chart.js +1 -1
- package/dist-bundled/es/gids-popover.js +1 -1
- package/dist-bundled/es/gids-scrim.js +6 -6
- package/dist-bundled/es/gids-tab-item.js +6 -6
- package/dist-bundled/es/gids-tab.js +4 -4
- package/dist-bundled/es/gids-text-field.js +14 -14
- package/dist-bundled/es/gids-toggle-button.js +1 -1
- package/dist-bundled/es/gids-tooltip.js +4 -4
- package/dist-bundled/es/{p-CD_BHkBE-DX2546yK.js → p-6APCjBEI-roDSyEYu.js} +5 -5
- package/dist-bundled/es/{p-Cn-t3SGc-CwvvOdlK.js → p-BCVFQSjK-CKrYrI4b.js} +15 -15
- package/dist-bundled/es/{p-DfrYaprq-CeZqb0rn.js → p-BSbOhfLZ-ByjjVMqG.js} +2 -2
- package/dist-bundled/es/{p-DA_atCAU-KdxJYYDE.js → p-BVAtja26-Xjd4_b4e.js} +7 -7
- package/dist-bundled/es/{p-BeP2XcqY-DMXmX4Mc.js → p-C2O_pGky-C_30AJ3m.js} +9 -9
- package/dist-bundled/es/{p-3Ni1-UuQ-CPn15cat.js → p-C3We7Q8Q-DT_NDg87.js} +2 -2
- package/dist-bundled/es/{p-C4yEV6pT-8IjLINXB.js → p-C3w3wdCt-I6zwuecb.js} +5 -5
- package/dist-bundled/es/{p-BQCMjWpK-CLxPNItn.js → p-C3xv7tfs-RodXvmql.js} +3 -3
- package/dist-bundled/es/{p-Ditd1zV7-DdQjXthS.js → p-C56G7JRy-B3HO4aVF.js} +2 -2
- package/dist-bundled/es/{p-DVVJrKxO-Bdl0HX_u.js → p-CI-sN9Lr-DHC9DyS8.js} +19 -18
- package/dist-bundled/es/{p-WHI6NO_h-DHNy0JzV.js → p-COHuQEfZ-C_POuXNC.js} +10 -10
- package/dist-bundled/es/{p-CkydANOS-CzTX9wng.js → p-Chqeexny-C4hlPbBP.js} +5 -5
- package/dist-bundled/es/{p-C2PfO9h9-H_toZwKo.js → p-DO0MyFf4-D7XItX1k.js} +5 -5
- package/dist-bundled/es/p-DUojHltk-GyvsWoCM.js +172 -0
- package/dist-bundled/es/{p-DlI2raNo-5V-p1A9Z.js → p-VJAcf53T-2X0vBJ1A.js} +1 -1
- package/dist-bundled/es/{p-KaaOtnwV-D7HTbhvI.js → p-_SIWct9h-jMYFZ-VO.js} +12 -12
- package/dist-bundled/es/{p-qIkbfIF3-B7NovGEi.js → p-pSb81aE0-CNrq7SQW.js} +2 -2
- package/dist-bundled/es/{p-BE2G21MT-WGW-ehxu.js → p-ub0GuVHb-C_PFTi1_.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-bar-chart.umd.js +1 -1
- package/dist-bundled/umd/gids-calendar-header-panel.umd.js +1 -1
- 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 +2 -2
- package/dist-bundled/umd/gids-expansion-body-list-item.umd.js +1 -1
- package/dist-bundled/umd/gids-expansion-body-list.umd.js +2 -2
- 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 +3 -3
- package/dist-bundled/umd/gids-icon.umd.js +1 -1
- package/dist-bundled/umd/gids-input.umd.js +1 -1
- package/dist-bundled/umd/gids-line-chart.umd.js +2 -2
- package/dist-bundled/umd/gids-md-table.umd.js +5 -0
- 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 +2 -2
- 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-scrim.umd.js +1 -1
- 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-complete/gids-core-web.umd.js +8 -8
- package/package.json +12 -4
- package/dist/p-2wB6zkno.js +0 -1
- package/dist/p-Cn-t3SGc.js +0 -1
- package/dist/p-DVVJrKxO.js +0 -1
- package/dist/p-KaaOtnwV.js +0 -1
- package/dist-bundled/es/p-2wB6zkno-57WAxATm.js +0 -152
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { c as o, l as
|
|
2
|
-
const
|
|
1
|
+
import { c as o, l as e } from "./p-CI-sN9Lr-DHC9DyS8.js";
|
|
2
|
+
const s = o, t = e;
|
|
3
3
|
export {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
s as GidsDropdown,
|
|
5
|
+
t as defineCustomElement
|
|
6
6
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { p as s, g as o } from "./p-
|
|
2
|
-
const e = s,
|
|
1
|
+
import { p as s, g as o } from "./p-VJAcf53T-2X0vBJ1A.js";
|
|
2
|
+
const e = s, p = o;
|
|
3
3
|
export {
|
|
4
4
|
e as GidsExpansionBodyListItem,
|
|
5
|
-
|
|
5
|
+
p as defineCustomElement
|
|
6
6
|
};
|
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
import { L as
|
|
2
|
-
import { g as
|
|
3
|
-
import { c as
|
|
4
|
-
const
|
|
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 { g as h } from "./p-VJAcf53T-2X0vBJ1A.js";
|
|
3
|
+
import { c as m } from "./clsx-OuTLNxxd.js";
|
|
4
|
+
const u = (e) => m("gids-expansion-body-list", e), E = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
5
5
|
__proto__: null,
|
|
6
|
-
getGidsExpansionBodyListClassNames:
|
|
7
|
-
}, Symbol.toStringTag, { value: "Module" })), { getGidsExpansionBodyListClassNames:
|
|
8
|
-
constructor(
|
|
9
|
-
super(),
|
|
10
|
-
this.applyExpansionBodyListSubtitleSelection(s);
|
|
11
|
-
}, this.handleExpansionBodyListSupportingTextClick = (s) => {
|
|
12
|
-
this.applyExpansionBodyListSupportingTextSelection(s);
|
|
13
|
-
}, this.handleExpansionBodyListSubtitleSelect = (
|
|
14
|
-
const { listItemId:
|
|
15
|
-
this.applyExpansionBodyListSubtitleSelection({ listItemId:
|
|
16
|
-
}, this.handleExpansionBodyListSupportingTextSelect = (
|
|
17
|
-
const { listItemId:
|
|
18
|
-
this.applyExpansionBodyListSupportingTextSelection({ listItemId:
|
|
6
|
+
getGidsExpansionBodyListClassNames: u
|
|
7
|
+
}, Symbol.toStringTag, { value: "Module" })), { getGidsExpansionBodyListClassNames: B } = E, l = r(class extends L {
|
|
8
|
+
constructor(e) {
|
|
9
|
+
super(), e !== !1 && this.__registerHost(), this.expansionBodyListItems = [], this.hasExpansionBodyListSubtitleItemListener = !1, this.hasExpansionBodyListSupportingTextItemListener = !1, this.handleExpansionBodyListSubtitleClick = ({ detail: t, expansionBodyListItem: s }) => {
|
|
10
|
+
this.selectedExpansionListItem = { detail: t, expansionBodyListItem: s }, this.applyExpansionBodyListSubtitleSelection({ detail: t, expansionBodyListItem: s });
|
|
11
|
+
}, this.handleExpansionBodyListSupportingTextClick = ({ detail: t, expansionBodyListItem: s }) => {
|
|
12
|
+
this.selectedExpansionListItem = { detail: t, expansionBodyListItem: s }, this.applyExpansionBodyListSupportingTextSelection({ detail: t, expansionBodyListItem: s });
|
|
13
|
+
}, this.handleExpansionBodyListSubtitleSelect = (t) => {
|
|
14
|
+
const { listItemId: s, label: i, subtitle: n, supportingText: o, listItemPressedType: a } = t.detail;
|
|
15
|
+
this.applyExpansionBodyListSubtitleSelection({ detail: { listItemId: s, label: i, subtitle: n, supportingText: o, listItemPressedType: a, originalEvent: t }, expansionBodyListItem: this.selectedExpansionListItem?.expansionBodyListItem });
|
|
16
|
+
}, this.handleExpansionBodyListSupportingTextSelect = (t) => {
|
|
17
|
+
const { listItemId: s, label: i, subtitle: n, supportingText: o, listItemPressedType: a } = t.detail;
|
|
18
|
+
this.applyExpansionBodyListSupportingTextSelection({ detail: { listItemId: s, label: i, subtitle: n, supportingText: o, listItemPressedType: a, originalEvent: t }, expansionBodyListItem: this.selectedExpansionListItem?.expansionBodyListItem });
|
|
19
19
|
};
|
|
20
20
|
}
|
|
21
|
-
handleExpansionBodyListItemsChange(
|
|
22
|
-
this.expansionBodyListItems =
|
|
21
|
+
handleExpansionBodyListItemsChange(e) {
|
|
22
|
+
this.expansionBodyListItems = e;
|
|
23
23
|
}
|
|
24
24
|
connectedCallback() {
|
|
25
25
|
this.attachExpansionBodyListSubtitleItemListener(), this.attachExpansionBodyListSupportingTextItemListener();
|
|
@@ -27,11 +27,11 @@ const E = (t) => u("gids-expansion-body-list", t), m = /* @__PURE__ */ Object.fr
|
|
|
27
27
|
disconnectedCallback() {
|
|
28
28
|
this.detachExpansionBodyListSubtitleItemListener(), this.detachExpansionBodyListSupportingTextItemListener();
|
|
29
29
|
}
|
|
30
|
-
applyExpansionBodyListSubtitleSelection(t) {
|
|
31
|
-
this.onExpansionBodyListSubtitlePress && this.onExpansionBodyListSubtitlePress(t);
|
|
30
|
+
applyExpansionBodyListSubtitleSelection({ detail: e, expansionBodyListItem: t }) {
|
|
31
|
+
this.onExpansionBodyListSubtitlePress && this.onExpansionBodyListSubtitlePress({ ...e, selectedExpansionBodyListItem: t });
|
|
32
32
|
}
|
|
33
|
-
applyExpansionBodyListSupportingTextSelection(t) {
|
|
34
|
-
this.onExpansionBodyListSupportingTextPress && this.onExpansionBodyListSupportingTextPress(t);
|
|
33
|
+
applyExpansionBodyListSupportingTextSelection({ detail: e, expansionBodyListItem: t }) {
|
|
34
|
+
this.onExpansionBodyListSupportingTextPress && this.onExpansionBodyListSupportingTextPress({ ...e, selectedExpansionBodyListItem: t });
|
|
35
35
|
}
|
|
36
36
|
attachExpansionBodyListSubtitleItemListener() {
|
|
37
37
|
this.hasExpansionBodyListSubtitleItemListener || (this.hostElement.addEventListener("onExpansionBodyListSubtitlePress", this.handleExpansionBodyListSubtitleSelect), this.hasExpansionBodyListSubtitleItemListener = !0);
|
|
@@ -46,8 +46,8 @@ const E = (t) => u("gids-expansion-body-list", t), m = /* @__PURE__ */ Object.fr
|
|
|
46
46
|
this.hasExpansionBodyListSupportingTextItemListener && (this.hostElement.removeEventListener("onExpansionBodyListSupportingTextPress", this.handleExpansionBodyListSupportingTextSelect), this.hasExpansionBodyListSupportingTextItemListener = !1);
|
|
47
47
|
}
|
|
48
48
|
render() {
|
|
49
|
-
const
|
|
50
|
-
return
|
|
49
|
+
const e = B();
|
|
50
|
+
return d(y, { key: "1a5870a9022eaac94b1dc42c81a661d78cffbe15", 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;
|
|
@@ -58,21 +58,21 @@ const E = (t) => u("gids-expansion-body-list", t), m = /* @__PURE__ */ Object.fr
|
|
|
58
58
|
static get style() {
|
|
59
59
|
return ".gids-expansion-body-list{display:flex;flex-direction:column;width:100%;gap:var(--gids-gap-400);overflow-y:scroll;overflow-x:hidden}";
|
|
60
60
|
}
|
|
61
|
-
}, [0, "gids-expansion-body-list", { expansionBodyListItems: [16], onExpansionBodyListSubtitlePress: [16], onExpansionBodyListSupportingTextPress: [16] }, void 0, { expansionBodyListItems: [{ handleExpansionBodyListItemsChange: 0 }] }]);
|
|
62
|
-
function
|
|
63
|
-
typeof customElements < "u" && ["gids-expansion-body-list", "gids-expansion-body-list-item"].forEach(((
|
|
64
|
-
switch (
|
|
61
|
+
}, [0, "gids-expansion-body-list", { expansionBodyListItems: [16], onExpansionBodyListSubtitlePress: [16], onExpansionBodyListSupportingTextPress: [16], selectedExpansionListItem: [32] }, void 0, { expansionBodyListItems: [{ handleExpansionBodyListItemsChange: 0 }] }]);
|
|
62
|
+
function x() {
|
|
63
|
+
typeof customElements < "u" && ["gids-expansion-body-list", "gids-expansion-body-list-item"].forEach(((e) => {
|
|
64
|
+
switch (e) {
|
|
65
65
|
case "gids-expansion-body-list":
|
|
66
|
-
customElements.get(p(
|
|
66
|
+
customElements.get(p(e)) || customElements.define(p(e), l);
|
|
67
67
|
break;
|
|
68
68
|
case "gids-expansion-body-list-item":
|
|
69
|
-
customElements.get(p(
|
|
69
|
+
customElements.get(p(e)) || h();
|
|
70
70
|
}
|
|
71
71
|
}));
|
|
72
72
|
}
|
|
73
|
-
|
|
74
|
-
const
|
|
73
|
+
x();
|
|
74
|
+
const g = l, b = x;
|
|
75
75
|
export {
|
|
76
|
-
|
|
77
|
-
|
|
76
|
+
g as GidsExpansionBodyList,
|
|
77
|
+
b as defineCustomElement
|
|
78
78
|
};
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { L as
|
|
1
|
+
import { L as a, u as r, D as s, P as i, q as o } from "./p-Bf3p-DY2-CPqEc-vc.js";
|
|
2
2
|
import { c } from "./clsx-OuTLNxxd.js";
|
|
3
3
|
const d = (e) => c("gids-expansion-group", e), p = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
4
4
|
__proto__: null,
|
|
5
5
|
getGidsExpansionGroupClassNames: d
|
|
6
|
-
}, Symbol.toStringTag, { value: "Module" })), { getGidsExpansionGroupClassNames: u } = p, t =
|
|
6
|
+
}, Symbol.toStringTag, { value: "Module" })), { getGidsExpansionGroupClassNames: u } = p, t = a(class extends r {
|
|
7
7
|
constructor(e) {
|
|
8
8
|
super(), e !== !1 && this.__registerHost();
|
|
9
9
|
}
|
|
10
10
|
render() {
|
|
11
11
|
const e = u();
|
|
12
|
-
return s(
|
|
12
|
+
return s(i, { key: "15cd9ad12d4c3af9ba224728362eb41530aa3cae", class: e }, s("slot", { key: "b6b2831de1ec6ad5ef92afc564b9cc749927d8da" }));
|
|
13
13
|
}
|
|
14
14
|
static get style() {
|
|
15
15
|
return ".gids-expansion-group{display:flex;flex-direction:column;width:100%}";
|
|
@@ -21,8 +21,8 @@ function n() {
|
|
|
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
|
};
|
|
@@ -7,7 +7,7 @@ const c = ({ expanded: e }, n) => h("gids-expansion", {
|
|
|
7
7
|
}, n), x = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
8
8
|
__proto__: null,
|
|
9
9
|
getGidsExpansionClassNames: c
|
|
10
|
-
}, Symbol.toStringTag, { value: "Module" })), { getGidsExpansionClassNames:
|
|
10
|
+
}, Symbol.toStringTag, { value: "Module" })), { getGidsExpansionClassNames: _ } = x, s = o(class extends r {
|
|
11
11
|
constructor(e) {
|
|
12
12
|
super(), e !== !1 && this.__registerHost(), this.labelLevel = "h1", this.hasContent = !1, this.handleExpansionClick = () => {
|
|
13
13
|
if (this.isInteractive()) {
|
|
@@ -64,8 +64,8 @@ const c = ({ expanded: e }, n) => h("gids-expansion", {
|
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
66
|
render() {
|
|
67
|
-
const e =
|
|
68
|
-
return i(l, { key: "
|
|
67
|
+
const e = _({ expanded: this.isExpanded() && this.isInteractive() }), n = this.label;
|
|
68
|
+
return i(l, { key: "548d1a5398ae9800ad1cf8b24d7d02a6e4111649", class: e }, i("button", { key: "31618853bbaf5b6389fbaaf008972fef5c70e6ed", 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: "2a62873503236e8f8c5f7739e5d562083ef33765", class: "gids-expansion__body", "aria-hidden": this.isExpanded() ? "false" : "true" }, i("div", { key: "52c4912088ee65ba0a4caa60c9a20f012fc85fa6", class: "gids-expansion__content" }, i("slot", { key: "4d72d3b46fba3becd23d1511b941b038b9a8ee04" }))));
|
|
69
69
|
}
|
|
70
70
|
get hostElement() {
|
|
71
71
|
return this;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
const
|
|
1
|
+
import { n as o, d as s } from "./p-C2O_pGky-C_30AJ3m.js";
|
|
2
|
+
const n = o, t = s;
|
|
3
3
|
export {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
n as GidsIcon,
|
|
5
|
+
t as defineCustomElement
|
|
6
6
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { d as
|
|
2
|
-
const
|
|
1
|
+
import { d as e, g as t } from "./p-C56G7JRy-B3HO4aVF.js";
|
|
2
|
+
const r = e, s = t;
|
|
3
3
|
export {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
r as GidsLineChart,
|
|
5
|
+
s as defineCustomElement
|
|
6
6
|
};
|
|
@@ -0,0 +1,165 @@
|
|
|
1
|
+
import { L as T, u as B, D as r, P as f, F as H, q as p } from "./p-Bf3p-DY2-CPqEc-vc.js";
|
|
2
|
+
import { c as h } from "./clsx-OuTLNxxd.js";
|
|
3
|
+
const _ = ({ borderSides: e, borderRadiusSides: a, appearance: t, textAlignment: l, width: d }, i) => h("gids-basic-table-cell", {
|
|
4
|
+
"gids-basic-table-cell--border-side-top": e?.includes("top"),
|
|
5
|
+
"gids-basic-table-cell--border-side-bottom": e?.includes("bottom"),
|
|
6
|
+
"gids-basic-table-cell--border-side-left": e?.includes("left"),
|
|
7
|
+
"gids-basic-table-cell--border-side-right": e?.includes("right"),
|
|
8
|
+
// Border radius sides
|
|
9
|
+
"gids-basic-table-cell--border-radius-side-top-left": a?.includes("top-left"),
|
|
10
|
+
"gids-basic-table-cell--border-radius-side-bottom-left": a?.includes("bottom-left"),
|
|
11
|
+
"gids-basic-table-cell--border-radius-side-top-right": a?.includes("top-right"),
|
|
12
|
+
"gids-basic-table-cell--border-radius-side-bottom-right": a?.includes("bottom-right"),
|
|
13
|
+
// Background colors
|
|
14
|
+
"gids-basic-table-cell--appearance-default": t === "default",
|
|
15
|
+
"gids-basic-table-cell--appearance-primal": t === "primal",
|
|
16
|
+
"gids-basic-table-cell--appearance-neutral-default": t === "neutral-default",
|
|
17
|
+
"gids-basic-table-cell--appearance-info": t === "info",
|
|
18
|
+
"gids-basic-table-cell--appearance-warning": t === "warning",
|
|
19
|
+
"gids-basic-table-cell--appearance-positive": t === "positive",
|
|
20
|
+
"gids-basic-table-cell--appearance-danger": t === "danger",
|
|
21
|
+
// Alignments
|
|
22
|
+
"gids-basic-table-cell--text-alignment-left": l === "left",
|
|
23
|
+
"gids-basic-table-cell--text-alignment-right": l === "right",
|
|
24
|
+
"gids-basic-table-cell--text-alignment-center": l === "center",
|
|
25
|
+
// Widths
|
|
26
|
+
// 'gids-basic-table-cell--width-full': width === 'full', // Width set by default so not needed
|
|
27
|
+
"gids-basic-table-cell--width-intrinsic": d === "intrinsic"
|
|
28
|
+
}, i), w = (e) => e && e.toString() !== "" ? `gids-typography-${e}` : "gids-typography-label-medium", C = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
29
|
+
__proto__: null,
|
|
30
|
+
getGidsBasicTableCellClassNames: _,
|
|
31
|
+
getGidsBasicTableCellLabelTypographyClass: w
|
|
32
|
+
}, Symbol.toStringTag, { value: "Module" })), A = ({ width: e }, a) => h("gids-basic-table-row", {
|
|
33
|
+
// Widths
|
|
34
|
+
// 'gids-basic-table-row--width-full': width === 'full', // Width set by default so not needed
|
|
35
|
+
"gids-basic-table-row--width-intrinsic": e === "intrinsic"
|
|
36
|
+
}, a), x = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
37
|
+
__proto__: null,
|
|
38
|
+
getGidsBasicTableRowClassNames: A
|
|
39
|
+
}, Symbol.toStringTag, { value: "Module" })), S = ({ width: e }, a) => h("gids-basic-table-header", {
|
|
40
|
+
// Widths
|
|
41
|
+
// 'gids-basic-table-header--width-full': width === 'full', // Width set by default so not needed
|
|
42
|
+
"gids-basic-table-header--width-intrinsic": e === "intrinsic"
|
|
43
|
+
}, a), v = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
44
|
+
__proto__: null,
|
|
45
|
+
getGidsBasicTableHeaderClassNames: S
|
|
46
|
+
}, Symbol.toStringTag, { value: "Module" })), V = ({ width: e }, a) => h("gids-md-table", {
|
|
47
|
+
// Widths
|
|
48
|
+
// 'gids-md-table--width-full': width === 'full', // Width set by default so not needed
|
|
49
|
+
"gids-md-table--width-intrinsic": e === "intrinsic"
|
|
50
|
+
}, a), R = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
51
|
+
__proto__: null,
|
|
52
|
+
getGidsMdTableClassNames: V
|
|
53
|
+
}, Symbol.toStringTag, { value: "Module" })), { getGidsBasicTableCellClassNames: D, getGidsBasicTableCellLabelTypographyClass: L } = C, g = ({ label: e, width: a = "full", appearance: t = "none", borderSides: l = [], borderRadiusSides: d = [], textAlignment: i = "center", labelTypography: s = "label-medium", isHeaderCell: o = !1, class: n, ...b }) => r(o ? "th" : "td", { ...b, class: D({ borderSides: l, borderRadiusSides: d, appearance: t, textAlignment: i, width: a }, n) }, r("span", { class: "" + L(s) }, e)), { getGidsBasicTableRowClassNames: G } = x, c = ({ width: e = "full", layout: a = "horizontal", rows: t = [], isHeaderRow: l = !1, class: d, ...i }) => {
|
|
54
|
+
const s = G({ width: e }, d);
|
|
55
|
+
return a === "vertical" ? r(H, null, t.map(((o, n) => r("tr", { ...i, key: "row-v-" + (n + 1), class: s }, r(g, { ...o, width: e, isHeaderCell: l }))))) : r("tr", { ...i, class: s }, t.map(((o, n) => r(g, { key: "row-h-" + (n + 1), ...o, width: e, isHeaderCell: l }))));
|
|
56
|
+
}, { getGidsBasicTableHeaderClassNames: O } = v, j = ({ width: e = "full", headerCells: a = [], appearance: t = "none", labelTypography: l = "label-medium", textAlignment: d = "center", layout: i = "horizontal", class: s, ...o }) => {
|
|
57
|
+
const n = O({ width: e }, s);
|
|
58
|
+
return r("thead", { ...o, class: n }, r(c, { rows: a.map(((b) => ({ appearance: t, labelTypography: l, textAlignment: d, ...b }))), width: e, layout: i, isHeaderRow: !0 }));
|
|
59
|
+
}, { getGidsMdTableClassNames: k } = R, u = T(class extends B {
|
|
60
|
+
constructor(e) {
|
|
61
|
+
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 = [];
|
|
62
|
+
}
|
|
63
|
+
handleTopHeaderVisibilityChange(e) {
|
|
64
|
+
this.isTopHeaderVisible = e;
|
|
65
|
+
}
|
|
66
|
+
handleSideHeaderVisibilityChange(e) {
|
|
67
|
+
this.isSideHeaderVisible = e;
|
|
68
|
+
}
|
|
69
|
+
handleTableBordersChange(e) {
|
|
70
|
+
this.tableBorders = e;
|
|
71
|
+
}
|
|
72
|
+
handleTableBorderRadiusChange(e) {
|
|
73
|
+
this.tableBorderRadius = e;
|
|
74
|
+
}
|
|
75
|
+
handleTopHeaderCellsChange(e) {
|
|
76
|
+
this.topHeaderCells = e;
|
|
77
|
+
}
|
|
78
|
+
handleTableBodyChange(e) {
|
|
79
|
+
this.tableBody = e, this.makeTableBodyData();
|
|
80
|
+
}
|
|
81
|
+
componentDidLoad() {
|
|
82
|
+
this.makeTableBodyData();
|
|
83
|
+
}
|
|
84
|
+
makeTableBodyData() {
|
|
85
|
+
const e = this.isSideHeaderVisible, a = this?.tableBody ?? [], t = [];
|
|
86
|
+
a.map(((l, d) => {
|
|
87
|
+
let i = [];
|
|
88
|
+
const s = l.heading, o = l?.items ?? [];
|
|
89
|
+
if (e && s && s !== "") {
|
|
90
|
+
const n = this.getSideHeaderBorderSides({ _tableBodyData: a, _itemsArr: o, indexI: d });
|
|
91
|
+
i = [{ label: s, appearance: this.sideHeaderAppearance, labelTypography: this.sideHeaderLabelTypography, textAlignment: this.sideHeaderTextAlignment, isHeader: !0, borderSides: n }];
|
|
92
|
+
}
|
|
93
|
+
o.map(((n, b) => {
|
|
94
|
+
const y = this.getRowBorderSides({ _tableBodyData: a, _itemsArr: o, indexI: d, indexJ: b });
|
|
95
|
+
i.push({ ...n, appearance: this.rowAppearance, labelTypography: this.rowLabelTypography, textAlignment: this.rowTextAlignment, isHeader: !1, borderSides: y });
|
|
96
|
+
})), t.push({ heading: s, items: i });
|
|
97
|
+
})), this.constructedTableBodyData = t;
|
|
98
|
+
}
|
|
99
|
+
getRowBorderSides({ _tableBodyData: e, _itemsArr: a, indexI: t, indexJ: l }) {
|
|
100
|
+
const d = this.applyTableInternalBorders(), i = this.applyTableAllBorders();
|
|
101
|
+
let s = [];
|
|
102
|
+
return (d || i) && (l < a.length && t + 1 < e.length && (s = ["bottom"]), l + 1 < a.length && (s = [...s, "right"])), s;
|
|
103
|
+
}
|
|
104
|
+
getSideHeaderBorderSides({ _tableBodyData: e, _itemsArr: a, indexI: t }) {
|
|
105
|
+
const l = this.applyTableInternalBorders(), d = this.applyTableAllBorders();
|
|
106
|
+
let i = [];
|
|
107
|
+
return (l || d) && (t + 1 < e.length && (i = ["bottom"]), a.length > 0 && (i = [...i, "right"])), i;
|
|
108
|
+
}
|
|
109
|
+
getTableClasses() {
|
|
110
|
+
const e = this.width === "full" ? "gids-md-table__main-table gids-md-table__width-full" : "gids-md-table__main-table gids-md-table__width-intrinsic";
|
|
111
|
+
let a = e;
|
|
112
|
+
this.applyTableOuterBorders() && (a = e + " gids-md-table__outer-borders");
|
|
113
|
+
const t = this.addBorderRadiusDirectlyToTable(), l = t && t !== "" ? `${a} ${t}` : "" + a;
|
|
114
|
+
return console.log("finalTableClass", l), l;
|
|
115
|
+
}
|
|
116
|
+
addBorderRadiusDirectlyToTable() {
|
|
117
|
+
let e = "";
|
|
118
|
+
const a = this?.tableBorderRadius ?? [];
|
|
119
|
+
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;
|
|
120
|
+
}
|
|
121
|
+
getTopHeaderCells() {
|
|
122
|
+
const e = this.isSideHeaderVisible, a = this?.topHeaderCells ?? [];
|
|
123
|
+
let t = [...a];
|
|
124
|
+
e === !1 && a.length > 0 ? t.splice(0, 1) : t = [...a];
|
|
125
|
+
const l = this.applyTableInternalBorders(), d = this.applyTableAllBorders(), i = this.applyTableTopHeaderBorders(), s = [];
|
|
126
|
+
return t.map(((o, n) => {
|
|
127
|
+
let b = [];
|
|
128
|
+
(l || d || i) && (b = ["bottom"], n + 1 < t.length && (b = [...b, "right"])), s.push({ ...o, borderSides: b });
|
|
129
|
+
})), s;
|
|
130
|
+
}
|
|
131
|
+
applyTableOuterBorders() {
|
|
132
|
+
const e = this.tableBorders;
|
|
133
|
+
return e === "all" || e === "outer-sides";
|
|
134
|
+
}
|
|
135
|
+
applyTableInternalBorders() {
|
|
136
|
+
return this.tableBorders === "internal";
|
|
137
|
+
}
|
|
138
|
+
applyTableAllBorders() {
|
|
139
|
+
return this.tableBorders === "all";
|
|
140
|
+
}
|
|
141
|
+
applyTableTopHeaderBorders() {
|
|
142
|
+
return this.tableBorders === "top-header-only";
|
|
143
|
+
}
|
|
144
|
+
render() {
|
|
145
|
+
const e = k({ width: this.width }), a = this.isTopHeaderVisible, t = this.getTopHeaderCells(), l = this?.constructedTableBodyData ?? [];
|
|
146
|
+
return r(f, { key: "809a6e2f76732932a951e4a81aa5fd4f86501b0f", class: e }, r("table", { key: "b2f6e4947e570e99910ddfb21a1ca532509a15e0", class: this.getTableClasses() }, a ? r(j, { appearance: this.topHeaderAppearance, labelTypography: this.topHeaderLabelTypography, textAlignment: this.topHeaderTextAlignment, headerCells: t, width: this.width }) : void 0, r("tbody", { key: "340459527df542e7555c5552186b6375373671cc" }, l.length > 0 ? l.map(((d) => r(c, { layout: "horizontal", rows: d?.items ?? [], width: this.width }))) : void 0)));
|
|
147
|
+
}
|
|
148
|
+
static get watchers() {
|
|
149
|
+
return { isTopHeaderVisible: [{ handleTopHeaderVisibilityChange: 0 }], isSideHeaderVisible: [{ handleSideHeaderVisibilityChange: 0 }, { handleTableBodyChange: 0 }], tableBorders: [{ handleTableBordersChange: 0 }, { handleTableBodyChange: 0 }], tableBorderRadius: [{ handleTableBorderRadiusChange: 0 }, { handleTableBodyChange: 0 }], topHeaderCells: [{ handleTopHeaderCellsChange: 0 }], tableBody: [{ handleTableBodyChange: 0 }] };
|
|
150
|
+
}
|
|
151
|
+
static get style() {
|
|
152
|
+
return ".gids-md-table{width:100%}.gids-md-table__main-table{border-collapse:separate;border-spacing:0;overflow:hidden;table-layout:fixed}.gids-md-table__width-full{width:100%}.gids-md-table__width-intrinsic{width:auto}.gids-md-table__outer-borders{border:var(--gids-border-width-thin) solid var(--gids-color-border-default)}.gids-md-table__radius-top-left{border-top-left-radius:var(--gids-border-radius-md)}.gids-md-table__radius-bottom-left{border-bottom-left-radius:var(--gids-border-radius-md)}.gids-md-table__radius-top-right{border-top-right-radius:var(--gids-border-radius-md)}.gids-md-table__radius-bottom-right{border-bottom-right-radius:var(--gids-border-radius-md)}";
|
|
153
|
+
}
|
|
154
|
+
}, [0, "gids-md-table", { isTopHeaderVisible: [4, "is-top-header-visible"], isSideHeaderVisible: [4, "is-side-header-visible"], width: [1], topHeaderAppearance: [1, "top-header-appearance"], sideHeaderAppearance: [1, "side-header-appearance"], rowAppearance: [1, "row-appearance"], tableBorders: [1, "table-borders"], tableBorderRadius: [16], topHeaderLabelTypography: [1, "top-header-label-typography"], sideHeaderLabelTypography: [1, "side-header-label-typography"], rowLabelTypography: [1, "row-label-typography"], topHeaderTextAlignment: [1, "top-header-text-alignment"], sideHeaderTextAlignment: [1, "side-header-text-alignment"], rowTextAlignment: [1, "row-text-alignment"], topHeaderCells: [16], tableBody: [16], constructedTableBodyData: [32] }, void 0, { isTopHeaderVisible: [{ handleTopHeaderVisibilityChange: 0 }], isSideHeaderVisible: [{ handleSideHeaderVisibilityChange: 0 }, { handleTableBodyChange: 0 }], tableBorders: [{ handleTableBordersChange: 0 }, { handleTableBodyChange: 0 }], tableBorderRadius: [{ handleTableBorderRadiusChange: 0 }, { handleTableBodyChange: 0 }], topHeaderCells: [{ handleTopHeaderCellsChange: 0 }], tableBody: [{ handleTableBodyChange: 0 }] }]);
|
|
155
|
+
function m() {
|
|
156
|
+
typeof customElements < "u" && ["gids-md-table"].forEach(((e) => {
|
|
157
|
+
e === "gids-md-table" && (customElements.get(p(e)) || customElements.define(p(e), u));
|
|
158
|
+
}));
|
|
159
|
+
}
|
|
160
|
+
m();
|
|
161
|
+
const z = u, M = m;
|
|
162
|
+
export {
|
|
163
|
+
z as GidsMdTable,
|
|
164
|
+
M as defineCustomElement
|
|
165
|
+
};
|
|
@@ -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: "cfdffbc49db84a4ac18172a6b8ed9fb4a0e3ad1f", class: "gids-overflow-container__text-area", onScroll: this.calculateShadows.bind(this) }, e("slot", { key: "f3d5811cc2991941c14fdc655826f69620968248" }));
|
|
24
24
|
}
|
|
25
25
|
get _el() {
|
|
26
26
|
return this;
|
|
@@ -187,7 +187,7 @@ const Q = ({ appearance: t }, e) => h("gids-snackbar-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: "bb974c7b42f4efc210a2b879538d3d34c963327c" }, o("slot", { key: "3bf4f43195851eda44a7a3adee27388e59842f85" }), 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,26 +4,26 @@ import { a as F } from "./p-Dg2yoUxw-Cca8ROd_.js";
|
|
|
4
4
|
import { r as L } from "./p-UxDcM-C5-Dr5d_WpJ.js";
|
|
5
5
|
import { o as O } from "./p-UVmSPzTd-6vjXok6h.js";
|
|
6
6
|
import { g as k, d as j } from "./p-D4Pimu_8-DfEGRQGf.js";
|
|
7
|
-
import { h as z } from "./p-
|
|
8
|
-
import { r as E } from "./p-
|
|
7
|
+
import { h as z } from "./p-ub0GuVHb-C_PFTi1_.js";
|
|
8
|
+
import { r as E } from "./p-BVAtja26-Xjd4_b4e.js";
|
|
9
9
|
import { c as g } from "./clsx-OuTLNxxd.js";
|
|
10
10
|
const f = /[A-Z]/, b = /[a-z]/, p = /[0-9]/, q = /[^A-Za-z0-9]/, G = ({ text: e, meterRules: t = [], textMinLength: s = 0 }) => {
|
|
11
11
|
if (!e || e === "")
|
|
12
12
|
return 0;
|
|
13
13
|
let n = 0;
|
|
14
14
|
return t.includes("1-uppercase") && f.test(e) && n++, t.includes("1-lowercase") && b.test(e) && n++, t.includes("1-digit") && p.test(e) && n++, t.includes("1-special-character") && q.test(e) && n++, t.includes("include-min-length") && s && s > 0 && e.length >= s && n++, n;
|
|
15
|
-
},
|
|
15
|
+
}, B = ({ textScore: e, maxScore: t }) => {
|
|
16
16
|
const s = t > 0 ? e / t * 100 : 0;
|
|
17
17
|
return s <= 20 ? "is-weak" : s <= 40 ? "is-medium" : s <= 60 ? "is-good-enough" : s <= 80 ? "is-good" : "is-strong";
|
|
18
|
-
},
|
|
18
|
+
}, A = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
19
19
|
__proto__: null,
|
|
20
|
-
getColorModifierByScore:
|
|
20
|
+
getColorModifierByScore: B,
|
|
21
21
|
getStrengthMeterScore: G,
|
|
22
22
|
include1DigitReg: p,
|
|
23
23
|
include1LowercaseLetterReg: b,
|
|
24
24
|
include1SpecialCharReg: q,
|
|
25
25
|
include1UppercaseLetterReg: f
|
|
26
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
26
|
+
}, Symbol.toStringTag, { value: "Module" })), o = ({ requirementRule: e, textMinLength: t }) => e === "include-min-length" && t && t > 0, R = (e) => {
|
|
27
27
|
const t = [];
|
|
28
28
|
return e && e.length > 0 && e.map((s) => {
|
|
29
29
|
s?.requirementRule && t.push(s.requirementRule);
|
|
@@ -41,7 +41,7 @@ const f = /[A-Z]/, b = /[a-z]/, p = /[0-9]/, q = /[^A-Za-z0-9]/, G = ({ text: e,
|
|
|
41
41
|
case "1-special-character":
|
|
42
42
|
return q.test(s);
|
|
43
43
|
case "include-min-length":
|
|
44
|
-
return
|
|
44
|
+
return o({
|
|
45
45
|
requirementRule: "include-min-length",
|
|
46
46
|
textMinLength: t
|
|
47
47
|
}) === !0 && s.length >= t;
|
|
@@ -67,7 +67,7 @@ const f = /[A-Z]/, b = /[a-z]/, p = /[0-9]/, q = /[^A-Za-z0-9]/, G = ({ text: e,
|
|
|
67
67
|
requirementText: "Password must contain atleast 1 lowercase letter."
|
|
68
68
|
}
|
|
69
69
|
];
|
|
70
|
-
return
|
|
70
|
+
return o({
|
|
71
71
|
requirementRule: "include-min-length",
|
|
72
72
|
textMinLength: e
|
|
73
73
|
}) && t.push({
|
|
@@ -82,8 +82,8 @@ const f = /[A-Z]/, b = /[a-z]/, p = /[0-9]/, q = /[^A-Za-z0-9]/, G = ({ text: e,
|
|
|
82
82
|
checkRequirementRuleSatisfied: I,
|
|
83
83
|
getDefaultRulesAndRequirementsForMeters: m,
|
|
84
84
|
getMeterRulesFromRequirements: R,
|
|
85
|
-
minLengthRuleCanBeApplied:
|
|
86
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
85
|
+
minLengthRuleCanBeApplied: o
|
|
86
|
+
}, Symbol.toStringTag, { value: "Module" })), V = (e) => {
|
|
87
87
|
switch (e) {
|
|
88
88
|
case "error":
|
|
89
89
|
return "danger";
|
|
@@ -96,10 +96,10 @@ const f = /[A-Z]/, b = /[a-z]/, p = /[0-9]/, q = /[^A-Za-z0-9]/, G = ({ text: e,
|
|
|
96
96
|
default:
|
|
97
97
|
return "globe";
|
|
98
98
|
}
|
|
99
|
-
},
|
|
99
|
+
}, D = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
100
100
|
__proto__: null,
|
|
101
|
-
getRequirementsMeterLabelLeadingIcon:
|
|
102
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
101
|
+
getRequirementsMeterLabelLeadingIcon: V
|
|
102
|
+
}, Symbol.toStringTag, { value: "Module" })), N = (e) => {
|
|
103
103
|
switch (e) {
|
|
104
104
|
case "error":
|
|
105
105
|
return "error";
|
|
@@ -110,7 +110,7 @@ const f = /[A-Z]/, b = /[a-z]/, p = /[0-9]/, q = /[^A-Za-z0-9]/, G = ({ text: e,
|
|
|
110
110
|
}
|
|
111
111
|
}, U = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
112
112
|
__proto__: null,
|
|
113
|
-
inputToGidsFieldStatusForPassword:
|
|
113
|
+
inputToGidsFieldStatusForPassword: N
|
|
114
114
|
}, Symbol.toStringTag, { value: "Module" })), H = (e) => g("gids-strength-meter", e), Z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
115
115
|
__proto__: null,
|
|
116
116
|
getGidsStrengthMeterClassNames: H
|
|
@@ -128,24 +128,24 @@ const f = /[A-Z]/, b = /[a-z]/, p = /[0-9]/, q = /[^A-Za-z0-9]/, G = ({ text: e,
|
|
|
128
128
|
}, Symbol.toStringTag, { value: "Module" })), { inputToGidsFieldStatusForPassword: X } = U, Y = (e) => e === "implicit" || e === void 0 ? "implicit" : X(e), ee = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
129
129
|
__proto__: null,
|
|
130
130
|
inputToGidsFieldStatusForPassword: Y
|
|
131
|
-
}, Symbol.toStringTag, { value: "Module" })), { getGidsStrengthMeterClassNames: te } = Z, { getStrengthMeterScore: se, getColorModifierByScore: re } =
|
|
131
|
+
}, Symbol.toStringTag, { value: "Module" })), { getGidsStrengthMeterClassNames: te } = Z, { getStrengthMeterScore: se, getColorModifierByScore: re } = A, ie = ({ text: e, textMinLength: t, meterRules: s = ["1-uppercase", "1-lowercase", "1-digit", "1-special-character", "include-min-length"], class: n }) => {
|
|
132
132
|
const a = (r, l, u) => i("div", { key: r, class: ["gids-strength-meter__strength-" + r, u ? "is-active" : "", u ? l : ""].filter(Boolean).join(" ") });
|
|
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
|
-
}, { getGidsRequirementsMeterLabelClassNames: ne } = J, { getRequirementsMeterLabelLeadingIcon: le } =
|
|
140
|
+
}, { getGidsRequirementsMeterLabelClassNames: ne } = J, { getRequirementsMeterLabelLeadingIcon: le } = D, 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 } = $, { getGidsRequirementsMeterClassNames:
|
|
143
|
+
}, { checkRequirementRuleSatisfied: ue } = $, { getGidsRequirementsMeterClassNames: de } = Q, 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 f = /[A-Z]/, b = /[a-z]/, p = /[0-9]/, q = /[^A-Za-z0-9]/, G = ({ text: 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: "d432cef8c1647b87dedff271d5885e927e43f308" }, i("gids-field", { key: "48ef08affb80f0d9b5784a0eb68f38311e3c4f81", disabled: this.disabled, count: void 0, helperText: this.helperText, statusText: this.statusText, status: ce(this.status) }, i(F, { key: "6a19f405851738b1b8ca2178a5b59dfe910fc8a8", 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: "628fed42fcc93b0cffa343eb0f36b5873f9602f2", 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: "f5eb222b74d657ea54030c23dcc65fdaa0c6613e", name: "leadingIcon" }), i("slot", { key: "a0a850d852fca98bbc5373e4ba768a08276f0538", name: "leadingAccessory" }), i("div", { key: "4ce3a44dcf00ac7d3cac81d9447cc6b715c92e7e", slot: "trailingAccessory", class: "gids-password-field__trailing-accessory" }, n && i(L, { key: "fb8bb65b5efb02717f2d91c59e9abc875cce3a7a", label: "clear text", size: "lg", onPressDismiss: this._handleDismiss }), a && i(O, { key: "8aff9bce69af15a78d366e286fa7ee63ba1119f7", appearance: "default", size: "xs", width: "intrinsic", disabled: this.disabled, onClick: this._handleRevealPassword }, u ? "Hide" : "Show")))), i("div", { key: "bb9734d4d57e146ea40d8bdee28f14b65a9a6c7b", class: "gids-password-field__meters-container" }, i(ie, { key: "f3bbc38d7f5d8b3cb26a9dcc6817b72084d1ef77", meterRules: _, text: this.value, textMinLength: c }), i(oe, { key: "bd4d1dfb45f868e9bce181a46ef8d60e70d0d492", 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: "8ba926923396baba700ffdd150285e2b1d5fdadb" }, a("slot", { key: "f6f2124fa92e77a40d9ef3daad50746d7c19d525", name: "anchor" }), a("div", { key: "e38abaca1c99ae58185684dec56372aac6cdf169", id: "popover", part: "popover", role: "dialog", "aria-modal": "true", tabindex: "-1" }, a("span", { key: "6eaef30f452a72b3221d2c5ddef5ac21aab3ba62", id: "arrow" }), a("div", { key: "cd3bb7bf24a8f2a8273bcb891df314c50a3d00ce" }, a("slot", { key: "18e66983483c84164787fc2f999dbb93bee6f929" }))));
|
|
68
68
|
}
|
|
69
69
|
disconnectedCallback() {
|
|
70
70
|
this.cleanupEventListeners(), this.floatingElementManager?.destroy();
|