@ganpatiinfo/gids-web-dom-reference 14.1.0 → 15.1.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 +34 -0
  2. package/dist/components/GidsBentoCard/GidsBentoCard.d.ts +8 -0
  3. package/dist/components/GidsBentoCard/GidsBentoCard.d.ts.map +1 -0
  4. package/dist/components/GidsBentoCard/GidsBentoCard.js +33 -0
  5. package/dist/components/GidsBentoCard/GidsBentoCard.js.map +1 -0
  6. package/dist/components/GidsCarousel/GidsCarousel.d.ts +7 -0
  7. package/dist/components/GidsCarousel/GidsCarousel.d.ts.map +1 -0
  8. package/dist/components/GidsCarousel/GidsCarousel.js +19 -0
  9. package/dist/components/GidsCarousel/GidsCarousel.js.map +1 -0
  10. package/dist/components/GidsFlyoutPanel/GidsFlyoutPanel.d.ts +9 -0
  11. package/dist/components/GidsFlyoutPanel/GidsFlyoutPanel.d.ts.map +1 -0
  12. package/dist/components/GidsFlyoutPanel/GidsFlyoutPanel.js +16 -0
  13. package/dist/components/GidsFlyoutPanel/GidsFlyoutPanel.js.map +1 -0
  14. package/dist/components/GidsProfileMenu/GidsProfileMenu.d.ts +1 -1
  15. package/dist/components/GidsProfileMenu/GidsProfileMenu.d.ts.map +1 -1
  16. package/dist/components/GidsProfileMenu/GidsProfileMenu.js +2 -1
  17. package/dist/components/GidsProfileMenu/GidsProfileMenu.js.map +1 -1
  18. package/dist/components/_GidsCarouselControl/GidsCarouselControl.d.ts +8 -0
  19. package/dist/components/_GidsCarouselControl/GidsCarouselControl.d.ts.map +1 -0
  20. package/dist/components/_GidsCarouselControl/GidsCarouselControl.js +80 -0
  21. package/dist/components/_GidsCarouselControl/GidsCarouselControl.js.map +1 -0
  22. package/dist/components/_GidsCarouselPagination/GidsCarouselPagination.d.ts +7 -0
  23. package/dist/components/_GidsCarouselPagination/GidsCarouselPagination.d.ts.map +1 -0
  24. package/dist/components/_GidsCarouselPagination/GidsCarouselPagination.js +33 -0
  25. package/dist/components/_GidsCarouselPagination/GidsCarouselPagination.js.map +1 -0
  26. package/dist/components/_GidsCarouselPaginationItem/GidsCarouselPaginationItem.d.ts +7 -0
  27. package/dist/components/_GidsCarouselPaginationItem/GidsCarouselPaginationItem.d.ts.map +1 -0
  28. package/dist/components/_GidsCarouselPaginationItem/GidsCarouselPaginationItem.js +33 -0
  29. package/dist/components/_GidsCarouselPaginationItem/GidsCarouselPaginationItem.js.map +1 -0
  30. package/dist/index.d.ts +6 -0
  31. package/dist/index.d.ts.map +1 -1
  32. package/dist/index.js +6 -0
  33. package/dist/index.js.map +1 -1
  34. package/package.json +3 -3
  35. package/src/components/GidsBentoCard/GidsBentoCard.ts +75 -0
  36. package/src/components/GidsCarousel/GidsCarousel.ts +54 -0
  37. package/src/components/GidsFlyoutPanel/GidsFlyoutPanel.ts +34 -0
  38. package/src/components/GidsProfileMenu/GidsProfileMenu.ts +2 -0
  39. package/src/components/_GidsCarouselControl/GidsCarouselControl.ts +115 -0
  40. package/src/components/_GidsCarouselPagination/GidsCarouselPagination.ts +59 -0
  41. package/src/components/_GidsCarouselPaginationItem/GidsCarouselPaginationItem.ts +57 -0
  42. package/src/index.ts +6 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,39 @@
1
1
  # @ganpatiinfo/gids-web-dom-reference
2
2
 
3
+ ## 15.1.0
4
+
5
+ ### Minor Changes
6
+
7
+ - 52f5fde: - Developed `GidsFlyoutPanel` web component for all web platforms
8
+ - 63d3cb6: - Developed `GidsBentoCard` web component for all web platforms
9
+ - a9cd9e8: - Developed `GidsCarousel` web component for all web platforms
10
+
11
+ ### Patch Changes
12
+
13
+ - a9cd9e8: - Developed `GidsCarouselPagination` private component for all web platforms
14
+ - a9cd9e8: - Developed `GidsCarouselControl` private component for all web platforms
15
+ - a9cd9e8: - Developed `GidsCarouselPaginationItem` private component for all web platforms
16
+ - Updated dependencies [a9cd9e8]
17
+ - Updated dependencies [52f5fde]
18
+ - Updated dependencies [63d3cb6]
19
+ - Updated dependencies [a9cd9e8]
20
+ - Updated dependencies [a9cd9e8]
21
+ - Updated dependencies [a9cd9e8]
22
+ - @ganpatiinfo/gids-core-shared@15.1.0
23
+ - @ganpatiinfo/gids-web-shared@13.2.0
24
+
25
+ ## 15.0.0
26
+
27
+ ### Major Changes
28
+
29
+ - 6ee0f79: - Fixed selection issue in `GidsProfileMenu` and `GidsProfile` web components for all web platforms
30
+
31
+ ### Patch Changes
32
+
33
+ - Updated dependencies [6ee0f79]
34
+ - @ganpatiinfo/gids-core-shared@15.0.0
35
+ - @ganpatiinfo/gids-web-shared@13.1.1
36
+
3
37
  ## 14.1.0
4
38
 
5
39
  ### Minor Changes
@@ -0,0 +1,8 @@
1
+ import { GidsBentoCardWebProps } from '@ganpatiinfo/gids-web-shared';
2
+ import { DomChildren } from '../../utils/domUtils';
3
+ export type GidsBentoCardBaseWebProps = GidsBentoCardWebProps<DomChildren, DomChildren>;
4
+ export interface GidsBentoCardDomProps extends GidsBentoCardBaseWebProps {
5
+ extraClasses?: string;
6
+ }
7
+ export declare const GidsBentoCardDom: ({ heading, label, supportingText, description, icon, children, accessory, appearance, bgGradient, primaryTextColor, secondaryTextColor, tertiaryTextColor, extraClasses, }: GidsBentoCardDomProps) => HTMLElement;
8
+ //# sourceMappingURL=GidsBentoCard.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GidsBentoCard.d.ts","sourceRoot":"","sources":["../../../src/components/GidsBentoCard/GidsBentoCard.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,qBAAqB,EAErB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAGN,WAAW,EACX,MAAM,sBAAsB,CAAC;AAI9B,MAAM,MAAM,yBAAyB,GAAG,qBAAqB,CAC5D,WAAW,EACX,WAAW,CACX,CAAC;AAIF,MAAM,WAAW,qBAAsB,SAAQ,yBAAyB;IACvE,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,gBAAgB,GAAI,4KAc9B,qBAAqB,KAAG,WAqC1B,CAAC"}
@@ -0,0 +1,33 @@
1
+ import { GidsBentoCardWebUtils, } from '@ganpatiinfo/gids-web-shared';
2
+ import { appendAsChildren, assignToSlot, } from '../../utils/domUtils';
3
+ const { getGidsBentoCardClassNames } = GidsBentoCardWebUtils;
4
+ export const GidsBentoCardDom = ({ heading, label, supportingText, description, icon, children, accessory, appearance = 'default', bgGradient, primaryTextColor, secondaryTextColor, tertiaryTextColor, extraClasses, }) => {
5
+ const bentoCard = document.createElement('gids-bento-card');
6
+ bentoCard.heading = heading;
7
+ if (label) {
8
+ bentoCard.label = label;
9
+ }
10
+ if (supportingText) {
11
+ bentoCard.supportingText = supportingText;
12
+ }
13
+ if (description) {
14
+ bentoCard.description = description;
15
+ }
16
+ bentoCard.appearance = appearance;
17
+ bentoCard.bgGradient = bgGradient;
18
+ bentoCard.primaryTextColor = primaryTextColor;
19
+ bentoCard.secondaryTextColor = secondaryTextColor;
20
+ bentoCard.tertiaryTextColor = tertiaryTextColor;
21
+ bentoCard.className = getGidsBentoCardClassNames({ appearance }, extraClasses);
22
+ if (children) {
23
+ appendAsChildren(bentoCard, children);
24
+ }
25
+ if (icon) {
26
+ assignToSlot(bentoCard, 'bentoCardIcon', icon);
27
+ }
28
+ if (accessory) {
29
+ assignToSlot(bentoCard, 'bentoCardAccessory', accessory);
30
+ }
31
+ return bentoCard;
32
+ };
33
+ //# sourceMappingURL=GidsBentoCard.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GidsBentoCard.js","sourceRoot":"","sources":["../../../src/components/GidsBentoCard/GidsBentoCard.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,qBAAqB,GACrB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACN,gBAAgB,EAChB,YAAY,GAEZ,MAAM,sBAAsB,CAAC;AAE9B,MAAM,EAAE,0BAA0B,EAAE,GAAG,qBAAqB,CAAC;AAa7D,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAChC,OAAO,EACP,KAAK,EACL,cAAc,EACd,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,UAAU,GAAG,SAAS,EACtB,UAAU,EACV,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,YAAY,GACW,EAAe,EAAE;IACxC,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CACvC,iBAAiB,CACO,CAAC;IAE1B,SAAS,CAAC,OAAO,GAAG,OAAO,CAAC;IAC5B,IAAI,KAAK,EAAE,CAAC;QACX,SAAS,CAAC,KAAK,GAAG,KAAK,CAAC;IACzB,CAAC;IACD,IAAI,cAAc,EAAE,CAAC;QACpB,SAAS,CAAC,cAAc,GAAG,cAAc,CAAC;IAC3C,CAAC;IACD,IAAI,WAAW,EAAE,CAAC;QACjB,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;IACrC,CAAC;IAED,SAAS,CAAC,UAAU,GAAG,UAAU,CAAC;IAClC,SAAS,CAAC,UAAU,GAAG,UAAU,CAAC;IAClC,SAAS,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;IAC9C,SAAS,CAAC,kBAAkB,GAAG,kBAAkB,CAAC;IAClD,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;IAEhD,SAAS,CAAC,SAAS,GAAG,0BAA0B,CAAC,EAAE,UAAU,EAAE,EAAE,YAAY,CAAC,CAAC;IAE/E,IAAI,QAAQ,EAAE,CAAC;QACd,gBAAgB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;IACvC,CAAC;IAED,IAAI,IAAI,EAAE,CAAC;QACV,YAAY,CAAC,SAAS,EAAE,eAAe,EAAE,IAAmB,CAAC,CAAC;IAC/D,CAAC;IAED,IAAI,SAAS,EAAE,CAAC;QACf,YAAY,CAAC,SAAS,EAAE,oBAAoB,EAAE,SAAwB,CAAC,CAAC;IACzE,CAAC;IAED,OAAO,SAAS,CAAC;AAClB,CAAC,CAAC"}
@@ -0,0 +1,7 @@
1
+ import { GidsCarouselWebProps } from '@ganpatiinfo/gids-web-shared';
2
+ export type GidsCarouselBaseWebProps = GidsCarouselWebProps;
3
+ export interface GidsCarouselDomProps extends GidsCarouselBaseWebProps {
4
+ extraClasses?: string;
5
+ }
6
+ export declare const GidsCarouselDom: ({ slides, labelTitle, autoplay, autoplayInterval, loop, showControls, showPagination, pauseOnHover, extraClasses, }: GidsCarouselDomProps) => HTMLElement;
7
+ //# sourceMappingURL=GidsCarousel.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GidsCarousel.d.ts","sourceRoot":"","sources":["../../../src/components/GidsCarousel/GidsCarousel.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,oBAAoB,EAEpB,MAAM,8BAA8B,CAAC;AAItC,MAAM,MAAM,wBAAwB,GAAG,oBAAoB,CAAC;AAI5D,MAAM,WAAW,oBAAqB,SAAQ,wBAAwB;IACrE,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,GAAI,qHAU7B,oBAAoB,KAAG,WA4BzB,CAAC"}
@@ -0,0 +1,19 @@
1
+ import { GidsCarouselWebUtils, } from '@ganpatiinfo/gids-web-shared';
2
+ const { getGidsCarouselClassNames } = GidsCarouselWebUtils;
3
+ export const GidsCarouselDom = ({ slides = [], labelTitle, autoplay = false, autoplayInterval = 5000, loop = true, showControls = false, showPagination = false, pauseOnHover = true, extraClasses, }) => {
4
+ const carousel = document.createElement('gids-carousel');
5
+ if (labelTitle) {
6
+ carousel.setAttribute('title', labelTitle);
7
+ }
8
+ carousel.labelTitle = labelTitle;
9
+ carousel.slides = slides;
10
+ carousel.autoplay = autoplay;
11
+ carousel.autoplayInterval = autoplayInterval;
12
+ carousel.loop = loop;
13
+ carousel.showControls = showControls;
14
+ carousel.showPagination = showPagination;
15
+ carousel.pauseOnHover = pauseOnHover;
16
+ carousel.className = getGidsCarouselClassNames(extraClasses);
17
+ return carousel;
18
+ };
19
+ //# sourceMappingURL=GidsCarousel.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GidsCarousel.js","sourceRoot":"","sources":["../../../src/components/GidsCarousel/GidsCarousel.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,oBAAoB,GACpB,MAAM,8BAA8B,CAAC;AAEtC,MAAM,EAAE,yBAAyB,EAAE,GAAG,oBAAoB,CAAC;AAU3D,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC/B,MAAM,GAAG,EAAE,EACX,UAAU,EACV,QAAQ,GAAG,KAAK,EAChB,gBAAgB,GAAG,IAAI,EACvB,IAAI,GAAG,IAAI,EACX,YAAY,GAAG,KAAK,EACpB,cAAc,GAAG,KAAK,EACtB,YAAY,GAAG,IAAI,EACnB,YAAY,GACU,EAAe,EAAE;IACvC,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CACtC,eAAe,CACQ,CAAC;IAEzB,IAAI,UAAU,EAAE,CAAC;QAChB,QAAQ,CAAC,YAAY,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IAC5C,CAAC;IAED,QAAQ,CAAC,UAAU,GAAG,UAAU,CAAC;IAEjC,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC;IAEzB,QAAQ,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAE7B,QAAQ,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;IAE7C,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC;IAErB,QAAQ,CAAC,YAAY,GAAG,YAAY,CAAC;IAErC,QAAQ,CAAC,cAAc,GAAG,cAAc,CAAC;IAEzC,QAAQ,CAAC,YAAY,GAAG,YAAY,CAAC;IAErC,QAAQ,CAAC,SAAS,GAAG,yBAAyB,CAAC,YAAY,CAAC,CAAC;IAE7D,OAAO,QAAQ,CAAC;AACjB,CAAC,CAAC"}
@@ -0,0 +1,9 @@
1
+ import { GidsFlyoutPanelWebProps } from '@ganpatiinfo/gids-web-shared';
2
+ import { DomChildren } from '../../utils/domUtils';
3
+ type GidsFlyoutPanelBaseWebProps = GidsFlyoutPanelWebProps<DomChildren>;
4
+ export interface GidsFlyoutPanelDomProps extends GidsFlyoutPanelBaseWebProps {
5
+ extraClasses?: string;
6
+ }
7
+ export declare const GidsFlyoutPanelDom: ({ placement, htmlFor, children, extraClasses, }: GidsFlyoutPanelDomProps) => HTMLElement;
8
+ export {};
9
+ //# sourceMappingURL=GidsFlyoutPanel.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GidsFlyoutPanel.d.ts","sourceRoot":"","sources":["../../../src/components/GidsFlyoutPanel/GidsFlyoutPanel.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,uBAAuB,EAEvB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAoB,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAIrE,KAAK,2BAA2B,GAAG,uBAAuB,CAAC,WAAW,CAAC,CAAC;AAExE,MAAM,WAAW,uBAAwB,SAAQ,2BAA2B;IAC3E,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,kBAAkB,GAAI,iDAKhC,uBAAuB,KAAG,WAc5B,CAAC"}
@@ -0,0 +1,16 @@
1
+ import { GidsFlyoutPanelWebUtils, } from '@ganpatiinfo/gids-web-shared';
2
+ import { appendAsChildren } from '../../utils/domUtils';
3
+ const { getGidsFlyoutPanelClassNames } = GidsFlyoutPanelWebUtils;
4
+ export const GidsFlyoutPanelDom = ({ placement, htmlFor, children, extraClasses, }) => {
5
+ const flyoutPanel = document.createElement('gids-flyout-panel');
6
+ flyoutPanel.className = getGidsFlyoutPanelClassNames(extraClasses);
7
+ if (placement !== undefined) {
8
+ flyoutPanel.setAttribute('placement', placement);
9
+ }
10
+ if (htmlFor !== undefined) {
11
+ flyoutPanel.setAttribute('for', htmlFor);
12
+ }
13
+ appendAsChildren(flyoutPanel, children);
14
+ return flyoutPanel;
15
+ };
16
+ //# sourceMappingURL=GidsFlyoutPanel.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GidsFlyoutPanel.js","sourceRoot":"","sources":["../../../src/components/GidsFlyoutPanel/GidsFlyoutPanel.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,uBAAuB,GACvB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAe,MAAM,sBAAsB,CAAC;AAErE,MAAM,EAAE,4BAA4B,EAAE,GAAG,uBAAuB,CAAC;AAQjE,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAClC,SAAS,EACT,OAAO,EACP,QAAQ,EACR,YAAY,GACa,EAAe,EAAE;IAC1C,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;IAChE,WAAW,CAAC,SAAS,GAAG,4BAA4B,CAAC,YAAY,CAAC,CAAC;IAEnE,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;QAC7B,WAAW,CAAC,YAAY,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IAClD,CAAC;IACD,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC3B,WAAW,CAAC,YAAY,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAC1C,CAAC;IAED,gBAAgB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;IAExC,OAAO,WAAW,CAAC;AACpB,CAAC,CAAC"}
@@ -3,5 +3,5 @@ export type GidsProfileMenuBaseWebProps = GidsProfileMenuWebProps<Event, string>
3
3
  export interface GidsProfileMenuDomProps extends GidsProfileMenuBaseWebProps {
4
4
  extraClasses?: string;
5
5
  }
6
- export declare const GidsProfileMenuDom: ({ headerItem, headerVisible, profileMenuItems, listSectionDividerVisible, headerDividerVisible, onHeaderAvatarPress, onHeaderTitlePress, onHeaderSupportingTextPress, onProfileMenuItemPress, extraClasses, }: GidsProfileMenuDomProps) => HTMLElement;
6
+ export declare const GidsProfileMenuDom: ({ headerItem, headerVisible, profileMenuItems, selectedProfileMenuItemId, listSectionDividerVisible, headerDividerVisible, onHeaderAvatarPress, onHeaderTitlePress, onHeaderSupportingTextPress, onProfileMenuItemPress, extraClasses, }: GidsProfileMenuDomProps) => HTMLElement;
7
7
  //# sourceMappingURL=GidsProfileMenu.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"GidsProfileMenu.d.ts","sourceRoot":"","sources":["../../../src/components/GidsProfileMenu/GidsProfileMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,uBAAuB,EAEvB,MAAM,8BAA8B,CAAC;AAItC,MAAM,MAAM,2BAA2B,GAAG,uBAAuB,CAChE,KAAK,EACL,MAAM,CACN,CAAC;AAIF,MAAM,WAAW,uBAAwB,SAAQ,2BAA2B;IAC3E,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,kBAAkB,GAAI,+MAWhC,uBAAuB,KAAG,WA8B5B,CAAC"}
1
+ {"version":3,"file":"GidsProfileMenu.d.ts","sourceRoot":"","sources":["../../../src/components/GidsProfileMenu/GidsProfileMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,uBAAuB,EAEvB,MAAM,8BAA8B,CAAC;AAItC,MAAM,MAAM,2BAA2B,GAAG,uBAAuB,CAChE,KAAK,EACL,MAAM,CACN,CAAC;AAIF,MAAM,WAAW,uBAAwB,SAAQ,2BAA2B;IAC3E,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,kBAAkB,GAAI,0OAYhC,uBAAuB,KAAG,WA+B5B,CAAC"}
@@ -1,12 +1,13 @@
1
1
  import { GidsProfileMenuWebUtils, } from '@ganpatiinfo/gids-web-shared';
2
2
  const { getGidsProfileMenuClassNames } = GidsProfileMenuWebUtils;
3
- export const GidsProfileMenuDom = ({ headerItem, headerVisible = false, profileMenuItems = [], listSectionDividerVisible = false, headerDividerVisible = true, onHeaderAvatarPress, onHeaderTitlePress, onHeaderSupportingTextPress, onProfileMenuItemPress, extraClasses, }) => {
3
+ export const GidsProfileMenuDom = ({ headerItem, headerVisible = false, profileMenuItems = [], selectedProfileMenuItemId, listSectionDividerVisible = false, headerDividerVisible = true, onHeaderAvatarPress, onHeaderTitlePress, onHeaderSupportingTextPress, onProfileMenuItemPress, extraClasses, }) => {
4
4
  const profileMenu = document.createElement('gids-profile-menu');
5
5
  profileMenu.headerItem = headerItem;
6
6
  profileMenu.headerVisible = headerVisible;
7
7
  profileMenu.profileMenuItems = profileMenuItems;
8
8
  profileMenu.listSectionDividerVisible = listSectionDividerVisible;
9
9
  profileMenu.headerDividerVisible = headerDividerVisible;
10
+ profileMenu.selectedProfileMenuItemId = selectedProfileMenuItemId;
10
11
  profileMenu.className = getGidsProfileMenuClassNames(extraClasses);
11
12
  if (onHeaderAvatarPress) {
12
13
  profileMenu.onHeaderAvatarPress = onHeaderAvatarPress;
@@ -1 +1 @@
1
- {"version":3,"file":"GidsProfileMenu.js","sourceRoot":"","sources":["../../../src/components/GidsProfileMenu/GidsProfileMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,uBAAuB,GACvB,MAAM,8BAA8B,CAAC;AAEtC,MAAM,EAAE,4BAA4B,EAAE,GAAG,uBAAuB,CAAC;AAajE,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAClC,UAAU,EACV,aAAa,GAAG,KAAK,EACrB,gBAAgB,GAAG,EAAE,EACrB,yBAAyB,GAAG,KAAK,EACjC,oBAAoB,GAAG,IAAI,EAC3B,mBAAmB,EACnB,kBAAkB,EAClB,2BAA2B,EAC3B,sBAAsB,EACtB,YAAY,GACa,EAAe,EAAE;IAC1C,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CACzC,mBAAmB,CACO,CAAC;IAE5B,WAAW,CAAC,UAAU,GAAG,UAAU,CAAC;IACpC,WAAW,CAAC,aAAa,GAAG,aAAa,CAAC;IAC1C,WAAW,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;IAChD,WAAW,CAAC,yBAAyB,GAAG,yBAAyB,CAAC;IAClE,WAAW,CAAC,oBAAoB,GAAG,oBAAoB,CAAC;IAExD,WAAW,CAAC,SAAS,GAAG,4BAA4B,CAAC,YAAY,CAAC,CAAC;IAEnE,IAAI,mBAAmB,EAAE,CAAC;QACzB,WAAW,CAAC,mBAAmB,GAAG,mBAAmB,CAAC;IACvD,CAAC;IAED,IAAI,kBAAkB,EAAE,CAAC;QACxB,WAAW,CAAC,kBAAkB,GAAG,kBAAkB,CAAC;IACrD,CAAC;IAED,IAAI,2BAA2B,EAAE,CAAC;QACjC,WAAW,CAAC,2BAA2B,GAAG,2BAA2B,CAAC;IACvE,CAAC;IAED,IAAI,sBAAsB,EAAE,CAAC;QAC5B,WAAW,CAAC,sBAAsB,GAAG,sBAAsB,CAAC;IAC7D,CAAC;IAED,OAAO,WAAW,CAAC;AACpB,CAAC,CAAC"}
1
+ {"version":3,"file":"GidsProfileMenu.js","sourceRoot":"","sources":["../../../src/components/GidsProfileMenu/GidsProfileMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,uBAAuB,GACvB,MAAM,8BAA8B,CAAC;AAEtC,MAAM,EAAE,4BAA4B,EAAE,GAAG,uBAAuB,CAAC;AAajE,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAClC,UAAU,EACV,aAAa,GAAG,KAAK,EACrB,gBAAgB,GAAG,EAAE,EACrB,yBAAyB,EACzB,yBAAyB,GAAG,KAAK,EACjC,oBAAoB,GAAG,IAAI,EAC3B,mBAAmB,EACnB,kBAAkB,EAClB,2BAA2B,EAC3B,sBAAsB,EACtB,YAAY,GACa,EAAe,EAAE;IAC1C,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CACzC,mBAAmB,CACO,CAAC;IAE5B,WAAW,CAAC,UAAU,GAAG,UAAU,CAAC;IACpC,WAAW,CAAC,aAAa,GAAG,aAAa,CAAC;IAC1C,WAAW,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;IAChD,WAAW,CAAC,yBAAyB,GAAG,yBAAyB,CAAC;IAClE,WAAW,CAAC,oBAAoB,GAAG,oBAAoB,CAAC;IACxD,WAAW,CAAC,yBAAyB,GAAG,yBAAyB,CAAC;IAElE,WAAW,CAAC,SAAS,GAAG,4BAA4B,CAAC,YAAY,CAAC,CAAC;IAEnE,IAAI,mBAAmB,EAAE,CAAC;QACzB,WAAW,CAAC,mBAAmB,GAAG,mBAAmB,CAAC;IACvD,CAAC;IAED,IAAI,kBAAkB,EAAE,CAAC;QACxB,WAAW,CAAC,kBAAkB,GAAG,kBAAkB,CAAC;IACrD,CAAC;IAED,IAAI,2BAA2B,EAAE,CAAC;QACjC,WAAW,CAAC,2BAA2B,GAAG,2BAA2B,CAAC;IACvE,CAAC;IAED,IAAI,sBAAsB,EAAE,CAAC;QAC5B,WAAW,CAAC,sBAAsB,GAAG,sBAAsB,CAAC;IAC7D,CAAC;IAED,OAAO,WAAW,CAAC;AACpB,CAAC,CAAC"}
@@ -0,0 +1,8 @@
1
+ import { GidsCarouselControlWebProps } from '@ganpatiinfo/gids-web-shared';
2
+ import { DomChildren } from '../../utils/domUtils';
3
+ export type GidsCarouselControlBaseWebProps = GidsCarouselControlWebProps<Event, DomChildren>;
4
+ export interface GidsCarouselControlDomProps extends GidsCarouselControlBaseWebProps {
5
+ extraClasses?: string;
6
+ }
7
+ export declare const GidsCarouselControlDom: ({ leftControlDisabled, rightControlDisabled, leftControlIcon, rightControlIcon, size, onClick, extraClasses, }: GidsCarouselControlDomProps) => HTMLDivElement;
8
+ //# sourceMappingURL=GidsCarouselControl.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GidsCarouselControl.d.ts","sourceRoot":"","sources":["../../../src/components/_GidsCarouselControl/GidsCarouselControl.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,2BAA2B,EAE3B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAoB,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAQrE,MAAM,MAAM,+BAA+B,GAAG,2BAA2B,CACxE,KAAK,EACL,WAAW,CACX,CAAC;AAEF,MAAM,WAAW,2BAA4B,SAAQ,+BAA+B;IACnF,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,sBAAsB,GAAI,gHAQpC,2BAA2B,KAAG,cAqFhC,CAAC"}
@@ -0,0 +1,80 @@
1
+ import { GidsCarouselControlWebUtils, } from '@ganpatiinfo/gids-web-shared';
2
+ import { appendAsChildren } from '../../utils/domUtils';
3
+ import { GidsIconDom } from '../GidsIcon/GidsIcon';
4
+ const { getGidsCarouselControlClassNames, getGidsCarouselControlBtnClassNames, } = GidsCarouselControlWebUtils;
5
+ export const GidsCarouselControlDom = ({ leftControlDisabled, rightControlDisabled, leftControlIcon, rightControlIcon, size = 'md', onClick, extraClasses, }) => {
6
+ const carouselControl = document.createElement('div');
7
+ carouselControl.className = getGidsCarouselControlClassNames(extraClasses);
8
+ if (leftControlIcon) {
9
+ const leftControlBtn = document.createElement('button');
10
+ leftControlBtn.type = 'button';
11
+ leftControlBtn.setAttribute('aria-label', 'Left control');
12
+ leftControlBtn.className = leftControlDisabled
13
+ ? `${getGidsCarouselControlBtnClassNames({ size })} gids-carousel-control__disabled`
14
+ : `${getGidsCarouselControlBtnClassNames({ size })}`;
15
+ leftControlBtn.disabled = Boolean(leftControlDisabled);
16
+ leftControlBtn.addEventListener('click', (event) => {
17
+ if (onClick) {
18
+ onClick({
19
+ originalEvent: event,
20
+ controlType: 'left',
21
+ });
22
+ }
23
+ });
24
+ leftControlBtn.setAttribute('type', 'button');
25
+ if (leftControlDisabled) {
26
+ leftControlBtn.setAttribute('disabled', 'true');
27
+ }
28
+ else {
29
+ leftControlBtn.removeAttribute('disabled');
30
+ }
31
+ if (leftControlIcon) {
32
+ appendAsChildren(leftControlBtn, leftControlIcon);
33
+ }
34
+ else {
35
+ leftControlBtn.appendChild(GidsIconDom({
36
+ name: 'arrow-left',
37
+ size: size !== 'xl' ? size : 'lg',
38
+ appearance: 'regular',
39
+ }));
40
+ }
41
+ carouselControl.appendChild(leftControlBtn);
42
+ }
43
+ if (rightControlIcon) {
44
+ const rightControlBtn = document.createElement('button');
45
+ rightControlBtn.type = 'button';
46
+ rightControlBtn.setAttribute('aria-label', 'Right control');
47
+ rightControlBtn.className = rightControlDisabled
48
+ ? `${getGidsCarouselControlBtnClassNames({ size })} gids-carousel-control__disabled`
49
+ : `${getGidsCarouselControlBtnClassNames({ size })}`;
50
+ rightControlBtn.disabled = Boolean(rightControlBtn);
51
+ rightControlBtn.addEventListener('click', (event) => {
52
+ if (onClick) {
53
+ onClick({
54
+ originalEvent: event,
55
+ controlType: 'right',
56
+ });
57
+ }
58
+ });
59
+ rightControlBtn.setAttribute('type', 'button');
60
+ if (rightControlDisabled) {
61
+ rightControlBtn.setAttribute('disabled', 'true');
62
+ }
63
+ else {
64
+ rightControlBtn.removeAttribute('disabled');
65
+ }
66
+ if (rightControlIcon) {
67
+ appendAsChildren(rightControlBtn, rightControlIcon);
68
+ }
69
+ else {
70
+ rightControlBtn.appendChild(GidsIconDom({
71
+ name: 'arrow-left',
72
+ size: size !== 'xl' ? size : 'lg',
73
+ appearance: 'regular',
74
+ }));
75
+ }
76
+ carouselControl.appendChild(rightControlBtn);
77
+ }
78
+ return carouselControl;
79
+ };
80
+ //# sourceMappingURL=GidsCarouselControl.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GidsCarouselControl.js","sourceRoot":"","sources":["../../../src/components/_GidsCarouselControl/GidsCarouselControl.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,2BAA2B,GAC3B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAe,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,MAAM,EACL,gCAAgC,EAChC,mCAAmC,GACnC,GAAG,2BAA2B,CAAC;AAWhC,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACtC,mBAAmB,EACnB,oBAAoB,EACpB,eAAe,EACf,gBAAgB,EAChB,IAAI,GAAG,IAAI,EACX,OAAO,EACP,YAAY,GACiB,EAAkB,EAAE;IACjD,MAAM,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACtD,eAAe,CAAC,SAAS,GAAG,gCAAgC,CAAC,YAAY,CAAC,CAAC;IAE3E,IAAI,eAAe,EAAE,CAAC;QACrB,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACxD,cAAc,CAAC,IAAI,GAAG,QAAQ,CAAC;QAC/B,cAAc,CAAC,YAAY,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;QAC1D,cAAc,CAAC,SAAS,GAAG,mBAAmB;YAC7C,CAAC,CAAC,GAAG,mCAAmC,CAAC,EAAE,IAAI,EAAE,CAAC,kCAAkC;YACpF,CAAC,CAAC,GAAG,mCAAmC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;QACtD,cAAc,CAAC,QAAQ,GAAG,OAAO,CAAC,mBAAmB,CAAC,CAAC;QAEvD,cAAc,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,KAAY,EAAE,EAAE;YACzD,IAAI,OAAO,EAAE,CAAC;gBACb,OAAO,CAAC;oBACP,aAAa,EAAE,KAAK;oBACpB,WAAW,EAAE,MAAM;iBACnB,CAAC,CAAC;YACJ,CAAC;QACF,CAAC,CAAC,CAAC;QAEH,cAAc,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QAC9C,IAAI,mBAAmB,EAAE,CAAC;YACzB,cAAc,CAAC,YAAY,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;QACjD,CAAC;aAAM,CAAC;YACP,cAAc,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;QAC5C,CAAC;QAED,IAAI,eAAe,EAAE,CAAC;YACrB,gBAAgB,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC;QACnD,CAAC;aAAM,CAAC;YACP,cAAc,CAAC,WAAW,CACzB,WAAW,CAAC;gBACX,IAAI,EAAE,YAAY;gBAClB,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI;gBACjC,UAAU,EAAE,SAAS;aACrB,CAAC,CACF,CAAC;QACH,CAAC;QAED,eAAe,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IAC7C,CAAC;IAED,IAAI,gBAAgB,EAAE,CAAC;QACtB,MAAM,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACzD,eAAe,CAAC,IAAI,GAAG,QAAQ,CAAC;QAChC,eAAe,CAAC,YAAY,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC;QAC5D,eAAe,CAAC,SAAS,GAAG,oBAAoB;YAC/C,CAAC,CAAC,GAAG,mCAAmC,CAAC,EAAE,IAAI,EAAE,CAAC,kCAAkC;YACpF,CAAC,CAAC,GAAG,mCAAmC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;QACtD,eAAe,CAAC,QAAQ,GAAG,OAAO,CAAC,eAAe,CAAC,CAAC;QAEpD,eAAe,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,KAAY,EAAE,EAAE;YAC1D,IAAI,OAAO,EAAE,CAAC;gBACb,OAAO,CAAC;oBACP,aAAa,EAAE,KAAK;oBACpB,WAAW,EAAE,OAAO;iBACpB,CAAC,CAAC;YACJ,CAAC;QACF,CAAC,CAAC,CAAC;QAEH,eAAe,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QAC/C,IAAI,oBAAoB,EAAE,CAAC;YAC1B,eAAe,CAAC,YAAY,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;QAClD,CAAC;aAAM,CAAC;YACP,eAAe,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;QAC7C,CAAC;QAED,IAAI,gBAAgB,EAAE,CAAC;YACtB,gBAAgB,CAAC,eAAe,EAAE,gBAAgB,CAAC,CAAC;QACrD,CAAC;aAAM,CAAC;YACP,eAAe,CAAC,WAAW,CAC1B,WAAW,CAAC;gBACX,IAAI,EAAE,YAAY;gBAClB,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI;gBACjC,UAAU,EAAE,SAAS;aACrB,CAAC,CACF,CAAC;QACH,CAAC;QAED,eAAe,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;IAC9C,CAAC;IAED,OAAO,eAAe,CAAC;AACxB,CAAC,CAAC"}
@@ -0,0 +1,7 @@
1
+ import { GidsCarouselPaginationWebProps } from '@ganpatiinfo/gids-web-shared';
2
+ export type GidsCarouselPaginationBaseWebProps = GidsCarouselPaginationWebProps<Event>;
3
+ export interface GidsCarouselPaginationDomProps extends GidsCarouselPaginationBaseWebProps {
4
+ extraClasses?: string;
5
+ }
6
+ export declare const GidsCarouselPaginationDom: ({ numberOfItems, currentIndex, size, onClickPagination, extraClasses, }: GidsCarouselPaginationDomProps) => HTMLDivElement;
7
+ //# sourceMappingURL=GidsCarouselPagination.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GidsCarouselPagination.d.ts","sourceRoot":"","sources":["../../../src/components/_GidsCarouselPagination/GidsCarouselPagination.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,8BAA8B,EAE9B,MAAM,8BAA8B,CAAC;AAMtC,MAAM,MAAM,kCAAkC,GAC7C,8BAA8B,CAAC,KAAK,CAAC,CAAC;AAEvC,MAAM,WAAW,8BAA+B,SAAQ,kCAAkC;IACzF,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,yBAAyB,GAAI,yEAMvC,8BAA8B,KAAG,cAoCnC,CAAC"}
@@ -0,0 +1,33 @@
1
+ import { GidsCarouselPaginationWebUtils, } from '@ganpatiinfo/gids-web-shared';
2
+ import { GidsCarouselPaginationItemDom } from '../_GidsCarouselPaginationItem/GidsCarouselPaginationItem';
3
+ const { getGidsCarouselPaginationClassNames } = GidsCarouselPaginationWebUtils;
4
+ export const GidsCarouselPaginationDom = ({ numberOfItems = 1, currentIndex, size = 'md', onClickPagination, extraClasses, }) => {
5
+ const carouselPagination = document.createElement('div');
6
+ carouselPagination.className =
7
+ getGidsCarouselPaginationClassNames(extraClasses);
8
+ carouselPagination.setAttribute('number-of-items', `${numberOfItems}`);
9
+ carouselPagination.setAttribute('current-index', `${currentIndex}`);
10
+ Array.from({ length: numberOfItems }, (_, indexI) => {
11
+ const itemId = `carousel-pagination-item-${indexI + 1}`;
12
+ const isActive = indexI === currentIndex;
13
+ carouselPagination.appendChild(GidsCarouselPaginationItemDom({
14
+ id: itemId,
15
+ index: indexI,
16
+ active: isActive,
17
+ size,
18
+ onClickPaginationItem: (event) => {
19
+ if (onClickPagination) {
20
+ onClickPagination({
21
+ originalEvent: event?.originalEvent,
22
+ id: itemId,
23
+ index: indexI,
24
+ active: isActive,
25
+ currentIndex,
26
+ });
27
+ }
28
+ },
29
+ }));
30
+ });
31
+ return carouselPagination;
32
+ };
33
+ //# sourceMappingURL=GidsCarouselPagination.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GidsCarouselPagination.js","sourceRoot":"","sources":["../../../src/components/_GidsCarouselPagination/GidsCarouselPagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,8BAA8B,GAC9B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,6BAA6B,EAAE,MAAM,2DAA2D,CAAC;AAG1G,MAAM,EAAE,mCAAmC,EAAE,GAAG,8BAA8B,CAAC;AAS/E,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,EACzC,aAAa,GAAG,CAAC,EACjB,YAAY,EACZ,IAAI,GAAG,IAAI,EACX,iBAAiB,EACjB,YAAY,GACoB,EAAkB,EAAE;IACpD,MAAM,kBAAkB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACzD,kBAAkB,CAAC,SAAS;QAC3B,mCAAmC,CAAC,YAAY,CAAC,CAAC;IAEnD,kBAAkB,CAAC,YAAY,CAAC,iBAAiB,EAAE,GAAG,aAAa,EAAE,CAAC,CAAC;IACvE,kBAAkB,CAAC,YAAY,CAAC,eAAe,EAAE,GAAG,YAAY,EAAE,CAAC,CAAC;IAEpE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,aAAa,EAAE,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE;QACnD,MAAM,MAAM,GAAG,4BAA4B,MAAM,GAAG,CAAC,EAAE,CAAC;QACxD,MAAM,QAAQ,GAAG,MAAM,KAAK,YAAY,CAAC;QAEzC,kBAAkB,CAAC,WAAW,CAC7B,6BAA6B,CAAC;YAC7B,EAAE,EAAE,MAAM;YACV,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,QAAQ;YAChB,IAAI;YACJ,qBAAqB,EAAE,CACtB,KAA6C,EAC5C,EAAE;gBACH,IAAI,iBAAiB,EAAE,CAAC;oBACvB,iBAAiB,CAAC;wBACjB,aAAa,EAAE,KAAK,EAAE,aAAa;wBACnC,EAAE,EAAE,MAAM;wBACV,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,QAAQ;wBAChB,YAAY;qBACZ,CAAC,CAAC;gBACJ,CAAC;YACF,CAAC;SACD,CAAC,CACF,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,kBAAkB,CAAC;AAC3B,CAAC,CAAC"}
@@ -0,0 +1,7 @@
1
+ import { GidsCarouselPaginationItemWebProps } from '@ganpatiinfo/gids-web-shared';
2
+ export type GidsCarouselPaginationItemBaseWebProps = GidsCarouselPaginationItemWebProps<Event>;
3
+ export interface GidsCarouselPaginationItemDomProps extends GidsCarouselPaginationItemBaseWebProps {
4
+ extraClasses?: string;
5
+ }
6
+ export declare const GidsCarouselPaginationItemDom: ({ id, active, index, size, onClickPaginationItem, extraClasses, }: GidsCarouselPaginationItemDomProps) => HTMLButtonElement;
7
+ //# sourceMappingURL=GidsCarouselPaginationItem.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GidsCarouselPaginationItem.d.ts","sourceRoot":"","sources":["../../../src/components/_GidsCarouselPaginationItem/GidsCarouselPaginationItem.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,kCAAkC,EAElC,MAAM,8BAA8B,CAAC;AAKtC,MAAM,MAAM,sCAAsC,GACjD,kCAAkC,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,WAAW,kCAAmC,SAAQ,sCAAsC;IACjG,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,6BAA6B,GAAI,mEAO3C,kCAAkC,KAAG,iBAkCvC,CAAC"}
@@ -0,0 +1,33 @@
1
+ import { GidsCarouselPaginationItemWebUtils, } from '@ganpatiinfo/gids-web-shared';
2
+ const { getGidsCarouselPaginationItemClassNames } = GidsCarouselPaginationItemWebUtils;
3
+ export const GidsCarouselPaginationItemDom = ({ id = 'carousel-pagination-item-1', active = false, index = 0, size = 'sm', onClickPaginationItem, extraClasses, }) => {
4
+ const carouselPaginationItem = document.createElement('button');
5
+ carouselPaginationItem.className = getGidsCarouselPaginationItemClassNames({
6
+ active,
7
+ size,
8
+ }, extraClasses);
9
+ carouselPaginationItem.setAttribute('id', id);
10
+ carouselPaginationItem.setAttribute('type', 'button');
11
+ carouselPaginationItem.setAttribute('role', 'tab');
12
+ carouselPaginationItem.setAttribute('aria-label', `Go to slide ${index + 1}`);
13
+ if (active) {
14
+ carouselPaginationItem.setAttribute('aria-selected', 'true');
15
+ }
16
+ else {
17
+ carouselPaginationItem.removeAttribute('aria-selected');
18
+ }
19
+ carouselPaginationItem.type = 'button';
20
+ carouselPaginationItem.role = 'tab';
21
+ carouselPaginationItem.addEventListener('click', (event) => {
22
+ if (onClickPaginationItem) {
23
+ onClickPaginationItem({
24
+ originalEvent: event,
25
+ id,
26
+ index,
27
+ active,
28
+ });
29
+ }
30
+ });
31
+ return carouselPaginationItem;
32
+ };
33
+ //# sourceMappingURL=GidsCarouselPaginationItem.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GidsCarouselPaginationItem.js","sourceRoot":"","sources":["../../../src/components/_GidsCarouselPaginationItem/GidsCarouselPaginationItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,kCAAkC,GAClC,MAAM,8BAA8B,CAAC;AAEtC,MAAM,EAAE,uCAAuC,EAAE,GAChD,kCAAkC,CAAC;AASpC,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAAC,EAC7C,EAAE,GAAG,4BAA4B,EACjC,MAAM,GAAG,KAAK,EACd,KAAK,GAAG,CAAC,EACT,IAAI,GAAG,IAAI,EACX,qBAAqB,EACrB,YAAY,GACwB,EAAqB,EAAE;IAC3D,MAAM,sBAAsB,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAChE,sBAAsB,CAAC,SAAS,GAAG,uCAAuC,CACzE;QACC,MAAM;QACN,IAAI;KACJ,EACD,YAAY,CACZ,CAAC;IAEF,sBAAsB,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IAC9C,sBAAsB,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACtD,sBAAsB,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IACnD,sBAAsB,CAAC,YAAY,CAAC,YAAY,EAAE,eAAe,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC;IAC9E,IAAI,MAAM,EAAE,CAAC;QACZ,sBAAsB,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;IAC9D,CAAC;SAAM,CAAC;QACP,sBAAsB,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;IACzD,CAAC;IACD,sBAAsB,CAAC,IAAI,GAAG,QAAQ,CAAC;IACvC,sBAAsB,CAAC,IAAI,GAAG,KAAK,CAAC;IAEpC,sBAAsB,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,KAAY,EAAE,EAAE;QACjE,IAAI,qBAAqB,EAAE,CAAC;YAC3B,qBAAqB,CAAC;gBACrB,aAAa,EAAE,KAAK;gBACpB,EAAE;gBACF,KAAK;gBACL,MAAM;aACN,CAAC,CAAC;QACJ,CAAC;IACF,CAAC,CAAC,CAAC;IAEH,OAAO,sBAAsB,CAAC;AAC/B,CAAC,CAAC"}
package/dist/index.d.ts CHANGED
@@ -1,6 +1,9 @@
1
1
  /**
2
2
  * Referenced to DOM components
3
3
  */
4
+ export * from './components/_GidsCarouselControl/GidsCarouselControl.js';
5
+ export * from './components/_GidsCarouselPagination/GidsCarouselPagination.js';
6
+ export * from './components/_GidsCarouselPaginationItem/GidsCarouselPaginationItem.js';
4
7
  export * from './components/_GidsCheckboxControl/GidsCheckboxControl.js';
5
8
  export * from './components/_GidsDialogControl/GidsDialogControl.js';
6
9
  export * from './components/_GidsNotificationContainer/GidsNotificationContainer.js';
@@ -26,6 +29,7 @@ export * from './components/GidsBasicTableBody/GidsBasicTableBody.js';
26
29
  export * from './components/GidsBasicTableHead/GidsBasicTableHead.js';
27
30
  export * from './components/GidsBasicTableHeader/GidsBasicTableHeader.js';
28
31
  export * from './components/GidsBasicTableRow/GidsBasicTableRow.js';
32
+ export * from './components/GidsBentoCard/GidsBentoCard.js';
29
33
  export * from './components/GidsBox/GidsBox.js';
30
34
  export * from './components/GidsBreadcrumb/GidsBreadcrumb.js';
31
35
  export * from './components/GidsBreadcrumbItem/GidsBreadcrumbItem.js';
@@ -40,6 +44,7 @@ export * from './components/GidsCalendarHeaderPanel/GidsCalendarHeaderPanel.js';
40
44
  export * from './components/GidsCalendarMonthList/GidsCalendarMonthList.js';
41
45
  export * from './components/GidsCalendarYearList/GidsCalendarYearList.js';
42
46
  export * from './components/GidsCard/GidsCard.js';
47
+ export * from './components/GidsCarousel/GidsCarousel.js';
43
48
  export * from './components/GidsChart/GidsChart.js';
44
49
  export * from './components/GidsChartLegend/GidsChartLegend.js';
45
50
  export * from './components/GidsChartLegendItem/GidsChartLegendItem.js';
@@ -71,6 +76,7 @@ export * from './components/GidsExpansionGroup/GidsExpansionGroup.js';
71
76
  export * from './components/GidsFeedbackBlock/GidsFeedbackBlock.js';
72
77
  export * from './components/GidsField/GidsField.js';
73
78
  export * from './components/GidsFilter/GidsFilter.js';
79
+ export * from './components/GidsFlyoutPanel/GidsFlyoutPanel.js';
74
80
  export * from './components/GidsHeaderNavigation/GidsHeaderNavigation.js';
75
81
  export * from './components/GidsHeaderNavigationItem/GidsHeaderNavigationItem.js';
76
82
  export * from './components/GidsHeading/GidsHeading.js';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
package/dist/index.js CHANGED
@@ -1,6 +1,9 @@
1
1
  /**
2
2
  * Referenced to DOM components
3
3
  */
4
+ export * from './components/_GidsCarouselControl/GidsCarouselControl.js';
5
+ export * from './components/_GidsCarouselPagination/GidsCarouselPagination.js';
6
+ export * from './components/_GidsCarouselPaginationItem/GidsCarouselPaginationItem.js';
4
7
  export * from './components/_GidsCheckboxControl/GidsCheckboxControl.js';
5
8
  export * from './components/_GidsDialogControl/GidsDialogControl.js';
6
9
  export * from './components/_GidsNotificationContainer/GidsNotificationContainer.js';
@@ -26,6 +29,7 @@ export * from './components/GidsBasicTableBody/GidsBasicTableBody.js';
26
29
  export * from './components/GidsBasicTableHead/GidsBasicTableHead.js';
27
30
  export * from './components/GidsBasicTableHeader/GidsBasicTableHeader.js';
28
31
  export * from './components/GidsBasicTableRow/GidsBasicTableRow.js';
32
+ export * from './components/GidsBentoCard/GidsBentoCard.js';
29
33
  export * from './components/GidsBox/GidsBox.js';
30
34
  export * from './components/GidsBreadcrumb/GidsBreadcrumb.js';
31
35
  export * from './components/GidsBreadcrumbItem/GidsBreadcrumbItem.js';
@@ -40,6 +44,7 @@ export * from './components/GidsCalendarHeaderPanel/GidsCalendarHeaderPanel.js';
40
44
  export * from './components/GidsCalendarMonthList/GidsCalendarMonthList.js';
41
45
  export * from './components/GidsCalendarYearList/GidsCalendarYearList.js';
42
46
  export * from './components/GidsCard/GidsCard.js';
47
+ export * from './components/GidsCarousel/GidsCarousel.js';
43
48
  export * from './components/GidsChart/GidsChart.js';
44
49
  export * from './components/GidsChartLegend/GidsChartLegend.js';
45
50
  export * from './components/GidsChartLegendItem/GidsChartLegendItem.js';
@@ -71,6 +76,7 @@ export * from './components/GidsExpansionGroup/GidsExpansionGroup.js';
71
76
  export * from './components/GidsFeedbackBlock/GidsFeedbackBlock.js';
72
77
  export * from './components/GidsField/GidsField.js';
73
78
  export * from './components/GidsFilter/GidsFilter.js';
79
+ export * from './components/GidsFlyoutPanel/GidsFlyoutPanel.js';
74
80
  export * from './components/GidsHeaderNavigation/GidsHeaderNavigation.js';
75
81
  export * from './components/GidsHeaderNavigationItem/GidsHeaderNavigationItem.js';
76
82
  export * from './components/GidsHeading/GidsHeading.js';
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,0DAA0D,CAAC;AACzE,cAAc,gEAAgE,CAAC;AAC/E,cAAc,wEAAwE,CAAC;AACvF,cAAc,0DAA0D,CAAC;AACzE,cAAc,sDAAsD,CAAC;AACrE,cAAc,sEAAsE,CAAC;AACrF,cAAc,wDAAwD,CAAC;AACvE,cAAc,oDAAoD,CAAC;AACnE,cAAc,wEAAwE,CAAC;AACvF,cAAc,8DAA8D,CAAC;AAC7E,cAAc,wDAAwD,CAAC;AACvE,cAAc,sDAAsD,CAAC;AACrE,cAAc,6CAA6C,CAAC;AAC5D,cAAc,qDAAqD,CAAC;AACpE,cAAc,mEAAmE,CAAC;AAClF,cAAc,iEAAiE,CAAC;AAChF,cAAc,6CAA6C,CAAC;AAC5D,cAAc,qDAAqD,CAAC;AACpE,cAAc,yDAAyD,CAAC;AACxE,cAAc,uCAAuC,CAAC;AACtD,cAAc,iDAAiD,CAAC;AAChE,cAAc,qCAAqC,CAAC;AACpD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,uDAAuD,CAAC;AACtE,cAAc,uDAAuD,CAAC;AACtE,cAAc,2DAA2D,CAAC;AAC1E,cAAc,qDAAqD,CAAC;AACpE,cAAc,6CAA6C,CAAC;AAC5D,cAAc,iCAAiC,CAAC;AAChD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,uDAAuD,CAAC;AACtE,cAAc,yCAAyC,CAAC;AACxD,cAAc,uCAAuC,CAAC;AACtD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,iDAAiD,CAAC;AAChE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,mDAAmD,CAAC;AAClE,cAAc,yDAAyD,CAAC;AACxE,cAAc,iEAAiE,CAAC;AAChF,cAAc,6DAA6D,CAAC;AAC5E,cAAc,2DAA2D,CAAC;AAC1E,cAAc,mCAAmC,CAAC;AAClD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,qCAAqC,CAAC;AACpD,cAAc,iDAAiD,CAAC;AAChE,cAAc,yDAAyD,CAAC;AACxE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,qDAAqD,CAAC;AACpE,cAAc,qDAAqD,CAAC;AACpE,cAAc,iDAAiD,CAAC;AAChE,cAAc,uDAAuD,CAAC;AACtE,cAAc,6CAA6C,CAAC;AAC5D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,uDAAuD,CAAC;AACtE,cAAc,qDAAqD,CAAC;AACpE,cAAc,uCAAuC,CAAC;AACtD,cAAc,qDAAqD,CAAC;AACpE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,yCAAyC,CAAC;AACxD,cAAc,iCAAiC,CAAC;AAChD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,qDAAqD,CAAC;AACpE,cAAc,mDAAmD,CAAC;AAClE,cAAc,mDAAmD,CAAC;AAClE,cAAc,6DAA6D,CAAC;AAC5E,cAAc,uDAAuD,CAAC;AACtE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,6DAA6D,CAAC;AAC5E,cAAc,qEAAqE,CAAC;AACpF,cAAc,uDAAuD,CAAC;AACtE,cAAc,qDAAqD,CAAC;AACpE,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,iDAAiD,CAAC;AAChE,cAAc,2DAA2D,CAAC;AAC1E,cAAc,mEAAmE,CAAC;AAClF,cAAc,yCAAyC,CAAC;AACxD,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,qEAAqE,CAAC;AACpF,cAAc,2CAA2C,CAAC;AAC1D,cAAc,qCAAqC,CAAC;AACpD,cAAc,uDAAuD,CAAC;AACtE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mCAAmC,CAAC;AAClD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,mCAAmC,CAAC;AAClD,cAAc,iDAAiD,CAAC;AAChE,cAAc,yDAAyD,CAAC;AACxE,cAAc,yCAAyC,CAAC;AACxD,cAAc,mCAAmC,CAAC;AAClD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mDAAmD,CAAC;AAClE,cAAc,6DAA6D,CAAC;AAC5E,cAAc,yDAAyD,CAAC;AACxE,cAAc,6CAA6C,CAAC;AAC5D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,qDAAqD,CAAC;AACpE,cAAc,qDAAqD,CAAC;AACpE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,yCAAyC,CAAC;AACxD,cAAc,yCAAyC,CAAC;AACxD,cAAc,iDAAiD,CAAC;AAChE,cAAc,6DAA6D,CAAC;AAC5E,cAAc,iDAAiD,CAAC;AAChE,cAAc,uDAAuD,CAAC;AACtE,cAAc,qCAAqC,CAAC;AACpD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,6DAA6D,CAAC;AAC5E,cAAc,qCAAqC,CAAC;AACpD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,qDAAqD,CAAC;AACpE,cAAc,2DAA2D,CAAC;AAC1E,cAAc,2DAA2D,CAAC;AAC1E,cAAc,2CAA2C,CAAC;AAC1D,cAAc,uDAAuD,CAAC;AACtE,cAAc,mDAAmD,CAAC;AAClE,cAAc,uDAAuD,CAAC;AACtE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,yCAAyC,CAAC;AACxD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,yCAAyC,CAAC;AACxD,cAAc,qDAAqD,CAAC;AACpE,cAAc,uCAAuC,CAAC;AACtD,cAAc,iDAAiD,CAAC;AAChE,cAAc,iCAAiC,CAAC;AAChD,cAAc,yCAAyC,CAAC;AACxD,cAAc,qCAAqC,CAAC;AACpD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,iDAAiD,CAAC;AAChE,cAAc,+DAA+D,CAAC;AAC9E,cAAc,iDAAiD,CAAC;AAChE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,mDAAmD,CAAC;AAClE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mDAAmD,CAAC;AAClE,cAAc,yCAAyC,CAAC;AACxD,cAAc,qDAAqD,CAAC;AACpE,cAAc,mDAAmD,CAAC;AAElE;;GAEG;AACH,cAAc,qBAAqB,CAAC;AACpC,cAAc,oCAAoC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ganpatiinfo/gids-web-dom-reference",
3
- "version": "14.1.0",
3
+ "version": "15.1.0",
4
4
  "private": false,
5
5
  "description": "DOM for components reference implementations",
6
6
  "homepage": "https://ganpatiinfo-design-system.onrender.com/",
@@ -24,8 +24,8 @@
24
24
  "directory": "packages/private/web-dom-reference"
25
25
  },
26
26
  "dependencies": {
27
- "@ganpatiinfo/gids-core-shared": "14.1.0",
28
- "@ganpatiinfo/gids-web-shared": "13.1.0"
27
+ "@ganpatiinfo/gids-core-shared": "15.1.0",
28
+ "@ganpatiinfo/gids-web-shared": "13.2.0"
29
29
  },
30
30
  "peerDependencies": {
31
31
  "@ganpatiinfo/gids-web-theme-interface": "7.0.0",
@@ -0,0 +1,75 @@
1
+ import {
2
+ GidsBentoCardWebProps,
3
+ GidsBentoCardWebUtils,
4
+ } from '@ganpatiinfo/gids-web-shared';
5
+ import {
6
+ appendAsChildren,
7
+ assignToSlot,
8
+ DomChildren,
9
+ } from '../../utils/domUtils';
10
+
11
+ const { getGidsBentoCardClassNames } = GidsBentoCardWebUtils;
12
+
13
+ export type GidsBentoCardBaseWebProps = GidsBentoCardWebProps<
14
+ DomChildren,
15
+ DomChildren
16
+ >;
17
+
18
+ type GidsBentoCardElement = HTMLElement & GidsBentoCardBaseWebProps;
19
+
20
+ export interface GidsBentoCardDomProps extends GidsBentoCardBaseWebProps {
21
+ extraClasses?: string;
22
+ }
23
+
24
+ export const GidsBentoCardDom = ({
25
+ heading,
26
+ label,
27
+ supportingText,
28
+ description,
29
+ icon,
30
+ children,
31
+ accessory,
32
+ appearance = 'default',
33
+ bgGradient,
34
+ primaryTextColor,
35
+ secondaryTextColor,
36
+ tertiaryTextColor,
37
+ extraClasses,
38
+ }: GidsBentoCardDomProps): HTMLElement => {
39
+ const bentoCard = document.createElement(
40
+ 'gids-bento-card',
41
+ ) as GidsBentoCardElement;
42
+
43
+ bentoCard.heading = heading;
44
+ if (label) {
45
+ bentoCard.label = label;
46
+ }
47
+ if (supportingText) {
48
+ bentoCard.supportingText = supportingText;
49
+ }
50
+ if (description) {
51
+ bentoCard.description = description;
52
+ }
53
+
54
+ bentoCard.appearance = appearance;
55
+ bentoCard.bgGradient = bgGradient;
56
+ bentoCard.primaryTextColor = primaryTextColor;
57
+ bentoCard.secondaryTextColor = secondaryTextColor;
58
+ bentoCard.tertiaryTextColor = tertiaryTextColor;
59
+
60
+ bentoCard.className = getGidsBentoCardClassNames({ appearance }, extraClasses);
61
+
62
+ if (children) {
63
+ appendAsChildren(bentoCard, children);
64
+ }
65
+
66
+ if (icon) {
67
+ assignToSlot(bentoCard, 'bentoCardIcon', icon as HTMLElement);
68
+ }
69
+
70
+ if (accessory) {
71
+ assignToSlot(bentoCard, 'bentoCardAccessory', accessory as HTMLElement);
72
+ }
73
+
74
+ return bentoCard;
75
+ };
@@ -0,0 +1,54 @@
1
+ import {
2
+ GidsCarouselWebProps,
3
+ GidsCarouselWebUtils,
4
+ } from '@ganpatiinfo/gids-web-shared';
5
+
6
+ const { getGidsCarouselClassNames } = GidsCarouselWebUtils;
7
+
8
+ export type GidsCarouselBaseWebProps = GidsCarouselWebProps;
9
+
10
+ type GidsCarouselElement = HTMLElement & GidsCarouselBaseWebProps;
11
+
12
+ export interface GidsCarouselDomProps extends GidsCarouselBaseWebProps {
13
+ extraClasses?: string;
14
+ }
15
+
16
+ export const GidsCarouselDom = ({
17
+ slides = [],
18
+ labelTitle,
19
+ autoplay = false,
20
+ autoplayInterval = 5000,
21
+ loop = true,
22
+ showControls = false,
23
+ showPagination = false,
24
+ pauseOnHover = true,
25
+ extraClasses,
26
+ }: GidsCarouselDomProps): HTMLElement => {
27
+ const carousel = document.createElement(
28
+ 'gids-carousel',
29
+ ) as GidsCarouselElement;
30
+
31
+ if (labelTitle) {
32
+ carousel.setAttribute('title', labelTitle);
33
+ }
34
+
35
+ carousel.labelTitle = labelTitle;
36
+
37
+ carousel.slides = slides;
38
+
39
+ carousel.autoplay = autoplay;
40
+
41
+ carousel.autoplayInterval = autoplayInterval;
42
+
43
+ carousel.loop = loop;
44
+
45
+ carousel.showControls = showControls;
46
+
47
+ carousel.showPagination = showPagination;
48
+
49
+ carousel.pauseOnHover = pauseOnHover;
50
+
51
+ carousel.className = getGidsCarouselClassNames(extraClasses);
52
+
53
+ return carousel;
54
+ };
@@ -0,0 +1,34 @@
1
+ import {
2
+ GidsFlyoutPanelWebProps,
3
+ GidsFlyoutPanelWebUtils,
4
+ } from '@ganpatiinfo/gids-web-shared';
5
+ import { appendAsChildren, DomChildren } from '../../utils/domUtils';
6
+
7
+ const { getGidsFlyoutPanelClassNames } = GidsFlyoutPanelWebUtils;
8
+
9
+ type GidsFlyoutPanelBaseWebProps = GidsFlyoutPanelWebProps<DomChildren>;
10
+
11
+ export interface GidsFlyoutPanelDomProps extends GidsFlyoutPanelBaseWebProps {
12
+ extraClasses?: string;
13
+ }
14
+
15
+ export const GidsFlyoutPanelDom = ({
16
+ placement,
17
+ htmlFor,
18
+ children,
19
+ extraClasses,
20
+ }: GidsFlyoutPanelDomProps): HTMLElement => {
21
+ const flyoutPanel = document.createElement('gids-flyout-panel');
22
+ flyoutPanel.className = getGidsFlyoutPanelClassNames(extraClasses);
23
+
24
+ if (placement !== undefined) {
25
+ flyoutPanel.setAttribute('placement', placement);
26
+ }
27
+ if (htmlFor !== undefined) {
28
+ flyoutPanel.setAttribute('for', htmlFor);
29
+ }
30
+
31
+ appendAsChildren(flyoutPanel, children);
32
+
33
+ return flyoutPanel;
34
+ };
@@ -20,6 +20,7 @@ export const GidsProfileMenuDom = ({
20
20
  headerItem,
21
21
  headerVisible = false,
22
22
  profileMenuItems = [],
23
+ selectedProfileMenuItemId,
23
24
  listSectionDividerVisible = false,
24
25
  headerDividerVisible = true,
25
26
  onHeaderAvatarPress,
@@ -37,6 +38,7 @@ export const GidsProfileMenuDom = ({
37
38
  profileMenu.profileMenuItems = profileMenuItems;
38
39
  profileMenu.listSectionDividerVisible = listSectionDividerVisible;
39
40
  profileMenu.headerDividerVisible = headerDividerVisible;
41
+ profileMenu.selectedProfileMenuItemId = selectedProfileMenuItemId;
40
42
 
41
43
  profileMenu.className = getGidsProfileMenuClassNames(extraClasses);
42
44
 
@@ -0,0 +1,115 @@
1
+ import {
2
+ GidsCarouselControlWebProps,
3
+ GidsCarouselControlWebUtils,
4
+ } from '@ganpatiinfo/gids-web-shared';
5
+ import { appendAsChildren, DomChildren } from '../../utils/domUtils';
6
+ import { GidsIconDom } from '../GidsIcon/GidsIcon';
7
+
8
+ const {
9
+ getGidsCarouselControlClassNames,
10
+ getGidsCarouselControlBtnClassNames,
11
+ } = GidsCarouselControlWebUtils;
12
+
13
+ export type GidsCarouselControlBaseWebProps = GidsCarouselControlWebProps<
14
+ Event,
15
+ DomChildren
16
+ >;
17
+
18
+ export interface GidsCarouselControlDomProps extends GidsCarouselControlBaseWebProps {
19
+ extraClasses?: string;
20
+ }
21
+
22
+ export const GidsCarouselControlDom = ({
23
+ leftControlDisabled,
24
+ rightControlDisabled,
25
+ leftControlIcon,
26
+ rightControlIcon,
27
+ size = 'md',
28
+ onClick,
29
+ extraClasses,
30
+ }: GidsCarouselControlDomProps): HTMLDivElement => {
31
+ const carouselControl = document.createElement('div');
32
+ carouselControl.className = getGidsCarouselControlClassNames(extraClasses);
33
+
34
+ if (leftControlIcon) {
35
+ const leftControlBtn = document.createElement('button');
36
+ leftControlBtn.type = 'button';
37
+ leftControlBtn.setAttribute('aria-label', 'Left control');
38
+ leftControlBtn.className = leftControlDisabled
39
+ ? `${getGidsCarouselControlBtnClassNames({ size })} gids-carousel-control__disabled`
40
+ : `${getGidsCarouselControlBtnClassNames({ size })}`;
41
+ leftControlBtn.disabled = Boolean(leftControlDisabled);
42
+
43
+ leftControlBtn.addEventListener('click', (event: Event) => {
44
+ if (onClick) {
45
+ onClick({
46
+ originalEvent: event,
47
+ controlType: 'left',
48
+ });
49
+ }
50
+ });
51
+
52
+ leftControlBtn.setAttribute('type', 'button');
53
+ if (leftControlDisabled) {
54
+ leftControlBtn.setAttribute('disabled', 'true');
55
+ } else {
56
+ leftControlBtn.removeAttribute('disabled');
57
+ }
58
+
59
+ if (leftControlIcon) {
60
+ appendAsChildren(leftControlBtn, leftControlIcon);
61
+ } else {
62
+ leftControlBtn.appendChild(
63
+ GidsIconDom({
64
+ name: 'arrow-left',
65
+ size: size !== 'xl' ? size : 'lg',
66
+ appearance: 'regular',
67
+ }),
68
+ );
69
+ }
70
+
71
+ carouselControl.appendChild(leftControlBtn);
72
+ }
73
+
74
+ if (rightControlIcon) {
75
+ const rightControlBtn = document.createElement('button');
76
+ rightControlBtn.type = 'button';
77
+ rightControlBtn.setAttribute('aria-label', 'Right control');
78
+ rightControlBtn.className = rightControlDisabled
79
+ ? `${getGidsCarouselControlBtnClassNames({ size })} gids-carousel-control__disabled`
80
+ : `${getGidsCarouselControlBtnClassNames({ size })}`;
81
+ rightControlBtn.disabled = Boolean(rightControlBtn);
82
+
83
+ rightControlBtn.addEventListener('click', (event: Event) => {
84
+ if (onClick) {
85
+ onClick({
86
+ originalEvent: event,
87
+ controlType: 'right',
88
+ });
89
+ }
90
+ });
91
+
92
+ rightControlBtn.setAttribute('type', 'button');
93
+ if (rightControlDisabled) {
94
+ rightControlBtn.setAttribute('disabled', 'true');
95
+ } else {
96
+ rightControlBtn.removeAttribute('disabled');
97
+ }
98
+
99
+ if (rightControlIcon) {
100
+ appendAsChildren(rightControlBtn, rightControlIcon);
101
+ } else {
102
+ rightControlBtn.appendChild(
103
+ GidsIconDom({
104
+ name: 'arrow-left',
105
+ size: size !== 'xl' ? size : 'lg',
106
+ appearance: 'regular',
107
+ }),
108
+ );
109
+ }
110
+
111
+ carouselControl.appendChild(rightControlBtn);
112
+ }
113
+
114
+ return carouselControl;
115
+ };
@@ -0,0 +1,59 @@
1
+ import {
2
+ GidsCarouselPaginationWebProps,
3
+ GidsCarouselPaginationWebUtils,
4
+ } from '@ganpatiinfo/gids-web-shared';
5
+ import { GidsCarouselPaginationItemDom } from '../_GidsCarouselPaginationItem/GidsCarouselPaginationItem';
6
+ import { GidsCarouselPaginationItemEvent } from '@ganpatiinfo/gids-core-shared';
7
+
8
+ const { getGidsCarouselPaginationClassNames } = GidsCarouselPaginationWebUtils;
9
+
10
+ export type GidsCarouselPaginationBaseWebProps =
11
+ GidsCarouselPaginationWebProps<Event>;
12
+
13
+ export interface GidsCarouselPaginationDomProps extends GidsCarouselPaginationBaseWebProps {
14
+ extraClasses?: string;
15
+ }
16
+
17
+ export const GidsCarouselPaginationDom = ({
18
+ numberOfItems = 1,
19
+ currentIndex,
20
+ size = 'md',
21
+ onClickPagination,
22
+ extraClasses,
23
+ }: GidsCarouselPaginationDomProps): HTMLDivElement => {
24
+ const carouselPagination = document.createElement('div');
25
+ carouselPagination.className =
26
+ getGidsCarouselPaginationClassNames(extraClasses);
27
+
28
+ carouselPagination.setAttribute('number-of-items', `${numberOfItems}`);
29
+ carouselPagination.setAttribute('current-index', `${currentIndex}`);
30
+
31
+ Array.from({ length: numberOfItems }, (_, indexI) => {
32
+ const itemId = `carousel-pagination-item-${indexI + 1}`;
33
+ const isActive = indexI === currentIndex;
34
+
35
+ carouselPagination.appendChild(
36
+ GidsCarouselPaginationItemDom({
37
+ id: itemId,
38
+ index: indexI,
39
+ active: isActive,
40
+ size,
41
+ onClickPaginationItem: (
42
+ event: GidsCarouselPaginationItemEvent<Event>,
43
+ ) => {
44
+ if (onClickPagination) {
45
+ onClickPagination({
46
+ originalEvent: event?.originalEvent,
47
+ id: itemId,
48
+ index: indexI,
49
+ active: isActive,
50
+ currentIndex,
51
+ });
52
+ }
53
+ },
54
+ }),
55
+ );
56
+ });
57
+
58
+ return carouselPagination;
59
+ };
@@ -0,0 +1,57 @@
1
+ import {
2
+ GidsCarouselPaginationItemWebProps,
3
+ GidsCarouselPaginationItemWebUtils,
4
+ } from '@ganpatiinfo/gids-web-shared';
5
+
6
+ const { getGidsCarouselPaginationItemClassNames } =
7
+ GidsCarouselPaginationItemWebUtils;
8
+
9
+ export type GidsCarouselPaginationItemBaseWebProps =
10
+ GidsCarouselPaginationItemWebProps<Event>;
11
+
12
+ export interface GidsCarouselPaginationItemDomProps extends GidsCarouselPaginationItemBaseWebProps {
13
+ extraClasses?: string;
14
+ }
15
+
16
+ export const GidsCarouselPaginationItemDom = ({
17
+ id = 'carousel-pagination-item-1',
18
+ active = false,
19
+ index = 0,
20
+ size = 'sm',
21
+ onClickPaginationItem,
22
+ extraClasses,
23
+ }: GidsCarouselPaginationItemDomProps): HTMLButtonElement => {
24
+ const carouselPaginationItem = document.createElement('button');
25
+ carouselPaginationItem.className = getGidsCarouselPaginationItemClassNames(
26
+ {
27
+ active,
28
+ size,
29
+ },
30
+ extraClasses,
31
+ );
32
+
33
+ carouselPaginationItem.setAttribute('id', id);
34
+ carouselPaginationItem.setAttribute('type', 'button');
35
+ carouselPaginationItem.setAttribute('role', 'tab');
36
+ carouselPaginationItem.setAttribute('aria-label', `Go to slide ${index + 1}`);
37
+ if (active) {
38
+ carouselPaginationItem.setAttribute('aria-selected', 'true');
39
+ } else {
40
+ carouselPaginationItem.removeAttribute('aria-selected');
41
+ }
42
+ carouselPaginationItem.type = 'button';
43
+ carouselPaginationItem.role = 'tab';
44
+
45
+ carouselPaginationItem.addEventListener('click', (event: Event) => {
46
+ if (onClickPaginationItem) {
47
+ onClickPaginationItem({
48
+ originalEvent: event,
49
+ id,
50
+ index,
51
+ active,
52
+ });
53
+ }
54
+ });
55
+
56
+ return carouselPaginationItem;
57
+ };
package/src/index.ts CHANGED
@@ -1,6 +1,9 @@
1
1
  /**
2
2
  * Referenced to DOM components
3
3
  */
4
+ export * from './components/_GidsCarouselControl/GidsCarouselControl.js';
5
+ export * from './components/_GidsCarouselPagination/GidsCarouselPagination.js';
6
+ export * from './components/_GidsCarouselPaginationItem/GidsCarouselPaginationItem.js';
4
7
  export * from './components/_GidsCheckboxControl/GidsCheckboxControl.js';
5
8
  export * from './components/_GidsDialogControl/GidsDialogControl.js';
6
9
  export * from './components/_GidsNotificationContainer/GidsNotificationContainer.js';
@@ -26,6 +29,7 @@ export * from './components/GidsBasicTableBody/GidsBasicTableBody.js';
26
29
  export * from './components/GidsBasicTableHead/GidsBasicTableHead.js';
27
30
  export * from './components/GidsBasicTableHeader/GidsBasicTableHeader.js';
28
31
  export * from './components/GidsBasicTableRow/GidsBasicTableRow.js';
32
+ export * from './components/GidsBentoCard/GidsBentoCard.js';
29
33
  export * from './components/GidsBox/GidsBox.js';
30
34
  export * from './components/GidsBreadcrumb/GidsBreadcrumb.js';
31
35
  export * from './components/GidsBreadcrumbItem/GidsBreadcrumbItem.js';
@@ -40,6 +44,7 @@ export * from './components/GidsCalendarHeaderPanel/GidsCalendarHeaderPanel.js';
40
44
  export * from './components/GidsCalendarMonthList/GidsCalendarMonthList.js';
41
45
  export * from './components/GidsCalendarYearList/GidsCalendarYearList.js';
42
46
  export * from './components/GidsCard/GidsCard.js';
47
+ export * from './components/GidsCarousel/GidsCarousel.js';
43
48
  export * from './components/GidsChart/GidsChart.js';
44
49
  export * from './components/GidsChartLegend/GidsChartLegend.js';
45
50
  export * from './components/GidsChartLegendItem/GidsChartLegendItem.js';
@@ -71,6 +76,7 @@ export * from './components/GidsExpansionGroup/GidsExpansionGroup.js';
71
76
  export * from './components/GidsFeedbackBlock/GidsFeedbackBlock.js';
72
77
  export * from './components/GidsField/GidsField.js';
73
78
  export * from './components/GidsFilter/GidsFilter.js';
79
+ export * from './components/GidsFlyoutPanel/GidsFlyoutPanel.js';
74
80
  export * from './components/GidsHeaderNavigation/GidsHeaderNavigation.js';
75
81
  export * from './components/GidsHeaderNavigationItem/GidsHeaderNavigationItem.js';
76
82
  export * from './components/GidsHeading/GidsHeading.js';