@ganpatiinfo/gids-web-dom-reference 9.2.0 → 9.3.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @ganpatiinfo/gids-web-dom-reference
 
+## 9.3.0
+
+### Minor Changes
+
+- 3db8c30: - Developed `GidsExpansionBodyListItem` web component for all web platforms
+- a721005: - Developed `GidsExpansionGroup` web component for all web platforms
+- 3db8c30: - Developed `GidsExpansionBodyList` web component for all web platforms
+- 3db8c30: - Developed `GidsExpansion` web component for all web platforms
+
+### Patch Changes
+
+- aa0b600: - Fixed an issue in `GidsChart` component for all web platforms
+- Updated dependencies [3db8c30]
+- Updated dependencies [aa0b600]
+- Updated dependencies [a721005]
+- Updated dependencies [3db8c30]
+- Updated dependencies [3db8c30]
+  - @ganpatiinfo/gids-core-shared@9.3.0
+  - @ganpatiinfo/gids-web-shared@9.3.0
+
 ## 9.2.0
 
 ### Minor Changes

package/dist/components/GidsExpansion/GidsExpansion.d.ts

@@ -0,0 +1,9 @@
+import { GidsExpansionWebProps } from '@ganpatiinfo/gids-web-shared';
+import { DomChildren } from '../../utils/domUtils';
+type GidsExpansionBaseWebProps = GidsExpansionWebProps<DomChildren>;
+export interface GidsExpansionDomProps extends GidsExpansionBaseWebProps {
+    extraClasses?: string;
+}
+export declare const GidsExpansionDom: ({ expansionId, label, labelLevel, expanded, onExpand, disabled, children, extraClasses, }: GidsExpansionDomProps) => HTMLElement;
+export {};
+//# sourceMappingURL=GidsExpansion.d.ts.map

package/dist/components/GidsExpansion/GidsExpansion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsExpansion.d.ts","sourceRoot":"","sources":["../../../src/components/GidsExpansion/GidsExpansion.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,qBAAqB,EAErB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAoB,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAIrE,KAAK,yBAAyB,GAAG,qBAAqB,CAAC,WAAW,CAAC,CAAC;AAIpE,MAAM,WAAW,qBAAsB,SAAQ,yBAAyB;IACvE,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,gBAAgB,GAAI,2FAS9B,qBAAqB,KAAG,WAuC1B,CAAC"}

package/dist/components/GidsExpansion/GidsExpansion.js

@@ -0,0 +1,31 @@
+import { GidsExpansionWebUtils, } from '@ganpatiinfo/gids-web-shared';
+import { appendAsChildren } from '../../utils/domUtils';
+const { getGidsExpansionClassNames } = GidsExpansionWebUtils;
+export const GidsExpansionDom = ({ expansionId, label, labelLevel = 'h1', expanded, onExpand, disabled, children, extraClasses, }) => {
+    const expansion = document.createElement('gids-expansion');
+    expansion.setAttribute('expansion-id', expansionId);
+    if (disabled) {
+        expansion.setAttribute('disabled', 'true');
+    }
+    else {
+        expansion.removeAttribute('disabled');
+    }
+    expansion.expansionId = expansionId;
+    expansion.label = label;
+    expansion.labelLevel = labelLevel;
+    expansion.disabled = disabled;
+    if (typeof expanded === 'boolean') {
+        expansion.expanded = expanded;
+    }
+    const isInteractive = !disabled;
+    const isExpanded = Boolean(expanded) && isInteractive;
+    if (children) {
+        appendAsChildren(expansion, children);
+    }
+    expansion.className = getGidsExpansionClassNames({ expanded: isExpanded }, extraClasses);
+    if (onExpand) {
+        expansion.onExpand = onExpand;
+    }
+    return expansion;
+};
+//# sourceMappingURL=GidsExpansion.js.map

package/dist/components/GidsExpansion/GidsExpansion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsExpansion.js","sourceRoot":"","sources":["../../../src/components/GidsExpansion/GidsExpansion.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,qBAAqB,GACrB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAe,MAAM,sBAAsB,CAAC;AAErE,MAAM,EAAE,0BAA0B,EAAE,GAAG,qBAAqB,CAAC;AAU7D,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAChC,WAAW,EACX,KAAK,EACL,UAAU,GAAG,IAAI,EACjB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,YAAY,GACW,EAAe,EAAE;IACxC,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CACvC,gBAAgB,CACQ,CAAC;IAE1B,SAAS,CAAC,YAAY,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC;IAEpD,IAAI,QAAQ,EAAE,CAAC;QACd,SAAS,CAAC,YAAY,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;IAC5C,CAAC;SAAM,CAAC;QACP,SAAS,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;IACvC,CAAC;IAED,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;IACpC,SAAS,CAAC,KAAK,GAAG,KAAK,CAAC;IACxB,SAAS,CAAC,UAAU,GAAG,UAAU,CAAC;IAClC,SAAS,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAE9B,IAAI,OAAO,QAAQ,KAAK,SAAS,EAAE,CAAC;QACnC,SAAS,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC/B,CAAC;IAED,MAAM,aAAa,GAAG,CAAC,QAAQ,CAAC;IAChC,MAAM,UAAU,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,aAAa,CAAC;IAEtD,IAAI,QAAQ,EAAE,CAAC;QACd,gBAAgB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;IACvC,CAAC;IAED,SAAS,CAAC,SAAS,GAAG,0BAA0B,CAC/C,EAAE,QAAQ,EAAE,UAAU,EAAE,EACxB,YAAY,CACZ,CAAC;IAEF,IAAI,QAAQ,EAAE,CAAC;QACd,SAAS,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC/B,CAAC;IAED,OAAO,SAAS,CAAC;AAClB,CAAC,CAAC"}

package/dist/components/GidsExpansionBodyList/GidsExpansionBodyList.d.ts

@@ -0,0 +1,8 @@
+import { GidsExpansionBodyListWebProps } from '@ganpatiinfo/gids-web-shared';
+type GidsExpansionBodyListBaseWebProps = GidsExpansionBodyListWebProps;
+export interface GidsExpansionBodyListDomProps extends GidsExpansionBodyListBaseWebProps {
+    extraClasses?: string;
+}
+export declare const GidsExpansionBodyListDom: ({ expansionBodyListItems, onExpansionBodyListSubtitlePress, onExpansionBodyListSupportingTextPress, extraClasses, }: GidsExpansionBodyListDomProps) => HTMLElement;
+export {};
+//# sourceMappingURL=GidsExpansionBodyList.d.ts.map

package/dist/components/GidsExpansionBodyList/GidsExpansionBodyList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsExpansionBodyList.d.ts","sourceRoot":"","sources":["../../../src/components/GidsExpansionBodyList/GidsExpansionBodyList.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,6BAA6B,EAE7B,MAAM,8BAA8B,CAAC;AAItC,KAAK,iCAAiC,GAAG,6BAA6B,CAAC;AAKvE,MAAM,WAAW,6BAA8B,SAAQ,iCAAiC;IACvF,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,wBAAwB,GAAI,qHAKtC,6BAA6B,KAAG,WAqBlC,CAAC"}

package/dist/components/GidsExpansionBodyList/GidsExpansionBodyList.js

@@ -0,0 +1,18 @@
+import { GidsExpansionBodyListWebUtils, } from '@ganpatiinfo/gids-web-shared';
+const { getGidsExpansionBodyListClassNames } = GidsExpansionBodyListWebUtils;
+export const GidsExpansionBodyListDom = ({ expansionBodyListItems, onExpansionBodyListSubtitlePress, onExpansionBodyListSupportingTextPress, extraClasses, }) => {
+    const expansionBodyList = document.createElement('gids-expansion-body-list');
+    expansionBodyList.expansionBodyListItems = expansionBodyListItems;
+    expansionBodyList.className =
+        getGidsExpansionBodyListClassNames(extraClasses);
+    if (onExpansionBodyListSubtitlePress) {
+        expansionBodyList.onExpansionBodyListSubtitlePress =
+            onExpansionBodyListSubtitlePress;
+    }
+    if (onExpansionBodyListSupportingTextPress) {
+        expansionBodyList.onExpansionBodyListSupportingTextPress =
+            onExpansionBodyListSupportingTextPress;
+    }
+    return expansionBodyList;
+};
+//# sourceMappingURL=GidsExpansionBodyList.js.map

package/dist/components/GidsExpansionBodyList/GidsExpansionBodyList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsExpansionBodyList.js","sourceRoot":"","sources":["../../../src/components/GidsExpansionBodyList/GidsExpansionBodyList.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,6BAA6B,GAC7B,MAAM,8BAA8B,CAAC;AAEtC,MAAM,EAAE,kCAAkC,EAAE,GAAG,6BAA6B,CAAC;AAW7E,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,EACxC,sBAAsB,EACtB,gCAAgC,EAChC,sCAAsC,EACtC,YAAY,GACmB,EAAe,EAAE;IAChD,MAAM,iBAAiB,GAAG,QAAQ,CAAC,aAAa,CAC/C,0BAA0B,CACM,CAAC;IAElC,iBAAiB,CAAC,sBAAsB,GAAG,sBAAsB,CAAC;IAElE,iBAAiB,CAAC,SAAS;QAC1B,kCAAkC,CAAC,YAAY,CAAC,CAAC;IAElD,IAAI,gCAAgC,EAAE,CAAC;QACtC,iBAAiB,CAAC,gCAAgC;YACjD,gCAAgC,CAAC;IACnC,CAAC;IAED,IAAI,sCAAsC,EAAE,CAAC;QAC5C,iBAAiB,CAAC,sCAAsC;YACvD,sCAAsC,CAAC;IACzC,CAAC;IAED,OAAO,iBAAiB,CAAC;AAC1B,CAAC,CAAC"}

package/dist/components/GidsExpansionBodyListItem/GidsExpansionBodyListItem.d.ts

@@ -0,0 +1,8 @@
+import { GidsExpansionBodyListItemWebProps } from '@ganpatiinfo/gids-web-shared';
+type GidsExpansionBodyListItemBaseWebProps = GidsExpansionBodyListItemWebProps;
+export interface GidsExpansionBodyListItemDomProps extends GidsExpansionBodyListItemBaseWebProps {
+    extraClasses?: string;
+}
+export declare const GidsExpansionBodyListItemDom: ({ listItemId, label, subtitle, supportingText, displayTagVisible, displayTagColor, displayTagLabel, displayTagSize, displayTagAppearance, onSubtitlePress, onSupportingTextPress, extraClasses, }: GidsExpansionBodyListItemDomProps) => HTMLElement;
+export {};
+//# sourceMappingURL=GidsExpansionBodyListItem.d.ts.map

package/dist/components/GidsExpansionBodyListItem/GidsExpansionBodyListItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsExpansionBodyListItem.d.ts","sourceRoot":"","sources":["../../../src/components/GidsExpansionBodyListItem/GidsExpansionBodyListItem.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,iCAAiC,EAEjC,MAAM,8BAA8B,CAAC;AAKtC,KAAK,qCAAqC,GAAG,iCAAiC,CAAC;AAK/E,MAAM,WAAW,iCAAkC,SAAQ,qCAAqC;IAC/F,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,4BAA4B,GAAI,mMAa1C,iCAAiC,KAAG,WA6BtC,CAAC"}

package/dist/components/GidsExpansionBodyListItem/GidsExpansionBodyListItem.js

@@ -0,0 +1,25 @@
+import { GidsExpansionBodyListItemWebUtils, } from '@ganpatiinfo/gids-web-shared';
+const { getGidsExpansionBodyListItemClassNames } = GidsExpansionBodyListItemWebUtils;
+export const GidsExpansionBodyListItemDom = ({ listItemId, label, subtitle, supportingText, displayTagVisible = false, displayTagColor = 'accent-5', displayTagLabel, displayTagSize = 'xs', displayTagAppearance = 'subtle', onSubtitlePress, onSupportingTextPress, extraClasses, }) => {
+    const expansionBodyListItem = document.createElement('gids-expansion-body-list-item');
+    expansionBodyListItem.setAttribute('list-item-id', listItemId);
+    expansionBodyListItem.listItemId = listItemId;
+    expansionBodyListItem.label = label;
+    expansionBodyListItem.subtitle = subtitle;
+    expansionBodyListItem.supportingText = supportingText;
+    expansionBodyListItem.displayTagVisible = displayTagVisible;
+    expansionBodyListItem.displayTagColor = displayTagColor;
+    expansionBodyListItem.displayTagLabel = displayTagLabel;
+    expansionBodyListItem.displayTagSize = displayTagSize;
+    expansionBodyListItem.displayTagAppearance = displayTagAppearance;
+    expansionBodyListItem.className =
+        getGidsExpansionBodyListItemClassNames(extraClasses);
+    if (onSubtitlePress) {
+        expansionBodyListItem.onSubtitlePress = onSubtitlePress;
+    }
+    if (onSupportingTextPress) {
+        expansionBodyListItem.onSupportingTextPress = onSupportingTextPress;
+    }
+    return expansionBodyListItem;
+};
+//# sourceMappingURL=GidsExpansionBodyListItem.js.map

package/dist/components/GidsExpansionBodyListItem/GidsExpansionBodyListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsExpansionBodyListItem.js","sourceRoot":"","sources":["../../../src/components/GidsExpansionBodyListItem/GidsExpansionBodyListItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,iCAAiC,GACjC,MAAM,8BAA8B,CAAC;AAEtC,MAAM,EAAE,sCAAsC,EAAE,GAC/C,iCAAiC,CAAC;AAWnC,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,EAC5C,UAAU,EACV,KAAK,EACL,QAAQ,EACR,cAAc,EACd,iBAAiB,GAAG,KAAK,EACzB,eAAe,GAAG,UAAU,EAC5B,eAAe,EACf,cAAc,GAAG,IAAI,EACrB,oBAAoB,GAAG,QAAQ,EAC/B,eAAe,EACf,qBAAqB,EACrB,YAAY,GACuB,EAAe,EAAE;IACpD,MAAM,qBAAqB,GAAG,QAAQ,CAAC,aAAa,CACnD,+BAA+B,CACK,CAAC;IAEtC,qBAAqB,CAAC,YAAY,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC;IAE/D,qBAAqB,CAAC,UAAU,GAAG,UAAU,CAAC;IAC9C,qBAAqB,CAAC,KAAK,GAAG,KAAK,CAAC;IACpC,qBAAqB,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC1C,qBAAqB,CAAC,cAAc,GAAG,cAAc,CAAC;IACtD,qBAAqB,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;IAC5D,qBAAqB,CAAC,eAAe,GAAG,eAAe,CAAC;IACxD,qBAAqB,CAAC,eAAe,GAAG,eAAe,CAAC;IACxD,qBAAqB,CAAC,cAAc,GAAG,cAAc,CAAC;IACtD,qBAAqB,CAAC,oBAAoB,GAAG,oBAAoB,CAAC;IAElE,qBAAqB,CAAC,SAAS;QAC9B,sCAAsC,CAAC,YAAY,CAAC,CAAC;IAEtD,IAAI,eAAe,EAAE,CAAC;QACrB,qBAAqB,CAAC,eAAe,GAAG,eAAe,CAAC;IACzD,CAAC;IAED,IAAI,qBAAqB,EAAE,CAAC;QAC3B,qBAAqB,CAAC,qBAAqB,GAAG,qBAAqB,CAAC;IACrE,CAAC;IAED,OAAO,qBAAqB,CAAC;AAC9B,CAAC,CAAC"}

package/dist/components/GidsExpansionGroup/GidsExpansionGroup.d.ts

@@ -0,0 +1,9 @@
+import { GidsExpansionGroupWebProps } from '@ganpatiinfo/gids-web-shared';
+import { DomChildren } from '../../utils/domUtils';
+type GidsExpansionGroupBaseWebProps = GidsExpansionGroupWebProps<DomChildren>;
+export interface GidsExpansionGroupDomProps extends GidsExpansionGroupBaseWebProps {
+    extraClasses?: string;
+}
+export declare const GidsExpansionGroupDom: ({ children, extraClasses, }: GidsExpansionGroupDomProps) => HTMLElement;
+export {};
+//# sourceMappingURL=GidsExpansionGroup.d.ts.map

package/dist/components/GidsExpansionGroup/GidsExpansionGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsExpansionGroup.d.ts","sourceRoot":"","sources":["../../../src/components/GidsExpansionGroup/GidsExpansionGroup.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,0BAA0B,EAE1B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAoB,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAIrE,KAAK,8BAA8B,GAAG,0BAA0B,CAAC,WAAW,CAAC,CAAC;AAI9E,MAAM,WAAW,0BAA2B,SAAQ,8BAA8B;IACjF,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,qBAAqB,GAAI,6BAGnC,0BAA0B,KAAG,WAY/B,CAAC"}

package/dist/components/GidsExpansionGroup/GidsExpansionGroup.js

@@ -0,0 +1,12 @@
+import { GidsExpansionGroupWebUtils, } from '@ganpatiinfo/gids-web-shared';
+import { appendAsChildren } from '../../utils/domUtils';
+const { getGidsExpansionGroupClassNames } = GidsExpansionGroupWebUtils;
+export const GidsExpansionGroupDom = ({ children, extraClasses, }) => {
+    const expansionGroup = document.createElement('gids-expansion-group');
+    if (children) {
+        appendAsChildren(expansionGroup, children);
+    }
+    expansionGroup.className = getGidsExpansionGroupClassNames(extraClasses);
+    return expansionGroup;
+};
+//# sourceMappingURL=GidsExpansionGroup.js.map

package/dist/components/GidsExpansionGroup/GidsExpansionGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsExpansionGroup.js","sourceRoot":"","sources":["../../../src/components/GidsExpansionGroup/GidsExpansionGroup.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,0BAA0B,GAC1B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAe,MAAM,sBAAsB,CAAC;AAErE,MAAM,EAAE,+BAA+B,EAAE,GAAG,0BAA0B,CAAC;AAUvE,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EACrC,QAAQ,EACR,YAAY,GACgB,EAAe,EAAE;IAC7C,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAC5C,sBAAsB,CACO,CAAC;IAE/B,IAAI,QAAQ,EAAE,CAAC;QACd,gBAAgB,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;IAC5C,CAAC;IAED,cAAc,CAAC,SAAS,GAAG,+BAA+B,CAAC,YAAY,CAAC,CAAC;IAEzE,OAAO,cAAc,CAAC;AACvB,CAAC,CAAC"}

package/dist/index.d.ts

@@ -105,6 +105,10 @@ export * from './components/GidsFilter/GidsFilter.js';
 export * from './components/GidsActionBar/GidsActionBar.js';
 export * from './components/GidsTabItem/GidsTabItem.js';
 export * from './components/GidsTab/GidsTab.js';
+export * from './components/GidsExpansion/GidsExpansion.js';
+export * from './components/GidsExpansionBodyListItem/GidsExpansionBodyListItem.js';
+export * from './components/GidsExpansionBodyList/GidsExpansionBodyList.js';
+export * from './components/GidsExpansionGroup/GidsExpansionGroup.js';
 /**
  * Utilities
  */

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -105,6 +105,10 @@ export * from './components/GidsFilter/GidsFilter.js';
 export * from './components/GidsActionBar/GidsActionBar.js';
 export * from './components/GidsTabItem/GidsTabItem.js';
 export * from './components/GidsTab/GidsTab.js';
+export * from './components/GidsExpansion/GidsExpansion.js';
+export * from './components/GidsExpansionBodyListItem/GidsExpansionBodyListItem.js';
+export * from './components/GidsExpansionBodyList/GidsExpansionBodyList.js';
+export * from './components/GidsExpansionGroup/GidsExpansionGroup.js';
 /**
  * Utilities
  */

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"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;AAC5D,cAAc,yCAAyC,CAAC;AACxD,cAAc,yCAAyC,CAAC;AACxD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,mCAAmC,CAAC;AAClD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mDAAmD,CAAC;AAClE,cAAc,mDAAmD,CAAC;AAClE,cAAc,6DAA6D,CAAC;AAC5E,cAAc,2CAA2C,CAAC;AAC1D,cAAc,qDAAqD,CAAC;AACpE,cAAc,qDAAqD,CAAC;AACpE,cAAc,mDAAmD,CAAC;AAClE,cAAc,iCAAiC,CAAC;AAChD,cAAc,yDAAyD,CAAC;AACxE,cAAc,6DAA6D,CAAC;AAC5E,cAAc,2DAA2D,CAAC;AAC1E,cAAc,uDAAuD,CAAC;AACtE,cAAc,iEAAiE,CAAC;AAChF,cAAc,2CAA2C,CAAC;AAC1D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,yDAAyD,CAAC;AACxE,cAAc,iDAAiD,CAAC;AAChE,cAAc,6CAA6C,CAAC;AAC5D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,uDAAuD,CAAC;AACtE,cAAc,qDAAqD,CAAC;AACpE,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,yCAAyC,CAAC;AACxD,cAAc,iCAAiC,CAAC;AAChD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,qEAAqE,CAAC;AACpF,cAAc,6DAA6D,CAAC;AAC5E,cAAc,uDAAuD,CAAC;AAEtE;;GAEG;AACH,cAAc,qBAAqB,CAAC;AACpC,cAAc,oCAAoC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@ganpatiinfo/gids-web-dom-reference",
-	"version": "9.2.0",
+	"version": "9.3.0",
 	"private": false,
 	"description": "DOM for components reference implementations",
 	"homepage": "https://ganpatiinfo-design-system.onrender.com/",
@@ -24,8 +24,8 @@
 		"directory": "packages/private/web-dom-reference"
 	},
 	"dependencies": {
-		"@ganpatiinfo/gids-core-shared": "9.2.0",
-		"@ganpatiinfo/gids-web-shared": "9.2.0"
+		"@ganpatiinfo/gids-core-shared": "9.3.0",
+		"@ganpatiinfo/gids-web-shared": "9.3.0"
 	},
 	"peerDependencies": {
 		"@ganpatiinfo/gids-web-theme-interface": "5.0.0",

package/src/components/GidsExpansion/GidsExpansion.ts

@@ -0,0 +1,65 @@
+import {
+	GidsExpansionWebProps,
+	GidsExpansionWebUtils,
+} from '@ganpatiinfo/gids-web-shared';
+import { appendAsChildren, DomChildren } from '../../utils/domUtils';
+
+const { getGidsExpansionClassNames } = GidsExpansionWebUtils;
+
+type GidsExpansionBaseWebProps = GidsExpansionWebProps<DomChildren>;
+
+type GidsExpansionElement = HTMLElement & GidsExpansionBaseWebProps;
+
+export interface GidsExpansionDomProps extends GidsExpansionBaseWebProps {
+	extraClasses?: string;
+}
+
+export const GidsExpansionDom = ({
+	expansionId,
+	label,
+	labelLevel = 'h1',
+	expanded,
+	onExpand,
+	disabled,
+	children,
+	extraClasses,
+}: GidsExpansionDomProps): HTMLElement => {
+	const expansion = document.createElement(
+		'gids-expansion',
+	) as GidsExpansionElement;
+
+	expansion.setAttribute('expansion-id', expansionId);
+
+	if (disabled) {
+		expansion.setAttribute('disabled', 'true');
+	} else {
+		expansion.removeAttribute('disabled');
+	}
+
+	expansion.expansionId = expansionId;
+	expansion.label = label;
+	expansion.labelLevel = labelLevel;
+	expansion.disabled = disabled;
+
+	if (typeof expanded === 'boolean') {
+		expansion.expanded = expanded;
+	}
+
+	const isInteractive = !disabled;
+	const isExpanded = Boolean(expanded) && isInteractive;
+
+	if (children) {
+		appendAsChildren(expansion, children);
+	}
+
+	expansion.className = getGidsExpansionClassNames(
+		{ expanded: isExpanded },
+		extraClasses,
+	);
+
+	if (onExpand) {
+		expansion.onExpand = onExpand;
+	}
+
+	return expansion;
+};

package/src/components/GidsExpansionBodyList/GidsExpansionBodyList.ts

@@ -0,0 +1,43 @@
+import {
+	GidsExpansionBodyListWebProps,
+	GidsExpansionBodyListWebUtils,
+} from '@ganpatiinfo/gids-web-shared';
+
+const { getGidsExpansionBodyListClassNames } = GidsExpansionBodyListWebUtils;
+
+type GidsExpansionBodyListBaseWebProps = GidsExpansionBodyListWebProps;
+
+type GidsExpansionBodyListElement = HTMLElement &
+	GidsExpansionBodyListBaseWebProps;
+
+export interface GidsExpansionBodyListDomProps extends GidsExpansionBodyListBaseWebProps {
+	extraClasses?: string;
+}
+
+export const GidsExpansionBodyListDom = ({
+	expansionBodyListItems,
+	onExpansionBodyListSubtitlePress,
+	onExpansionBodyListSupportingTextPress,
+	extraClasses,
+}: GidsExpansionBodyListDomProps): HTMLElement => {
+	const expansionBodyList = document.createElement(
+		'gids-expansion-body-list',
+	) as GidsExpansionBodyListElement;
+
+	expansionBodyList.expansionBodyListItems = expansionBodyListItems;
+
+	expansionBodyList.className =
+		getGidsExpansionBodyListClassNames(extraClasses);
+
+	if (onExpansionBodyListSubtitlePress) {
+		expansionBodyList.onExpansionBodyListSubtitlePress =
+			onExpansionBodyListSubtitlePress;
+	}
+
+	if (onExpansionBodyListSupportingTextPress) {
+		expansionBodyList.onExpansionBodyListSupportingTextPress =
+			onExpansionBodyListSupportingTextPress;
+	}
+
+	return expansionBodyList;
+};

package/src/components/GidsExpansionBodyListItem/GidsExpansionBodyListItem.ts

@@ -0,0 +1,60 @@
+import {
+	GidsExpansionBodyListItemWebProps,
+	GidsExpansionBodyListItemWebUtils,
+} from '@ganpatiinfo/gids-web-shared';
+
+const { getGidsExpansionBodyListItemClassNames } =
+	GidsExpansionBodyListItemWebUtils;
+
+type GidsExpansionBodyListItemBaseWebProps = GidsExpansionBodyListItemWebProps;
+
+type GidsExpansionBodyListItemElement = HTMLElement &
+	GidsExpansionBodyListItemBaseWebProps;
+
+export interface GidsExpansionBodyListItemDomProps extends GidsExpansionBodyListItemBaseWebProps {
+	extraClasses?: string;
+}
+
+export const GidsExpansionBodyListItemDom = ({
+	listItemId,
+	label,
+	subtitle,
+	supportingText,
+	displayTagVisible = false,
+	displayTagColor = 'accent-5',
+	displayTagLabel,
+	displayTagSize = 'xs',
+	displayTagAppearance = 'subtle',
+	onSubtitlePress,
+	onSupportingTextPress,
+	extraClasses,
+}: GidsExpansionBodyListItemDomProps): HTMLElement => {
+	const expansionBodyListItem = document.createElement(
+		'gids-expansion-body-list-item',
+	) as GidsExpansionBodyListItemElement;
+
+	expansionBodyListItem.setAttribute('list-item-id', listItemId);
+
+	expansionBodyListItem.listItemId = listItemId;
+	expansionBodyListItem.label = label;
+	expansionBodyListItem.subtitle = subtitle;
+	expansionBodyListItem.supportingText = supportingText;
+	expansionBodyListItem.displayTagVisible = displayTagVisible;
+	expansionBodyListItem.displayTagColor = displayTagColor;
+	expansionBodyListItem.displayTagLabel = displayTagLabel;
+	expansionBodyListItem.displayTagSize = displayTagSize;
+	expansionBodyListItem.displayTagAppearance = displayTagAppearance;
+
+	expansionBodyListItem.className =
+		getGidsExpansionBodyListItemClassNames(extraClasses);
+
+	if (onSubtitlePress) {
+		expansionBodyListItem.onSubtitlePress = onSubtitlePress;
+	}
+
+	if (onSupportingTextPress) {
+		expansionBodyListItem.onSupportingTextPress = onSupportingTextPress;
+	}
+
+	return expansionBodyListItem;
+};

package/src/components/GidsExpansionGroup/GidsExpansionGroup.ts

@@ -0,0 +1,32 @@
+import {
+	GidsExpansionGroupWebProps,
+	GidsExpansionGroupWebUtils,
+} from '@ganpatiinfo/gids-web-shared';
+import { appendAsChildren, DomChildren } from '../../utils/domUtils';
+
+const { getGidsExpansionGroupClassNames } = GidsExpansionGroupWebUtils;
+
+type GidsExpansionGroupBaseWebProps = GidsExpansionGroupWebProps<DomChildren>;
+
+type GidsExpansionGroupElement = HTMLElement & GidsExpansionGroupBaseWebProps;
+
+export interface GidsExpansionGroupDomProps extends GidsExpansionGroupBaseWebProps {
+	extraClasses?: string;
+}
+
+export const GidsExpansionGroupDom = ({
+	children,
+	extraClasses,
+}: GidsExpansionGroupDomProps): HTMLElement => {
+	const expansionGroup = document.createElement(
+		'gids-expansion-group',
+	) as GidsExpansionGroupElement;
+
+	if (children) {
+		appendAsChildren(expansionGroup, children);
+	}
+
+	expansionGroup.className = getGidsExpansionGroupClassNames(extraClasses);
+
+	return expansionGroup;
+};

package/src/index.ts

@@ -105,6 +105,10 @@ export * from './components/GidsFilter/GidsFilter.js';
 export * from './components/GidsActionBar/GidsActionBar.js';
 export * from './components/GidsTabItem/GidsTabItem.js';
 export * from './components/GidsTab/GidsTab.js';
+export * from './components/GidsExpansion/GidsExpansion.js';
+export * from './components/GidsExpansionBodyListItem/GidsExpansionBodyListItem.js';
+export * from './components/GidsExpansionBodyList/GidsExpansionBodyList.js';
+export * from './components/GidsExpansionGroup/GidsExpansionGroup.js';
 
 /**
  * Utilities