@ganpatiinfo/gids-core-web 14.0.0 → 15.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/index.css +5386 -4888
- package/dist/css/index.css.map +1 -1
- package/dist/gids-action-bar.d.ts +1 -1
- package/dist/gids-action-bar.js +1 -1
- package/dist/gids-activity-gauge.d.ts +1 -1
- package/dist/gids-activity-gauge.js +1 -1
- package/dist/gids-advanced-tooltip.d.ts +1 -1
- package/dist/gids-advanced-tooltip.js +1 -1
- package/dist/gids-bar-chart.d.ts +1 -1
- package/dist/gids-bar-chart.js +1 -1
- package/dist/gids-calendar-header-panel.d.ts +1 -1
- package/dist/gids-calendar-header-panel.js +1 -1
- package/dist/gids-calendar-month-list.d.ts +1 -1
- package/dist/gids-calendar-month-list.js +1 -1
- package/dist/gids-calendar-year-list.d.ts +1 -1
- package/dist/gids-calendar-year-list.js +1 -1
- package/dist/gids-calendar.d.ts +1 -1
- package/dist/gids-calendar.js +1 -1
- package/dist/gids-chart-legend-item.d.ts +1 -1
- package/dist/gids-chart-legend-item.js +1 -1
- package/dist/gids-chart-legend.d.ts +1 -1
- package/dist/gids-chart-legend.js +1 -1
- package/dist/gids-chart.d.ts +1 -1
- package/dist/gids-chart.js +1 -1
- package/dist/gids-chevron-button.d.ts +1 -1
- package/dist/gids-chevron-button.js +1 -1
- package/dist/gids-dot.d.ts +1 -1
- package/dist/gids-dot.js +1 -1
- package/dist/gids-dropdown-field.d.ts +1 -1
- package/dist/gids-dropdown-field.js +1 -1
- package/dist/gids-dropdown-picker.d.ts +1 -1
- package/dist/gids-dropdown-picker.js +1 -1
- package/dist/gids-dropdown.d.ts +1 -1
- package/dist/gids-dropdown.js +1 -1
- package/dist/gids-expansion-body-list-item.d.ts +1 -1
- package/dist/gids-expansion-body-list-item.js +1 -1
- package/dist/gids-expansion-body-list.d.ts +1 -1
- package/dist/gids-expansion-body-list.js +1 -1
- package/dist/gids-expansion-group.d.ts +1 -1
- package/dist/gids-expansion-group.js +1 -1
- package/dist/gids-expansion.d.ts +1 -1
- package/dist/gids-expansion.js +1 -1
- package/dist/gids-field.d.ts +1 -1
- package/dist/gids-field.js +1 -1
- package/dist/gids-filter.d.ts +1 -1
- package/dist/gids-filter.js +1 -1
- package/dist/gids-icon.d.ts +1 -1
- package/dist/gids-icon.js +1 -1
- package/dist/gids-input.d.ts +1 -1
- package/dist/gids-input.js +1 -1
- package/dist/gids-level-gauge.d.ts +1 -1
- package/dist/gids-line-chart.d.ts +1 -1
- package/dist/gids-line-chart.js +1 -1
- package/dist/gids-md-table.d.ts +1 -1
- package/dist/gids-md-table.js +1 -1
- package/dist/gids-notification.d.ts +1 -1
- package/dist/gids-overflow-container.d.ts +1 -1
- package/dist/gids-overflow-container.js +1 -1
- package/dist/gids-overlay-provider.d.ts +1 -1
- package/dist/gids-overlay-provider.js +1 -1
- package/dist/gids-password-field.d.ts +1 -1
- package/dist/gids-password-field.js +1 -1
- package/dist/gids-pie-chart.d.ts +1 -1
- package/dist/gids-pie-chart.js +1 -1
- package/dist/gids-popover.d.ts +1 -1
- package/dist/gids-popover.js +1 -1
- package/dist/gids-progress-circle.d.ts +1 -1
- package/dist/gids-scrim.d.ts +1 -1
- package/dist/gids-scrim.js +1 -1
- package/dist/gids-skeleton.d.ts +11 -0
- package/dist/gids-skeleton.js +1 -0
- package/dist/gids-snackbar.d.ts +1 -1
- package/dist/gids-tab-item.d.ts +1 -1
- package/dist/gids-tab-item.js +1 -1
- package/dist/gids-tab.d.ts +1 -1
- package/dist/gids-tab.js +1 -1
- package/dist/gids-text-field.d.ts +1 -1
- package/dist/gids-text-field.js +1 -1
- package/dist/gids-toggle-button.d.ts +1 -1
- package/dist/gids-toggle-button.js +1 -1
- package/dist/gids-tooltip.d.ts +1 -1
- package/dist/gids-tooltip.js +1 -1
- package/dist/gids-transfer-list.d.ts +11 -0
- package/dist/gids-transfer-list.js +1 -0
- package/dist/p-474lVBcu.js +1 -0
- package/dist/{p-_HwuS8vK.js → p-9NZjfY_u.js} +1 -1
- package/dist/{p-Bh8qYmAS.js → p-B0Nc9rVM.js} +1 -1
- package/dist/{p-Bab1qxsC.js → p-BF46eY8H.js} +1 -1
- package/dist/{p-jzl-rPxB.js → p-BKIsp763.js} +1 -1
- package/dist/{p-BVA1LAFM.js → p-BgvpzBUx.js} +1 -1
- package/dist/{p-BYt-9DKT.js → p-BtKwhIx5.js} +1 -1
- package/dist/{p-DAnkY5ik.js → p-CLm5opt9.js} +1 -1
- package/dist/{p-C_RW9IFo.js → p-CZxn31uZ.js} +1 -1
- package/dist/{p-CU5JIcEp.js → p-Cyant-dw.js} +1 -1
- package/dist/{p-Dan1sCNk.js → p-D7qanqNO.js} +1 -1
- package/dist/{p-CnVmK0dH.js → p-DGenc1qz.js} +1 -1
- package/dist/{p-D5DRatg0.js → p-DLauG0q8.js} +1 -1
- package/dist/{p-DMVCMnTe.js → p-DaqhrFRM.js} +1 -1
- package/dist/{p-BzzDNTlP.js → p-Db4qRSmH.js} +1 -1
- package/dist/{p-DslOQITw.js → p-Df5xaj-o.js} +1 -1
- package/dist/{p-1fMG8D4t.js → p-DhtEw_C2.js} +1 -1
- package/dist/{p-BV0jg2ix.js → p-DshXkAUj.js} +1 -1
- package/dist/{p-DUUxlY-K.js → p-Dvh4sPkD.js} +1 -1
- package/dist/p-Iqbf3Pja.js +1 -0
- package/dist/{p-CatvDz2b.js → p-MnCDY1k9.js} +1 -1
- package/dist/types/components/html/GidsCrossTable/GidsCrossTable.d.ts +17 -0
- package/dist/types/components/html/GidsCrossTableBody/GidsCrossTableBody.d.ts +12 -0
- package/dist/types/components/html/GidsCrossTableRow/GidsCrossTableRow.d.ts +12 -0
- package/dist/types/components/html/GidsDialog/GidsDialog.d.ts +12 -0
- package/dist/types/components/html/GidsMatrixTable/GidsMatrixTable.d.ts +20 -0
- package/dist/types/components/html/GidsMatrixTableBody/GidsMatrixTableBody.d.ts +20 -0
- package/dist/types/components/html/GidsMenu/GidsMenu.d.ts +3 -3
- package/dist/types/components/html/GidsMenuGroup/GidsMenuGroup.d.ts +3 -3
- package/dist/types/components/html/GidsTable/GidsTable.d.ts +1 -1
- package/dist/types/components/html/GidsTableFooter/GidsTableFooter.d.ts +3 -3
- package/dist/types/components/html/GidsTableFooterControl/GidsTableFooterControl.d.ts +1 -1
- package/dist/types/components/html/GidsTableHeader/GidsTableHeader.d.ts +1 -1
- package/dist/types/components/html/GidsTableRow/GidsTableRow.d.ts +1 -1
- package/dist/types/components/html/_GidsDialogControl/GidsDialogControl.d.ts +8 -0
- package/dist/types/components/webComponents/GidsSkeleton/GidsSkeleton.d.ts +11 -0
- package/dist/types/components/webComponents/GidsTransferList/GidsTransferList.d.ts +49 -0
- package/dist/types/components.d.ts +131 -2
- package/dist-bundled/es/gids-action-bar.js +28 -27
- package/dist-bundled/es/gids-activity-gauge.js +1 -1
- package/dist-bundled/es/gids-advanced-tooltip.js +1 -1
- package/dist-bundled/es/gids-bar-chart.js +4 -4
- package/dist-bundled/es/gids-calendar-header-panel.js +3 -3
- package/dist-bundled/es/gids-calendar-month-list.js +1 -1
- package/dist-bundled/es/gids-calendar-year-list.js +1 -1
- package/dist-bundled/es/gids-calendar.js +23 -23
- package/dist-bundled/es/gids-chart-legend-item.js +1 -1
- package/dist-bundled/es/gids-chart-legend.js +4 -4
- package/dist-bundled/es/gids-chart.js +11 -11
- package/dist-bundled/es/gids-chevron-button.js +10 -10
- package/dist-bundled/es/gids-dot.js +3 -3
- package/dist-bundled/es/gids-dropdown-field.js +5 -5
- package/dist-bundled/es/gids-dropdown-picker.js +4 -4
- package/dist-bundled/es/gids-dropdown.js +1 -1
- package/dist-bundled/es/gids-expansion-body-list-item.js +3 -3
- package/dist-bundled/es/gids-expansion-body-list.js +2 -2
- package/dist-bundled/es/gids-expansion-group.js +12 -12
- package/dist-bundled/es/gids-expansion.js +6 -6
- package/dist-bundled/es/gids-field.js +3 -3
- package/dist-bundled/es/gids-filter.js +1 -1
- package/dist-bundled/es/gids-icon.js +3 -3
- package/dist-bundled/es/gids-input.js +4 -4
- package/dist-bundled/es/gids-level-gauge.js +1 -1
- package/dist-bundled/es/gids-line-chart.js +4 -4
- package/dist-bundled/es/gids-md-table.js +77 -77
- package/dist-bundled/es/gids-overflow-container.js +1 -1
- package/dist-bundled/es/gids-overlay-provider.js +20 -20
- package/dist-bundled/es/gids-password-field.js +53 -53
- package/dist-bundled/es/gids-pie-chart.js +4 -4
- package/dist-bundled/es/gids-popover.js +1 -1
- package/dist-bundled/es/gids-progress-circle.js +1 -1
- package/dist-bundled/es/gids-scrim.js +1 -1
- package/dist-bundled/es/gids-skeleton.js +41 -0
- package/dist-bundled/es/gids-tab-item.js +10 -10
- package/dist-bundled/es/gids-tab.js +4 -4
- package/dist-bundled/es/gids-text-field.js +15 -15
- package/dist-bundled/es/gids-toggle-button.js +1 -1
- package/dist-bundled/es/gids-tooltip.js +1 -1
- package/dist-bundled/es/gids-transfer-list.js +196 -0
- package/dist-bundled/es/p-474lVBcu-B1f8x2o1.js +31 -0
- package/dist-bundled/es/{p-_HwuS8vK-C0w4T5rV.js → p-9NZjfY_u-CnjUEy1y.js} +2 -2
- package/dist-bundled/es/{p-Bh8qYmAS-DhSpwB20.js → p-B0Nc9rVM-SBit1KrF.js} +6 -6
- package/dist-bundled/es/{p-Bab1qxsC-BMbD0lEy.js → p-BF46eY8H-Xn8Fl9EI.js} +3 -3
- package/dist-bundled/es/{p-jzl-rPxB-CC735zJp.js → p-BKIsp763-CqL9MgyZ.js} +7 -7
- package/dist-bundled/es/{p-BVA1LAFM-DdsY_n8R.js → p-BgvpzBUx-iq-eKBVZ.js} +7 -7
- package/dist-bundled/es/{p-BYt-9DKT-DByyhIUd.js → p-BtKwhIx5-DTEmfdxe.js} +6 -6
- package/dist-bundled/es/{p-CHGTBObD-EN4cCwtX.js → p-CHGTBObD-D_K9_Tmh.js} +15 -15
- package/dist-bundled/es/{p-DAnkY5ik-ChPtRpOX.js → p-CLm5opt9-DlxkI38w.js} +2 -2
- package/dist-bundled/es/{p-C_RW9IFo-DNQqJS8t.js → p-CZxn31uZ-BBHM983b.js} +10 -10
- package/dist-bundled/es/{p-CoS0NuDU-CqmDcRWj.js → p-CoS0NuDU-ByDvQAzA.js} +1 -1
- package/dist-bundled/es/{p-CU5JIcEp-CuVpd-eZ.js → p-Cyant-dw-Ch2zYNkx.js} +7 -7
- package/dist-bundled/es/{p-Dan1sCNk-mWcyyplK.js → p-D7qanqNO-Dby5jSjA.js} +14 -14
- package/dist-bundled/es/{p-CnVmK0dH-CbmnN-RR.js → p-DGenc1qz-CMwVEtCm.js} +5 -5
- package/dist-bundled/es/{p-D5DRatg0-DtQL-DQg.js → p-DLauG0q8-CCUuzYl9.js} +6 -6
- package/dist-bundled/es/{p-DMNS1d8v-CHF62UXm.js → p-DMNS1d8v-BX8e_AsY.js} +14 -14
- package/dist-bundled/es/{p-DMVCMnTe-D4eJKJsj.js → p-DaqhrFRM-2PqBeu5o.js} +4 -4
- package/dist-bundled/es/{p-BzzDNTlP-BkSyrafk.js → p-Db4qRSmH-B5pzOeve.js} +8 -8
- package/dist-bundled/es/{p-Degg_WJz-BLua06el.js → p-Degg_WJz-ORZcjc8G.js} +1 -1
- package/dist-bundled/es/{p-DslOQITw-BfwtLWqG.js → p-Df5xaj-o-fxAXUmag.js} +7 -7
- package/dist-bundled/es/{p-Dg2yoUxw-Cca8ROd_.js → p-Dg2yoUxw-DliMstZy.js} +8 -8
- package/dist-bundled/es/{p-1fMG8D4t-CIEDM74u.js → p-DhtEw_C2-D_91JSPC.js} +3 -3
- package/dist-bundled/es/{p-BV0jg2ix-DI0fZl_6.js → p-DshXkAUj-DgCiQIA2.js} +1 -1
- package/dist-bundled/es/{p-DUUxlY-K-mypBhVt6.js → p-Dvh4sPkD-B-T5C03p.js} +1 -1
- package/dist-bundled/es/p-Iqbf3Pja-DuajY4uD.js +52 -0
- package/dist-bundled/es/{p-CatvDz2b-C-Hlv2Xb.js → p-MnCDY1k9-CgbTyJ5R.js} +9 -9
- package/dist-bundled/es/{p-UVmSPzTd-6vjXok6h.js → p-UVmSPzTd-CR1higgJ.js} +1 -1
- package/dist-bundled/umd/gids-action-bar.umd.js +3 -3
- package/dist-bundled/umd/gids-activity-gauge.umd.js +1 -1
- package/dist-bundled/umd/gids-advanced-tooltip.umd.js +1 -1
- package/dist-bundled/umd/gids-bar-chart.umd.js +1 -1
- package/dist-bundled/umd/gids-calendar-header-panel.umd.js +2 -2
- package/dist-bundled/umd/gids-calendar-month-list.umd.js +2 -2
- package/dist-bundled/umd/gids-calendar-year-list.umd.js +2 -2
- package/dist-bundled/umd/gids-calendar.umd.js +1 -1
- package/dist-bundled/umd/gids-chart-legend-item.umd.js +1 -1
- package/dist-bundled/umd/gids-chart-legend.umd.js +1 -1
- package/dist-bundled/umd/gids-chart.umd.js +2 -2
- package/dist-bundled/umd/gids-chevron-button.umd.js +1 -1
- package/dist-bundled/umd/gids-dot.umd.js +1 -1
- package/dist-bundled/umd/gids-dropdown-field.umd.js +1 -1
- package/dist-bundled/umd/gids-dropdown-picker.umd.js +1 -1
- package/dist-bundled/umd/gids-dropdown.umd.js +1 -1
- package/dist-bundled/umd/gids-expansion-body-list-item.umd.js +1 -1
- package/dist-bundled/umd/gids-expansion-body-list.umd.js +1 -1
- package/dist-bundled/umd/gids-expansion-group.umd.js +1 -1
- package/dist-bundled/umd/gids-expansion.umd.js +1 -1
- package/dist-bundled/umd/gids-field.umd.js +1 -1
- package/dist-bundled/umd/gids-filter.umd.js +2 -2
- package/dist-bundled/umd/gids-icon.umd.js +1 -1
- package/dist-bundled/umd/gids-input.umd.js +2 -2
- package/dist-bundled/umd/gids-level-gauge.umd.js +1 -1
- package/dist-bundled/umd/gids-line-chart.umd.js +1 -1
- package/dist-bundled/umd/gids-md-table.umd.js +1 -1
- package/dist-bundled/umd/gids-overflow-container.umd.js +1 -1
- package/dist-bundled/umd/gids-overlay-provider.umd.js +1 -1
- package/dist-bundled/umd/gids-password-field.umd.js +1 -1
- package/dist-bundled/umd/gids-pie-chart.umd.js +1 -1
- package/dist-bundled/umd/gids-popover.umd.js +1 -1
- package/dist-bundled/umd/gids-progress-circle.umd.js +1 -1
- package/dist-bundled/umd/gids-scrim.umd.js +1 -1
- package/dist-bundled/umd/gids-skeleton.umd.js +5 -0
- package/dist-bundled/umd/gids-tab-item.umd.js +2 -2
- package/dist-bundled/umd/gids-tab.umd.js +1 -1
- package/dist-bundled/umd/gids-text-field.umd.js +1 -1
- package/dist-bundled/umd/gids-toggle-button.umd.js +2 -2
- package/dist-bundled/umd/gids-tooltip.umd.js +1 -1
- package/dist-bundled/umd/gids-transfer-list.umd.js +5 -0
- package/dist-bundled/umd-complete/gids-core-web.umd.js +4 -4
- package/package.json +20 -4
- package/dist/p-D6lxqcxP.js +0 -1
- package/dist-bundled/es/p-D6lxqcxP-C6BOC0kV.js +0 -74
|
@@ -2,14 +2,14 @@ import { L as C, u as y, D as o, F as w, q as f } from "./p-Bf3p-DY2-CPqEc-vc.js
|
|
|
2
2
|
import { i as x } from "./p-B2zUuNXz-BLBgQDu7.js";
|
|
3
3
|
import { e as N, n as g } from "./p-CVtNa0cL-sSVeJsR3.js";
|
|
4
4
|
import { d as p } from "./p-D4Pimu_8-ARSuGBs4.js";
|
|
5
|
-
import { o as u } from "./p-UVmSPzTd-
|
|
5
|
+
import { o as u } from "./p-UVmSPzTd-CR1higgJ.js";
|
|
6
6
|
import { c as h } from "./clsx-OuTLNxxd.js";
|
|
7
|
-
const Q = ({ appearance: t }, e) => h("gids-
|
|
8
|
-
// 'gids-
|
|
9
|
-
"gids-
|
|
10
|
-
"gids-
|
|
11
|
-
"gids-
|
|
12
|
-
"gids-
|
|
7
|
+
const Q = ({ appearance: t }, e) => h("gids-notification-container", {
|
|
8
|
+
// 'gids-notification-container--appearance-default': appearance === 'default' // its a default
|
|
9
|
+
"gids-notification-container--appearance-information": t === "information",
|
|
10
|
+
"gids-notification-container--appearance-success": t === "success",
|
|
11
|
+
"gids-notification-container--appearance-warning": t === "warning",
|
|
12
|
+
"gids-notification-container--appearance-error": t === "error"
|
|
13
13
|
}, e), S = (t) => {
|
|
14
14
|
if (t)
|
|
15
15
|
switch (t) {
|
|
@@ -26,8 +26,8 @@ const Q = ({ appearance: t }, e) => h("gids-snackbar-container", {
|
|
|
26
26
|
}
|
|
27
27
|
}, j = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
28
28
|
__proto__: null,
|
|
29
|
-
|
|
30
|
-
|
|
29
|
+
getGidsNotificationContainerClassNames: Q,
|
|
30
|
+
getNotificationContainerIconNames: S
|
|
31
31
|
}, Symbol.toStringTag, { value: "Module" })), b = (t) => {
|
|
32
32
|
switch (t) {
|
|
33
33
|
case "bottom-left":
|
|
@@ -91,12 +91,12 @@ const Q = ({ appearance: t }, e) => h("gids-snackbar-container", {
|
|
|
91
91
|
getComponentEntryClasses: b,
|
|
92
92
|
getComponentExitClasses: v,
|
|
93
93
|
getComponentStackClasses: M
|
|
94
|
-
}, Symbol.toStringTag, { value: "Module" })), T = ({ appearance: t }, e) => h("gids-
|
|
95
|
-
// 'gids-
|
|
96
|
-
"gids-
|
|
97
|
-
"gids-
|
|
98
|
-
"gids-
|
|
99
|
-
"gids-
|
|
94
|
+
}, Symbol.toStringTag, { value: "Module" })), T = ({ appearance: t }, e) => h("gids-snackbar-container", {
|
|
95
|
+
// 'gids-snackbar-container--appearance-default': appearance === 'default' // its a default
|
|
96
|
+
"gids-snackbar-container--appearance-information": t === "information",
|
|
97
|
+
"gids-snackbar-container--appearance-success": t === "success",
|
|
98
|
+
"gids-snackbar-container--appearance-warning": t === "warning",
|
|
99
|
+
"gids-snackbar-container--appearance-error": t === "error"
|
|
100
100
|
}, e), q = (t) => {
|
|
101
101
|
if (t)
|
|
102
102
|
switch (t) {
|
|
@@ -113,12 +113,12 @@ const Q = ({ appearance: t }, e) => h("gids-snackbar-container", {
|
|
|
113
113
|
}
|
|
114
114
|
}, I = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
115
115
|
__proto__: null,
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
}, Symbol.toStringTag, { value: "Module" })), { getGidsSnackbarContainerClassNames: z, getSnackbarContainerIconNames: L } =
|
|
116
|
+
getGidsSnackbarContainerClassNames: T,
|
|
117
|
+
getSnackbarContainerIconNames: q
|
|
118
|
+
}, Symbol.toStringTag, { value: "Module" })), { getGidsSnackbarContainerClassNames: z, getSnackbarContainerIconNames: L } = I, X = ({ appearance: t = "default", children: e, button: n, class: i, ...a }) => {
|
|
119
119
|
const r = L(t);
|
|
120
120
|
return o("div", { ...a, class: z({ appearance: t }, i) }, o("div", { class: "gids-snackbar-container__content" }, t !== "default" && r != null ? o(p, { name: r, alt: "", appearance: "filled", size: "md", class: "gids-snackbar-container__icon" }) : null, typeof e == "string" ? o("p", null, e) : e), n);
|
|
121
|
-
}, { getGidsNotificationContainerClassNames: Y, getNotificationContainerIconNames: E } =
|
|
121
|
+
}, { getGidsNotificationContainerClassNames: Y, getNotificationContainerIconNames: E } = j, R = ({ notificationTitle: t, children: e, button: n, appearance: i = "default", pronunciation: a = "standard", onCloseNotificationClick: r, class: s, ...m }) => {
|
|
122
122
|
const c = E(i);
|
|
123
123
|
return o("div", { class: Y({ appearance: i }, s), ...m }, i !== "default" && c ? o("div", { class: "gids-notification-container__leading-icon-wrapper" }, o(p, { size: "md", name: c, alt: "", appearance: "filled" })) : null, o("div", { class: "gids-notification-container__content-wrapper" }, o("div", { class: "gids-notification-container__top-content" }, o("div", { class: "gids-notification-container__text-content" }, t != null && t !== "" ? o("span", { class: "gids-notification-container__title" }, t) : null, e ? typeof e == "string" ? o("p", null, e) : e : null), a === "standard" ? o("div", { class: "gids-notification-container__cross-btn-wrapper" }, o(u, { size: "sm", appearance: "subtle", width: "intrinsic", leadingIcon: o(p, { name: "cross", size: "md", appearance: "regular" }), onClick: r })) : null), n ? o("div", { class: "gids-notification-container__bottom-content" }, n) : null));
|
|
124
124
|
}, { getComponentClasses: B, getComponentStackClasses: G } = O, _ = C(class extends y {
|
|
@@ -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: "c97e5540b3c302e9c548d03166a67755bc195237" }, o("slot", { key: "0b29ba9fec23311a5fd8d0ce3c6b8f5f15f96a16" }), 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;
|
|
@@ -1,47 +1,59 @@
|
|
|
1
1
|
import { L as S, u as P, z as v, C as x, D as i, F as T, q as h } from "./p-Bf3p-DY2-CPqEc-vc.js";
|
|
2
2
|
import { i as C } from "./p-B2zUuNXz-BLBgQDu7.js";
|
|
3
|
-
import { a as F } from "./p-Dg2yoUxw-
|
|
3
|
+
import { a as F } from "./p-Dg2yoUxw-DliMstZy.js";
|
|
4
4
|
import { r as L } from "./p-UxDcM-C5-BJO4X0jM.js";
|
|
5
|
-
import { o as O } from "./p-UVmSPzTd-
|
|
5
|
+
import { o as O } from "./p-UVmSPzTd-CR1higgJ.js";
|
|
6
6
|
import { g as k, d as j } from "./p-D4Pimu_8-ARSuGBs4.js";
|
|
7
|
-
import { h as z } from "./p-
|
|
8
|
-
import { r as E } from "./p-
|
|
7
|
+
import { h as z } from "./p-MnCDY1k9-CgbTyJ5R.js";
|
|
8
|
+
import { r as E } from "./p-DGenc1qz-CMwVEtCm.js";
|
|
9
9
|
import { c as g } from "./clsx-OuTLNxxd.js";
|
|
10
|
-
const
|
|
10
|
+
const G = (e) => {
|
|
11
|
+
switch (e) {
|
|
12
|
+
case "error":
|
|
13
|
+
return "error";
|
|
14
|
+
case "success":
|
|
15
|
+
return "success";
|
|
16
|
+
default:
|
|
17
|
+
return "default";
|
|
18
|
+
}
|
|
19
|
+
}, B = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
20
|
+
__proto__: null,
|
|
21
|
+
inputToGidsFieldStatusForPassword: G
|
|
22
|
+
}, Symbol.toStringTag, { value: "Module" })), f = /[A-Z]/, p = /[a-z]/, b = /[0-9]/, q = /[^A-Za-z0-9]/, A = ({ text: e, meterRules: t = [], textMinLength: s = 0 }) => {
|
|
11
23
|
if (!e || e === "")
|
|
12
24
|
return 0;
|
|
13
25
|
let n = 0;
|
|
14
|
-
return t.includes("1-uppercase") && f.test(e) && n++, t.includes("1-lowercase") &&
|
|
15
|
-
},
|
|
26
|
+
return t.includes("1-uppercase") && f.test(e) && n++, t.includes("1-lowercase") && p.test(e) && n++, t.includes("1-digit") && b.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;
|
|
27
|
+
}, I = ({ textScore: e, maxScore: t }) => {
|
|
16
28
|
const s = t > 0 ? e / t * 100 : 0;
|
|
17
29
|
return s <= 20 ? "is-weak" : s <= 40 ? "is-medium" : s <= 60 ? "is-good-enough" : s <= 80 ? "is-good" : "is-strong";
|
|
18
|
-
},
|
|
30
|
+
}, $ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
19
31
|
__proto__: null,
|
|
20
|
-
getColorModifierByScore:
|
|
21
|
-
getStrengthMeterScore:
|
|
22
|
-
include1DigitReg:
|
|
23
|
-
include1LowercaseLetterReg:
|
|
32
|
+
getColorModifierByScore: I,
|
|
33
|
+
getStrengthMeterScore: A,
|
|
34
|
+
include1DigitReg: b,
|
|
35
|
+
include1LowercaseLetterReg: p,
|
|
24
36
|
include1SpecialCharReg: q,
|
|
25
37
|
include1UppercaseLetterReg: f
|
|
26
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
38
|
+
}, Symbol.toStringTag, { value: "Module" })), d = ({ requirementRule: e, textMinLength: t }) => e === "include-min-length" && t && t > 0, R = (e) => {
|
|
27
39
|
const t = [];
|
|
28
40
|
return e && e.length > 0 && e.map((s) => {
|
|
29
41
|
s?.requirementRule && t.push(s.requirementRule);
|
|
30
42
|
}), t;
|
|
31
|
-
},
|
|
43
|
+
}, D = ({ rule: e, textMinLength: t = 0, text: s }) => {
|
|
32
44
|
if (!s || s === "" || !e && !t)
|
|
33
45
|
return !1;
|
|
34
46
|
switch (e) {
|
|
35
47
|
case "1-uppercase":
|
|
36
48
|
return f.test(s);
|
|
37
49
|
case "1-lowercase":
|
|
38
|
-
return b.test(s);
|
|
39
|
-
case "1-digit":
|
|
40
50
|
return p.test(s);
|
|
51
|
+
case "1-digit":
|
|
52
|
+
return b.test(s);
|
|
41
53
|
case "1-special-character":
|
|
42
54
|
return q.test(s);
|
|
43
55
|
case "include-min-length":
|
|
44
|
-
return
|
|
56
|
+
return d({
|
|
45
57
|
requirementRule: "include-min-length",
|
|
46
58
|
textMinLength: t
|
|
47
59
|
}) === !0 && s.length >= t;
|
|
@@ -67,7 +79,7 @@ const f = /[A-Z]/, b = /[a-z]/, p = /[0-9]/, q = /[^A-Za-z0-9]/, G = ({ text: e,
|
|
|
67
79
|
requirementText: "Password must contain atleast 1 lowercase letter."
|
|
68
80
|
}
|
|
69
81
|
];
|
|
70
|
-
return
|
|
82
|
+
return d({
|
|
71
83
|
requirementRule: "include-min-length",
|
|
72
84
|
textMinLength: e
|
|
73
85
|
}) && t.push({
|
|
@@ -77,13 +89,13 @@ const f = /[A-Z]/, b = /[a-z]/, p = /[0-9]/, q = /[^A-Za-z0-9]/, G = ({ text: e,
|
|
|
77
89
|
defaultMeterRules: R(t),
|
|
78
90
|
defaultRequirementsMeterRules: t
|
|
79
91
|
};
|
|
80
|
-
},
|
|
92
|
+
}, N = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
81
93
|
__proto__: null,
|
|
82
|
-
checkRequirementRuleSatisfied:
|
|
94
|
+
checkRequirementRuleSatisfied: D,
|
|
83
95
|
getDefaultRulesAndRequirementsForMeters: m,
|
|
84
96
|
getMeterRulesFromRequirements: R,
|
|
85
|
-
minLengthRuleCanBeApplied:
|
|
86
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
97
|
+
minLengthRuleCanBeApplied: d
|
|
98
|
+
}, Symbol.toStringTag, { value: "Module" })), V = (e) => {
|
|
87
99
|
switch (e) {
|
|
88
100
|
case "error":
|
|
89
101
|
return "danger";
|
|
@@ -96,60 +108,48 @@ const f = /[A-Z]/, b = /[a-z]/, p = /[0-9]/, q = /[^A-Za-z0-9]/, G = ({ text: e,
|
|
|
96
108
|
default:
|
|
97
109
|
return "globe";
|
|
98
110
|
}
|
|
99
|
-
}, N = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
100
|
-
__proto__: null,
|
|
101
|
-
getRequirementsMeterLabelLeadingIcon: D
|
|
102
|
-
}, Symbol.toStringTag, { value: "Module" })), V = (e) => {
|
|
103
|
-
switch (e) {
|
|
104
|
-
case "error":
|
|
105
|
-
return "error";
|
|
106
|
-
case "success":
|
|
107
|
-
return "success";
|
|
108
|
-
default:
|
|
109
|
-
return "default";
|
|
110
|
-
}
|
|
111
111
|
}, U = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
112
112
|
__proto__: null,
|
|
113
|
-
|
|
114
|
-
}, Symbol.toStringTag, { value: "Module" })), H = (e) =>
|
|
113
|
+
getRequirementsMeterLabelLeadingIcon: V
|
|
114
|
+
}, Symbol.toStringTag, { value: "Module" })), { inputToGidsFieldStatusForPassword: H } = B, Z = (e) => e === "implicit" || e === void 0 ? "implicit" : H(e), W = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
115
115
|
__proto__: null,
|
|
116
|
-
|
|
117
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
116
|
+
inputToGidsFieldStatusForPassword: Z
|
|
117
|
+
}, Symbol.toStringTag, { value: "Module" })), J = ({ status: e }, t) => g("gids-requirements-meter-label", {
|
|
118
118
|
"gids-requirements-meter-label--error": e === "error",
|
|
119
119
|
"gids-requirements-meter-label--information": e === "information",
|
|
120
120
|
"gids-requirements-meter-label--warning": e === "warning",
|
|
121
121
|
"gids-requirements-meter-label--success": e === "success"
|
|
122
|
-
}, t),
|
|
122
|
+
}, t), K = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
123
123
|
__proto__: null,
|
|
124
|
-
getGidsRequirementsMeterLabelClassNames:
|
|
125
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
124
|
+
getGidsRequirementsMeterLabelClassNames: J
|
|
125
|
+
}, Symbol.toStringTag, { value: "Module" })), Q = (e) => g("gids-requirements-meter", e), X = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
126
126
|
__proto__: null,
|
|
127
|
-
getGidsRequirementsMeterClassNames:
|
|
128
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
127
|
+
getGidsRequirementsMeterClassNames: Q
|
|
128
|
+
}, Symbol.toStringTag, { value: "Module" })), Y = (e) => g("gids-strength-meter", e), ee = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
129
129
|
__proto__: null,
|
|
130
|
-
|
|
131
|
-
}, Symbol.toStringTag, { value: "Module" })), { getGidsStrengthMeterClassNames: te } =
|
|
130
|
+
getGidsStrengthMeterClassNames: Y
|
|
131
|
+
}, Symbol.toStringTag, { value: "Module" })), { getGidsStrengthMeterClassNames: te } = ee, { getStrengthMeterScore: se, getColorModifierByScore: re } = $, 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 o = c + 1, w = o <= l;
|
|
137
|
+
return s[o] === "include-min-length" ? d({ requirementRule: "include-min-length", textMinLength: t }) ? a(o, u, w) : null : a(o, u, w);
|
|
138
138
|
}));
|
|
139
139
|
})()) : null;
|
|
140
|
-
}, { getGidsRequirementsMeterLabelClassNames: ne } =
|
|
140
|
+
}, { getGidsRequirementsMeterLabelClassNames: ne } = K, { getRequirementsMeterLabelLeadingIcon: le } = U, ae = (e) => {
|
|
141
141
|
const { label: t, status: s = "default", leadingIconVisible: n = !0, class: a } = e, r = le(s);
|
|
142
142
|
return i("div", { class: ne({ status: s }, a) }, n && s && r ? i(j, { name: r, size: "sm", appearance: "filled" }) : null, t && t !== "" ? i("span", null, t) : null);
|
|
143
|
-
}, { checkRequirementRuleSatisfied: ue } =
|
|
143
|
+
}, { checkRequirementRuleSatisfied: ue } = N, { getGidsRequirementsMeterClassNames: oe } = X, de = ({ 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: oe(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" ? d({ requirementRule: r.requirementRule, textMinLength: s }) === !0 ? a(r, l) : null : a(r, l);
|
|
149
149
|
}
|
|
150
150
|
return null;
|
|
151
151
|
})));
|
|
152
|
-
}, { inputToGidsFieldStatusForPassword: ce } =
|
|
152
|
+
}, { inputToGidsFieldStatusForPassword: ce } = W, M = S(class extends P {
|
|
153
153
|
constructor(e) {
|
|
154
154
|
super(), e !== !1 && this.__registerHost(), this.gidsPasswordFieldClear = v(this, "gidsPasswordFieldClear"), this.gidsPasswordFieldRevealPassword = v(this, "gidsPasswordFieldRevealPassword"), this.isPasswordRevealed = !1, this.meterRules = [], this.requirementsMeterRequirements = [], this.requirements = [], this.#t = k(), this._handleDismiss = () => {
|
|
155
155
|
const t = this.#e?.querySelector("input.gids-input__control");
|
|
@@ -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: "3d2b0215e3ecf5f3177b6bbd814cbb25cfff0f99" }, i("gids-field", { key: "55406ad952e16aadfabb54e7e0881232abfa0ad4", disabled: this.disabled, count: void 0, helperText: this.helperText, statusText: this.statusText, status: ce(this.status) }, i(F, { key: "d43dfd8b4e972b2877be1dfc559e1c7dd26503af", 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: "91296ff92342eaabd1e4b90a9eac42ef84bdfe00", ref: (o) => this.#e = o, 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: "34e19a0410259e1fccc7fe019f0aaca4ed767221", name: "leadingIcon" }), i("slot", { key: "c2182fcca49768b6cad85ef1e6878267e9039356", name: "leadingAccessory" }), i("div", { key: "76b96027037623e0489eda79783b8eb526fc3506", slot: "trailingAccessory", class: "gids-password-field__trailing-accessory" }, n && i(L, { key: "10faa5658661a006a0dfa3772c78aa68285cebfe", label: "clear text", size: "lg", onPressDismiss: this._handleDismiss }), a && i(O, { key: "9035e639421b9a4ccfe781cbc6f90d629ac2d9c3", appearance: "default", size: "xs", width: "intrinsic", disabled: this.disabled, onClick: this._handleRevealPassword }, u ? "Hide" : "Show")))), i("div", { key: "c5ebe85a024f0726428fd68f35940909fd0ffba2", class: "gids-password-field__meters-container" }, i(ie, { key: "113412cc82015efae5c899786cb4550f04454ae4", meterRules: _, text: this.value, textMinLength: c }), i(de, { key: "12e2c502ed1d0b0e22048d92eb17c1cec3baee05", requirements: this.requirementsMeterRequirements, text: this.value, textMinLength: c })));
|
|
195
195
|
}
|
|
196
196
|
get _el() {
|
|
197
197
|
return this;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { n as e, c as t } from "./p-
|
|
2
|
-
const
|
|
1
|
+
import { n as e, c as t } from "./p-BF46eY8H-Xn8Fl9EI.js";
|
|
2
|
+
const r = e, s = t;
|
|
3
3
|
export {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
r as GidsPieChart,
|
|
5
|
+
s as defineCustomElement
|
|
6
6
|
};
|
|
@@ -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: "94d73fbb3f1717237610f6841f6d71bb358f88af" }, a("slot", { key: "e32847e40a883de4a28bab3c34472b1fcf373175", name: "anchor" }), a("div", { key: "91a5b221e8dc9ad5ccd001da496d9fa55f1fb39a", id: "popover", part: "popover", role: "dialog", "aria-modal": "true", tabindex: "-1" }, a("span", { key: "92e4d0a5abbed72f846669c60ca2d5b5423f7d2b", id: "arrow" }), a("div", { key: "9f70b0e84f4d82809668f57725707e6c681fb7c8" }, a("slot", { key: "52f87218d40c71eb70a23552e77b38d3b9f85b2f" }))));
|
|
68
68
|
}
|
|
69
69
|
disconnectedCallback() {
|
|
70
70
|
this.cleanupEventListeners(), this.floatingElementManager?.destroy();
|
|
@@ -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: "6eb29ef0727480d68dde79ff61f76c2fe12ff1ac", class: this.activeClasses, part: "root" }, e("slot", { key: "97c7b27716ed3bd06a2746f5f5abd3b1983cfc85" }));
|
|
20
20
|
}
|
|
21
21
|
get _el() {
|
|
22
22
|
return this;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { L as o, u as r, D as d, P as l, q as i } from "./p-Bf3p-DY2-CPqEc-vc.js";
|
|
2
|
+
import { c as g } from "./clsx-OuTLNxxd.js";
|
|
3
|
+
const u = ({ variant: e, animation: t }) => g("gids-skeleton", {
|
|
4
|
+
"gids-skeleton--variant-circular": e === "circular",
|
|
5
|
+
"gids-skeleton--variant-rectangular": e === "rectangular",
|
|
6
|
+
"gids-skeleton--variant-rounded": e === "rounded",
|
|
7
|
+
"gids-skeleton--animation-pulse": t === "pulse",
|
|
8
|
+
"gids-skeleton--animation-wave": t === "wave"
|
|
9
|
+
}), c = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
10
|
+
__proto__: null,
|
|
11
|
+
getSkeletonBaseClassNames: u
|
|
12
|
+
}, Symbol.toStringTag, { value: "Module" })), { getSkeletonBaseClassNames: m } = c, s = o(class extends r {
|
|
13
|
+
constructor(e) {
|
|
14
|
+
super(), e !== !1 && this.__registerHost(), this.variant = "text", this.animation = "none";
|
|
15
|
+
}
|
|
16
|
+
getDimension(e) {
|
|
17
|
+
if (e != null) return typeof e == "number" ? e + "px" : e;
|
|
18
|
+
}
|
|
19
|
+
getStyle() {
|
|
20
|
+
const e = {}, t = this.getDimension(this.width), n = this.getDimension(this.height);
|
|
21
|
+
return t !== void 0 && (e.width = t), n !== void 0 && (e.height = n), e;
|
|
22
|
+
}
|
|
23
|
+
render() {
|
|
24
|
+
const e = m({ variant: this.variant ?? "text", animation: this.animation ?? "none" });
|
|
25
|
+
return d(l, { key: "c0ab347f9aa9073e5161f3737200c4e34e6be5d5", class: e, style: this.getStyle(), "aria-hidden": "true" });
|
|
26
|
+
}
|
|
27
|
+
static get style() {
|
|
28
|
+
return 'gids-skeleton,.gids-skeleton-host{--gidsSkeleton-background:var( --gids-color-background-accent-9-subtle-default );--gidsSkeleton-wave-background:linear-gradient( 90deg, transparent 0%, var(--gids-color-background-accent-9-subtler-default) 50%, transparent 100% );--gidsSkeleton-text-border-radius:var(--gids-border-radius-sm);--gidsSkeleton-border-radius:var(--gids-border-radius-md);display:inline-block;position:relative;vertical-align:middle;background-color:var(--gidsSkeleton-background);overflow:hidden;width:auto;height:auto}.gids-skeleton--variant-text{border-radius:var(--gidsSkeleton-text-border-radius);min-height:1.2em;transform:scaleY(0.6);transform-origin:0 50%}.gids-skeleton--variant-circular{border-radius:100% !important;aspect-ratio:1/1}.gids-skeleton--variant-rectangular{border-radius:0}.gids-skeleton--variant-rounded{border-radius:var(--gidsSkeleton-border-radius)}.gids-skeleton--animation-none{animation:none}.gids-skeleton--animation-pulse{animation:gids-skeleton-pulse 1.5s ease-in-out infinite}.gids-skeleton--animation-wave::after{content:"";position:absolute;inset:0;width:100%;height:100%;background:var(--gidsSkeleton-wave-background);transform:translateX(-100%);animation:gids-skeleton-wave 1.6s linear infinite}@keyframes gids-skeleton-pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}@keyframes gids-skeleton-wave{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@media (prefers-reduced-motion: reduce){.gids-skeleton--animation-pulse{animation:none}.gids-skeleton--animation-wave::after{animation:none}}';
|
|
29
|
+
}
|
|
30
|
+
}, [0, "gids-skeleton", { variant: [1], animation: [1], width: [8], height: [8] }]);
|
|
31
|
+
function a() {
|
|
32
|
+
typeof customElements < "u" && ["gids-skeleton"].forEach(((e) => {
|
|
33
|
+
e === "gids-skeleton" && (customElements.get(i(e)) || customElements.define(i(e), s));
|
|
34
|
+
}));
|
|
35
|
+
}
|
|
36
|
+
a();
|
|
37
|
+
const v = s, f = a;
|
|
38
|
+
export {
|
|
39
|
+
v as GidsSkeleton,
|
|
40
|
+
f as defineCustomElement
|
|
41
|
+
};
|
|
@@ -1,7 +1,12 @@
|
|
|
1
1
|
import { L as m, u as p, D as r, P as f, q as c } from "./p-Bf3p-DY2-CPqEc-vc.js";
|
|
2
2
|
import { n } from "./nonEmpty-B284_5ai.js";
|
|
3
3
|
import { c as g } from "./clsx-OuTLNxxd.js";
|
|
4
|
-
const y = (
|
|
4
|
+
const o = 99, y = (e, a, i) => e === "dot" || a !== void 0 && a > o || i, k = (e, a) => e === void 0 ? a ?? "" : e > o ? `${o}+` : e.toString(), I = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
5
|
+
__proto__: null,
|
|
6
|
+
getDisplayContent: k,
|
|
7
|
+
maxCount: o,
|
|
8
|
+
shouldIncludeA11yText: y
|
|
9
|
+
}, Symbol.toStringTag, { value: "Module" })), C = ({ appearance: e, type: a, outline: i }, t) => g("gids-badge", {
|
|
5
10
|
"gids-badge--danger": e === "danger",
|
|
6
11
|
"gids-badge--positive": e === "positive",
|
|
7
12
|
"gids-badge--warning": e === "warning",
|
|
@@ -10,14 +15,9 @@ const y = ({ appearance: e, type: a, outline: i }, t) => g("gids-badge", {
|
|
|
10
15
|
"gids-badge--dot": a === "dot"
|
|
11
16
|
}, {
|
|
12
17
|
"gids-badge--outline": i
|
|
13
|
-
}, t),
|
|
18
|
+
}, t), _ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
14
19
|
__proto__: null,
|
|
15
|
-
getGidsBadgeClassNames:
|
|
16
|
-
}, Symbol.toStringTag, { value: "Module" })), o = 99, I = (e, a, i) => e === "dot" || a !== void 0 && a > o || i, C = (e, a) => e === void 0 ? a ?? "" : e > o ? `${o}+` : e.toString(), _ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
17
|
-
__proto__: null,
|
|
18
|
-
getDisplayContent: C,
|
|
19
|
-
maxCount: o,
|
|
20
|
-
shouldIncludeA11yText: I
|
|
20
|
+
getGidsBadgeClassNames: C
|
|
21
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
|
|
@@ -37,7 +37,7 @@ const y = ({ appearance: e, type: a, outline: i }, t) => g("gids-badge", {
|
|
|
37
37
|
}, t), T = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
38
38
|
__proto__: null,
|
|
39
39
|
getGidsTabItemClassNames: x
|
|
40
|
-
}, Symbol.toStringTag, { value: "Module" })), { getDisplayContent: l, shouldIncludeA11yText: w } =
|
|
40
|
+
}, Symbol.toStringTag, { value: "Module" })), { getDisplayContent: l, shouldIncludeA11yText: w } = I, { getGidsBadgeClassNames: A } = _, 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
43
|
}, { getGidsTabItemClassNames: B } = T, b = m(class extends p {
|
|
@@ -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: "6e13996c3a94e3386f759a0ea5b1c371f10d183a", 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;
|
|
@@ -4,10 +4,10 @@ const o = ({ width: e, appearance: t }, d) => l("gids-tab", {
|
|
|
4
4
|
"gids-tab--full": e === "full",
|
|
5
5
|
"gids-tab--item-subtle": t === "subtle",
|
|
6
6
|
"gids-tab--item-underlined": t === "underlined"
|
|
7
|
-
}, d),
|
|
7
|
+
}, d), b = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
8
8
|
__proto__: null,
|
|
9
9
|
getGidsTabClassNames: o
|
|
10
|
-
}, Symbol.toStringTag, { value: "Module" })), { getGidsTabClassNames:
|
|
10
|
+
}, Symbol.toStringTag, { value: "Module" })), { getGidsTabClassNames: p } = b, i = r(class extends h {
|
|
11
11
|
constructor(e) {
|
|
12
12
|
super(), e !== !1 && this.__registerHost(), this.width = "intrinsic", this.appearance = "default";
|
|
13
13
|
}
|
|
@@ -37,8 +37,8 @@ const o = ({ width: e, appearance: t }, d) => l("gids-tab", {
|
|
|
37
37
|
return e === this.activeTabId;
|
|
38
38
|
}
|
|
39
39
|
render() {
|
|
40
|
-
const e =
|
|
41
|
-
return a(c, { key: "
|
|
40
|
+
const e = p({ width: this.width, appearance: this.appearance });
|
|
41
|
+
return a(c, { key: "254190360af6a9e18b533a0742ee6ef38b4bca0e", class: e }, a("slot", { key: "47dc0c55f47de294481568beef3f02bbbe319104" }));
|
|
42
42
|
}
|
|
43
43
|
get hostElement() {
|
|
44
44
|
return this;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { L as u, u as
|
|
2
|
-
import { i as
|
|
3
|
-
import { a as m } from "./p-Dg2yoUxw-
|
|
1
|
+
import { L as u, u as c, z as h, C as b, D as i, q as s } from "./p-Bf3p-DY2-CPqEc-vc.js";
|
|
2
|
+
import { i as f } from "./p-B2zUuNXz-BLBgQDu7.js";
|
|
3
|
+
import { a as m } from "./p-Dg2yoUxw-DliMstZy.js";
|
|
4
4
|
import { r as p } from "./p-UxDcM-C5-BJO4X0jM.js";
|
|
5
|
-
import { h as g } from "./p-
|
|
6
|
-
import { r as x } from "./p-
|
|
5
|
+
import { h as g } from "./p-MnCDY1k9-CgbTyJ5R.js";
|
|
6
|
+
import { r as x } from "./p-DGenc1qz-CMwVEtCm.js";
|
|
7
7
|
import { g as _ } from "./p-D4Pimu_8-ARSuGBs4.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 c {
|
|
28
28
|
constructor(e) {
|
|
29
|
-
super(), e !== !1 && this.__registerHost(), this.gidsTextFieldClear =
|
|
29
|
+
super(), e !== !1 && this.__registerHost(), this.gidsTextFieldClear = h(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
|
+
b(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 = f();
|
|
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: "b682d22f46991610e365d7b2990f61328bbd9f94", disabled: this.disabled, count: F(this.value?.length, this.maxLength), helperText: this.helperText, statusText: this.statusText, status: O(this.status) }, i(m, { key: "e43e0ea57c0990cb5c91b49d3dd5d15143b91c12", 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: "52aa35ac1be6645867d72a6f53383c379965efb3", 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: "46c3612586ecd8477f7cebf869a5d992ab031efb", name: "leadingIcon" }), i("slot", { key: "c32c58b4c81147cae7e60a8c578e8ce08fb811a7", name: "leadingAccessory" }), d && i(p, { key: "5eb55c20c60993b9bb72ab160bbd37bc7ea96390", label: "clear text", slot: "trailingAccessory", size: "lg", onPressDismiss: this._handleDismiss }), i("slot", { key: "6cbf55a7303ef56c392d40bff9b54e620b4134ff", 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: "2db5e111280a88c65cda2c3b700ce17f24189abb" }, e("slot", { key: "9298d0612cd63bfd490313ef0285474554ce4dce" }), e("span", { key: "fc3b147c2b003fe987eda62682c073d98b539437", id: "tooltip", part: "tooltip", role: "tooltip" }, e("span", { key: "e458a1c68930669a10360a4dedb2fb306fc1a3e3", id: "arrow" }), this.tooltipText));
|
|
42
42
|
}
|
|
43
43
|
disconnectedCallback() {
|
|
44
44
|
this.cleanupEventListeners(), this.floatingElementManager?.destroy();
|