@ganpatiinfo/gids-web-dom-reference 7.1.0 → 7.2.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 +24 -0
- package/dist/components/GidsAccordion/GidsAccordion.d.ts +8 -0
- package/dist/components/GidsAccordion/GidsAccordion.d.ts.map +1 -0
- package/dist/components/GidsAccordion/GidsAccordion.js +10 -0
- package/dist/components/GidsAccordion/GidsAccordion.js.map +1 -0
- package/dist/components/GidsAccordionItem/GidsAccordionItem.d.ts +9 -0
- package/dist/components/GidsAccordionItem/GidsAccordionItem.d.ts.map +1 -0
- package/dist/components/GidsAccordionItem/GidsAccordionItem.js +15 -0
- package/dist/components/GidsAccordionItem/GidsAccordionItem.js.map +1 -0
- package/dist/components/GidsAccordionItemContent/GidsAccordionItemContent.d.ts +8 -0
- package/dist/components/GidsAccordionItemContent/GidsAccordionItemContent.d.ts.map +1 -0
- package/dist/components/GidsAccordionItemContent/GidsAccordionItemContent.js +10 -0
- package/dist/components/GidsAccordionItemContent/GidsAccordionItemContent.js.map +1 -0
- package/dist/components/GidsAccordionItemHeader/GidsAccordionItemHeader.d.ts +8 -0
- package/dist/components/GidsAccordionItemHeader/GidsAccordionItemHeader.d.ts.map +1 -0
- package/dist/components/GidsAccordionItemHeader/GidsAccordionItemHeader.js +20 -0
- package/dist/components/GidsAccordionItemHeader/GidsAccordionItemHeader.js.map +1 -0
- package/dist/components/GidsFeedbackBlock/GidsFeedbackBlock.d.ts +5 -0
- package/dist/components/GidsFeedbackBlock/GidsFeedbackBlock.d.ts.map +1 -0
- package/dist/components/GidsFeedbackBlock/GidsFeedbackBlock.js +49 -0
- package/dist/components/GidsFeedbackBlock/GidsFeedbackBlock.js.map +1 -0
- package/dist/components/GidsOverflowContainer/GidsOverflowContainer.d.ts +7 -0
- package/dist/components/GidsOverflowContainer/GidsOverflowContainer.d.ts.map +1 -0
- package/dist/components/GidsOverflowContainer/GidsOverflowContainer.js +14 -0
- package/dist/components/GidsOverflowContainer/GidsOverflowContainer.js.map +1 -0
- package/dist/components/GidsProgressBar/GidsProgressBar.d.ts +7 -0
- package/dist/components/GidsProgressBar/GidsProgressBar.d.ts.map +1 -0
- package/dist/components/GidsProgressBar/GidsProgressBar.js +22 -0
- package/dist/components/GidsProgressBar/GidsProgressBar.js.map +1 -0
- package/dist/index.d.ts +7 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +7 -0
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
- package/src/components/GidsAccordion/GidsAccordion.ts +24 -0
- package/src/components/GidsAccordionItem/GidsAccordionItem.ts +37 -0
- package/src/components/GidsAccordionItemContent/GidsAccordionItemContent.ts +25 -0
- package/src/components/GidsAccordionItemHeader/GidsAccordionItemHeader.ts +38 -0
- package/src/components/GidsFeedbackBlock/GidsFeedbackBlock.ts +68 -0
- package/src/components/GidsOverflowContainer/GidsOverflowContainer.ts +27 -0
- package/src/components/GidsProgressBar/GidsProgressBar.ts +50 -0
- package/src/index.ts +7 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,29 @@
|
|
|
1
1
|
# @ganpatiinfo/gids-web-dom-reference
|
|
2
2
|
|
|
3
|
+
## 7.2.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- c44acce: - Developed `GidsAccordion` component for all web platforms
|
|
8
|
+
- feee54b: - Developed `GidsAccordionItem` component for all web platforms
|
|
9
|
+
- b913396: - Developed `GidsOverflowContainer` component for all web platforms
|
|
10
|
+
- feee54b: - Developed `GidsAccordionItemHeader` component for all web platforms
|
|
11
|
+
- feee54b: - Developed `GidsAccordionItemContent` component in all web platforms
|
|
12
|
+
- a429e5b: - Developed `GidsProgressBar` component for all web platforms
|
|
13
|
+
- 990116c: - Developed `GidsFeedbackBlock` component for all web platforms
|
|
14
|
+
|
|
15
|
+
### Patch Changes
|
|
16
|
+
|
|
17
|
+
- Updated dependencies [c44acce]
|
|
18
|
+
- Updated dependencies [feee54b]
|
|
19
|
+
- Updated dependencies [b913396]
|
|
20
|
+
- Updated dependencies [feee54b]
|
|
21
|
+
- Updated dependencies [feee54b]
|
|
22
|
+
- Updated dependencies [a429e5b]
|
|
23
|
+
- Updated dependencies [990116c]
|
|
24
|
+
- @ganpatiinfo/gids-core-shared@7.1.0
|
|
25
|
+
- @ganpatiinfo/gids-web-shared@7.1.0
|
|
26
|
+
|
|
3
27
|
## 7.1.0
|
|
4
28
|
|
|
5
29
|
### Minor Changes
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { type GidsAccordionCommonProps } from '@ganpatiinfo/gids-core-shared';
|
|
2
|
+
import { type ClassValue } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { DomChildren } from '../../utils/domUtils.js';
|
|
4
|
+
export interface GidsAccordionDomProps extends GidsAccordionCommonProps<DomChildren> {
|
|
5
|
+
extraClasses?: ClassValue;
|
|
6
|
+
}
|
|
7
|
+
export declare const GidsAccordionDom: ({ children, extraClasses, }: GidsAccordionDomProps) => HTMLDivElement;
|
|
8
|
+
//# sourceMappingURL=GidsAccordion.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsAccordion.d.ts","sourceRoot":"","sources":["../../../src/components/GidsAccordion/GidsAccordion.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAC9E,OAAO,EACN,KAAK,UAAU,EAEf,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAoB,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAIxE,MAAM,WAAW,qBAAsB,SAAQ,wBAAwB,CAAC,WAAW,CAAC;IACnF,YAAY,CAAC,EAAE,UAAU,CAAC;CAC1B;AAED,eAAO,MAAM,gBAAgB,GAAI,6BAG9B,qBAAqB,KAAG,cAO1B,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { GidsAccordionWebUtils, } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
import { appendAsChildren } from '../../utils/domUtils.js';
|
|
3
|
+
const { getGidsAccordionClassNames } = GidsAccordionWebUtils;
|
|
4
|
+
export const GidsAccordionDom = ({ children, extraClasses, }) => {
|
|
5
|
+
const accordionEl = document.createElement('div');
|
|
6
|
+
accordionEl.className = getGidsAccordionClassNames(extraClasses);
|
|
7
|
+
appendAsChildren(accordionEl, children);
|
|
8
|
+
return accordionEl;
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=GidsAccordion.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsAccordion.js","sourceRoot":"","sources":["../../../src/components/GidsAccordion/GidsAccordion.ts"],"names":[],"mappings":"AACA,OAAO,EAEN,qBAAqB,GACrB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAe,MAAM,yBAAyB,CAAC;AAExE,MAAM,EAAE,0BAA0B,EAAE,GAAG,qBAAqB,CAAC;AAM7D,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAChC,QAAQ,EACR,YAAY,GACW,EAAkB,EAAE;IAC3C,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAClD,WAAW,CAAC,SAAS,GAAG,0BAA0B,CAAC,YAAY,CAAC,CAAC;IAEjE,gBAAgB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;IAExC,OAAO,WAAW,CAAC;AACpB,CAAC,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { GidsAccordionItemCommonProps } from '@ganpatiinfo/gids-core-shared';
|
|
2
|
+
import { ClassValue } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { DomChildren } from '../../utils/domUtils';
|
|
4
|
+
export interface GidsAccordionItemDomProps extends GidsAccordionItemCommonProps<DomChildren> {
|
|
5
|
+
onToggle?: (this: HTMLDetailsElement, even: Event) => void;
|
|
6
|
+
extraClasses?: ClassValue;
|
|
7
|
+
}
|
|
8
|
+
export declare const GidsAccordionItemDom: ({ open, children, onToggle, extraClasses, }: GidsAccordionItemDomProps) => HTMLDetailsElement;
|
|
9
|
+
//# sourceMappingURL=GidsAccordionItem.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsAccordionItem.d.ts","sourceRoot":"","sources":["../../../src/components/GidsAccordionItem/GidsAccordionItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,+BAA+B,CAAC;AAC7E,OAAO,EACN,UAAU,EAEV,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAEN,WAAW,EAEX,MAAM,sBAAsB,CAAC;AAI9B,MAAM,WAAW,yBAA0B,SAAQ,4BAA4B,CAAC,WAAW,CAAC;IAC3F,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,EAAE,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;IAC3D,YAAY,CAAC,EAAE,UAAU,CAAC;CAC1B;AAED,eAAO,MAAM,oBAAoB,GAAI,6CAKlC,yBAAyB,KAAG,kBAa9B,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { GidsAccordionItemWebUtils, } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
import { appendAsChildren, toggleAttribute, } from '../../utils/domUtils';
|
|
3
|
+
const { getGidsAccordionItemClassNames } = GidsAccordionItemWebUtils;
|
|
4
|
+
export const GidsAccordionItemDom = ({ open, children, onToggle, extraClasses, }) => {
|
|
5
|
+
const accordionItem = document.createElement('details');
|
|
6
|
+
accordionItem.className = getGidsAccordionItemClassNames(extraClasses);
|
|
7
|
+
toggleAttribute(accordionItem, 'open', open ?? false);
|
|
8
|
+
accordionItem.open = open ?? false;
|
|
9
|
+
appendAsChildren(accordionItem, children);
|
|
10
|
+
if (onToggle) {
|
|
11
|
+
accordionItem.addEventListener('toggle', onToggle);
|
|
12
|
+
}
|
|
13
|
+
return accordionItem;
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=GidsAccordionItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsAccordionItem.js","sourceRoot":"","sources":["../../../src/components/GidsAccordionItem/GidsAccordionItem.ts"],"names":[],"mappings":"AACA,OAAO,EAEN,yBAAyB,GACzB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACN,gBAAgB,EAEhB,eAAe,GACf,MAAM,sBAAsB,CAAC;AAE9B,MAAM,EAAE,8BAA8B,EAAE,GAAG,yBAAyB,CAAC;AAOrE,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACpC,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,YAAY,GACe,EAAsB,EAAE;IACnD,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IACxD,aAAa,CAAC,SAAS,GAAG,8BAA8B,CAAC,YAAY,CAAC,CAAC;IACvE,eAAe,CAAC,aAAa,EAAE,MAAM,EAAE,IAAI,IAAI,KAAK,CAAC,CAAC;IACtD,aAAa,CAAC,IAAI,GAAG,IAAI,IAAI,KAAK,CAAC;IAEnC,gBAAgB,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;IAE1C,IAAI,QAAQ,EAAE,CAAC;QACd,aAAa,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IACpD,CAAC;IAED,OAAO,aAAa,CAAC;AACtB,CAAC,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { type ClassValue } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
import { DomChildren } from '../../utils/domUtils.js';
|
|
3
|
+
import { GidsAccordionItemContentCommonProps } from '@ganpatiinfo/gids-core-shared';
|
|
4
|
+
export interface GidsAccordionItemContentDomProps extends GidsAccordionItemContentCommonProps<DomChildren> {
|
|
5
|
+
extraClasses?: ClassValue;
|
|
6
|
+
}
|
|
7
|
+
export declare const GidsAccordionItemContentDom: ({ children, extraClasses, }: GidsAccordionItemContentDomProps) => HTMLDivElement;
|
|
8
|
+
//# sourceMappingURL=GidsAccordionItemContent.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsAccordionItemContent.d.ts","sourceRoot":"","sources":["../../../src/components/GidsAccordionItemContent/GidsAccordionItemContent.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,UAAU,EAEf,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAoB,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,EAAE,mCAAmC,EAAE,MAAM,+BAA+B,CAAC;AAKpF,MAAM,WAAW,gCAAiC,SAAQ,mCAAmC,CAAC,WAAW,CAAC;IACzG,YAAY,CAAC,EAAE,UAAU,CAAC;CAC1B;AAED,eAAO,MAAM,2BAA2B,GAAI,6BAGzC,gCAAgC,KAAG,cAOrC,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { GidsAccordionItemContentWebUtils, } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
import { appendAsChildren } from '../../utils/domUtils.js';
|
|
3
|
+
const { getGidsAccordionItemContentClassNames } = GidsAccordionItemContentWebUtils;
|
|
4
|
+
export const GidsAccordionItemContentDom = ({ children, extraClasses, }) => {
|
|
5
|
+
const content = document.createElement('div');
|
|
6
|
+
content.className = getGidsAccordionItemContentClassNames(extraClasses);
|
|
7
|
+
appendAsChildren(content, children);
|
|
8
|
+
return content;
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=GidsAccordionItemContent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsAccordionItemContent.js","sourceRoot":"","sources":["../../../src/components/GidsAccordionItemContent/GidsAccordionItemContent.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,gCAAgC,GAChC,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAe,MAAM,yBAAyB,CAAC;AAGxE,MAAM,EAAE,qCAAqC,EAAE,GAC9C,gCAAgC,CAAC;AAMlC,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,EAC3C,QAAQ,EACR,YAAY,GACsB,EAAkB,EAAE;IACtD,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC9C,OAAO,CAAC,SAAS,GAAG,qCAAqC,CAAC,YAAY,CAAC,CAAC;IAExE,gBAAgB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IAEpC,OAAO,OAAO,CAAC;AAChB,CAAC,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { type GidsAccordionItemHeaderCommonProps } from '@ganpatiinfo/gids-core-shared';
|
|
2
|
+
import { ClassValue } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { DomChildren } from '../../utils/domUtils';
|
|
4
|
+
export interface GidsAccordionItemHeaderDomProps extends GidsAccordionItemHeaderCommonProps<DomChildren> {
|
|
5
|
+
extraClasses?: ClassValue;
|
|
6
|
+
}
|
|
7
|
+
export declare const GidsAccordionItemHeaderDom: ({ children, extraClasses, }: GidsAccordionItemHeaderDomProps) => HTMLElement;
|
|
8
|
+
//# sourceMappingURL=GidsAccordionItemHeader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsAccordionItemHeader.d.ts","sourceRoot":"","sources":["../../../src/components/GidsAccordionItemHeader/GidsAccordionItemHeader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,kCAAkC,EAAE,MAAM,+BAA+B,CAAC;AACxF,OAAO,EACN,UAAU,EAEV,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAoB,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAMrE,MAAM,WAAW,+BAAgC,SAAQ,kCAAkC,CAAC,WAAW,CAAC;IACvG,YAAY,CAAC,EAAE,UAAU,CAAC;CAC1B;AAED,eAAO,MAAM,0BAA0B,GAAI,6BAGxC,+BAA+B,KAAG,WAmBpC,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { GidsAccordionItemHeaderWebUtils, } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
import { appendAsChildren } from '../../utils/domUtils';
|
|
3
|
+
import { GidsIconDom } from '../GidsIcon/GidsIcon';
|
|
4
|
+
const { getGidsAccordionItemHeaderClassNames } = GidsAccordionItemHeaderWebUtils;
|
|
5
|
+
export const GidsAccordionItemHeaderDom = ({ children, extraClasses, }) => {
|
|
6
|
+
const header = document.createElement('summary');
|
|
7
|
+
header.className = getGidsAccordionItemHeaderClassNames(extraClasses);
|
|
8
|
+
const content = document.createElement('div');
|
|
9
|
+
content.className = 'gids-accordion-item-header__content';
|
|
10
|
+
appendAsChildren(content, children);
|
|
11
|
+
header.append(content);
|
|
12
|
+
header.append(GidsIconDom({
|
|
13
|
+
name: 'chevron-down',
|
|
14
|
+
size: 'md',
|
|
15
|
+
className: 'gids-accordion-item-header__indicator',
|
|
16
|
+
alt: '',
|
|
17
|
+
}));
|
|
18
|
+
return header;
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=GidsAccordionItemHeader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsAccordionItemHeader.js","sourceRoot":"","sources":["../../../src/components/GidsAccordionItemHeader/GidsAccordionItemHeader.ts"],"names":[],"mappings":"AACA,OAAO,EAEN,+BAA+B,GAC/B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAe,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,MAAM,EAAE,oCAAoC,EAAE,GAC7C,+BAA+B,CAAC;AAMjC,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,EAC1C,QAAQ,EACR,YAAY,GACqB,EAAe,EAAE;IAClD,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IACjD,MAAM,CAAC,SAAS,GAAG,oCAAoC,CAAC,YAAY,CAAC,CAAC;IAEtE,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC9C,OAAO,CAAC,SAAS,GAAG,qCAAqC,CAAC;IAC1D,gBAAgB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IAEpC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IACvB,MAAM,CAAC,MAAM,CACZ,WAAW,CAAC;QACX,IAAI,EAAE,cAAc;QACpB,IAAI,EAAE,IAAI;QACV,SAAS,EAAE,uCAAuC;QAClD,GAAG,EAAE,EAAE;KACP,CAAC,CACF,CAAC;IAEF,OAAO,MAAM,CAAC;AACf,CAAC,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { type GidsFeedbackBlockCommonProps } from '@ganpatiinfo/gids-core-shared';
|
|
2
|
+
import { DomNodeOrString } from '../../utils/domUtils.js';
|
|
3
|
+
export type GidsFeedbackBlockDomProps = GidsFeedbackBlockCommonProps<DomNodeOrString, DomNodeOrString, DomNodeOrString>;
|
|
4
|
+
export declare const GidsFeedbackBlockDom: ({ title, supportingText, image, children, }: GidsFeedbackBlockDomProps) => HTMLDivElement;
|
|
5
|
+
//# sourceMappingURL=GidsFeedbackBlock.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsFeedbackBlock.d.ts","sourceRoot":"","sources":["../../../src/components/GidsFeedbackBlock/GidsFeedbackBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,4BAA4B,EAAE,MAAM,+BAA+B,CAAC;AAElF,OAAO,EAAoB,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAK5E,MAAM,MAAM,yBAAyB,GAAG,4BAA4B,CACnE,eAAe,EACf,eAAe,EACf,eAAe,CACf,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,6CAKlC,yBAAyB,KAAG,cAiD9B,CAAC"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { GidsFeedbackBlockWebUtils } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
import { appendAsChildren } from '../../utils/domUtils.js';
|
|
3
|
+
import { GidsButtonDockDom } from '../GidsButtonDock/GidsButtonDock.js';
|
|
4
|
+
const { getGidsFeedbackBlockClassNames } = GidsFeedbackBlockWebUtils;
|
|
5
|
+
export const GidsFeedbackBlockDom = ({ title, supportingText, image, children, }) => {
|
|
6
|
+
const feedbackBlock = document.createElement('div');
|
|
7
|
+
feedbackBlock.className = getGidsFeedbackBlockClassNames();
|
|
8
|
+
const feedbackBlockInnerContainer = document.createElement('div');
|
|
9
|
+
feedbackBlockInnerContainer.className =
|
|
10
|
+
'gids-feedback-block__inner-container';
|
|
11
|
+
if (image) {
|
|
12
|
+
const imageEl = document.createElement('div');
|
|
13
|
+
imageEl.className = 'gids-feedback-block__image-container';
|
|
14
|
+
imageEl.append(image);
|
|
15
|
+
appendAsChildren(feedbackBlockInnerContainer, imageEl);
|
|
16
|
+
}
|
|
17
|
+
if (title) {
|
|
18
|
+
const titleEl = document.createElement('p');
|
|
19
|
+
const titleStrongEl = document.createElement('strong');
|
|
20
|
+
titleEl.className = 'gids-feedback-block__title';
|
|
21
|
+
if (title instanceof Node) {
|
|
22
|
+
titleStrongEl.append(title);
|
|
23
|
+
}
|
|
24
|
+
else {
|
|
25
|
+
titleStrongEl.textContent = title;
|
|
26
|
+
}
|
|
27
|
+
appendAsChildren(titleEl, titleStrongEl);
|
|
28
|
+
appendAsChildren(feedbackBlockInnerContainer, titleEl);
|
|
29
|
+
}
|
|
30
|
+
if (supportingText) {
|
|
31
|
+
const supportingTextEl = document.createElement('div');
|
|
32
|
+
supportingTextEl.className = 'gids-feedback-block__supporting-text';
|
|
33
|
+
if (supportingText instanceof Node) {
|
|
34
|
+
supportingTextEl.append(supportingText);
|
|
35
|
+
}
|
|
36
|
+
else {
|
|
37
|
+
supportingTextEl.textContent = supportingText;
|
|
38
|
+
}
|
|
39
|
+
appendAsChildren(feedbackBlockInnerContainer, supportingTextEl);
|
|
40
|
+
}
|
|
41
|
+
if (children) {
|
|
42
|
+
feedbackBlockInnerContainer.appendChild(GidsButtonDockDom({
|
|
43
|
+
primaryChildren: children,
|
|
44
|
+
}));
|
|
45
|
+
}
|
|
46
|
+
appendAsChildren(feedbackBlock, feedbackBlockInnerContainer);
|
|
47
|
+
return feedbackBlock;
|
|
48
|
+
};
|
|
49
|
+
//# sourceMappingURL=GidsFeedbackBlock.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsFeedbackBlock.js","sourceRoot":"","sources":["../../../src/components/GidsFeedbackBlock/GidsFeedbackBlock.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAmB,MAAM,yBAAyB,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAExE,MAAM,EAAE,8BAA8B,EAAE,GAAG,yBAAyB,CAAC;AAQrE,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACpC,KAAK,EACL,cAAc,EACd,KAAK,EACL,QAAQ,GACmB,EAAkB,EAAE;IAC/C,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACpD,aAAa,CAAC,SAAS,GAAG,8BAA8B,EAAE,CAAC;IAE3D,MAAM,2BAA2B,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAClE,2BAA2B,CAAC,SAAS;QACpC,sCAAsC,CAAC;IAExC,IAAI,KAAK,EAAE,CAAC;QACX,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,OAAO,CAAC,SAAS,GAAG,sCAAsC,CAAC;QAC3D,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACtB,gBAAgB,CAAC,2BAA2B,EAAE,OAAO,CAAC,CAAC;IACxD,CAAC;IAED,IAAI,KAAK,EAAE,CAAC;QACX,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QAC5C,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACvD,OAAO,CAAC,SAAS,GAAG,4BAA4B,CAAC;QACjD,IAAI,KAAK,YAAY,IAAI,EAAE,CAAC;YAC3B,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC7B,CAAC;aAAM,CAAC;YACP,aAAa,CAAC,WAAW,GAAG,KAAK,CAAC;QACnC,CAAC;QACD,gBAAgB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QACzC,gBAAgB,CAAC,2BAA2B,EAAE,OAAO,CAAC,CAAC;IACxD,CAAC;IAED,IAAI,cAAc,EAAE,CAAC;QACpB,MAAM,gBAAgB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACvD,gBAAgB,CAAC,SAAS,GAAG,sCAAsC,CAAC;QACpE,IAAI,cAAc,YAAY,IAAI,EAAE,CAAC;YACpC,gBAAgB,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;QACzC,CAAC;aAAM,CAAC;YACP,gBAAgB,CAAC,WAAW,GAAG,cAAc,CAAC;QAC/C,CAAC;QACD,gBAAgB,CAAC,2BAA2B,EAAE,gBAAgB,CAAC,CAAC;IACjE,CAAC;IAED,IAAI,QAAQ,EAAE,CAAC;QACd,2BAA2B,CAAC,WAAW,CACtC,iBAAiB,CAAC;YACjB,eAAe,EAAE,QAAQ;SACzB,CAAC,CACF,CAAC;IACH,CAAC;IACD,gBAAgB,CAAC,aAAa,EAAE,2BAA2B,CAAC,CAAC;IAE7D,OAAO,aAAa,CAAC;AACtB,CAAC,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { GidsOverflowContainerCommonProps } from '@ganpatiinfo/gids-core-shared';
|
|
2
|
+
import { DomChildren } from '../../utils/domUtils';
|
|
3
|
+
export interface GidsOverflowContainerDomProps extends GidsOverflowContainerCommonProps<DomChildren> {
|
|
4
|
+
extraClasses?: string;
|
|
5
|
+
}
|
|
6
|
+
export declare const GidsOverflowContainerDom: ({ children, shadowLocation, extraClasses, }: GidsOverflowContainerDomProps) => HTMLElement;
|
|
7
|
+
//# sourceMappingURL=GidsOverflowContainer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsOverflowContainer.d.ts","sourceRoot":"","sources":["../../../src/components/GidsOverflowContainer/GidsOverflowContainer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gCAAgC,EAAE,MAAM,+BAA+B,CAAC;AAEjF,OAAO,EAAoB,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAIrE,MAAM,WAAW,6BAA8B,SAAQ,gCAAgC,CAAC,WAAW,CAAC;IACnG,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,wBAAwB,GAAI,6CAItC,6BAA6B,KAAG,WAYlC,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { GidsOverflowContainerWebUtils } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
import { appendAsChildren } from '../../utils/domUtils';
|
|
3
|
+
const { getGidsOverflowContainerClassNames } = GidsOverflowContainerWebUtils;
|
|
4
|
+
export const GidsOverflowContainerDom = ({ children, shadowLocation, extraClasses, }) => {
|
|
5
|
+
const overflowContainer = document.createElement('gids-overflow-container');
|
|
6
|
+
overflowContainer.className =
|
|
7
|
+
getGidsOverflowContainerClassNames(extraClasses);
|
|
8
|
+
appendAsChildren(overflowContainer, children);
|
|
9
|
+
if (shadowLocation !== undefined) {
|
|
10
|
+
overflowContainer.setAttribute('shadow-location', shadowLocation);
|
|
11
|
+
}
|
|
12
|
+
return overflowContainer;
|
|
13
|
+
};
|
|
14
|
+
//# sourceMappingURL=GidsOverflowContainer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsOverflowContainer.js","sourceRoot":"","sources":["../../../src/components/GidsOverflowContainer/GidsOverflowContainer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,8BAA8B,CAAC;AAC7E,OAAO,EAAE,gBAAgB,EAAe,MAAM,sBAAsB,CAAC;AAErE,MAAM,EAAE,kCAAkC,EAAE,GAAG,6BAA6B,CAAC;AAM7E,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,EACxC,QAAQ,EACR,cAAc,EACd,YAAY,GACmB,EAAe,EAAE;IAChD,MAAM,iBAAiB,GAAG,QAAQ,CAAC,aAAa,CAAC,yBAAyB,CAAC,CAAC;IAC5E,iBAAiB,CAAC,SAAS;QAC1B,kCAAkC,CAAC,YAAY,CAAC,CAAC;IAElD,gBAAgB,CAAC,iBAAiB,EAAE,QAAQ,CAAC,CAAC;IAE9C,IAAI,cAAc,KAAK,SAAS,EAAE,CAAC;QAClC,iBAAiB,CAAC,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,CAAC;IACnE,CAAC;IAED,OAAO,iBAAiB,CAAC;AAC1B,CAAC,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { GidsProgressBarCommonProps } from '@ganpatiinfo/gids-core-shared';
|
|
2
|
+
import { ClassValue } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
export interface GidsProgressBarDomProps extends GidsProgressBarCommonProps {
|
|
4
|
+
extraClasses?: ClassValue;
|
|
5
|
+
}
|
|
6
|
+
export declare const GidsProgressBarDom: ({ size, color, indeterminate, value, max, endCap, extraClasses, }: GidsProgressBarDomProps) => HTMLDivElement;
|
|
7
|
+
//# sourceMappingURL=GidsProgressBar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsProgressBar.d.ts","sourceRoot":"","sources":["../../../src/components/GidsProgressBar/GidsProgressBar.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,0BAA0B,EAE1B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACN,UAAU,EAEV,MAAM,8BAA8B,CAAC;AAKtC,MAAM,WAAW,uBAAwB,SAAQ,0BAA0B;IAC1E,YAAY,CAAC,EAAE,UAAU,CAAC;CAC1B;AAED,eAAO,MAAM,kBAAkB,GAAI,mEAQhC,uBAAuB,KAAG,cAyB5B,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { GidsProgressBarCommonUtils, } from '@ganpatiinfo/gids-core-shared';
|
|
2
|
+
import { GidsProgressBarWebUtils, } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
const { getDeterminateProgressBarValues } = GidsProgressBarCommonUtils;
|
|
4
|
+
const { getGidsProgressBarClassNames } = GidsProgressBarWebUtils;
|
|
5
|
+
export const GidsProgressBarDom = ({ size, color, indeterminate, value, max, endCap, extraClasses, }) => {
|
|
6
|
+
const progressBar = document.createElement('div');
|
|
7
|
+
progressBar.className = getGidsProgressBarClassNames({ size, color, indeterminate, endCap }, extraClasses);
|
|
8
|
+
progressBar.setAttribute('role', 'progressbar');
|
|
9
|
+
const fill = document.createElement('div');
|
|
10
|
+
fill.className = 'gids-progress-bar__fill';
|
|
11
|
+
progressBar.appendChild(fill);
|
|
12
|
+
if (indeterminate !== true) {
|
|
13
|
+
const { sanitisedValue, progressBarWidth, ariaValueMax } = getDeterminateProgressBarValues({ value, max });
|
|
14
|
+
progressBar.setAttribute('aria-valuenow', String(sanitisedValue));
|
|
15
|
+
if (ariaValueMax !== undefined) {
|
|
16
|
+
progressBar.setAttribute('aria-valuemax', String(ariaValueMax));
|
|
17
|
+
}
|
|
18
|
+
fill.style.width = progressBarWidth;
|
|
19
|
+
}
|
|
20
|
+
return progressBar;
|
|
21
|
+
};
|
|
22
|
+
//# sourceMappingURL=GidsProgressBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsProgressBar.js","sourceRoot":"","sources":["../../../src/components/GidsProgressBar/GidsProgressBar.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,0BAA0B,GAC1B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAEN,uBAAuB,GACvB,MAAM,8BAA8B,CAAC;AAEtC,MAAM,EAAE,+BAA+B,EAAE,GAAG,0BAA0B,CAAC;AACvE,MAAM,EAAE,4BAA4B,EAAE,GAAG,uBAAuB,CAAC;AAMjE,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAClC,IAAI,EACJ,KAAK,EACL,aAAa,EACb,KAAK,EACL,GAAG,EACH,MAAM,EACN,YAAY,GACa,EAAkB,EAAE;IAC7C,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAClD,WAAW,CAAC,SAAS,GAAG,4BAA4B,CACnD,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,EACtC,YAAY,CACZ,CAAC;IAEF,WAAW,CAAC,YAAY,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IAEhD,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC3C,IAAI,CAAC,SAAS,GAAG,yBAAyB,CAAC;IAC3C,WAAW,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAE9B,IAAI,aAAa,KAAK,IAAI,EAAE,CAAC;QAC5B,MAAM,EAAE,cAAc,EAAE,gBAAgB,EAAE,YAAY,EAAE,GACvD,+BAA+B,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;QAEjD,WAAW,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC;QAClE,IAAI,YAAY,KAAK,SAAS,EAAE,CAAC;YAChC,WAAW,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC;QACjE,CAAC;QACD,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,gBAAgB,CAAC;IACrC,CAAC;IAED,OAAO,WAAW,CAAC;AACpB,CAAC,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -64,6 +64,13 @@ export * from './components/GidsScrim/GidsScrim.js';
|
|
|
64
64
|
export * from './components/GidsSideMenuHeader/GidsSideMenuHeader.js';
|
|
65
65
|
export * from './components/GidsSideMenu/GidsSideMenu.js';
|
|
66
66
|
export * from './components/GidsSideNavigation/GidsSideNavigation.js';
|
|
67
|
+
export * from './components/GidsProgressBar/GidsProgressBar.js';
|
|
68
|
+
export * from './components/GidsFeedbackBlock/GidsFeedbackBlock.js';
|
|
69
|
+
export * from './components/GidsOverflowContainer/GidsOverflowContainer.js';
|
|
70
|
+
export * from './components/GidsAccordionItemHeader/GidsAccordionItemHeader.js';
|
|
71
|
+
export * from './components/GidsAccordionItemContent/GidsAccordionItemContent.js';
|
|
72
|
+
export * from './components/GidsAccordionItem/GidsAccordionItem.js';
|
|
73
|
+
export * from './components/GidsAccordion/GidsAccordion.js';
|
|
67
74
|
/**
|
|
68
75
|
* Utilities
|
|
69
76
|
*/
|
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;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;AAClE,cAAc,mDAAmD,CAAC;AAClE,cAAc,qCAAqC,CAAC;AACpD,cAAc,uDAAuD,CAAC;AACtE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,uDAAuD,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;AAClE,cAAc,mDAAmD,CAAC;AAClE,cAAc,qCAAqC,CAAC;AACpD,cAAc,uDAAuD,CAAC;AACtE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,uDAAuD,CAAC;AACtE,cAAc,iDAAiD,CAAC;AAChE,cAAc,qDAAqD,CAAC;AACpE,cAAc,6DAA6D,CAAC;AAC5E,cAAc,iEAAiE,CAAC;AAChF,cAAc,mEAAmE,CAAC;AAClF,cAAc,qDAAqD,CAAC;AACpE,cAAc,6CAA6C,CAAC;AAE5D;;GAEG;AACH,cAAc,qBAAqB,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -64,6 +64,13 @@ export * from './components/GidsScrim/GidsScrim.js';
|
|
|
64
64
|
export * from './components/GidsSideMenuHeader/GidsSideMenuHeader.js';
|
|
65
65
|
export * from './components/GidsSideMenu/GidsSideMenu.js';
|
|
66
66
|
export * from './components/GidsSideNavigation/GidsSideNavigation.js';
|
|
67
|
+
export * from './components/GidsProgressBar/GidsProgressBar.js';
|
|
68
|
+
export * from './components/GidsFeedbackBlock/GidsFeedbackBlock.js';
|
|
69
|
+
export * from './components/GidsOverflowContainer/GidsOverflowContainer.js';
|
|
70
|
+
export * from './components/GidsAccordionItemHeader/GidsAccordionItemHeader.js';
|
|
71
|
+
export * from './components/GidsAccordionItemContent/GidsAccordionItemContent.js';
|
|
72
|
+
export * from './components/GidsAccordionItem/GidsAccordionItem.js';
|
|
73
|
+
export * from './components/GidsAccordion/GidsAccordion.js';
|
|
67
74
|
/**
|
|
68
75
|
* Utilities
|
|
69
76
|
*/
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","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;AAClE,cAAc,mDAAmD,CAAC;AAClE,cAAc,qCAAqC,CAAC;AACpD,cAAc,uDAAuD,CAAC;AACtE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,uDAAuD,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","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;AAClE,cAAc,mDAAmD,CAAC;AAClE,cAAc,qCAAqC,CAAC;AACpD,cAAc,uDAAuD,CAAC;AACtE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,uDAAuD,CAAC;AACtE,cAAc,iDAAiD,CAAC;AAChE,cAAc,qDAAqD,CAAC;AACpE,cAAc,6DAA6D,CAAC;AAC5E,cAAc,iEAAiE,CAAC;AAChF,cAAc,mEAAmE,CAAC;AAClF,cAAc,qDAAqD,CAAC;AACpE,cAAc,6CAA6C,CAAC;AAE5D;;GAEG;AACH,cAAc,qBAAqB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ganpatiinfo/gids-web-dom-reference",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.2.0",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "DOM for components reference implementations",
|
|
6
6
|
"homepage": "https://ganpatiinfosystem.vercel.app/",
|
|
@@ -24,8 +24,8 @@
|
|
|
24
24
|
"directory": "packages/private/web-dom-reference"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@ganpatiinfo/gids-core-shared": "7.
|
|
28
|
-
"@ganpatiinfo/gids-web-shared": "7.
|
|
27
|
+
"@ganpatiinfo/gids-core-shared": "7.1.0",
|
|
28
|
+
"@ganpatiinfo/gids-web-shared": "7.1.0"
|
|
29
29
|
},
|
|
30
30
|
"peerDependencies": {
|
|
31
31
|
"@ganpatiinfo/gids-web-theme-interface": "4.0.1",
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { type GidsAccordionCommonProps } from '@ganpatiinfo/gids-core-shared';
|
|
2
|
+
import {
|
|
3
|
+
type ClassValue,
|
|
4
|
+
GidsAccordionWebUtils,
|
|
5
|
+
} from '@ganpatiinfo/gids-web-shared';
|
|
6
|
+
import { appendAsChildren, DomChildren } from '../../utils/domUtils.js';
|
|
7
|
+
|
|
8
|
+
const { getGidsAccordionClassNames } = GidsAccordionWebUtils;
|
|
9
|
+
|
|
10
|
+
export interface GidsAccordionDomProps extends GidsAccordionCommonProps<DomChildren> {
|
|
11
|
+
extraClasses?: ClassValue;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export const GidsAccordionDom = ({
|
|
15
|
+
children,
|
|
16
|
+
extraClasses,
|
|
17
|
+
}: GidsAccordionDomProps): HTMLDivElement => {
|
|
18
|
+
const accordionEl = document.createElement('div');
|
|
19
|
+
accordionEl.className = getGidsAccordionClassNames(extraClasses);
|
|
20
|
+
|
|
21
|
+
appendAsChildren(accordionEl, children);
|
|
22
|
+
|
|
23
|
+
return accordionEl;
|
|
24
|
+
};
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { GidsAccordionItemCommonProps } from '@ganpatiinfo/gids-core-shared';
|
|
2
|
+
import {
|
|
3
|
+
ClassValue,
|
|
4
|
+
GidsAccordionItemWebUtils,
|
|
5
|
+
} from '@ganpatiinfo/gids-web-shared';
|
|
6
|
+
import {
|
|
7
|
+
appendAsChildren,
|
|
8
|
+
DomChildren,
|
|
9
|
+
toggleAttribute,
|
|
10
|
+
} from '../../utils/domUtils';
|
|
11
|
+
|
|
12
|
+
const { getGidsAccordionItemClassNames } = GidsAccordionItemWebUtils;
|
|
13
|
+
|
|
14
|
+
export interface GidsAccordionItemDomProps extends GidsAccordionItemCommonProps<DomChildren> {
|
|
15
|
+
onToggle?: (this: HTMLDetailsElement, even: Event) => void;
|
|
16
|
+
extraClasses?: ClassValue;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export const GidsAccordionItemDom = ({
|
|
20
|
+
open,
|
|
21
|
+
children,
|
|
22
|
+
onToggle,
|
|
23
|
+
extraClasses,
|
|
24
|
+
}: GidsAccordionItemDomProps): HTMLDetailsElement => {
|
|
25
|
+
const accordionItem = document.createElement('details');
|
|
26
|
+
accordionItem.className = getGidsAccordionItemClassNames(extraClasses);
|
|
27
|
+
toggleAttribute(accordionItem, 'open', open ?? false);
|
|
28
|
+
accordionItem.open = open ?? false;
|
|
29
|
+
|
|
30
|
+
appendAsChildren(accordionItem, children);
|
|
31
|
+
|
|
32
|
+
if (onToggle) {
|
|
33
|
+
accordionItem.addEventListener('toggle', onToggle);
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
return accordionItem;
|
|
37
|
+
};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import {
|
|
2
|
+
type ClassValue,
|
|
3
|
+
GidsAccordionItemContentWebUtils,
|
|
4
|
+
} from '@ganpatiinfo/gids-web-shared';
|
|
5
|
+
import { appendAsChildren, DomChildren } from '../../utils/domUtils.js';
|
|
6
|
+
import { GidsAccordionItemContentCommonProps } from '@ganpatiinfo/gids-core-shared';
|
|
7
|
+
|
|
8
|
+
const { getGidsAccordionItemContentClassNames } =
|
|
9
|
+
GidsAccordionItemContentWebUtils;
|
|
10
|
+
|
|
11
|
+
export interface GidsAccordionItemContentDomProps extends GidsAccordionItemContentCommonProps<DomChildren> {
|
|
12
|
+
extraClasses?: ClassValue;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
export const GidsAccordionItemContentDom = ({
|
|
16
|
+
children,
|
|
17
|
+
extraClasses,
|
|
18
|
+
}: GidsAccordionItemContentDomProps): HTMLDivElement => {
|
|
19
|
+
const content = document.createElement('div');
|
|
20
|
+
content.className = getGidsAccordionItemContentClassNames(extraClasses);
|
|
21
|
+
|
|
22
|
+
appendAsChildren(content, children);
|
|
23
|
+
|
|
24
|
+
return content;
|
|
25
|
+
};
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { type GidsAccordionItemHeaderCommonProps } from '@ganpatiinfo/gids-core-shared';
|
|
2
|
+
import {
|
|
3
|
+
ClassValue,
|
|
4
|
+
GidsAccordionItemHeaderWebUtils,
|
|
5
|
+
} from '@ganpatiinfo/gids-web-shared';
|
|
6
|
+
import { appendAsChildren, DomChildren } from '../../utils/domUtils';
|
|
7
|
+
import { GidsIconDom } from '../GidsIcon/GidsIcon';
|
|
8
|
+
|
|
9
|
+
const { getGidsAccordionItemHeaderClassNames } =
|
|
10
|
+
GidsAccordionItemHeaderWebUtils;
|
|
11
|
+
|
|
12
|
+
export interface GidsAccordionItemHeaderDomProps extends GidsAccordionItemHeaderCommonProps<DomChildren> {
|
|
13
|
+
extraClasses?: ClassValue;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
export const GidsAccordionItemHeaderDom = ({
|
|
17
|
+
children,
|
|
18
|
+
extraClasses,
|
|
19
|
+
}: GidsAccordionItemHeaderDomProps): HTMLElement => {
|
|
20
|
+
const header = document.createElement('summary');
|
|
21
|
+
header.className = getGidsAccordionItemHeaderClassNames(extraClasses);
|
|
22
|
+
|
|
23
|
+
const content = document.createElement('div');
|
|
24
|
+
content.className = 'gids-accordion-item-header__content';
|
|
25
|
+
appendAsChildren(content, children);
|
|
26
|
+
|
|
27
|
+
header.append(content);
|
|
28
|
+
header.append(
|
|
29
|
+
GidsIconDom({
|
|
30
|
+
name: 'chevron-down',
|
|
31
|
+
size: 'md',
|
|
32
|
+
className: 'gids-accordion-item-header__indicator',
|
|
33
|
+
alt: '',
|
|
34
|
+
}),
|
|
35
|
+
);
|
|
36
|
+
|
|
37
|
+
return header;
|
|
38
|
+
};
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import { type GidsFeedbackBlockCommonProps } from '@ganpatiinfo/gids-core-shared';
|
|
2
|
+
import { GidsFeedbackBlockWebUtils } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { appendAsChildren, DomNodeOrString } from '../../utils/domUtils.js';
|
|
4
|
+
import { GidsButtonDockDom } from '../GidsButtonDock/GidsButtonDock.js';
|
|
5
|
+
|
|
6
|
+
const { getGidsFeedbackBlockClassNames } = GidsFeedbackBlockWebUtils;
|
|
7
|
+
|
|
8
|
+
export type GidsFeedbackBlockDomProps = GidsFeedbackBlockCommonProps<
|
|
9
|
+
DomNodeOrString,
|
|
10
|
+
DomNodeOrString,
|
|
11
|
+
DomNodeOrString
|
|
12
|
+
>;
|
|
13
|
+
|
|
14
|
+
export const GidsFeedbackBlockDom = ({
|
|
15
|
+
title,
|
|
16
|
+
supportingText,
|
|
17
|
+
image,
|
|
18
|
+
children,
|
|
19
|
+
}: GidsFeedbackBlockDomProps): HTMLDivElement => {
|
|
20
|
+
const feedbackBlock = document.createElement('div');
|
|
21
|
+
feedbackBlock.className = getGidsFeedbackBlockClassNames();
|
|
22
|
+
|
|
23
|
+
const feedbackBlockInnerContainer = document.createElement('div');
|
|
24
|
+
feedbackBlockInnerContainer.className =
|
|
25
|
+
'gids-feedback-block__inner-container';
|
|
26
|
+
|
|
27
|
+
if (image) {
|
|
28
|
+
const imageEl = document.createElement('div');
|
|
29
|
+
imageEl.className = 'gids-feedback-block__image-container';
|
|
30
|
+
imageEl.append(image);
|
|
31
|
+
appendAsChildren(feedbackBlockInnerContainer, imageEl);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
if (title) {
|
|
35
|
+
const titleEl = document.createElement('p');
|
|
36
|
+
const titleStrongEl = document.createElement('strong');
|
|
37
|
+
titleEl.className = 'gids-feedback-block__title';
|
|
38
|
+
if (title instanceof Node) {
|
|
39
|
+
titleStrongEl.append(title);
|
|
40
|
+
} else {
|
|
41
|
+
titleStrongEl.textContent = title;
|
|
42
|
+
}
|
|
43
|
+
appendAsChildren(titleEl, titleStrongEl);
|
|
44
|
+
appendAsChildren(feedbackBlockInnerContainer, titleEl);
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
if (supportingText) {
|
|
48
|
+
const supportingTextEl = document.createElement('div');
|
|
49
|
+
supportingTextEl.className = 'gids-feedback-block__supporting-text';
|
|
50
|
+
if (supportingText instanceof Node) {
|
|
51
|
+
supportingTextEl.append(supportingText);
|
|
52
|
+
} else {
|
|
53
|
+
supportingTextEl.textContent = supportingText;
|
|
54
|
+
}
|
|
55
|
+
appendAsChildren(feedbackBlockInnerContainer, supportingTextEl);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
if (children) {
|
|
59
|
+
feedbackBlockInnerContainer.appendChild(
|
|
60
|
+
GidsButtonDockDom({
|
|
61
|
+
primaryChildren: children,
|
|
62
|
+
}),
|
|
63
|
+
);
|
|
64
|
+
}
|
|
65
|
+
appendAsChildren(feedbackBlock, feedbackBlockInnerContainer);
|
|
66
|
+
|
|
67
|
+
return feedbackBlock;
|
|
68
|
+
};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { GidsOverflowContainerCommonProps } from '@ganpatiinfo/gids-core-shared';
|
|
2
|
+
import { GidsOverflowContainerWebUtils } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { appendAsChildren, DomChildren } from '../../utils/domUtils';
|
|
4
|
+
|
|
5
|
+
const { getGidsOverflowContainerClassNames } = GidsOverflowContainerWebUtils;
|
|
6
|
+
|
|
7
|
+
export interface GidsOverflowContainerDomProps extends GidsOverflowContainerCommonProps<DomChildren> {
|
|
8
|
+
extraClasses?: string;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
export const GidsOverflowContainerDom = ({
|
|
12
|
+
children,
|
|
13
|
+
shadowLocation,
|
|
14
|
+
extraClasses,
|
|
15
|
+
}: GidsOverflowContainerDomProps): HTMLElement => {
|
|
16
|
+
const overflowContainer = document.createElement('gids-overflow-container');
|
|
17
|
+
overflowContainer.className =
|
|
18
|
+
getGidsOverflowContainerClassNames(extraClasses);
|
|
19
|
+
|
|
20
|
+
appendAsChildren(overflowContainer, children);
|
|
21
|
+
|
|
22
|
+
if (shadowLocation !== undefined) {
|
|
23
|
+
overflowContainer.setAttribute('shadow-location', shadowLocation);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
return overflowContainer;
|
|
27
|
+
};
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import {
|
|
2
|
+
GidsProgressBarCommonProps,
|
|
3
|
+
GidsProgressBarCommonUtils,
|
|
4
|
+
} from '@ganpatiinfo/gids-core-shared';
|
|
5
|
+
import {
|
|
6
|
+
ClassValue,
|
|
7
|
+
GidsProgressBarWebUtils,
|
|
8
|
+
} from '@ganpatiinfo/gids-web-shared';
|
|
9
|
+
|
|
10
|
+
const { getDeterminateProgressBarValues } = GidsProgressBarCommonUtils;
|
|
11
|
+
const { getGidsProgressBarClassNames } = GidsProgressBarWebUtils;
|
|
12
|
+
|
|
13
|
+
export interface GidsProgressBarDomProps extends GidsProgressBarCommonProps {
|
|
14
|
+
extraClasses?: ClassValue;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export const GidsProgressBarDom = ({
|
|
18
|
+
size,
|
|
19
|
+
color,
|
|
20
|
+
indeterminate,
|
|
21
|
+
value,
|
|
22
|
+
max,
|
|
23
|
+
endCap,
|
|
24
|
+
extraClasses,
|
|
25
|
+
}: GidsProgressBarDomProps): HTMLDivElement => {
|
|
26
|
+
const progressBar = document.createElement('div');
|
|
27
|
+
progressBar.className = getGidsProgressBarClassNames(
|
|
28
|
+
{ size, color, indeterminate, endCap },
|
|
29
|
+
extraClasses,
|
|
30
|
+
);
|
|
31
|
+
|
|
32
|
+
progressBar.setAttribute('role', 'progressbar');
|
|
33
|
+
|
|
34
|
+
const fill = document.createElement('div');
|
|
35
|
+
fill.className = 'gids-progress-bar__fill';
|
|
36
|
+
progressBar.appendChild(fill);
|
|
37
|
+
|
|
38
|
+
if (indeterminate !== true) {
|
|
39
|
+
const { sanitisedValue, progressBarWidth, ariaValueMax } =
|
|
40
|
+
getDeterminateProgressBarValues({ value, max });
|
|
41
|
+
|
|
42
|
+
progressBar.setAttribute('aria-valuenow', String(sanitisedValue));
|
|
43
|
+
if (ariaValueMax !== undefined) {
|
|
44
|
+
progressBar.setAttribute('aria-valuemax', String(ariaValueMax));
|
|
45
|
+
}
|
|
46
|
+
fill.style.width = progressBarWidth;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
return progressBar;
|
|
50
|
+
};
|
package/src/index.ts
CHANGED
|
@@ -64,6 +64,13 @@ export * from './components/GidsScrim/GidsScrim.js';
|
|
|
64
64
|
export * from './components/GidsSideMenuHeader/GidsSideMenuHeader.js';
|
|
65
65
|
export * from './components/GidsSideMenu/GidsSideMenu.js';
|
|
66
66
|
export * from './components/GidsSideNavigation/GidsSideNavigation.js';
|
|
67
|
+
export * from './components/GidsProgressBar/GidsProgressBar.js';
|
|
68
|
+
export * from './components/GidsFeedbackBlock/GidsFeedbackBlock.js';
|
|
69
|
+
export * from './components/GidsOverflowContainer/GidsOverflowContainer.js';
|
|
70
|
+
export * from './components/GidsAccordionItemHeader/GidsAccordionItemHeader.js';
|
|
71
|
+
export * from './components/GidsAccordionItemContent/GidsAccordionItemContent.js';
|
|
72
|
+
export * from './components/GidsAccordionItem/GidsAccordionItem.js';
|
|
73
|
+
export * from './components/GidsAccordion/GidsAccordion.js';
|
|
67
74
|
|
|
68
75
|
/**
|
|
69
76
|
* Utilities
|