@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.
Files changed (42) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/components/GidsAccordion/GidsAccordion.d.ts +8 -0
  3. package/dist/components/GidsAccordion/GidsAccordion.d.ts.map +1 -0
  4. package/dist/components/GidsAccordion/GidsAccordion.js +10 -0
  5. package/dist/components/GidsAccordion/GidsAccordion.js.map +1 -0
  6. package/dist/components/GidsAccordionItem/GidsAccordionItem.d.ts +9 -0
  7. package/dist/components/GidsAccordionItem/GidsAccordionItem.d.ts.map +1 -0
  8. package/dist/components/GidsAccordionItem/GidsAccordionItem.js +15 -0
  9. package/dist/components/GidsAccordionItem/GidsAccordionItem.js.map +1 -0
  10. package/dist/components/GidsAccordionItemContent/GidsAccordionItemContent.d.ts +8 -0
  11. package/dist/components/GidsAccordionItemContent/GidsAccordionItemContent.d.ts.map +1 -0
  12. package/dist/components/GidsAccordionItemContent/GidsAccordionItemContent.js +10 -0
  13. package/dist/components/GidsAccordionItemContent/GidsAccordionItemContent.js.map +1 -0
  14. package/dist/components/GidsAccordionItemHeader/GidsAccordionItemHeader.d.ts +8 -0
  15. package/dist/components/GidsAccordionItemHeader/GidsAccordionItemHeader.d.ts.map +1 -0
  16. package/dist/components/GidsAccordionItemHeader/GidsAccordionItemHeader.js +20 -0
  17. package/dist/components/GidsAccordionItemHeader/GidsAccordionItemHeader.js.map +1 -0
  18. package/dist/components/GidsFeedbackBlock/GidsFeedbackBlock.d.ts +5 -0
  19. package/dist/components/GidsFeedbackBlock/GidsFeedbackBlock.d.ts.map +1 -0
  20. package/dist/components/GidsFeedbackBlock/GidsFeedbackBlock.js +49 -0
  21. package/dist/components/GidsFeedbackBlock/GidsFeedbackBlock.js.map +1 -0
  22. package/dist/components/GidsOverflowContainer/GidsOverflowContainer.d.ts +7 -0
  23. package/dist/components/GidsOverflowContainer/GidsOverflowContainer.d.ts.map +1 -0
  24. package/dist/components/GidsOverflowContainer/GidsOverflowContainer.js +14 -0
  25. package/dist/components/GidsOverflowContainer/GidsOverflowContainer.js.map +1 -0
  26. package/dist/components/GidsProgressBar/GidsProgressBar.d.ts +7 -0
  27. package/dist/components/GidsProgressBar/GidsProgressBar.d.ts.map +1 -0
  28. package/dist/components/GidsProgressBar/GidsProgressBar.js +22 -0
  29. package/dist/components/GidsProgressBar/GidsProgressBar.js.map +1 -0
  30. package/dist/index.d.ts +7 -0
  31. package/dist/index.d.ts.map +1 -1
  32. package/dist/index.js +7 -0
  33. package/dist/index.js.map +1 -1
  34. package/package.json +3 -3
  35. package/src/components/GidsAccordion/GidsAccordion.ts +24 -0
  36. package/src/components/GidsAccordionItem/GidsAccordionItem.ts +37 -0
  37. package/src/components/GidsAccordionItemContent/GidsAccordionItemContent.ts +25 -0
  38. package/src/components/GidsAccordionItemHeader/GidsAccordionItemHeader.ts +38 -0
  39. package/src/components/GidsFeedbackBlock/GidsFeedbackBlock.ts +68 -0
  40. package/src/components/GidsOverflowContainer/GidsOverflowContainer.ts +27 -0
  41. package/src/components/GidsProgressBar/GidsProgressBar.ts +50 -0
  42. 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
  */
@@ -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;AAEtE;;GAEG;AACH,cAAc,qBAAqB,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;AAEtE;;GAEG;AACH,cAAc,qBAAqB,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.1.0",
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.0.0",
28
- "@ganpatiinfo/gids-web-shared": "7.0.0"
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