@ganpatiinfo/gids-web-dom-reference 3.1.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 +52 -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/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 +19 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +19 -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 +3 -3
- 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/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 +19 -0
- package/src/utils/domUtils.ts +75 -48
|
@@ -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"}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import { GidsNotificationContainerWebUtils, } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
import { GidsIconDom } from '../GidsIcon/GidsIcon.js';
|
|
3
|
+
import { GidsButtonDom } from '../GidsButton/GidsButton.js';
|
|
4
|
+
const { getGidsNotificationContainerClassNames, getNotificationContainerIconNames, } = GidsNotificationContainerWebUtils;
|
|
5
|
+
export const GidsNotificationContainerDom = (props) => {
|
|
6
|
+
const { notificationTitle, children, button, appearance = 'default', pronunciation = 'standard', onCloseNotificationClick, extraClasses, } = props;
|
|
7
|
+
const notificationContainer = document.createElement('div');
|
|
8
|
+
notificationContainer.className = getGidsNotificationContainerClassNames({ appearance }, extraClasses);
|
|
9
|
+
const iconWrapper = document.createElement('div');
|
|
10
|
+
iconWrapper.className = 'gids-notification-container__leading-icon-wrapper';
|
|
11
|
+
const iconName = getNotificationContainerIconNames(appearance);
|
|
12
|
+
if (appearance !== 'default' && iconName) {
|
|
13
|
+
iconWrapper.appendChild(GidsIconDom({
|
|
14
|
+
size: 'md',
|
|
15
|
+
name: iconName,
|
|
16
|
+
alt: '',
|
|
17
|
+
appearance: 'filled',
|
|
18
|
+
}));
|
|
19
|
+
notificationContainer.appendChild(iconWrapper);
|
|
20
|
+
}
|
|
21
|
+
const notificationContentWrapper = document.createElement('div');
|
|
22
|
+
notificationContentWrapper.className =
|
|
23
|
+
'gids-notification-container__content-wrapper';
|
|
24
|
+
const notificationTopContent = document.createElement('div');
|
|
25
|
+
notificationTopContent.className = 'gids-notification-container__top-content';
|
|
26
|
+
const notificationTextContent = document.createElement('div');
|
|
27
|
+
notificationTextContent.className =
|
|
28
|
+
'gids-notification-container__text-content';
|
|
29
|
+
if (notificationTitle && notificationTitle !== '') {
|
|
30
|
+
const notificationTitleEl = document.createElement('span');
|
|
31
|
+
notificationTitleEl.className = 'gids-notification-container__title';
|
|
32
|
+
notificationTitleEl.textContent = notificationTitle;
|
|
33
|
+
notificationTextContent.appendChild(notificationTitleEl);
|
|
34
|
+
}
|
|
35
|
+
if (children) {
|
|
36
|
+
if (typeof children === 'string') {
|
|
37
|
+
const textEl = document.createElement('p');
|
|
38
|
+
textEl.textContent = children;
|
|
39
|
+
notificationTextContent.appendChild(textEl);
|
|
40
|
+
}
|
|
41
|
+
else {
|
|
42
|
+
notificationTextContent.appendChild(children);
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
notificationTopContent.appendChild(notificationTextContent);
|
|
46
|
+
const crossBtnWrapper = document.createElement('div');
|
|
47
|
+
crossBtnWrapper.className = 'gids-notification-container__cross-btn-wrapper';
|
|
48
|
+
if (pronunciation === 'standard') {
|
|
49
|
+
crossBtnWrapper.appendChild(GidsButtonDom({
|
|
50
|
+
appearance: 'subtle',
|
|
51
|
+
size: 'sm',
|
|
52
|
+
width: 'intrinsic',
|
|
53
|
+
leadingIcon: GidsIconDom({
|
|
54
|
+
name: 'cross',
|
|
55
|
+
size: 'md',
|
|
56
|
+
appearance: 'regular',
|
|
57
|
+
}),
|
|
58
|
+
onClick: onCloseNotificationClick,
|
|
59
|
+
}));
|
|
60
|
+
notificationTopContent.appendChild(crossBtnWrapper);
|
|
61
|
+
}
|
|
62
|
+
notificationContentWrapper.appendChild(notificationTopContent);
|
|
63
|
+
if (button) {
|
|
64
|
+
const notificationBottomContent = document.createElement('div');
|
|
65
|
+
notificationBottomContent.className =
|
|
66
|
+
'gids-notification-container__bottom-content';
|
|
67
|
+
notificationBottomContent.append(button);
|
|
68
|
+
notificationContentWrapper.appendChild(notificationBottomContent);
|
|
69
|
+
}
|
|
70
|
+
notificationContainer.appendChild(notificationContentWrapper);
|
|
71
|
+
return notificationContainer;
|
|
72
|
+
};
|
|
73
|
+
//# sourceMappingURL=GidsNotificationContainer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsNotificationContainer.js","sourceRoot":"","sources":["../../../src/components/_GidsNotificationContainer/GidsNotificationContainer.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { type GidsRequirementsMeterLabelCommonProps } from '@ganpatiinfo/gids-core-shared';
|
|
2
|
+
export interface GidsRequirementsMeterLabelDomProps extends GidsRequirementsMeterLabelCommonProps {
|
|
3
|
+
extraClasses?: string;
|
|
4
|
+
}
|
|
5
|
+
export declare const GidsRequirementsMeterLabelDom: ({ label, status, leadingIconVisible, extraClasses, }: GidsRequirementsMeterLabelDomProps) => HTMLDivElement;
|
|
6
|
+
//# sourceMappingURL=GidsRequirementsMeterLabel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsRequirementsMeterLabel.d.ts","sourceRoot":"","sources":["../../../src/components/_GidsRequirementsMeterLabel/GidsRequirementsMeterLabel.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,qCAAqC,EAC3C,MAAM,+BAA+B,CAAC;AAUvC,MAAM,WAAW,kCAAmC,SAAQ,qCAAqC;IAC/F,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,6BAA6B,GAAI,sDAK3C,kCAAkC,KAAG,cA2BvC,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { GidsRequirementsMeterLabelCommonUtils, } from '@ganpatiinfo/gids-core-shared';
|
|
2
|
+
import { GidsRequirementsMeterLabelWebUtils } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { GidsIconDom } from '../GidsIcon/GidsIcon.js';
|
|
4
|
+
const { getGidsRequirementsMeterLabelClassNames } = GidsRequirementsMeterLabelWebUtils;
|
|
5
|
+
const { getRequirementsMeterLabelLeadingIcon } = GidsRequirementsMeterLabelCommonUtils;
|
|
6
|
+
export const GidsRequirementsMeterLabelDom = ({ label, status = 'default', leadingIconVisible = true, extraClasses, }) => {
|
|
7
|
+
const labelContainer = document.createElement('div');
|
|
8
|
+
labelContainer.className = getGidsRequirementsMeterLabelClassNames({ status }, extraClasses);
|
|
9
|
+
if (leadingIconVisible && status) {
|
|
10
|
+
const iconName = getRequirementsMeterLabelLeadingIcon(status);
|
|
11
|
+
if (iconName) {
|
|
12
|
+
labelContainer.append(GidsIconDom({
|
|
13
|
+
name: iconName,
|
|
14
|
+
size: 'sm',
|
|
15
|
+
appearance: 'filled',
|
|
16
|
+
}));
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
if (label && label !== '') {
|
|
20
|
+
const textEl = document.createElement('span');
|
|
21
|
+
textEl.textContent = label;
|
|
22
|
+
labelContainer.appendChild(textEl);
|
|
23
|
+
}
|
|
24
|
+
return labelContainer;
|
|
25
|
+
};
|
|
26
|
+
//# sourceMappingURL=GidsRequirementsMeterLabel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsRequirementsMeterLabel.js","sourceRoot":"","sources":["../../../src/components/_GidsRequirementsMeterLabel/GidsRequirementsMeterLabel.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qCAAqC,GAEtC,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,kCAAkC,EAAE,MAAM,8BAA8B,CAAC;AAClF,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,MAAM,EAAE,uCAAuC,EAAE,GAC/C,kCAAkC,CAAC;AAErC,MAAM,EAAE,oCAAoC,EAAE,GAC5C,qCAAqC,CAAC;AAMxC,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAAC,EAC5C,KAAK,EACL,MAAM,GAAG,SAAS,EAClB,kBAAkB,GAAG,IAAI,EACzB,YAAY,GACuB,EAAkB,EAAE;IACvD,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACrD,cAAc,CAAC,SAAS,GAAG,uCAAuC,CAChE,EAAE,MAAM,EAAE,EACV,YAAY,CACb,CAAC;IAEF,IAAI,kBAAkB,IAAI,MAAM,EAAE,CAAC;QACjC,MAAM,QAAQ,GAAG,oCAAoC,CAAC,MAAM,CAAC,CAAC;QAC9D,IAAI,QAAQ,EAAE,CAAC;YACb,cAAc,CAAC,MAAM,CACnB,WAAW,CAAC;gBACV,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,IAAI;gBACV,UAAU,EAAE,QAAQ;aACrB,CAAC,CACH,CAAC;QACJ,CAAC;IACH,CAAC;IAED,IAAI,KAAK,IAAI,KAAK,KAAK,EAAE,EAAE,CAAC;QAC1B,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC9C,MAAM,CAAC,WAAW,GAAG,KAAK,CAAC;QAC3B,cAAc,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IACrC,CAAC;IAED,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { type GidsSnackbarContainerCommonProps } 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 GidsSnackbarContainerDomProps extends GidsSnackbarContainerCommonProps<DomNodeOrString, DomNodeOrString> {
|
|
5
|
+
extraClasses?: ClassValue;
|
|
6
|
+
}
|
|
7
|
+
export declare const GidsSnackbarContainerDom: (props: GidsSnackbarContainerDomProps) => HTMLDivElement;
|
|
8
|
+
//# sourceMappingURL=GidsSnackbarContainer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsSnackbarContainer.d.ts","sourceRoot":"","sources":["../../../src/components/_GidsSnackbarContainer/GidsSnackbarContainer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,gCAAgC,EAAE,MAAM,+BAA+B,CAAC;AACtF,OAAO,EACL,KAAK,UAAU,EAEhB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAEL,KAAK,eAAe,EACrB,MAAM,yBAAyB,CAAC;AAOjC,MAAM,WAAW,6BAA8B,SAAQ,gCAAgC,CACrF,eAAe,EACf,eAAe,CAChB;IACC,YAAY,CAAC,EAAE,UAAU,CAAC;CAC3B;AAED,eAAO,MAAM,wBAAwB,GACnC,OAAO,6BAA6B,KACnC,cA2CF,CAAC"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { GidsSnackbarContainerWebUtils, } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
import { appendAsChildren, } from '../../utils/domUtils.js';
|
|
3
|
+
import { GidsIconDom } from '../GidsIcon/GidsIcon.js';
|
|
4
|
+
const { getGidsSnackbarContainerClassNames, getSnackbarContainerIconNames } = GidsSnackbarContainerWebUtils;
|
|
5
|
+
export const GidsSnackbarContainerDom = (props) => {
|
|
6
|
+
const { appearance = 'default', children, button, extraClasses } = props;
|
|
7
|
+
const snackbarContainer = document.createElement('div');
|
|
8
|
+
snackbarContainer.className = getGidsSnackbarContainerClassNames({ appearance }, extraClasses);
|
|
9
|
+
const snackbarContent = document.createElement('div');
|
|
10
|
+
snackbarContent.className = 'gids-snackbar-container__content';
|
|
11
|
+
const iconName = getSnackbarContainerIconNames(appearance);
|
|
12
|
+
if (appearance !== 'default' && iconName) {
|
|
13
|
+
snackbarContent.appendChild(GidsIconDom({
|
|
14
|
+
size: 'md',
|
|
15
|
+
name: iconName,
|
|
16
|
+
alt: '',
|
|
17
|
+
appearance: 'filled',
|
|
18
|
+
className: 'gids-snackbar-container__icon',
|
|
19
|
+
}));
|
|
20
|
+
}
|
|
21
|
+
if (children) {
|
|
22
|
+
if (typeof children === 'string') {
|
|
23
|
+
const textEl = document.createElement('p');
|
|
24
|
+
appendAsChildren(textEl, children);
|
|
25
|
+
snackbarContent.appendChild(textEl);
|
|
26
|
+
}
|
|
27
|
+
else {
|
|
28
|
+
snackbarContent.appendChild(children);
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
snackbarContainer.appendChild(snackbarContent);
|
|
32
|
+
if (button) {
|
|
33
|
+
snackbarContainer.append(button);
|
|
34
|
+
}
|
|
35
|
+
return snackbarContainer;
|
|
36
|
+
};
|
|
37
|
+
//# sourceMappingURL=GidsSnackbarContainer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsSnackbarContainer.js","sourceRoot":"","sources":["../../../src/components/_GidsSnackbarContainer/GidsSnackbarContainer.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,6BAA6B,GAC9B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,gBAAgB,GAEjB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAGtD,MAAM,EAAE,kCAAkC,EAAE,6BAA6B,EAAE,GACzE,6BAA6B,CAAC;AAShC,MAAM,CAAC,MAAM,wBAAwB,GAAG,CACtC,KAAoC,EACpB,EAAE;IAClB,MAAM,EAAE,UAAU,GAAG,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAEzE,MAAM,iBAAiB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACxD,iBAAiB,CAAC,SAAS,GAAG,kCAAkC,CAC9D,EAAE,UAAU,EAAE,EACd,YAAY,CACb,CAAC;IAEF,MAAM,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACtD,eAAe,CAAC,SAAS,GAAG,kCAAkC,CAAC;IAE/D,MAAM,QAAQ,GAAG,6BAA6B,CAAW,UAAU,CAAC,CAAC;IACrE,IAAI,UAAU,KAAK,SAAS,IAAI,QAAQ,EAAE,CAAC;QACzC,eAAe,CAAC,WAAW,CACzB,WAAW,CAAC;YACV,IAAI,EAAE,IAAI;YACV,IAAI,EAAE,QAAQ;YACd,GAAG,EAAE,EAAE;YACP,UAAU,EAAE,QAAQ;YACpB,SAAS,EAAE,+BAA+B;SAC3C,CAAC,CACH,CAAC;IACJ,CAAC;IAED,IAAI,QAAQ,EAAE,CAAC;QACb,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;YACjC,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;YAC3C,gBAAgB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;YAEnC,eAAe,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QACtC,CAAC;aAAM,CAAC;YACN,eAAe,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QACxC,CAAC;IACH,CAAC;IAED,iBAAiB,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;IAE/C,IAAI,MAAM,EAAE,CAAC;QACX,iBAAiB,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IACnC,CAAC;IAED,OAAO,iBAAiB,CAAC;AAC3B,CAAC,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -40,6 +40,25 @@ export * from './components/_GidsPaginationItem/GidsPaginationItem.js';
|
|
|
40
40
|
export * from './components/GidsPagination/GidsPagination.js';
|
|
41
41
|
export * from './components/GidsSegmentedTabItem/GidsSegmentedTabItem.js';
|
|
42
42
|
export * from './components/GidsSegmentedControl/GidsSegmentedControl.js';
|
|
43
|
+
export * from './components/GidsLogo/GidsLogo.js';
|
|
44
|
+
export * from './components/GidsDismissButton/GidsDismissButton.js';
|
|
45
|
+
export * from './components/GidsInput/GidsInput.js';
|
|
46
|
+
export * from './components/GidsField/GidsField.js';
|
|
47
|
+
export * from './components/GidsTextField/GidsTextField.js';
|
|
48
|
+
export * from './components/GidsSearchBar/GidsSearchBar.js';
|
|
49
|
+
export * from './components/GidsTopNavigation/GidsTopNavigation.js';
|
|
50
|
+
export * from './components/GidsStrengthMeter/GidsStrengthMeter.js';
|
|
51
|
+
export * from './components/_GidsRequirementsMeterLabel/GidsRequirementsMeterLabel.js';
|
|
52
|
+
export * from './components/GidsRequirementsMeter/GidsRequirementsMeter.js';
|
|
53
|
+
export * from './components/GidsStepper/GidsStepper.js';
|
|
54
|
+
export * from './components/GidsStatusTag/GidsStatusTag.js';
|
|
55
|
+
export * from './components/GidsHeading/GidsHeading.js';
|
|
56
|
+
export * from './components/GidsPasswordField/GidsPasswordField.js';
|
|
57
|
+
export * from './components/_GidsSnackbarContainer/GidsSnackbarContainer.js';
|
|
58
|
+
export * from './components/GidsOverlayProvider/GidsOverlayProvider.js';
|
|
59
|
+
export * from './components/GidsSnackbar/GidsSnackbar.js';
|
|
60
|
+
export * from './components/_GidsNotificationContainer/GidsNotificationContainer.js';
|
|
61
|
+
export * from './components/GidsNotification/GidsNotification.js';
|
|
43
62
|
/**
|
|
44
63
|
* Utilities
|
|
45
64
|
*/
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,uCAAuC,CAAC;AACtD,cAAc,yCAAyC,CAAC;AACxD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,mCAAmC,CAAC;AAClD,cAAc,uDAAuD,CAAC;AACtE,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,wDAAwD,CAAC;AACvE,cAAc,yCAAyC,CAAC;AACxD,cAAc,mDAAmD,CAAC;AAClE,cAAc,0DAA0D,CAAC;AACzE,cAAc,oDAAoD,CAAC;AACnE,cAAc,sDAAsD,CAAC;AACrE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,qDAAqD,CAAC;AACpE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,iDAAiD,CAAC;AAChE,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,iDAAiD,CAAC;AAChE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,qEAAqE,CAAC;AACpF,cAAc,2CAA2C,CAAC;AAC1D,cAAc,iDAAiD,CAAC;AAChE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,qDAAqD,CAAC;AACpE,cAAc,uDAAuD,CAAC;AACtE,cAAc,iCAAiC,CAAC;AAChD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,uDAAuD,CAAC;AACtE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,mCAAmC,CAAC;AAClD,cAAc,wDAAwD,CAAC;AACvE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,2DAA2D,CAAC;AAC1E,cAAc,2DAA2D,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,uCAAuC,CAAC;AACtD,cAAc,yCAAyC,CAAC;AACxD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,mCAAmC,CAAC;AAClD,cAAc,uDAAuD,CAAC;AACtE,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,wDAAwD,CAAC;AACvE,cAAc,yCAAyC,CAAC;AACxD,cAAc,mDAAmD,CAAC;AAClE,cAAc,0DAA0D,CAAC;AACzE,cAAc,oDAAoD,CAAC;AACnE,cAAc,sDAAsD,CAAC;AACrE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,qDAAqD,CAAC;AACpE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,iDAAiD,CAAC;AAChE,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,iDAAiD,CAAC;AAChE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,qEAAqE,CAAC;AACpF,cAAc,2CAA2C,CAAC;AAC1D,cAAc,iDAAiD,CAAC;AAChE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,qDAAqD,CAAC;AACpE,cAAc,uDAAuD,CAAC;AACtE,cAAc,iCAAiC,CAAC;AAChD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,uDAAuD,CAAC;AACtE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,mCAAmC,CAAC;AAClD,cAAc,wDAAwD,CAAC;AACvE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,2DAA2D,CAAC;AAC1E,cAAc,2DAA2D,CAAC;AAC1E,cAAc,mCAAmC,CAAC;AAClD,cAAc,qDAAqD,CAAC;AACpE,cAAc,qCAAqC,CAAC;AACpD,cAAc,qCAAqC,CAAC;AACpD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,qDAAqD,CAAC;AACpE,cAAc,qDAAqD,CAAC;AACpE,cAAc,wEAAwE,CAAC;AACvF,cAAc,6DAA6D,CAAC;AAC5E,cAAc,yCAAyC,CAAC;AACxD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,yCAAyC,CAAC;AACxD,cAAc,qDAAqD,CAAC;AACpE,cAAc,8DAA8D,CAAC;AAC7E,cAAc,yDAAyD,CAAC;AACxE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,sEAAsE,CAAC;AACrF,cAAc,mDAAmD,CAAC;AAElE;;GAEG;AACH,cAAc,qBAAqB,CAAC"}
|