@ganpatiinfo/gids-web-dom-reference 3.0.0 → 4.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/CHANGELOG.md +65 -0
- package/dist/components/GidsDismissButton/GidsDismissButton.d.ts +8 -0
- package/dist/components/GidsDismissButton/GidsDismissButton.d.ts.map +1 -0
- package/dist/components/GidsDismissButton/GidsDismissButton.js +20 -0
- package/dist/components/GidsDismissButton/GidsDismissButton.js.map +1 -0
- package/dist/components/GidsField/GidsField.d.ts +7 -0
- package/dist/components/GidsField/GidsField.d.ts.map +1 -0
- package/dist/components/GidsField/GidsField.js +27 -0
- package/dist/components/GidsField/GidsField.js.map +1 -0
- package/dist/components/GidsHeading/GidsHeading.d.ts +7 -0
- package/dist/components/GidsHeading/GidsHeading.d.ts.map +1 -0
- package/dist/components/GidsHeading/GidsHeading.js +45 -0
- package/dist/components/GidsHeading/GidsHeading.js.map +1 -0
- package/dist/components/GidsInput/GidsInput.d.ts +18 -0
- package/dist/components/GidsInput/GidsInput.d.ts.map +1 -0
- package/dist/components/GidsInput/GidsInput.js +28 -0
- package/dist/components/GidsInput/GidsInput.js.map +1 -0
- package/dist/components/GidsLink/GidsLink.d.ts.map +1 -1
- package/dist/components/GidsLink/GidsLink.js.map +1 -1
- package/dist/components/GidsLogo/GidsLogo.d.ts +8 -0
- package/dist/components/GidsLogo/GidsLogo.d.ts.map +1 -0
- package/dist/components/GidsLogo/GidsLogo.js +25 -0
- package/dist/components/GidsLogo/GidsLogo.js.map +1 -0
- package/dist/components/GidsNotification/GidsNotification.d.ts +4 -0
- package/dist/components/GidsNotification/GidsNotification.d.ts.map +1 -0
- package/dist/components/GidsNotification/GidsNotification.js +30 -0
- package/dist/components/GidsNotification/GidsNotification.js.map +1 -0
- package/dist/components/GidsOverlayProvider/GidsOverlayProvider.d.ts +7 -0
- package/dist/components/GidsOverlayProvider/GidsOverlayProvider.d.ts.map +1 -0
- package/dist/components/GidsOverlayProvider/GidsOverlayProvider.js +7 -0
- package/dist/components/GidsOverlayProvider/GidsOverlayProvider.js.map +1 -0
- package/dist/components/GidsPasswordField/GidsPasswordField.d.ts +16 -0
- package/dist/components/GidsPasswordField/GidsPasswordField.d.ts.map +1 -0
- package/dist/components/GidsPasswordField/GidsPasswordField.js +34 -0
- package/dist/components/GidsPasswordField/GidsPasswordField.js.map +1 -0
- package/dist/components/GidsRequirementsMeter/GidsRequirementsMeter.d.ts +6 -0
- package/dist/components/GidsRequirementsMeter/GidsRequirementsMeter.d.ts.map +1 -0
- package/dist/components/GidsRequirementsMeter/GidsRequirementsMeter.js +48 -0
- package/dist/components/GidsRequirementsMeter/GidsRequirementsMeter.js.map +1 -0
- package/dist/components/GidsSearchBar/GidsSearchBar.d.ts +9 -0
- package/dist/components/GidsSearchBar/GidsSearchBar.d.ts.map +1 -0
- package/dist/components/GidsSearchBar/GidsSearchBar.js +59 -0
- package/dist/components/GidsSearchBar/GidsSearchBar.js.map +1 -0
- package/dist/components/GidsSectionNotice/GidsSectionNotice.d.ts.map +1 -1
- package/dist/components/GidsSectionNotice/GidsSectionNotice.js.map +1 -1
- package/dist/components/GidsSegmentedControl/GidsSegmentedControl.d.ts +9 -0
- package/dist/components/GidsSegmentedControl/GidsSegmentedControl.d.ts.map +1 -0
- package/dist/components/GidsSegmentedControl/GidsSegmentedControl.js +45 -0
- package/dist/components/GidsSegmentedControl/GidsSegmentedControl.js.map +1 -0
- package/dist/components/GidsSegmentedTabItem/GidsSegmentedTabItem.d.ts +9 -0
- package/dist/components/GidsSegmentedTabItem/GidsSegmentedTabItem.d.ts.map +1 -0
- package/dist/components/GidsSegmentedTabItem/GidsSegmentedTabItem.js +40 -0
- package/dist/components/GidsSegmentedTabItem/GidsSegmentedTabItem.js.map +1 -0
- package/dist/components/GidsSnackbar/GidsSnackbar.d.ts +4 -0
- package/dist/components/GidsSnackbar/GidsSnackbar.d.ts.map +1 -0
- package/dist/components/GidsSnackbar/GidsSnackbar.js +24 -0
- package/dist/components/GidsSnackbar/GidsSnackbar.js.map +1 -0
- package/dist/components/GidsStatusTag/GidsStatusTag.d.ts +6 -0
- package/dist/components/GidsStatusTag/GidsStatusTag.d.ts.map +1 -0
- package/dist/components/GidsStatusTag/GidsStatusTag.js +18 -0
- package/dist/components/GidsStatusTag/GidsStatusTag.js.map +1 -0
- package/dist/components/GidsStepper/GidsStepper.d.ts +8 -0
- package/dist/components/GidsStepper/GidsStepper.d.ts.map +1 -0
- package/dist/components/GidsStepper/GidsStepper.js +67 -0
- package/dist/components/GidsStepper/GidsStepper.js.map +1 -0
- package/dist/components/GidsStrengthMeter/GidsStrengthMeter.d.ts +6 -0
- package/dist/components/GidsStrengthMeter/GidsStrengthMeter.d.ts.map +1 -0
- package/dist/components/GidsStrengthMeter/GidsStrengthMeter.js +51 -0
- package/dist/components/GidsStrengthMeter/GidsStrengthMeter.js.map +1 -0
- package/dist/components/GidsTextField/GidsTextField.d.ts +13 -0
- package/dist/components/GidsTextField/GidsTextField.d.ts.map +1 -0
- package/dist/components/GidsTextField/GidsTextField.js +27 -0
- package/dist/components/GidsTextField/GidsTextField.js.map +1 -0
- package/dist/components/GidsTopNavigation/GidsTopNavigation.d.ts +9 -0
- package/dist/components/GidsTopNavigation/GidsTopNavigation.d.ts.map +1 -0
- package/dist/components/GidsTopNavigation/GidsTopNavigation.js +61 -0
- package/dist/components/GidsTopNavigation/GidsTopNavigation.js.map +1 -0
- package/dist/components/_GidsNotificationContainer/GidsNotificationContainer.d.ts +9 -0
- package/dist/components/_GidsNotificationContainer/GidsNotificationContainer.d.ts.map +1 -0
- package/dist/components/_GidsNotificationContainer/GidsNotificationContainer.js +73 -0
- package/dist/components/_GidsNotificationContainer/GidsNotificationContainer.js.map +1 -0
- package/dist/components/_GidsRequirementsMeterLabel/GidsRequirementsMeterLabel.d.ts +6 -0
- package/dist/components/_GidsRequirementsMeterLabel/GidsRequirementsMeterLabel.d.ts.map +1 -0
- package/dist/components/_GidsRequirementsMeterLabel/GidsRequirementsMeterLabel.js +26 -0
- package/dist/components/_GidsRequirementsMeterLabel/GidsRequirementsMeterLabel.js.map +1 -0
- package/dist/components/_GidsSnackbarContainer/GidsSnackbarContainer.d.ts +8 -0
- package/dist/components/_GidsSnackbarContainer/GidsSnackbarContainer.d.ts.map +1 -0
- package/dist/components/_GidsSnackbarContainer/GidsSnackbarContainer.js +37 -0
- package/dist/components/_GidsSnackbarContainer/GidsSnackbarContainer.js.map +1 -0
- package/dist/index.d.ts +21 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +21 -0
- package/dist/index.js.map +1 -1
- package/dist/utils/domUtils.d.ts +2 -0
- package/dist/utils/domUtils.d.ts.map +1 -1
- package/dist/utils/domUtils.js +17 -0
- package/dist/utils/domUtils.js.map +1 -1
- package/package.json +4 -4
- package/src/components/GidsDismissButton/GidsDismissButton.ts +45 -0
- package/src/components/GidsField/GidsField.ts +55 -0
- package/src/components/GidsHeading/GidsHeading.ts +72 -0
- package/src/components/GidsInput/GidsInput.ts +64 -0
- package/src/components/GidsLink/GidsLink.ts +20 -20
- package/src/components/GidsLogo/GidsLogo.ts +60 -0
- package/src/components/GidsNotification/GidsNotification.ts +48 -0
- package/src/components/GidsOverlayProvider/GidsOverlayProvider.ts +16 -0
- package/src/components/GidsPasswordField/GidsPasswordField.ts +77 -0
- package/src/components/GidsRequirementsMeter/GidsRequirementsMeter.ts +71 -0
- package/src/components/GidsSearchBar/GidsSearchBar.ts +103 -0
- package/src/components/GidsSectionNotice/GidsSectionNotice.ts +74 -74
- package/src/components/GidsSegmentedControl/GidsSegmentedControl.ts +75 -0
- package/src/components/GidsSegmentedTabItem/GidsSegmentedTabItem.ts +75 -0
- package/src/components/GidsSnackbar/GidsSnackbar.ts +40 -0
- package/src/components/GidsStatusTag/GidsStatusTag.ts +43 -0
- package/src/components/GidsStepper/GidsStepper.ts +94 -0
- package/src/components/GidsStrengthMeter/GidsStrengthMeter.ts +78 -0
- package/src/components/GidsTextField/GidsTextField.ts +59 -0
- package/src/components/GidsTopNavigation/GidsTopNavigation.ts +123 -0
- package/src/components/_GidsNotificationContainer/GidsNotificationContainer.ts +125 -0
- package/src/components/_GidsRequirementsMeterLabel/GidsRequirementsMeterLabel.ts +50 -0
- package/src/components/_GidsSnackbarContainer/GidsSnackbarContainer.ts +68 -0
- package/src/index.ts +21 -0
- package/src/utils/domUtils.ts +75 -48
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsSearchBar.js","sourceRoot":"","sources":["../../../src/components/GidsSearchBar/GidsSearchBar.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,qBAAqB,GACtB,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EACL,gBAAgB,GAEjB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAEzE,MAAM,EAAE,iBAAiB,EAAE,GAAG,wBAAwB,CAAC;AACvD,MAAM,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,GAAG,qBAAqB,CAAC;AAa3E,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,KAA4B,EACZ,EAAE;IAClB,MAAM,EACJ,YAAY,EACZ,WAAW,EACX,oBAAoB,EACpB,QAAQ,EACR,OAAO,EACP,OAAO,EACP,MAAM,EACN,IAAI,GAAG,SAAS,EAChB,KAAK,GAAG,EAAE,EACV,UAAU,EACV,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,aAAa,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAE7C,0CAA0C;IAC1C,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAChD,SAAS,CAAC,SAAS,GAAG,sBAAsB,CAAC,YAAY,CAAC,CAAC;IAE3D,MAAM,kBAAkB,GAAG,WAAW;QACpC,CAAC,CAAC,WAAW;QACb,CAAC,CAAC,WAAW,CAAC;YACV,IAAI,EAAE,QAAQ;YACd,UAAU,EAAE,SAAS;YACrB,IAAI,EAAE,IAAI;SACX,CAAC,CAAC;IAEP,MAAM,kBAAkB,GAAG,CAAC,KAAwB,EAAE,EAAE;QACtD,oBAAoB,EAAE,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,KAAY,EAAE,EAAE;QACpC,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,KAAK,CAAC,CAAC;QAClB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,KAAiB,EAAE,EAAE;QACxC,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,cAAc,GAA0B;QAC5C,GAAG,SAAS;QACZ,gBAAgB,EAAE,SAAS;QAC3B,eAAe,EAAE,IAAI;QACrB,WAAW,EAAE,kBAAkB;QAC/B,oBAAoB,EAAE,kBAAkB;QACxC,QAAQ,EAAE,YAAY;QACtB,OAAO,EAAE,WAAW;QACpB,OAAO;QACP,MAAM;QACN,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,QAAQ;QACf,UAAU,EAAE;YACV,GAAG,UAAU;YACb,WAAW,EACT,UAAU,EAAE,WAAW,IAAI,UAAU,CAAC,WAAW,KAAK,EAAE;gBACtD,CAAC,CAAC,UAAU,CAAC,WAAW;gBACxB,CAAC,CAAC,QAAQ;SACf;KACF,CAAC;IAEF,gCAAgC;IAChC,MAAM,SAAS,GAAG,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAEnD,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IAE5B,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GidsSectionNotice.d.ts","sourceRoot":"","sources":["../../../src/components/GidsSectionNotice/GidsSectionNotice.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"GidsSectionNotice.d.ts","sourceRoot":"","sources":["../../../src/components/GidsSectionNotice/GidsSectionNotice.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,4BAA4B,EAClC,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EAEL,KAAK,WAAW,EAChB,KAAK,eAAe,EACrB,MAAM,yBAAyB,CAAC;AASjC,MAAM,WAAW,yBACf,SAAQ,4BAA4B,CAAC,eAAe,EAAE,WAAW,CAAC;IAClE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CAC9C;AAED,eAAO,MAAM,oBAAoB,GAAI,+EAOlC,yBAAyB,KAAG,cA0E9B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GidsSectionNotice.js","sourceRoot":"","sources":["../../../src/components/GidsSectionNotice/GidsSectionNotice.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"GidsSectionNotice.js","sourceRoot":"","sources":["../../../src/components/GidsSectionNotice/GidsSectionNotice.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { GidsSegmentedTabItemPressedReturnedProps, type GidsSegmentedControlCommonProps } from '@ganpatiinfo/gids-core-shared';
|
|
2
|
+
import { type ClassValue } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { type DomNodeOrString } from '../../utils/domUtils.js';
|
|
4
|
+
export interface GidsSegmentedControlDomProps extends GidsSegmentedControlCommonProps<DomNodeOrString, string> {
|
|
5
|
+
onPress?: (props: GidsSegmentedTabItemPressedReturnedProps) => void;
|
|
6
|
+
className?: ClassValue;
|
|
7
|
+
}
|
|
8
|
+
export declare const GidsSegmentedControlDom: ({ width, tabItems, onPress, className, }: GidsSegmentedControlDomProps) => HTMLDivElement;
|
|
9
|
+
//# sourceMappingURL=GidsSegmentedControl.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsSegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/components/GidsSegmentedControl/GidsSegmentedControl.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,wCAAwC,EACxC,KAAK,+BAA+B,EACrC,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACL,KAAK,UAAU,EAEhB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAK/D,MAAM,WAAW,4BAA6B,SAAQ,+BAA+B,CACnF,eAAe,EACf,MAAM,CACP;IACC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,wCAAwC,KAAK,IAAI,CAAC;IACpE,SAAS,CAAC,EAAE,UAAU,CAAC;CACxB;AAED,eAAO,MAAM,uBAAuB,GAAI,0CAKrC,4BAA4B,KAAG,cAgDjC,CAAC"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { GidsSegmentedControlWebUtils, } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
import { GidsSegmentedTabItemDom } from '../GidsSegmentedTabItem/GidsSegmentedTabItem.js';
|
|
3
|
+
const { getGidsSegmentedControlClassNames } = GidsSegmentedControlWebUtils;
|
|
4
|
+
export const GidsSegmentedControlDom = ({ width = 'intrinsic', tabItems, onPress, className, }) => {
|
|
5
|
+
const segmentedControl = document.createElement('div');
|
|
6
|
+
segmentedControl.className = getGidsSegmentedControlClassNames({ width }, className);
|
|
7
|
+
if (tabItems && tabItems.length > 0) {
|
|
8
|
+
// This function renders (or re-renders) the tabs
|
|
9
|
+
const renderTabs = (selectedIndex) => {
|
|
10
|
+
// Clear existing tabs
|
|
11
|
+
segmentedControl.innerHTML = '';
|
|
12
|
+
if (tabItems && tabItems.length > 0) {
|
|
13
|
+
tabItems.forEach((tabItem, index) => {
|
|
14
|
+
// Determine if this tab is selected
|
|
15
|
+
// Priority: 1. The newly clicked index, 2. The initial tabItem.selected state
|
|
16
|
+
let isSelected = false;
|
|
17
|
+
if (selectedIndex !== undefined && selectedIndex !== null) {
|
|
18
|
+
isSelected = index === selectedIndex;
|
|
19
|
+
}
|
|
20
|
+
else {
|
|
21
|
+
isSelected = index === 0 ? true : false;
|
|
22
|
+
}
|
|
23
|
+
const tabElement = GidsSegmentedTabItemDom({
|
|
24
|
+
...tabItem,
|
|
25
|
+
index,
|
|
26
|
+
selected: isSelected,
|
|
27
|
+
width: width,
|
|
28
|
+
onPress: (returnedProps) => {
|
|
29
|
+
// Re-render all tabs with the new selection
|
|
30
|
+
renderTabs(returnedProps.selectedIndex);
|
|
31
|
+
// Notify external listeners
|
|
32
|
+
if (onPress)
|
|
33
|
+
onPress(returnedProps);
|
|
34
|
+
},
|
|
35
|
+
});
|
|
36
|
+
segmentedControl.appendChild(tabElement);
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
};
|
|
40
|
+
// Initial render
|
|
41
|
+
renderTabs();
|
|
42
|
+
}
|
|
43
|
+
return segmentedControl;
|
|
44
|
+
};
|
|
45
|
+
//# sourceMappingURL=GidsSegmentedControl.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsSegmentedControl.js","sourceRoot":"","sources":["../../../src/components/GidsSegmentedControl/GidsSegmentedControl.ts"],"names":[],"mappings":"AAIA,OAAO,EAEL,4BAA4B,GAC7B,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EAAE,uBAAuB,EAAE,MAAM,iDAAiD,CAAC;AAE1F,MAAM,EAAE,iCAAiC,EAAE,GAAG,4BAA4B,CAAC;AAU3E,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EACtC,KAAK,GAAG,WAAW,EACnB,QAAQ,EACR,OAAO,EACP,SAAS,GACoB,EAAkB,EAAE;IACjD,MAAM,gBAAgB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACvD,gBAAgB,CAAC,SAAS,GAAG,iCAAiC,CAC5D,EAAE,KAAK,EAAE,EACT,SAAS,CACV,CAAC;IAEF,IAAI,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACpC,iDAAiD;QACjD,MAAM,UAAU,GAAG,CAAC,aAAsB,EAAE,EAAE;YAC5C,sBAAsB;YACtB,gBAAgB,CAAC,SAAS,GAAG,EAAE,CAAC;YAEhC,IAAI,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACpC,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;oBAClC,oCAAoC;oBACpC,8EAA8E;oBAE9E,IAAI,UAAU,GAAG,KAAK,CAAC;oBACvB,IAAI,aAAa,KAAK,SAAS,IAAI,aAAa,KAAK,IAAI,EAAE,CAAC;wBAC1D,UAAU,GAAG,KAAK,KAAK,aAAa,CAAC;oBACvC,CAAC;yBAAM,CAAC;wBACN,UAAU,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;oBAC1C,CAAC;oBAED,MAAM,UAAU,GAAG,uBAAuB,CAAC;wBACzC,GAAG,OAAO;wBACV,KAAK;wBACL,QAAQ,EAAE,UAAU;wBACpB,KAAK,EAAE,KAAK;wBACZ,OAAO,EAAE,CAAC,aAAa,EAAE,EAAE;4BACzB,4CAA4C;4BAC5C,UAAU,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;4BACxC,4BAA4B;4BAC5B,IAAI,OAAO;gCAAE,OAAO,CAAC,aAAa,CAAC,CAAC;wBACtC,CAAC;qBACF,CAAC,CAAC;oBAEH,gBAAgB,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;gBAC3C,CAAC,CAAC,CAAC;YACL,CAAC;QACH,CAAC,CAAC;QAEF,iBAAiB;QACjB,UAAU,EAAE,CAAC;IACf,CAAC;IAED,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type GidsSegmentedTabItemPressedReturnedProps, type GidsSegmentedTabItemCommonProps } from '@ganpatiinfo/gids-core-shared';
|
|
2
|
+
import { type ClassValue } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { type DomNodeOrString } from '../../utils/domUtils.js';
|
|
4
|
+
export interface GidsSegmentedTabItemDomProps extends GidsSegmentedTabItemCommonProps<DomNodeOrString, string> {
|
|
5
|
+
onPress?: (props: GidsSegmentedTabItemPressedReturnedProps) => void;
|
|
6
|
+
className?: ClassValue;
|
|
7
|
+
}
|
|
8
|
+
export declare const GidsSegmentedTabItemDom: ({ index, label, selected, badge, badgeAccessibleText, badgeAppearance, onPress, className, width, }: GidsSegmentedTabItemDomProps) => HTMLButtonElement;
|
|
9
|
+
//# sourceMappingURL=GidsSegmentedTabItem.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsSegmentedTabItem.d.ts","sourceRoot":"","sources":["../../../src/components/GidsSegmentedTabItem/GidsSegmentedTabItem.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,wCAAwC,EAC7C,KAAK,+BAA+B,EACrC,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACL,KAAK,UAAU,EAEhB,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAK/D,MAAM,WAAW,4BAA6B,SAAQ,+BAA+B,CACnF,eAAe,EACf,MAAM,CACP;IACC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,wCAAwC,KAAK,IAAI,CAAC;IACpE,SAAS,CAAC,EAAE,UAAU,CAAC;CACxB;AAED,eAAO,MAAM,uBAAuB,GAAI,qGAUrC,4BAA4B,KAAG,iBA0CjC,CAAC"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { GidsSegmentedTabItemWebUtils, } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
import clsx from 'clsx';
|
|
3
|
+
import { GidsBadgeDom } from '../GidsBadge/GidsBadge.js';
|
|
4
|
+
const { getGidsSegmentedTabItemClassNames } = GidsSegmentedTabItemWebUtils;
|
|
5
|
+
export const GidsSegmentedTabItemDom = ({ index, label, selected = false, badge = false, badgeAccessibleText, badgeAppearance = 'information', onPress, className, width = 'intrinsic', }) => {
|
|
6
|
+
const segmentedTabItem = document.createElement('button');
|
|
7
|
+
segmentedTabItem.className = getGidsSegmentedTabItemClassNames({ selected, width }, className);
|
|
8
|
+
segmentedTabItem.setAttribute('data-gids-segmented-item', 'true');
|
|
9
|
+
segmentedTabItem.setAttribute('aria-selected', selected.toString());
|
|
10
|
+
segmentedTabItem.addEventListener('click', () => {
|
|
11
|
+
if (onPress) {
|
|
12
|
+
onPress({
|
|
13
|
+
selectedIndex: index,
|
|
14
|
+
});
|
|
15
|
+
}
|
|
16
|
+
});
|
|
17
|
+
if (label && label !== '') {
|
|
18
|
+
if (typeof label === 'string') {
|
|
19
|
+
const labelElement = document.createElement('label');
|
|
20
|
+
labelElement.className = clsx('gids-segmented-tab-item__label', {
|
|
21
|
+
'gids-segmented-tab-item__selected-label': selected,
|
|
22
|
+
});
|
|
23
|
+
labelElement.textContent = label;
|
|
24
|
+
segmentedTabItem.appendChild(labelElement);
|
|
25
|
+
}
|
|
26
|
+
else {
|
|
27
|
+
segmentedTabItem.appendChild(label);
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
if (badge) {
|
|
31
|
+
segmentedTabItem.appendChild(GidsBadgeDom({
|
|
32
|
+
accessibleText: badgeAccessibleText,
|
|
33
|
+
appearance: badgeAppearance,
|
|
34
|
+
outline: false,
|
|
35
|
+
type: 'dot',
|
|
36
|
+
}));
|
|
37
|
+
}
|
|
38
|
+
return segmentedTabItem;
|
|
39
|
+
};
|
|
40
|
+
//# sourceMappingURL=GidsSegmentedTabItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsSegmentedTabItem.js","sourceRoot":"","sources":["../../../src/components/GidsSegmentedTabItem/GidsSegmentedTabItem.ts"],"names":[],"mappings":"AAIA,OAAO,EAEL,4BAA4B,GAC7B,MAAM,8BAA8B,CAAC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD,MAAM,EAAE,iCAAiC,EAAE,GAAG,4BAA4B,CAAC;AAU3E,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EACtC,KAAK,EACL,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,KAAK,EACb,mBAAmB,EACnB,eAAe,GAAG,aAAa,EAC/B,OAAO,EACP,SAAS,EACT,KAAK,GAAG,WAAW,GACU,EAAqB,EAAE;IACpD,MAAM,gBAAgB,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC1D,gBAAgB,CAAC,SAAS,GAAG,iCAAiC,CAC5D,EAAE,QAAQ,EAAE,KAAK,EAAE,EACnB,SAAS,CACV,CAAC;IACF,gBAAgB,CAAC,YAAY,CAAC,0BAA0B,EAAE,MAAM,CAAC,CAAC;IAClE,gBAAgB,CAAC,YAAY,CAAC,eAAe,EAAE,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC;IAEpE,gBAAgB,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;QAC9C,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC;gBACN,aAAa,EAAE,KAAK;aACrB,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,KAAK,IAAI,KAAK,KAAK,EAAE,EAAE,CAAC;QAC1B,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC9B,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YACrD,YAAY,CAAC,SAAS,GAAG,IAAI,CAAC,gCAAgC,EAAE;gBAC9D,yCAAyC,EAAE,QAAQ;aACpD,CAAC,CAAC;YACH,YAAY,CAAC,WAAW,GAAG,KAAK,CAAC;YACjC,gBAAgB,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;QAC7C,CAAC;aAAM,CAAC;YACN,gBAAgB,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QACtC,CAAC;IACH,CAAC;IAED,IAAI,KAAK,EAAE,CAAC;QACV,gBAAgB,CAAC,WAAW,CAC1B,YAAY,CAAC;YACX,cAAc,EAAE,mBAAmB;YACnC,UAAU,EAAE,eAAe;YAC3B,OAAO,EAAE,KAAK;YACd,IAAI,EAAE,KAAK;SACZ,CAAC,CACH,CAAC;IACJ,CAAC;IAED,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { type GidsSnackbarWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
export type GidsSnackbarDomProps = GidsSnackbarWebProps;
|
|
3
|
+
export declare const GidsSnackbarDom: ({ message, appearance, show, onQueueSnackbar, buttonLabel, onButtonClick, position, timerInMs, }: GidsSnackbarDomProps) => HTMLElement;
|
|
4
|
+
//# sourceMappingURL=GidsSnackbar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsSnackbar.d.ts","sourceRoot":"","sources":["../../../src/components/GidsSnackbar/GidsSnackbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAEzE,MAAM,MAAM,oBAAoB,GAAG,oBAAoB,CAAC;AAExD,eAAO,MAAM,eAAe,GAAI,kGAS7B,oBAAoB,KAAG,WA0BzB,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
export const GidsSnackbarDom = ({ message, appearance = 'default', show, onQueueSnackbar, buttonLabel, onButtonClick, position = 'bottom-center', timerInMs, }) => {
|
|
2
|
+
const snackbar = document.createElement('gids-snackbar');
|
|
3
|
+
if (message) {
|
|
4
|
+
snackbar.setAttribute('message', message);
|
|
5
|
+
}
|
|
6
|
+
if (appearance) {
|
|
7
|
+
snackbar.setAttribute('appearance', appearance);
|
|
8
|
+
}
|
|
9
|
+
snackbar.setAttribute('position', position);
|
|
10
|
+
snackbar.setAttribute('timer-in-ms', timerInMs ? `${timerInMs}` : '0');
|
|
11
|
+
snackbar.toggleAttribute('show', show ? show : false);
|
|
12
|
+
if (onQueueSnackbar) {
|
|
13
|
+
snackbar.addEventListener('queueSnackbar', onQueueSnackbar);
|
|
14
|
+
}
|
|
15
|
+
if (buttonLabel) {
|
|
16
|
+
snackbar.setAttribute('button-label', buttonLabel);
|
|
17
|
+
}
|
|
18
|
+
if (onButtonClick) {
|
|
19
|
+
// @ts-expect-error Expected
|
|
20
|
+
snackbar.onButtonClick = onButtonClick;
|
|
21
|
+
}
|
|
22
|
+
return snackbar;
|
|
23
|
+
};
|
|
24
|
+
//# sourceMappingURL=GidsSnackbar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsSnackbar.js","sourceRoot":"","sources":["../../../src/components/GidsSnackbar/GidsSnackbar.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,OAAO,EACP,UAAU,GAAG,SAAS,EACtB,IAAI,EACJ,eAAe,EACf,WAAW,EACX,aAAa,EACb,QAAQ,GAAG,eAAe,EAC1B,SAAS,GACY,EAAe,EAAE;IACtC,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;IAEzD,IAAI,OAAO,EAAE,CAAC;QACZ,QAAQ,CAAC,YAAY,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IAC5C,CAAC;IACD,IAAI,UAAU,EAAE,CAAC;QACf,QAAQ,CAAC,YAAY,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;IAClD,CAAC;IACD,QAAQ,CAAC,YAAY,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;IAC5C,QAAQ,CAAC,YAAY,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IAEvE,QAAQ,CAAC,eAAe,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAEtD,IAAI,eAAe,EAAE,CAAC;QACpB,QAAQ,CAAC,gBAAgB,CAAC,eAAe,EAAE,eAAe,CAAC,CAAC;IAC9D,CAAC;IACD,IAAI,WAAW,EAAE,CAAC;QAChB,QAAQ,CAAC,YAAY,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC;IACrD,CAAC;IACD,IAAI,aAAa,EAAE,CAAC;QAClB,4BAA4B;QAC5B,QAAQ,CAAC,aAAa,GAAG,aAAa,CAAC;IACzC,CAAC;IAED,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { type GidsStatusTagCommonProps } from '@ganpatiinfo/gids-core-shared';
|
|
2
|
+
export interface GidsStatusTagDomProps extends GidsStatusTagCommonProps {
|
|
3
|
+
extraClasses?: string;
|
|
4
|
+
}
|
|
5
|
+
export declare const GidsStatusTagDom: (props: GidsStatusTagDomProps) => HTMLDivElement;
|
|
6
|
+
//# sourceMappingURL=GidsStatusTag.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsStatusTag.d.ts","sourceRoot":"","sources":["../../../src/components/GidsStatusTag/GidsStatusTag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAQ9E,MAAM,WAAW,qBAAsB,SAAQ,wBAAwB;IACrE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,gBAAgB,GAC3B,OAAO,qBAAqB,KAC3B,cA4BF,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { GidsStatusTagWebUtils } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
import { GidsIconDom } from '../GidsIcon/GidsIcon.js';
|
|
3
|
+
const { getGidsStatusTagClassNames, getStatusTagText, getStatusTagIconName } = GidsStatusTagWebUtils;
|
|
4
|
+
export const GidsStatusTagDom = (props) => {
|
|
5
|
+
const { type = 'new', appearance = 'subtlest', size = 'sm', extraClasses, } = props;
|
|
6
|
+
const statusTag = document.createElement('div');
|
|
7
|
+
statusTag.className = getGidsStatusTagClassNames({ appearance, size, type }, extraClasses);
|
|
8
|
+
const statusTagIconName = getStatusTagIconName(type);
|
|
9
|
+
statusTag.append(GidsIconDom({
|
|
10
|
+
name: statusTagIconName,
|
|
11
|
+
appearance: 'filled',
|
|
12
|
+
}));
|
|
13
|
+
const label = document.createElement('label');
|
|
14
|
+
label.textContent = getStatusTagText(type) ?? '';
|
|
15
|
+
statusTag.appendChild(label);
|
|
16
|
+
return statusTag;
|
|
17
|
+
};
|
|
18
|
+
//# sourceMappingURL=GidsStatusTag.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsStatusTag.js","sourceRoot":"","sources":["../../../src/components/GidsStatusTag/GidsStatusTag.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAGtD,MAAM,EAAE,0BAA0B,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,GAC1E,qBAAqB,CAAC;AAMxB,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,KAA4B,EACZ,EAAE;IAClB,MAAM,EACJ,IAAI,GAAG,KAAK,EACZ,UAAU,GAAG,UAAU,EACvB,IAAI,GAAG,IAAI,EACX,YAAY,GACb,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAChD,SAAS,CAAC,SAAS,GAAG,0BAA0B,CAC9C,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,EAC1B,YAAY,CACb,CAAC;IAEF,MAAM,iBAAiB,GAAG,oBAAoB,CAAW,IAAI,CAAC,CAAC;IAC/D,SAAS,CAAC,MAAM,CACd,WAAW,CAAC;QACV,IAAI,EAAE,iBAAiB;QACvB,UAAU,EAAE,QAAQ;KACrB,CAAC,CACH,CAAC;IAEF,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9C,KAAK,CAAC,WAAW,GAAG,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;IAEjD,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAE7B,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { type StepClickProps, type GidsStepperCommonProps } from '@ganpatiinfo/gids-core-shared';
|
|
2
|
+
export interface GidsStepperDomProps extends GidsStepperCommonProps {
|
|
3
|
+
extraClasses?: string;
|
|
4
|
+
onClickMinus?: (params: StepClickProps) => void;
|
|
5
|
+
onClickPlus?: (params: StepClickProps) => void;
|
|
6
|
+
}
|
|
7
|
+
export declare const GidsStepperDom: ({ disabled, extraClasses, onClickMinus, onClickPlus, }: GidsStepperDomProps) => HTMLDivElement;
|
|
8
|
+
//# sourceMappingURL=GidsStepper.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsStepper.d.ts","sourceRoot":"","sources":["../../../src/components/GidsStepper/GidsStepper.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,sBAAsB,EAC5B,MAAM,+BAA+B,CAAC;AAQvC,MAAM,WAAW,mBAAoB,SAAQ,sBAAsB;IACjE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAChD,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;CAChD;AAED,eAAO,MAAM,cAAc,GAAI,wDAK5B,mBAAmB,KAAG,cAsExB,CAAC"}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import { GidsStepperCommonUtils, } from '@ganpatiinfo/gids-core-shared';
|
|
2
|
+
import { GidsStepperWebUtils } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { GidsButtonDom } from '../GidsButton/GidsButton.js';
|
|
4
|
+
import { GidsIconDom } from '../GidsIcon/GidsIcon.js';
|
|
5
|
+
const { isStepperMinusDisabled } = GidsStepperCommonUtils;
|
|
6
|
+
const { getGidsStepperClassNames } = GidsStepperWebUtils;
|
|
7
|
+
export const GidsStepperDom = ({ disabled, extraClasses, onClickMinus, onClickPlus, }) => {
|
|
8
|
+
// 1. Maintain internal state within the closure
|
|
9
|
+
let currentValue = 0;
|
|
10
|
+
const stepper = document.createElement('div');
|
|
11
|
+
stepper.className = getGidsStepperClassNames(extraClasses);
|
|
12
|
+
// 2. Create the display label
|
|
13
|
+
const label = document.createElement('label');
|
|
14
|
+
label.className = `gids-stepper__label ${disabled ? 'gids-stepper__label-disabled' : ''}`;
|
|
15
|
+
// Helper to update the text content
|
|
16
|
+
const updateLabel = () => {
|
|
17
|
+
label.textContent = `${currentValue}`;
|
|
18
|
+
};
|
|
19
|
+
updateLabel();
|
|
20
|
+
// 3. Create the buttons
|
|
21
|
+
const minusButton = GidsButtonDom({
|
|
22
|
+
leadingIcon: GidsIconDom({
|
|
23
|
+
name: 'minus',
|
|
24
|
+
size: 'md',
|
|
25
|
+
appearance: 'regular',
|
|
26
|
+
}),
|
|
27
|
+
disabled: disabled || isStepperMinusDisabled({ stepText: currentValue }),
|
|
28
|
+
size: 'sm',
|
|
29
|
+
width: 'intrinsic',
|
|
30
|
+
appearance: 'default',
|
|
31
|
+
onClick: () => {
|
|
32
|
+
if (disabled)
|
|
33
|
+
return;
|
|
34
|
+
currentValue -= 1;
|
|
35
|
+
updateLabel();
|
|
36
|
+
// Re-evaluate the disabled state of the minus button dynamically
|
|
37
|
+
const isMinusDisabled = disabled || isStepperMinusDisabled({ stepText: currentValue });
|
|
38
|
+
minusButton.toggleAttribute('disabled', isMinusDisabled);
|
|
39
|
+
onClickMinus?.({ stepText: currentValue });
|
|
40
|
+
},
|
|
41
|
+
});
|
|
42
|
+
const plusButton = GidsButtonDom({
|
|
43
|
+
leadingIcon: GidsIconDom({
|
|
44
|
+
name: 'plus',
|
|
45
|
+
size: 'md',
|
|
46
|
+
appearance: 'regular',
|
|
47
|
+
}),
|
|
48
|
+
disabled: disabled,
|
|
49
|
+
size: 'sm',
|
|
50
|
+
width: 'intrinsic',
|
|
51
|
+
appearance: 'default',
|
|
52
|
+
onClick: () => {
|
|
53
|
+
if (disabled)
|
|
54
|
+
return;
|
|
55
|
+
currentValue += 1;
|
|
56
|
+
updateLabel();
|
|
57
|
+
// Ensure the minus button is un-disabled if it was previously locked
|
|
58
|
+
const isMinusDisabled = disabled || isStepperMinusDisabled({ stepText: currentValue });
|
|
59
|
+
minusButton.toggleAttribute('disabled', isMinusDisabled);
|
|
60
|
+
onClickPlus?.({ stepText: currentValue });
|
|
61
|
+
},
|
|
62
|
+
});
|
|
63
|
+
// 4. Assemble the DOM
|
|
64
|
+
stepper.append(minusButton, label, plusButton);
|
|
65
|
+
return stepper;
|
|
66
|
+
};
|
|
67
|
+
//# sourceMappingURL=GidsStepper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsStepper.js","sourceRoot":"","sources":["../../../src/components/GidsStepper/GidsStepper.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { type GidsStrengthMeterCommonProps } from '@ganpatiinfo/gids-core-shared';
|
|
2
|
+
export interface GidsStrengthMeterDomProps extends GidsStrengthMeterCommonProps {
|
|
3
|
+
extraClasses?: string;
|
|
4
|
+
}
|
|
5
|
+
export declare const GidsStrengthMeterDom: ({ text, textMinLength, meterRules, extraClasses, }: GidsStrengthMeterDomProps) => HTMLDivElement;
|
|
6
|
+
//# sourceMappingURL=GidsStrengthMeter.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsStrengthMeter.d.ts","sourceRoot":"","sources":["../../../src/components/GidsStrengthMeter/GidsStrengthMeter.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,4BAA4B,EAElC,MAAM,+BAA+B,CAAC;AASvC,MAAM,WAAW,yBAA0B,SAAQ,4BAA4B;IAC7E,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,oBAAoB,GAAI,oDAWlC,yBAAyB,KAAG,cAkD9B,CAAC"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { GidsStrengthMeterCommonUtils, } from '@ganpatiinfo/gids-core-shared';
|
|
2
|
+
import { GidsStrengthMeterWebUtils } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { appendAsChildren } from '../../utils/domUtils.js';
|
|
4
|
+
import { minLengthRuleCanBeApplied } from '@ganpatiinfo/gids-core-shared/dist/components/GidsRequirementsMeter/GidsRequirementsMeterCommonUtils.js';
|
|
5
|
+
const { getGidsStrengthMeterClassNames } = GidsStrengthMeterWebUtils;
|
|
6
|
+
const { getStrengthMeterScore, getColorModifierByScore } = GidsStrengthMeterCommonUtils;
|
|
7
|
+
export const GidsStrengthMeterDom = ({ text, textMinLength, meterRules = [
|
|
8
|
+
'1-uppercase',
|
|
9
|
+
'1-lowercase',
|
|
10
|
+
'1-digit',
|
|
11
|
+
'1-special-character',
|
|
12
|
+
'include-min-length',
|
|
13
|
+
], extraClasses, }) => {
|
|
14
|
+
const strengthContainer = document.createElement('div');
|
|
15
|
+
strengthContainer.className = getGidsStrengthMeterClassNames(extraClasses);
|
|
16
|
+
const textScore = getStrengthMeterScore({
|
|
17
|
+
text,
|
|
18
|
+
textMinLength,
|
|
19
|
+
meterRules,
|
|
20
|
+
});
|
|
21
|
+
const maxScore = meterRules.length;
|
|
22
|
+
const colorModifier = getColorModifierByScore({ textScore, maxScore });
|
|
23
|
+
const renderStrengthLine = (strengthLine, isActive, index) => {
|
|
24
|
+
// Class construction using the dynamic color modifier for active segments
|
|
25
|
+
strengthLine.className = [
|
|
26
|
+
`gids-strength-meter__strength-${index}`,
|
|
27
|
+
isActive ? 'is-active' : '',
|
|
28
|
+
isActive ? colorModifier : '',
|
|
29
|
+
]
|
|
30
|
+
.filter(Boolean)
|
|
31
|
+
.join(' ');
|
|
32
|
+
};
|
|
33
|
+
for (let i = 1; i <= maxScore; i++) {
|
|
34
|
+
const strengthLine = document.createElement('div');
|
|
35
|
+
const isActive = i <= textScore;
|
|
36
|
+
if (meterRules[i - 1] === 'include-min-length') {
|
|
37
|
+
if (minLengthRuleCanBeApplied({
|
|
38
|
+
requirementRule: 'include-min-length',
|
|
39
|
+
textMinLength,
|
|
40
|
+
})) {
|
|
41
|
+
renderStrengthLine(strengthLine, isActive, i);
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
else {
|
|
45
|
+
renderStrengthLine(strengthLine, isActive, i);
|
|
46
|
+
}
|
|
47
|
+
appendAsChildren(strengthContainer, strengthLine);
|
|
48
|
+
}
|
|
49
|
+
return strengthContainer;
|
|
50
|
+
};
|
|
51
|
+
//# sourceMappingURL=GidsStrengthMeter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsStrengthMeter.js","sourceRoot":"","sources":["../../../src/components/GidsStrengthMeter/GidsStrengthMeter.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,4BAA4B,GAC7B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,yBAAyB,EAAE,MAAM,yGAAyG,CAAC;AAEpJ,MAAM,EAAE,8BAA8B,EAAE,GAAG,yBAAyB,CAAC;AACrE,MAAM,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,GACtD,4BAA4B,CAAC;AAM/B,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,IAAI,EACJ,aAAa,EACb,UAAU,GAAG;IACX,aAAa;IACb,aAAa;IACb,SAAS;IACT,qBAAqB;IACrB,oBAAoB;CACrB,EACD,YAAY,GACc,EAAkB,EAAE;IAC9C,MAAM,iBAAiB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACxD,iBAAiB,CAAC,SAAS,GAAG,8BAA8B,CAAC,YAAY,CAAC,CAAC;IAE3E,MAAM,SAAS,GAAG,qBAAqB,CAAC;QACtC,IAAI;QACJ,aAAa;QACb,UAAU;KACX,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,UAAU,CAAC,MAAM,CAAC;IACnC,MAAM,aAAa,GAAG,uBAAuB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,CAAC;IAEvE,MAAM,kBAAkB,GAAG,CACzB,YAA4B,EAC5B,QAAiB,EACjB,KAAa,EACb,EAAE;QACF,0EAA0E;QAC1E,YAAY,CAAC,SAAS,GAAG;YACvB,iCAAiC,KAAK,EAAE;YACxC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE;YAC3B,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE;SAC9B;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,CAAC;IACf,CAAC,CAAC;IAEF,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC;QACnC,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAEnD,MAAM,QAAQ,GAAG,CAAC,IAAI,SAAS,CAAC;QAEhC,IAAI,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,oBAAoB,EAAE,CAAC;YAC/C,IACE,yBAAyB,CAAC;gBACxB,eAAe,EAAE,oBAAoB;gBACrC,aAAa;aACd,CAAC,EACF,CAAC;gBACD,kBAAkB,CAAC,YAAY,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC;YAChD,CAAC;QACH,CAAC;aAAM,CAAC;YACN,kBAAkB,CAAC,YAAY,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC;QAChD,CAAC;QAED,gBAAgB,CAAC,iBAAiB,EAAE,YAAY,CAAC,CAAC;IACpD,CAAC;IAED,OAAO,iBAAiB,CAAC;AAC3B,CAAC,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { type GidsTextFieldWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
import { type HtmlInputAttributes } from '../GidsInput/GidsInput.js';
|
|
3
|
+
export interface GidsTextFieldDomProps extends GidsTextFieldWebProps<Element, HtmlInputAttributes> {
|
|
4
|
+
info?: Element;
|
|
5
|
+
className?: string;
|
|
6
|
+
onGidsTextFieldClear?: (event: CustomEvent<void>) => void;
|
|
7
|
+
onChange?: (event: Event) => void;
|
|
8
|
+
onInput?: (event: InputEvent) => void;
|
|
9
|
+
onFocus?: (event: FocusEvent) => void;
|
|
10
|
+
onBlur?: (event: FocusEvent) => void;
|
|
11
|
+
}
|
|
12
|
+
export declare const GidsTextFieldDom: (props: GidsTextFieldDomProps) => HTMLElement;
|
|
13
|
+
//# sourceMappingURL=GidsTextField.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsTextField.d.ts","sourceRoot":"","sources":["../../../src/components/GidsTextField/GidsTextField.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAE1E,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAErE,MAAM,WAAW,qBAAsB,SAAQ,qBAAqB,CAClE,OAAO,EACP,mBAAmB,CACpB;IACC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAC1D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,gBAAgB,GAAI,OAAO,qBAAqB,KAAG,WAyC/D,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { assignToSlot } from '../../utils/domUtils.js';
|
|
2
|
+
export const GidsTextFieldDom = (props) => {
|
|
3
|
+
const { info, leadingIcon, trailingIcon, onGidsTextFieldClear, onChange, onInput, onFocus, onBlur, ...restProps } = props;
|
|
4
|
+
const textFieldComponent = document.createElement('gids-text-field');
|
|
5
|
+
Object.assign(textFieldComponent, restProps);
|
|
6
|
+
assignToSlot(textFieldComponent, 'info', info);
|
|
7
|
+
assignToSlot(textFieldComponent, 'leadingIcon', leadingIcon);
|
|
8
|
+
assignToSlot(textFieldComponent, 'trailingIcon', trailingIcon);
|
|
9
|
+
if (onChange) {
|
|
10
|
+
textFieldComponent.addEventListener('change', onChange);
|
|
11
|
+
}
|
|
12
|
+
if (onInput) {
|
|
13
|
+
textFieldComponent.addEventListener('input', onInput);
|
|
14
|
+
}
|
|
15
|
+
if (onFocus) {
|
|
16
|
+
textFieldComponent.addEventListener('focus', onFocus);
|
|
17
|
+
}
|
|
18
|
+
if (onBlur) {
|
|
19
|
+
textFieldComponent.addEventListener('blur', onBlur);
|
|
20
|
+
}
|
|
21
|
+
if (onGidsTextFieldClear) {
|
|
22
|
+
// @ts-expect-error This is a custom event so ts complaining
|
|
23
|
+
textFieldComponent.addEventListener('gidsTextFieldClear', onGidsTextFieldClear);
|
|
24
|
+
}
|
|
25
|
+
return textFieldComponent;
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=GidsTextField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsTextField.js","sourceRoot":"","sources":["../../../src/components/GidsTextField/GidsTextField.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAgBvD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAe,EAAE;IAC5E,MAAM,EACJ,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,oBAAoB,EACpB,QAAQ,EACR,OAAO,EACP,OAAO,EACP,MAAM,EACN,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,kBAAkB,GAAG,QAAQ,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACrE,MAAM,CAAC,MAAM,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC;IAE7C,YAAY,CAAC,kBAAkB,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;IAC/C,YAAY,CAAC,kBAAkB,EAAE,aAAa,EAAE,WAAW,CAAC,CAAC;IAC7D,YAAY,CAAC,kBAAkB,EAAE,cAAc,EAAE,YAAY,CAAC,CAAC;IAE/D,IAAI,QAAQ,EAAE,CAAC;QACb,kBAAkB,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC1D,CAAC;IACD,IAAI,OAAO,EAAE,CAAC;QACZ,kBAAkB,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAA6B,CAAC,CAAC;IAC9E,CAAC;IACD,IAAI,OAAO,EAAE,CAAC;QACZ,kBAAkB,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IACxD,CAAC;IACD,IAAI,MAAM,EAAE,CAAC;QACX,kBAAkB,CAAC,gBAAgB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtD,CAAC;IACD,IAAI,oBAAoB,EAAE,CAAC;QACzB,4DAA4D;QAC5D,kBAAkB,CAAC,gBAAgB,CACjC,oBAAoB,EACpB,oBAAoB,CACrB,CAAC;IACJ,CAAC;IAED,OAAO,kBAAkB,CAAC;AAC5B,CAAC,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type GidsTopNavigationWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
import { DomChildren, DomNodeOrString } from '../../utils/domUtils.js';
|
|
3
|
+
import { GidsSearchBarDomProps } from '../GidsSearchBar/GidsSearchBar.js';
|
|
4
|
+
import { GidsSegmentedControlDomProps } from '../GidsSegmentedControl/GidsSegmentedControl.js';
|
|
5
|
+
export interface GidsTopNavigationDomProps extends GidsTopNavigationWebProps<DomChildren, DomChildren, DomChildren, DomNodeOrString, string, string, string>, Pick<GidsSearchBarDomProps, 'onBlur' | 'onChange' | 'onFocus' | 'onInput'>, Pick<GidsSegmentedControlDomProps, 'onPress'> {
|
|
6
|
+
extraClasses?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare const GidsTopNavigationDom: (props: GidsTopNavigationDomProps) => HTMLElement;
|
|
9
|
+
//# sourceMappingURL=GidsTopNavigation.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsTopNavigation.d.ts","sourceRoot":"","sources":["../../../src/components/GidsTopNavigation/GidsTopNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,yBAAyB,EAE/B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAEL,WAAW,EACX,eAAe,EAChB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAEL,qBAAqB,EACtB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAEL,4BAA4B,EAC7B,MAAM,iDAAiD,CAAC;AAKzD,MAAM,WAAW,yBACf,SACE,yBAAyB,CACvB,WAAW,EACX,WAAW,EACX,WAAW,EACX,eAAe,EACf,MAAM,EACN,MAAM,EACN,MAAM,CACP,EACD,IAAI,CAAC,qBAAqB,EAAE,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC,EAC1E,IAAI,CAAC,4BAA4B,EAAE,SAAS,CAAC;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,oBAAoB,GAC/B,OAAO,yBAAyB,KAC/B,WAmFF,CAAC"}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { GidsTopNavigationWebUtils, } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
import { appendAsChildren, } from '../../utils/domUtils.js';
|
|
3
|
+
import { GidsSearchBarDom, } from '../GidsSearchBar/GidsSearchBar.js';
|
|
4
|
+
import { GidsSegmentedControlDom, } from '../GidsSegmentedControl/GidsSegmentedControl.js';
|
|
5
|
+
import { GidsLogoDom } from '../GidsLogo/GidsLogo.js';
|
|
6
|
+
const { getGidsTopNavigationClassNames } = GidsTopNavigationWebUtils;
|
|
7
|
+
export const GidsTopNavigationDom = (props) => {
|
|
8
|
+
const { isDefaultLeftContentRender = true, isDefaultMiddleContentRender = true, isDefaultRightContentRender = true, leftContent, middleContent, rightContent, src, imgHeight = '100', href, clickable, onPress, width, tabItems = [], extraClasses, ...rest } = props;
|
|
9
|
+
const topNavigation = document.createElement('nav');
|
|
10
|
+
topNavigation.className = getGidsTopNavigationClassNames(extraClasses);
|
|
11
|
+
const leftContentContainer = document.createElement('div');
|
|
12
|
+
leftContentContainer.className = 'gids-top-navigation__left-content';
|
|
13
|
+
if (leftContent || isDefaultLeftContentRender) {
|
|
14
|
+
if (leftContent) {
|
|
15
|
+
appendAsChildren(leftContentContainer, leftContent);
|
|
16
|
+
}
|
|
17
|
+
if (isDefaultLeftContentRender) {
|
|
18
|
+
leftContentContainer.append(GidsLogoDom({
|
|
19
|
+
src: src,
|
|
20
|
+
imgHeight: imgHeight,
|
|
21
|
+
alt: 'logo-img',
|
|
22
|
+
href: href && href !== '' ? href : '/',
|
|
23
|
+
clickable,
|
|
24
|
+
}));
|
|
25
|
+
}
|
|
26
|
+
topNavigation.appendChild(leftContentContainer);
|
|
27
|
+
}
|
|
28
|
+
const middleContentContainer = document.createElement('div');
|
|
29
|
+
middleContentContainer.className = 'gids-top-navigation__middle-content';
|
|
30
|
+
if (middleContent || isDefaultMiddleContentRender) {
|
|
31
|
+
if (middleContent) {
|
|
32
|
+
appendAsChildren(middleContentContainer, middleContent);
|
|
33
|
+
}
|
|
34
|
+
if (isDefaultMiddleContentRender) {
|
|
35
|
+
middleContentContainer.append(GidsSearchBarDom({
|
|
36
|
+
type: 'default',
|
|
37
|
+
appearance: 'default',
|
|
38
|
+
status: 'default',
|
|
39
|
+
...rest,
|
|
40
|
+
}));
|
|
41
|
+
}
|
|
42
|
+
topNavigation.appendChild(middleContentContainer);
|
|
43
|
+
}
|
|
44
|
+
const rightContentContainer = document.createElement('div');
|
|
45
|
+
rightContentContainer.className = 'gids-top-navigation__right-content';
|
|
46
|
+
if (rightContent || isDefaultRightContentRender) {
|
|
47
|
+
if (rightContent) {
|
|
48
|
+
appendAsChildren(rightContentContainer, rightContent);
|
|
49
|
+
}
|
|
50
|
+
if (isDefaultRightContentRender) {
|
|
51
|
+
rightContentContainer.append(GidsSegmentedControlDom({
|
|
52
|
+
width: width ? width : 'intrinsic',
|
|
53
|
+
tabItems: tabItems,
|
|
54
|
+
onPress,
|
|
55
|
+
}));
|
|
56
|
+
}
|
|
57
|
+
topNavigation.appendChild(rightContentContainer);
|
|
58
|
+
}
|
|
59
|
+
return topNavigation;
|
|
60
|
+
};
|
|
61
|
+
//# sourceMappingURL=GidsTopNavigation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsTopNavigation.js","sourceRoot":"","sources":["../../../src/components/GidsTopNavigation/GidsTopNavigation.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { GidsNotificationContainerCommonProps } from '@ganpatiinfo/gids-core-shared';
|
|
2
|
+
import { ClassValue } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { type DomNodeOrString } from '../../utils/domUtils.js';
|
|
4
|
+
export interface GidsNotificationContainerDomProps extends GidsNotificationContainerCommonProps<DomNodeOrString, DomNodeOrString> {
|
|
5
|
+
extraClasses?: ClassValue;
|
|
6
|
+
onCloseNotificationClick?: (this: HTMLButtonElement, event: Event) => void;
|
|
7
|
+
}
|
|
8
|
+
export declare const GidsNotificationContainerDom: (props: GidsNotificationContainerDomProps) => HTMLDivElement;
|
|
9
|
+
//# sourceMappingURL=GidsNotificationContainer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsNotificationContainer.d.ts","sourceRoot":"","sources":["../../../src/components/_GidsNotificationContainer/GidsNotificationContainer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oCAAoC,EAAE,MAAM,+BAA+B,CAAC;AACrF,OAAO,EACL,UAAU,EAEX,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAU/D,MAAM,WAAW,iCAAkC,SAAQ,oCAAoC,CAC7F,eAAe,EACf,eAAe,CAChB;IACC,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,wBAAwB,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAC5E;AAED,eAAO,MAAM,4BAA4B,GACvC,OAAO,iCAAiC,KACvC,cAmGF,CAAC"}
|