@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
|
@@ -4,7 +4,7 @@ import { c as n } from "./clsx-OuTLNxxd.js";
|
|
|
4
4
|
const d = (s) => n("gids-scrim", s), m = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
5
5
|
__proto__: null,
|
|
6
6
|
getGidsScrimClassNames: d
|
|
7
|
-
}, Symbol.toStringTag, { value: "Module" })), { getGidsScrimClassNames: a } = m,
|
|
7
|
+
}, Symbol.toStringTag, { value: "Module" })), { getGidsScrimClassNames: a } = m, r = o(class extends c {
|
|
8
8
|
constructor(s) {
|
|
9
9
|
super(), s !== !1 && this.__registerHost(), this.__attachShadow(), this.activeClasses = "";
|
|
10
10
|
}
|
|
@@ -16,7 +16,7 @@ const d = (s) => n("gids-scrim", s), m = /* @__PURE__ */ Object.freeze(/* @__PUR
|
|
|
16
16
|
s !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(s), this.activeClasses = a(this.extraClasses);
|
|
17
17
|
}
|
|
18
18
|
render() {
|
|
19
|
-
return e("div", { key: "
|
|
19
|
+
return e("div", { key: "8167fdb99ddda2dd4db8e27f9dc188586652385d", class: this.activeClasses, part: "root" }, e("slot", { key: "e93770f7b43713b32c964fc00492c31de9474e6e" }));
|
|
20
20
|
}
|
|
21
21
|
get _el() {
|
|
22
22
|
return this;
|
|
@@ -28,13 +28,13 @@ const d = (s) => n("gids-scrim", s), m = /* @__PURE__ */ Object.freeze(/* @__PUR
|
|
|
28
28
|
return ".gids-scrim{display:flex;flex-direction:column;background-color:var(--gids-color-background-scrim);height:100vh !important;position:absolute;top:0;bottom:0;left:0;right:0;z-index:1001;align-items:center;justify-content:center;backdrop-filter:blur(12)}";
|
|
29
29
|
}
|
|
30
30
|
}, [257, "gids-scrim", { extraClasses: [513, "extra-classes"], activeClasses: [32] }, void 0, { extraClasses: [{ handleExtraClassesChange: 0 }] }]);
|
|
31
|
-
function
|
|
31
|
+
function i() {
|
|
32
32
|
typeof customElements < "u" && ["gids-scrim"].forEach(((s) => {
|
|
33
|
-
s === "gids-scrim" && (customElements.get(t(s)) || customElements.define(t(s),
|
|
33
|
+
s === "gids-scrim" && (customElements.get(t(s)) || customElements.define(t(s), r));
|
|
34
34
|
}));
|
|
35
35
|
}
|
|
36
|
-
|
|
37
|
-
const f =
|
|
36
|
+
i();
|
|
37
|
+
const f = r, C = i;
|
|
38
38
|
export {
|
|
39
39
|
f as GidsScrim,
|
|
40
40
|
C as defineCustomElement
|
|
@@ -18,7 +18,7 @@ const y = ({ appearance: e, type: a, outline: i }, t) => g("gids-badge", {
|
|
|
18
18
|
getDisplayContent: C,
|
|
19
19
|
maxCount: o,
|
|
20
20
|
shouldIncludeA11yText: I
|
|
21
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
21
|
+
}, Symbol.toStringTag, { value: "Module" })), x = ({ appearance: e, width: a = "intrinsic", active: i }, t) => g("gids-tab-item", {
|
|
22
22
|
// Widths
|
|
23
23
|
// 'gids-tab-item--intrinsic': width === 'intrinsic', // By default so not needed
|
|
24
24
|
"gids-tab-item--full": a === "full",
|
|
@@ -34,13 +34,13 @@ const y = ({ appearance: e, type: a, outline: i }, t) => g("gids-badge", {
|
|
|
34
34
|
"gids-tab-item--bordered": e === "bordered" && !i,
|
|
35
35
|
"gids-tab-item--underlined": e === "underlined" && !i,
|
|
36
36
|
"gids-tab-item--subtle": e === "subtle" && !i
|
|
37
|
-
}, t),
|
|
37
|
+
}, t), T = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
38
38
|
__proto__: null,
|
|
39
|
-
getGidsTabItemClassNames:
|
|
39
|
+
getGidsTabItemClassNames: x
|
|
40
40
|
}, Symbol.toStringTag, { value: "Module" })), { getDisplayContent: l, shouldIncludeA11yText: w } = _, { getGidsBadgeClassNames: A } = k, S = ({ appearance: e, type: a, count: i, accessibleText: t, outline: d, class: v, ...h }) => {
|
|
41
41
|
const s = w(a, i, n(t));
|
|
42
42
|
return r("span", { class: A({ appearance: e, type: a, outline: d }, v), ...h }, s && r("span", { class: "gids-visually-hidden" }, n(t) ? t : i), a === "notification" ? s ? r("span", { "aria-hidden": "true" }, l(i, t)) : l(i, t) : null);
|
|
43
|
-
}, { getGidsTabItemClassNames: B } =
|
|
43
|
+
}, { getGidsTabItemClassNames: B } = T, b = m(class extends p {
|
|
44
44
|
constructor(e) {
|
|
45
45
|
super(), e !== !1 && this.__registerHost(), this.active = !1, this.width = "intrinsic", this.appearance = "default", this.badgeVisible = !1, this.badgeAppearance = "information", this.badgeType = "dot", this.hasLeadingIcon = !1, this.hasTrailingIcon = !1, this.handleHostClick = () => {
|
|
46
46
|
this.onPressGidsTabItem && this.onPressGidsTabItem({ itemId: this.itemId, label: this?.label ?? "", active: this?.active ?? !1, appearance: this?.appearance ?? "default", name: this?.name, badgeCount: this?.badgeCount ?? 0 });
|
|
@@ -75,7 +75,7 @@ const y = ({ appearance: e, type: a, outline: i }, t) => g("gids-badge", {
|
|
|
75
75
|
}
|
|
76
76
|
render() {
|
|
77
77
|
const e = B({ appearance: this.appearance, width: this.width, active: this.active }), a = this.hasTrailingIcon, i = this.badgeVisible, t = this.appearance === "primary" && this.active ? "inverse" : this.badgeAppearance ?? "information", d = this.label;
|
|
78
|
-
return r(f, { key: "
|
|
78
|
+
return r(f, { key: "df04041b0085eba54f6347803d7dd5795cdcd412", class: e, onClick: this.handleHostClick }, this.hasLeadingIcon ? r("slot", { name: "leadingIconTabItem" }) : void 0, d && d !== "" ? r("span", { class: "gids-tab-item__label" }, d && d !== "" ? d : void 0, i ? r(S, { appearance: t, type: this.badgeType, count: this.badgeCount }) : void 0) : void 0, a ? r("slot", { name: "trailingIconTabItem" }) : void 0);
|
|
79
79
|
}
|
|
80
80
|
get hostElement() {
|
|
81
81
|
return this;
|
|
@@ -84,7 +84,7 @@ const y = ({ appearance: e, type: a, outline: i }, t) => g("gids-badge", {
|
|
|
84
84
|
return { width: [{ handleWidthChange: 0 }], appearance: [{ handleAppearanceChange: 0 }], badgeVisible: [{ handleBadgeVisibilityChange: 0 }], badgeAppearance: [{ handleBadgeAppearanceChange: 0 }], badgeType: [{ handleBadgeTypeChange: 0 }], active: [{ handleActiveChange: 0 }] };
|
|
85
85
|
}
|
|
86
86
|
static get style() {
|
|
87
|
-
return ".gids-tab-item{margin:0;padding:0;appearance:none;border:none;background:none;display:inline-flex;justify-content:center;align-items:center;gap:var(--gids-gap-100);padding:var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-150);color:var(--gids-color-text-accent-5);cursor:pointer}.gids-tab-item .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-5)}.gids-tab-item__label{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit);display:flex;justify-content:center;align-items:center;gap:var(--gids-gap-150)}.gids-tab-item--full{display:flex}.gids-tab-item--default{border-radius:var(--gids-border-radius-md)}.gids-tab-item--default:hover{background-color:var(--gids-color-background-accent-4-subtler-hovered);color:var(--gids-color-text-accent-4)}.gids-tab-item--default:hover .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--default:active{background-color:var(--gids-color-background-accent-4-subtler-pressed);color:var(--gids-color-text-accent-4)}.gids-tab-item--default:active .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--primary{border-radius:var(--gids-border-radius-md)}.gids-tab-item--primary:hover{background-color:var(--gids-color-background-accent-4-bolder-hovered);color:var(--gids-color-text-inverse)}.gids-tab-item--primary:hover .gids-icon{--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-tab-item--primary:active{background-color:var(--gids-color-background-accent-4-bolder-pressed);color:var(--gids-color-text-inverse)}.gids-tab-item--primary:active .gids-icon{--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-tab-item--bordered{border-radius:var(--gids-border-radius-full)}.gids-tab-item--bordered:hover{background-color:var(--gids-color-background-accent-4-subtlest-hovered);color:var(--gids-color-text-accent-4);border:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4)}.gids-tab-item--bordered:hover .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--bordered:active{background-color:var(--gids-color-background-accent-4-subtlest-pressed);color:var(--gids-color-text-accent-4);border:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4)}.gids-tab-item--bordered:active .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--underlined{border-bottom:var(--gids-border-width-thick) solid var(--gids-color-border-input)}.gids-tab-item--underlined:hover{background-color:var(--gids-color-background-accent-4-subtlest-hovered);border-bottom:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4);border-top-left-radius:var(--gids-border-radius-md);border-top-right-radius:var(--gids-border-radius-md);color:var(--gids-color-text-accent-4)}.gids-tab-item--underlined:active{background-color:var(--gids-color-background-accent-4-subtlest-pressed);border-bottom:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4);border-top-left-radius:var(--gids-border-radius-md);border-top-right-radius:var(--gids-border-radius-md);color:var(--gids-color-text-accent-4)}.gids-tab-item--subtle:hover{color:var(--gids-color-text-accent-4)}.gids-tab-item--subtle:hover .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--subtle:active{color:var(--gids-color-text-accent-4)}.gids-tab-item--subtle:active .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--active-default{border-radius:var(--gids-border-radius-md);background-color:var(--gids-color-background-accent-4-subtler-default);color:var(--gids-color-text-accent-4)}.gids-tab-item--active-default .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--active-default:hover{background-color:var(--gids-color-background-accent-4-subtler-hovered)}.gids-tab-item--active-default:active{background-color:var(--gids-color-background-accent-4-subtler-pressed)}.gids-tab-item--active-primary{border-radius:var(--gids-border-radius-md);background-color:var(--gids-color-background-accent-4-bolder-default);color:var(--gids-color-text-inverse)}.gids-tab-item--active-primary .gids-icon{--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-tab-item--active-primary:hover{background-color:var(--gids-color-background-accent-4-bolder-hovered)}.gids-tab-item--active-primary:active{background-color:var(--gids-color-background-accent-4-bolder-pressed)}.gids-tab-item--active-bordered{border-radius:var(--gids-border-radius-full);border:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4);background-color:var(--gids-color-background-accent-4-subtlest-default);color:var(--gids-color-text-accent-4)}.gids-tab-item--active-bordered .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--active-bordered:hover{background-color:var(--gids-color-background-accent-4-subtlest-hovered)}.gids-tab-item--active-bordered:active{background-color:var(--gids-color-background-accent-4-subtlest-pressed)}.gids-tab-item--active-underlined{border-bottom:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4);border-top-left-radius:var(--gids-border-radius-md);border-top-right-radius:var(--gids-border-radius-md);color:var(--gids-color-text-accent-4);background-color:var(--gids-color-background-accent-4-subtlest-default)}.gids-tab-item--active-underlined .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--active-underlined:hover{background-color:var(--gids-color-background-accent-4-subtlest-hovered)}.gids-tab-item--active-underlined:active{background-color:var(--gids-color-background-accent-4-subtlest-pressed)}.gids-tab-item--active-subtle{color:var(--gids-color-text-accent-4)}.gids-tab-item--active-subtle .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}";
|
|
87
|
+
return ".gids-tab-item{margin:0;padding:0;appearance:none;border:none;background:none;display:inline-flex;justify-content:center;align-items:center;gap:var(--gids-gap-100);padding:var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-150);color:var(--gids-color-text-accent-5);white-space:nowrap;flex-shrink:0;cursor:pointer}.gids-tab-item .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-5)}.gids-tab-item__label{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit);display:flex;justify-content:center;align-items:center;flex:1;gap:var(--gids-gap-150)}.gids-tab-item--full{display:flex}.gids-tab-item--default{border-radius:var(--gids-border-radius-md)}.gids-tab-item--default:hover{background-color:var(--gids-color-background-accent-4-subtler-hovered);color:var(--gids-color-text-accent-4)}.gids-tab-item--default:hover .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--default:active{background-color:var(--gids-color-background-accent-4-subtler-pressed);color:var(--gids-color-text-accent-4)}.gids-tab-item--default:active .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--primary{border-radius:var(--gids-border-radius-md)}.gids-tab-item--primary:hover{background-color:var(--gids-color-background-accent-4-bolder-hovered);color:var(--gids-color-text-inverse)}.gids-tab-item--primary:hover .gids-icon{--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-tab-item--primary:active{background-color:var(--gids-color-background-accent-4-bolder-pressed);color:var(--gids-color-text-inverse)}.gids-tab-item--primary:active .gids-icon{--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-tab-item--bordered{border-radius:var(--gids-border-radius-full)}.gids-tab-item--bordered:hover{background-color:var(--gids-color-background-accent-4-subtlest-hovered);color:var(--gids-color-text-accent-4);border:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4)}.gids-tab-item--bordered:hover .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--bordered:active{background-color:var(--gids-color-background-accent-4-subtlest-pressed);color:var(--gids-color-text-accent-4);border:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4)}.gids-tab-item--bordered:active .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--underlined{border-bottom:var(--gids-border-width-thick) solid var(--gids-color-border-input)}.gids-tab-item--underlined:hover{background-color:var(--gids-color-background-accent-4-subtlest-hovered);border-bottom:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4);border-top-left-radius:var(--gids-border-radius-md);border-top-right-radius:var(--gids-border-radius-md);color:var(--gids-color-text-accent-4)}.gids-tab-item--underlined:active{background-color:var(--gids-color-background-accent-4-subtlest-pressed);border-bottom:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4);border-top-left-radius:var(--gids-border-radius-md);border-top-right-radius:var(--gids-border-radius-md);color:var(--gids-color-text-accent-4)}.gids-tab-item--subtle:hover{color:var(--gids-color-text-accent-4)}.gids-tab-item--subtle:hover .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--subtle:active{color:var(--gids-color-text-accent-4)}.gids-tab-item--subtle:active .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--active-default{border-radius:var(--gids-border-radius-md);background-color:var(--gids-color-background-accent-4-subtler-default);color:var(--gids-color-text-accent-4)}.gids-tab-item--active-default .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--active-default:hover{background-color:var(--gids-color-background-accent-4-subtler-hovered)}.gids-tab-item--active-default:active{background-color:var(--gids-color-background-accent-4-subtler-pressed)}.gids-tab-item--active-primary{border-radius:var(--gids-border-radius-md);background-color:var(--gids-color-background-accent-4-bolder-default);color:var(--gids-color-text-inverse)}.gids-tab-item--active-primary .gids-icon{--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-tab-item--active-primary:hover{background-color:var(--gids-color-background-accent-4-bolder-hovered)}.gids-tab-item--active-primary:active{background-color:var(--gids-color-background-accent-4-bolder-pressed)}.gids-tab-item--active-bordered{border-radius:var(--gids-border-radius-full);border:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4);background-color:var(--gids-color-background-accent-4-subtlest-default);color:var(--gids-color-text-accent-4)}.gids-tab-item--active-bordered .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--active-bordered:hover{background-color:var(--gids-color-background-accent-4-subtlest-hovered)}.gids-tab-item--active-bordered:active{background-color:var(--gids-color-background-accent-4-subtlest-pressed)}.gids-tab-item--active-underlined{border-bottom:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4);border-top-left-radius:var(--gids-border-radius-md);border-top-right-radius:var(--gids-border-radius-md);color:var(--gids-color-text-accent-4);background-color:var(--gids-color-background-accent-4-subtlest-default)}.gids-tab-item--active-underlined .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--active-underlined:hover{background-color:var(--gids-color-background-accent-4-subtlest-hovered)}.gids-tab-item--active-underlined:active{background-color:var(--gids-color-background-accent-4-subtlest-pressed)}.gids-tab-item--active-subtle{color:var(--gids-color-text-accent-4)}.gids-tab-item--active-subtle .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}";
|
|
88
88
|
}
|
|
89
89
|
}, [260, "gids-tab-item", { itemId: [1, "item-id"], label: [1], active: [4], name: [1], width: [1], appearance: [1], badgeVisible: [4, "badge-visible"], badgeAppearance: [1, "badge-appearance"], badgeCount: [2, "badge-count"], badgeType: [1, "badge-type"], onPressGidsTabItem: [16], hasLeadingIcon: [32], hasTrailingIcon: [32] }, void 0, { width: [{ handleWidthChange: 0 }], appearance: [{ handleAppearanceChange: 0 }], badgeVisible: [{ handleBadgeVisibilityChange: 0 }], badgeAppearance: [{ handleBadgeAppearanceChange: 0 }], badgeType: [{ handleBadgeTypeChange: 0 }], active: [{ handleActiveChange: 0 }] }]);
|
|
90
90
|
function u() {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { L as r, u as
|
|
1
|
+
import { L as r, u as h, D as a, P as c, q as s } from "./p-Bf3p-DY2-CPqEc-vc.js";
|
|
2
2
|
import { c as l } from "./clsx-OuTLNxxd.js";
|
|
3
3
|
const o = ({ width: e, appearance: t }, d) => l("gids-tab", {
|
|
4
4
|
"gids-tab--full": e === "full",
|
|
@@ -7,7 +7,7 @@ const o = ({ width: e, appearance: t }, d) => l("gids-tab", {
|
|
|
7
7
|
}, d), p = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
8
8
|
__proto__: null,
|
|
9
9
|
getGidsTabClassNames: o
|
|
10
|
-
}, Symbol.toStringTag, { value: "Module" })), { getGidsTabClassNames: b } = p, i = r(class extends
|
|
10
|
+
}, Symbol.toStringTag, { value: "Module" })), { getGidsTabClassNames: b } = p, i = r(class extends h {
|
|
11
11
|
constructor(e) {
|
|
12
12
|
super(), e !== !1 && this.__registerHost(), this.width = "intrinsic", this.appearance = "default";
|
|
13
13
|
}
|
|
@@ -38,7 +38,7 @@ const o = ({ width: e, appearance: t }, d) => l("gids-tab", {
|
|
|
38
38
|
}
|
|
39
39
|
render() {
|
|
40
40
|
const e = b({ width: this.width, appearance: this.appearance });
|
|
41
|
-
return a(
|
|
41
|
+
return a(c, { key: "00bf73ca04f70d14966823cdd4d228c3d05222e3", class: e }, a("slot", { key: "9b693f9975560d559d972388fb15ca2407ff5d4c" }));
|
|
42
42
|
}
|
|
43
43
|
get hostElement() {
|
|
44
44
|
return this;
|
|
@@ -47,7 +47,7 @@ const o = ({ width: e, appearance: t }, d) => l("gids-tab", {
|
|
|
47
47
|
return { width: [{ handleWidthChange: 0 }], appearance: [{ handleAppearanceChange: 0 }], activeTabId: [{ handleActiveTabIdChange: 0 }] };
|
|
48
48
|
}
|
|
49
49
|
static get style() {
|
|
50
|
-
return ".gids-tab{display:inline-flex;align-items:center;justify-content:flex-start;gap:var(--gids-gap-150)}.gids-tab--full{display:flex}.gids-tab--item-subtle{gap:0}.gids-tab--item-underlined{gap:0}";
|
|
50
|
+
return ".gids-tab{display:inline-flex;align-items:center;justify-content:flex-start;gap:var(--gids-gap-150);overflow-y:hidden;overflow-x:scroll}.gids-tab--full{display:flex}.gids-tab--item-subtle{gap:0}.gids-tab--item-underlined{gap:0}";
|
|
51
51
|
}
|
|
52
52
|
}, [260, "gids-tab", { width: [1], appearance: [1], activeTabId: [1, "active-tab-id"], onPressGidsTab: [16] }, void 0, { width: [{ handleWidthChange: 0 }], appearance: [{ handleAppearanceChange: 0 }], activeTabId: [{ handleActiveTabIdChange: 0 }] }]);
|
|
53
53
|
function n() {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { L as u, u as
|
|
2
|
-
import { i as
|
|
1
|
+
import { L as u, u as h, z as c, C as f, D as i, q as s } from "./p-Bf3p-DY2-CPqEc-vc.js";
|
|
2
|
+
import { i as b } from "./p-B2zUuNXz-BLBgQDu7.js";
|
|
3
3
|
import { a as m } from "./p-Dg2yoUxw-Cca8ROd_.js";
|
|
4
4
|
import { r as p } from "./p-UxDcM-C5-Dr5d_WpJ.js";
|
|
5
|
-
import { h as g } from "./p-
|
|
6
|
-
import { r as x } from "./p-
|
|
5
|
+
import { h as g } from "./p-ub0GuVHb-C_PFTi1_.js";
|
|
6
|
+
import { r as x } from "./p-BVAtja26-Xjd4_b4e.js";
|
|
7
7
|
import { g as _ } from "./p-D4Pimu_8-DfEGRQGf.js";
|
|
8
8
|
const v = (e, t) => {
|
|
9
9
|
if (!(e === void 0 || t === void 0))
|
|
@@ -17,16 +17,16 @@ const v = (e, t) => {
|
|
|
17
17
|
default:
|
|
18
18
|
return "default";
|
|
19
19
|
}
|
|
20
|
-
},
|
|
20
|
+
}, n = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
21
21
|
__proto__: null,
|
|
22
22
|
formatCharCount: v,
|
|
23
23
|
inputToGidsFieldStatus: T
|
|
24
|
-
}, Symbol.toStringTag, { value: "Module" })), { inputToGidsFieldStatus: y } =
|
|
24
|
+
}, Symbol.toStringTag, { value: "Module" })), { inputToGidsFieldStatus: y } = n, q = (e) => e === "implicit" || e === void 0 ? "implicit" : y(e), C = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
25
25
|
__proto__: null,
|
|
26
26
|
inputToGidsFieldStatus: q
|
|
27
|
-
}, Symbol.toStringTag, { value: "Module" })), { formatCharCount: F } =
|
|
27
|
+
}, Symbol.toStringTag, { value: "Module" })), { formatCharCount: F } = n, { inputToGidsFieldStatus: O } = C, a = u(class extends h {
|
|
28
28
|
constructor(e) {
|
|
29
|
-
super(), e !== !1 && this.__registerHost(), this.gidsTextFieldClear =
|
|
29
|
+
super(), e !== !1 && this.__registerHost(), this.gidsTextFieldClear = c(this, "gidsTextFieldClear"), this.#e = _(), this._handleDismiss = () => {
|
|
30
30
|
const t = this.#t?.querySelector("input.gids-input__control");
|
|
31
31
|
t && (t.value = "", t.dispatchEvent(new globalThis.Event("input", { bubbles: !0 }))), this.value = "", this.gidsTextFieldClear.emit();
|
|
32
32
|
}, this._handleInput = (t) => {
|
|
@@ -37,11 +37,11 @@ const v = (e, t) => {
|
|
|
37
37
|
}
|
|
38
38
|
_startSlotContentObserver() {
|
|
39
39
|
this._slotContentObserver = new MutationObserver((() => {
|
|
40
|
-
|
|
40
|
+
f(this);
|
|
41
41
|
})), this._slotContentObserver.observe(this._el, { childList: !0, subtree: !1, attributes: !0, attributeFilter: ["slot"] });
|
|
42
42
|
}
|
|
43
43
|
connectedCallback() {
|
|
44
|
-
const e =
|
|
44
|
+
const e = b();
|
|
45
45
|
e !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(e), this._startSlotContentObserver();
|
|
46
46
|
}
|
|
47
47
|
disconnectedCallback() {
|
|
@@ -50,8 +50,8 @@ const v = (e, t) => {
|
|
|
50
50
|
#e;
|
|
51
51
|
#t;
|
|
52
52
|
render() {
|
|
53
|
-
const { id: e, ...t } = this.inputProps ?? {},
|
|
54
|
-
return i("gids-field", { key: "
|
|
53
|
+
const { id: e, ...t } = this.inputProps ?? {}, l = e ?? this.#e, d = this.showClearButton && this.value !== void 0 && this.value.length > 0;
|
|
54
|
+
return i("gids-field", { key: "31fd12bcfe97625c517a2e85734e01dbbd5b59b5", disabled: this.disabled, count: F(this.value?.length, this.maxLength), helperText: this.helperText, statusText: this.statusText, status: O(this.status) }, i(m, { key: "5dd9b4158a9262f88364d07788791f10a037d906", slot: "label", disabled: this.disabled, info: i("slot", { name: "info" }), fieldRequirement: this.fieldRequirement, fieldRequirementOptionalText: this.fieldRequirementOptionalText, fieldRequirementRequiredText: this.fieldRequirementRequiredText, isLabelSentence: this.isLabelSentence, htmlFor: l }, this.label), i("gids-input", { key: "45980a5df8d74d027f7d15fb3f2f1dffcfe35ea3", ref: (o) => this.#t = o, appearance: this.appearance, 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: this.leadingLabel, trailingLabel: this.trailingLabel, onFocus: this._handleInputFocusAndBlur, onBlur: this._handleInputFocusAndBlur, onInput: this._handleInput, inputProps: { ...t, type: this.type, id: l, maxLength: this.maxLength } }, i("slot", { key: "ca0f5b7206e450dc4223013a3bfa15922c3ea7ee", name: "leadingIcon" }), i("slot", { key: "2f9809ef064300e999f60fd34305232e2cdb5c97", name: "leadingAccessory" }), d && i(p, { key: "adcb2d1e5c9eedd94bb6d276333cdb30ff31147c", label: "clear text", slot: "trailingAccessory", size: "lg", onPressDismiss: this._handleDismiss }), i("slot", { key: "5633a1c325c3442044b31e925cda6654764fbb3f", name: "trailingIcon" })));
|
|
55
55
|
}
|
|
56
56
|
get _el() {
|
|
57
57
|
return this;
|
|
@@ -61,7 +61,7 @@ function r() {
|
|
|
61
61
|
typeof customElements < "u" && ["gids-text-field", "gids-field", "gids-input"].forEach(((e) => {
|
|
62
62
|
switch (e) {
|
|
63
63
|
case "gids-text-field":
|
|
64
|
-
customElements.get(s(e)) || customElements.define(s(e),
|
|
64
|
+
customElements.get(s(e)) || customElements.define(s(e), a);
|
|
65
65
|
break;
|
|
66
66
|
case "gids-field":
|
|
67
67
|
customElements.get(s(e)) || g();
|
|
@@ -72,7 +72,7 @@ function r() {
|
|
|
72
72
|
}));
|
|
73
73
|
}
|
|
74
74
|
r();
|
|
75
|
-
const G =
|
|
75
|
+
const G = a, B = r;
|
|
76
76
|
export {
|
|
77
77
|
G as GidsTextField,
|
|
78
78
|
B as defineCustomElement
|
|
@@ -38,7 +38,7 @@ const o = n(class extends l {
|
|
|
38
38
|
t && (t.removeEventListener("mouseenter", this.handleShowEvent), t.removeEventListener("focus", this.handleShowEvent), t.removeEventListener("mouseleave", this.handleHideEvent), t.removeEventListener("blur", this.handleHideEvent));
|
|
39
39
|
}
|
|
40
40
|
render() {
|
|
41
|
-
return e(s, { key: "
|
|
41
|
+
return e(s, { key: "956f6eced99b0c5e6e514a2a3f10976ca64e22c3" }, e("slot", { key: "082d3c166069a309c3ba5f6c1e3eb0519eb84b40" }), e("span", { key: "400f44983016138741b2c3a7b32d5d9f39c09241", id: "tooltip", part: "tooltip", role: "tooltip" }, e("span", { key: "1fcc94a2ab42662921470851bbad8fa46b7f0978", id: "arrow" }), this.tooltipText));
|
|
42
42
|
}
|
|
43
43
|
disconnectedCallback() {
|
|
44
44
|
this.cleanupEventListeners(), this.floatingElementManager?.destroy();
|
|
@@ -59,8 +59,8 @@ function a() {
|
|
|
59
59
|
}));
|
|
60
60
|
}
|
|
61
61
|
a();
|
|
62
|
-
const
|
|
62
|
+
const v = o, f = a;
|
|
63
63
|
export {
|
|
64
|
-
|
|
65
|
-
|
|
64
|
+
v as GidsTooltip,
|
|
65
|
+
f as defineCustomElement
|
|
66
66
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { q as i, L as o, u as n, D as l } from "./p-Bf3p-DY2-CPqEc-vc.js";
|
|
2
2
|
import { i as g } from "./p-B2zUuNXz-BLBgQDu7.js";
|
|
3
|
-
import { d as r } from "./p-
|
|
3
|
+
import { d as r } from "./p-C2O_pGky-C_30AJ3m.js";
|
|
4
4
|
import { c } from "./clsx-OuTLNxxd.js";
|
|
5
5
|
const h = ({ appearance: s, size: e, disabled: a }, d) => c("gids-dot", {
|
|
6
6
|
"gids-dot--disabled": a,
|
|
@@ -41,7 +41,7 @@ const h = ({ appearance: s, size: e, disabled: a }, d) => c("gids-dot", {
|
|
|
41
41
|
this.activeClasses = t({ size: this.size, appearance: this.appearance, disabled: this.disabled }, this.extraClasses);
|
|
42
42
|
}
|
|
43
43
|
render() {
|
|
44
|
-
return l("gids-icon", { key: "
|
|
44
|
+
return l("gids-icon", { key: "81581bd6fb72e8ff6ce203c8e63b2f1c5d9c1121", class: this.activeClasses, name: "new", alt: "", appearance: "filled" });
|
|
45
45
|
}
|
|
46
46
|
get _el() {
|
|
47
47
|
return this;
|
|
@@ -53,7 +53,7 @@ const h = ({ appearance: s, size: e, disabled: a }, d) => c("gids-dot", {
|
|
|
53
53
|
return ".gids-dot{display:flex;--gidsDotIcon-height:var(--gids-size-040);--gidsIcon-height:var(--gidsDotIcon-height);--gidsDotIcon-color:var(--gids-color-icon-subtle);--gidsIcon-color:var(--gidsDotIcon-color)}.gids-dot--sm{--gidsDotIcon-height:var(--gids-size-060)}.gids-dot--md{--gidsDotIcon-height:var(--gids-size-080)}.gids-dot--lg{--gidsDotIcon-height:var(--gids-size-100)}.gids-dot--xl{--gidsDotIcon-height:var(--gids-size-120)}.gids-dot--2xl{--gidsDotIcon-height:var(--gids-size-160)}.gids-dot--3xl{--gidsDotIcon-height:var(--gids-size-200)}.gids-dot--subtle{--gidsDotIcon-color:var(--gids-color-icon-subtle)}.gids-dot--static-inverse{--gidsDotIcon-color:var(--gids-color-icon-inverse)}.gids-dot--disabled{--gidsDotIcon-color:var(--gids-color-icon-disabled)}";
|
|
54
54
|
}
|
|
55
55
|
}, [0, "gids-dot", { extraClasses: [513, "extra-classes"], appearance: [513], size: [513], disabled: [516], activeClasses: [32] }, void 0, { extraClasses: [{ handleExtraClassesAndSizeChange: 0 }], appearance: [{ handleExtraClassesAndSizeChange: 0 }, { handleAppearanceChange: 0 }], size: [{ handleExtraClassesAndSizeChange: 0 }, { handleSizeChange: 0 }], disabled: [{ handleExtraClassesAndSizeChange: 0 }, { handleDisabledChange: 0 }] }]);
|
|
56
|
-
function
|
|
56
|
+
function b() {
|
|
57
57
|
typeof customElements < "u" && ["gids-dot", "gids-icon"].forEach(((s) => {
|
|
58
58
|
switch (s) {
|
|
59
59
|
case "gids-dot":
|
|
@@ -64,8 +64,8 @@ function x() {
|
|
|
64
64
|
}
|
|
65
65
|
}));
|
|
66
66
|
}
|
|
67
|
-
|
|
67
|
+
b();
|
|
68
68
|
export {
|
|
69
|
-
|
|
69
|
+
b as g,
|
|
70
70
|
C as h
|
|
71
71
|
};
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import { q as
|
|
1
|
+
import { q as t, L as a, u as r, D as n } from "./p-Bf3p-DY2-CPqEc-vc.js";
|
|
2
2
|
import { c as s } from "./clsx-OuTLNxxd.js";
|
|
3
|
-
const o = ({ orientation:
|
|
3
|
+
const o = ({ orientation: e }, i) => s("gids-chart-legend", {
|
|
4
4
|
// 'gids-chart-legend--orientation-horizontal':
|
|
5
5
|
// orientation === 'horizontal', // not needed as by default
|
|
6
|
-
"gids-chart-legend--orientation-vertical":
|
|
7
|
-
},
|
|
6
|
+
"gids-chart-legend--orientation-vertical": e === "vertical"
|
|
7
|
+
}, i), c = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
8
8
|
__proto__: null,
|
|
9
9
|
getGidsChartLegendClassNames: o
|
|
10
|
-
}, Symbol.toStringTag, { value: "Module" })), { getGidsChartLegendClassNames:
|
|
11
|
-
constructor(
|
|
12
|
-
super(),
|
|
10
|
+
}, Symbol.toStringTag, { value: "Module" })), { getGidsChartLegendClassNames: d } = c, l = a(class extends r {
|
|
11
|
+
constructor(e) {
|
|
12
|
+
super(), e !== !1 && this.__registerHost(), this.orientation = "horizontal";
|
|
13
13
|
}
|
|
14
|
-
handleOrientationChange(
|
|
15
|
-
this.orientation =
|
|
14
|
+
handleOrientationChange(e) {
|
|
15
|
+
this.orientation = e;
|
|
16
16
|
}
|
|
17
17
|
render() {
|
|
18
|
-
const
|
|
19
|
-
return n("div", { key: "
|
|
18
|
+
const e = d({ orientation: this.orientation });
|
|
19
|
+
return n("div", { key: "644b3200e4de07c715a1da903635dadb90b44c97", class: e }, n("slot", { key: "bf5e22c6a549cf9f9fb64e5edc9cc2a48173933e" }));
|
|
20
20
|
}
|
|
21
21
|
static get watchers() {
|
|
22
22
|
return { orientation: [{ handleOrientationChange: 0 }] };
|
|
@@ -26,12 +26,12 @@ const o = ({ orientation: t }, a) => s("gids-chart-legend", {
|
|
|
26
26
|
}
|
|
27
27
|
}, [260, "gids-chart-legend", { orientation: [1] }, void 0, { orientation: [{ handleOrientationChange: 0 }] }]);
|
|
28
28
|
function g() {
|
|
29
|
-
typeof customElements < "u" && ["gids-chart-legend"].forEach(((
|
|
30
|
-
|
|
29
|
+
typeof customElements < "u" && ["gids-chart-legend"].forEach(((e) => {
|
|
30
|
+
e === "gids-chart-legend" && (customElements.get(t(e)) || customElements.define(t(e), l));
|
|
31
31
|
}));
|
|
32
32
|
}
|
|
33
33
|
g();
|
|
34
34
|
export {
|
|
35
|
-
g as
|
|
36
|
-
|
|
35
|
+
g as o,
|
|
36
|
+
l as r
|
|
37
37
|
};
|
|
@@ -20,7 +20,7 @@ const m = ({ expanded: e }, t) => u("gids-dropdown-picker", {
|
|
|
20
20
|
if (!(i instanceof Element)) return;
|
|
21
21
|
const s = i.closest(".gids-dropdown-item");
|
|
22
22
|
if (!s || !this.hostElement.contains(s) || s.hasAttribute("disabled") || s.getAttribute("aria-disabled") === "true") return;
|
|
23
|
-
const o = s instanceof HTMLButtonElement ? s.value : s.getAttribute("value")
|
|
23
|
+
const o = s instanceof HTMLButtonElement ? s.value : s.getAttribute("value") || "";
|
|
24
24
|
if (typeof o != "string" || o.length === 0) return;
|
|
25
25
|
const a = s instanceof HTMLButtonElement ? s.id : s.getAttribute("id") ?? "";
|
|
26
26
|
if (typeof a != "string" || a.length === 0) return;
|
|
@@ -111,7 +111,7 @@ const m = ({ expanded: e }, t) => u("gids-dropdown-picker", {
|
|
|
111
111
|
}
|
|
112
112
|
render() {
|
|
113
113
|
const e = this.expanded && this.isInteractive(), t = v({ expanded: e }), i = typeof this.idPicker == "string" ? this.idPicker : void 0, s = i ? `${i}__menu` : void 0;
|
|
114
|
-
return n("div", { key: "
|
|
114
|
+
return n("div", { key: "853c2b26fc0e64ac2f4d04dc1ae83f72eefd1403", class: t, onClick: this.handleOutSpaceClickOfDropdownButtonToggle }, n(c, { key: "e1abb285cd9649aa542620de7a683a9f21dbe19a", role: "pickerbox", "aria-expanded": e ? "true" : "false", "aria-haspopup": "pickerlistbox", "aria-controls": s ?? "", onClick: this.handleDropdownButtonClickToggle, disabled: this.disabled, value: this.selectedItemTitle ?? this.value ?? "", loading: this.loading, appearance: this.appearance, size: this.size }, this.hasLeadingIcon ? n("slot", { name: "leadingIconDropdownPicker", slot: "leadingIcon" }) : n(p, { name: "chevron-down", size: this.size, appearance: "regular", alt: "", slot: "leadingIcon" })), n("div", { key: "4907e8cc94b306a36096e07a662d87b1b687fee7", class: "gids-dropdown-picker__menu", id: s, role: "pickerbox", onClick: this.handleMenuClick }, n("slot", { key: "921b888c10135a2baeda9183b3a06f7bf9aa4abb" })));
|
|
115
115
|
}
|
|
116
116
|
get hostElement() {
|
|
117
117
|
return this;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { q as s, L as l, u, D as
|
|
1
|
+
import { q as s, L as l, u, D as i, F as d } from "./p-Bf3p-DY2-CPqEc-vc.js";
|
|
2
2
|
import { d as n } from "./p-D4Pimu_8-DfEGRQGf.js";
|
|
3
|
-
import { l as
|
|
3
|
+
import { l as r } from "./p-CHGTBObD-EN4cCwtX.js";
|
|
4
4
|
const c = (e) => e.type === "hidden", f = (e) => {
|
|
5
5
|
if (!(e instanceof HTMLElement))
|
|
6
6
|
return !1;
|
|
@@ -18,8 +18,8 @@ const c = (e) => e.type === "hidden", f = (e) => {
|
|
|
18
18
|
}, o = l(class extends u {
|
|
19
19
|
constructor(e) {
|
|
20
20
|
super(), e !== !1 && this.__registerHost(), this.#e = {}, this._focusInput = (t) => {
|
|
21
|
-
const
|
|
22
|
-
|
|
21
|
+
const a = t.target;
|
|
22
|
+
a === this.#t || this._isWithinInteractiveElement(a) || this.#t?.focus();
|
|
23
23
|
}, this._handleInputFocusAndBlur = (t) => {
|
|
24
24
|
this._el.dispatchEvent(new FocusEvent(t.type, { relatedTarget: t.relatedTarget }));
|
|
25
25
|
};
|
|
@@ -54,9 +54,9 @@ const c = (e) => e.type === "hidden", f = (e) => {
|
|
|
54
54
|
this._el.removeEventListener("click", this._focusInput);
|
|
55
55
|
}
|
|
56
56
|
render() {
|
|
57
|
-
return
|
|
57
|
+
return i(d, { key: "afdbc2c51c4a1f688534c76757ef7cdfb27d1cd0" }, i("slot", { key: "83781fe23a5648cdd8345326e88e235c03cf60bc", name: "leadingIcon" }), this.leadingLabel && i("span", { key: "b457d5343b714096c80ffebce6abd9e62fc57664", class: "gids-input__label" }, this.leadingLabel), i("slot", { key: "e156f0f311bd7b662eb56c07c101b673c0945d14", name: "leadingAccessory" }), i("input", { key: "34d77865f743fab2e85d154b966c90b1434d212d", ...this.inputProps, ref: (e) => {
|
|
58
58
|
this.#t = e, this.#e.value !== void 0 && (this.#t.value = this.#e.value, delete this.#e.value), this.#e.defaultValue !== void 0 && (this.#t.defaultValue = this.#e.defaultValue, delete this.#e.defaultValue);
|
|
59
|
-
}, class: "gids-input__control", name: this.name, disabled: this.disabled, readOnly: this.readOnly, required: this.required, onFocus: this._handleInputFocusAndBlur, onBlur: this._handleInputFocusAndBlur }),
|
|
59
|
+
}, class: "gids-input__control", name: this.name, disabled: this.disabled, readOnly: this.readOnly, required: this.required, onFocus: this._handleInputFocusAndBlur, onBlur: this._handleInputFocusAndBlur }), i("slot", { key: "fafb91d6e965e33b40577a10475e9a69a83e7a98", name: "trailingAccessory" }), this.trailingLabel && i("span", { key: "3d673d4b05b850c165817615145e629f39b5859c", class: "gids-input__label" }, this.trailingLabel), i("slot", { key: "ee39bb2e061ace41b7192f0fd2eae7edb35918e2", name: "trailingIcon" }), this.status === "incomplete" && i(n, { key: "5d2faed6c95395d82a2ae1e72483fd15599f14b6", name: "warning", appearance: "filled", class: "gids-input__warning-icon" }), this.status === "complete" && i(n, { key: "106200c1b025e3ee1467ffed2f246962933d42d0", name: "positive", appearance: "filled", class: "gids-input__positive-icon" }), this.loading && i(r, { key: "9125ce5ef482066da33b9429e0cb544e1a646cca", size: "md", indeterminate: !0 }));
|
|
60
60
|
}
|
|
61
61
|
get _el() {
|
|
62
62
|
return this;
|
|
@@ -69,6 +69,6 @@ function h() {
|
|
|
69
69
|
}
|
|
70
70
|
h();
|
|
71
71
|
export {
|
|
72
|
-
o as
|
|
72
|
+
o as c,
|
|
73
73
|
h as r
|
|
74
74
|
};
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { q as e, L as t, u as s, D as o } from "./p-Bf3p-DY2-CPqEc-vc.js";
|
|
2
|
-
import { i as
|
|
2
|
+
import { i as c } from "./p-B2zUuNXz-BLBgQDu7.js";
|
|
3
3
|
import { d } from "./p-D4Pimu_8-DfEGRQGf.js";
|
|
4
|
-
const
|
|
4
|
+
const a = t(class extends s {
|
|
5
5
|
constructor(i) {
|
|
6
6
|
super(), i !== !1 && this.__registerHost(), this.__attachShadow();
|
|
7
7
|
}
|
|
8
8
|
connectedCallback() {
|
|
9
|
-
const i =
|
|
9
|
+
const i = c();
|
|
10
10
|
i !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(i);
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
|
-
return o(d, { key: "
|
|
13
|
+
return o(d, { key: "bc81f0bb3a1e558071dc334873802ac8c8ec31ef", name: this.name, size: this.size, appearance: this.appearance, alt: this.alt, titleId: this.titleId });
|
|
14
14
|
}
|
|
15
15
|
get _el() {
|
|
16
16
|
return this;
|
|
@@ -19,13 +19,13 @@ const n = t(class extends s {
|
|
|
19
19
|
return ".gids-icon{color:var(--gidsIcon-color, var(--gids-color-icon-default));fill:var(--gidsIcon-color, var(--gids-color-icon-default));width:auto;height:var(--gidsIcon-height, 100%);flex-shrink:0}.gids-icon--xs{--gidsIcon-height:var(--gids-size-120)}.gids-icon--sm{--gidsIcon-height:var(--gids-size-160)}.gids-icon--md{--gidsIcon-height:var(--gids-size-240)}.gids-icon--lg{--gidsIcon-height:var(--gids-size-320)}";
|
|
20
20
|
}
|
|
21
21
|
}, [1, "gids-icon", { name: [1], size: [1], appearance: [1], alt: [1], titleId: [1, "title-id"] }]);
|
|
22
|
-
function
|
|
22
|
+
function n() {
|
|
23
23
|
typeof customElements < "u" && ["gids-icon"].forEach(((i) => {
|
|
24
|
-
i === "gids-icon" && (customElements.get(e(i)) || customElements.define(e(i),
|
|
24
|
+
i === "gids-icon" && (customElements.get(e(i)) || customElements.define(e(i), a));
|
|
25
25
|
}));
|
|
26
26
|
}
|
|
27
|
-
|
|
27
|
+
n();
|
|
28
28
|
export {
|
|
29
|
-
n as
|
|
30
|
-
|
|
29
|
+
n as d,
|
|
30
|
+
a as n
|
|
31
31
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { q as a, L as _, u as m, D as t } from "./p-Bf3p-DY2-CPqEc-vc.js";
|
|
2
2
|
import { p as b } from "./p-DMNS1d8v-CHF62UXm.js";
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
3
|
+
import { o as u } from "./p-BCVFQSjK-CKrYrI4b.js";
|
|
4
|
+
import { d as v } from "./p-C3xv7tfs-RodXvmql.js";
|
|
5
5
|
import { c as x } from "./clsx-OuTLNxxd.js";
|
|
6
6
|
const f = ({ breakpoint: e }, r) => x("gids-pie-chart", {
|
|
7
7
|
"gids-pie-chart--breakpoint-mobile": e === "mobile"
|
|
@@ -2,9 +2,9 @@ import { q as l, L as d, u as o, D as n } from "./p-Bf3p-DY2-CPqEc-vc.js";
|
|
|
2
2
|
import { o as h } from "./p-UVmSPzTd-6vjXok6h.js";
|
|
3
3
|
import { d as c } from "./p-D4Pimu_8-DfEGRQGf.js";
|
|
4
4
|
import { e as p } from "./p-ChV9xqsO-CJSPCx6p.js";
|
|
5
|
-
import { l as u } from "./p-
|
|
6
|
-
import { u as b } from "./p-
|
|
7
|
-
import { h as m } from "./p-
|
|
5
|
+
import { l as u } from "./p-COHuQEfZ-C_POuXNC.js";
|
|
6
|
+
import { u as b } from "./p-Chqeexny-C4hlPbBP.js";
|
|
7
|
+
import { h as m } from "./p-BSbOhfLZ-ByjjVMqG.js";
|
|
8
8
|
import { c as k } from "./clsx-OuTLNxxd.js";
|
|
9
9
|
const g = (e) => k("gids-calendar-header-panel", e), f = (e, a = "en-US") => {
|
|
10
10
|
const t = new Date(2e3, e - 1, 1);
|
|
@@ -130,7 +130,7 @@ const g = (e) => k("gids-calendar-header-panel", e), f = (e, a = "en-US") => {
|
|
|
130
130
|
}
|
|
131
131
|
render() {
|
|
132
132
|
const e = M(), a = this.expandedMonthPicker && this.isMonthPickerInteractive() && !this.expandedYearPicker, t = this.expandedYearPicker && this.isYearPickerInteractive() && !this.expandedMonthPicker, i = this.internalPreviousDisabled || this.previousDisabled, s = this.internalNextDisabled || this.nextDisabled;
|
|
133
|
-
return n("div", { key: "
|
|
133
|
+
return n("div", { key: "95eed567dae266c88b75c8fe606ef5dc1f72b8f2", class: e }, n(h, { key: "fcaa7636d1dddf0fe32ebeb70cdb6d0b726111ab", leadingIcon: n(c, { name: "arrow-left", size: "md", appearance: "regular" }), appearance: this.appearance, size: "sm", width: "intrinsic", onClick: this.handlePreviousActionClick, disabled: i }), n("div", { key: "91925ca2dc02cc964e58902f0d12a90a670b22fa", class: "gids-calendar-header-panel__main-container" }, n("gids-dropdown-picker", { key: "ae734185b01ab0ec8a5776fb7577ef0a051f94d5", expanded: a, appearance: this.appearance, size: "sm", value: `${this.panelMonthNumber}`, disabled: this.monthPickerDisabled }, n("gids-calendar-month-list", { key: "c3396d08af747adcba8b066bf750b5cf2194b4a9", type: "default", selectedMonthNumber: this.panelMonthNumber, onSelectionMonthChange: this.handleMonthPickerMenuClick })), n("span", { key: "2789e719ad1774484ce2359b85fc9d54a0f135f4", class: p("gids-calendar-header-panel__panel-value", { "gids-calendar-header-panel__panel-value-disabled": this.panelDisabled }) }, this.getPanelValue()), n("gids-dropdown-picker", { key: "330f4a4486f308fc2d4680da417dcf7c7a2e5ec3", expanded: t, appearance: this.appearance, size: "sm", value: `${this.panelYear}`, disabled: this.yearPickerDisabled }, n("gids-calendar-year-list", { key: "09f54b5d3b93d01595adbd30cf961354cb5e48fa", type: "default", selectedYear: this.panelYear, startYear: this.startYear ?? this.fallbackStartYear, endYear: this.endYear, onSelectionYearChange: this.handleYearPickerMenuClick }))), n(h, { key: "5f4ce2b0e4c8a55a5691b4c096955e05e49db919", leadingIcon: n(c, { name: "arrow-right", size: "md", appearance: "regular" }), appearance: this.appearance, size: "sm", width: "intrinsic", onClick: this.handleNextActionClick, disabled: s }));
|
|
134
134
|
}
|
|
135
135
|
get hostElement() {
|
|
136
136
|
return this;
|
|
@@ -162,6 +162,6 @@ function y() {
|
|
|
162
162
|
y();
|
|
163
163
|
export {
|
|
164
164
|
v as m,
|
|
165
|
-
P as
|
|
165
|
+
P as n,
|
|
166
166
|
y as u
|
|
167
167
|
};
|
|
@@ -26,7 +26,7 @@ const o = ({ seriesType: e, orientation: a }, r) => l("gids-chart-legend-item",
|
|
|
26
26
|
}
|
|
27
27
|
render() {
|
|
28
28
|
const e = c({ seriesType: this.seriesType, orientation: this.orientation });
|
|
29
|
-
return t("div", { key: "
|
|
29
|
+
return t("div", { key: "53426e6c9a945d640fd4ac57018c92d19f13ed12", class: e }, t("div", { key: "c6a5115aa46ea3b08eb8163d1c572beb9e1133a6", class: this.orientation === "vertical" ? "gids-chart-legend-item__dot-wrapper-vertical" : "gids-chart-legend-item__dot-wrapper-horizontal" }, t(d, { key: "32eda54148964970c44c09149c6962934fb4381e", name: "new", alt: "new_icon", appearance: "filled" })), t("span", { key: "dfad8f6a6cd0f623bfdc827c826a20ca88f0aa56", class: "gids-chart-legend-item__label" }, t("slot", { key: "acc890c13bfa893c419a8001998f64fa1ba88bcb" })));
|
|
30
30
|
}
|
|
31
31
|
static get watchers() {
|
|
32
32
|
return { orientation: [{ handleOrientationChange: 0 }], seriesType: [{ handleSeriesTypeChange: 0 }] };
|
|
@@ -42,6 +42,6 @@ function m() {
|
|
|
42
42
|
}
|
|
43
43
|
m();
|
|
44
44
|
export {
|
|
45
|
-
|
|
46
|
-
|
|
45
|
+
m as d,
|
|
46
|
+
h as l
|
|
47
47
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { q as d, L as f, u as v, D as e } from "./p-Bf3p-DY2-CPqEc-vc.js";
|
|
2
2
|
import { p as u } from "./p-DMNS1d8v-CHF62UXm.js";
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
3
|
+
import { o as w } from "./p-BCVFQSjK-CKrYrI4b.js";
|
|
4
|
+
import { d as k } from "./p-C3xv7tfs-RodXvmql.js";
|
|
5
5
|
import { c as z } from "./clsx-OuTLNxxd.js";
|
|
6
6
|
const L = ({ breakpoint: a }, s) => z("gids-line-chart", {
|
|
7
7
|
"gids-line-chart--breakpoint-mobile": a === "mobile"
|