@ganpatiinfo/gids-core-web 10.1.0 → 10.3.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 (166) hide show
  1. package/dist/css/index.css +467 -0
  2. package/dist/css/index.css.map +1 -1
  3. package/dist/gids-action-bar.js +1 -1
  4. package/dist/gids-activity-gauge.js +1 -1
  5. package/dist/gids-bar-chart.js +1 -1
  6. package/dist/gids-calendar-header-panel.js +1 -1
  7. package/dist/gids-calendar-month-list.js +1 -1
  8. package/dist/gids-calendar-year-list.js +1 -1
  9. package/dist/gids-calendar.js +1 -1
  10. package/dist/gids-chart-legend-item.js +1 -1
  11. package/dist/gids-chart-legend.js +1 -1
  12. package/dist/gids-chart.js +1 -1
  13. package/dist/gids-chevron-button.js +1 -1
  14. package/dist/gids-dot.js +1 -1
  15. package/dist/gids-dropdown-field.js +1 -1
  16. package/dist/gids-dropdown-picker.js +1 -1
  17. package/dist/gids-dropdown.js +1 -1
  18. package/dist/gids-expansion-body-list-item.d.ts +11 -0
  19. package/dist/gids-expansion-body-list-item.js +1 -0
  20. package/dist/gids-expansion-body-list.d.ts +11 -0
  21. package/dist/gids-expansion-body-list.js +1 -0
  22. package/dist/gids-expansion-group.d.ts +11 -0
  23. package/dist/gids-expansion-group.js +1 -0
  24. package/dist/gids-expansion.d.ts +11 -0
  25. package/dist/gids-expansion.js +1 -0
  26. package/dist/gids-field.js +1 -1
  27. package/dist/gids-filter.js +1 -1
  28. package/dist/gids-icon.js +1 -1
  29. package/dist/gids-input.js +1 -1
  30. package/dist/gids-line-chart.js +1 -1
  31. package/dist/gids-overflow-container.js +1 -1
  32. package/dist/gids-overlay-provider.js +1 -1
  33. package/dist/gids-password-field.js +1 -1
  34. package/dist/gids-pie-chart.js +1 -1
  35. package/dist/gids-popover.js +1 -1
  36. package/dist/gids-scrim.js +1 -1
  37. package/dist/gids-tab-item.d.ts +11 -0
  38. package/dist/gids-tab-item.js +1 -0
  39. package/dist/gids-tab.d.ts +11 -0
  40. package/dist/gids-tab.js +1 -0
  41. package/dist/gids-text-field.js +1 -1
  42. package/dist/gids-toggle-button.js +1 -1
  43. package/dist/gids-tooltip.js +1 -1
  44. package/dist/{p-H1JIMJ2t.js → p-2wB6zkno.js} +1 -1
  45. package/dist/{p-DPIK2ayL.js → p-3Ni1-UuQ.js} +1 -1
  46. package/dist/{p-DNTv2BQ5.js → p-BE2G21MT.js} +1 -1
  47. package/dist/{p-mZJdpfOo.js → p-BQCMjWpK.js} +1 -1
  48. package/dist/{p-Db62Pz3n.js → p-BeP2XcqY.js} +1 -1
  49. package/dist/{p-CP1wz2PI.js → p-C2PfO9h9.js} +1 -1
  50. package/dist/p-C4yEV6pT.js +1 -0
  51. package/dist/{p-BZCJlqVe.js → p-CD_BHkBE.js} +1 -1
  52. package/dist/p-ChV9xqsO.js +1 -0
  53. package/dist/{p-CW7tw1Fb.js → p-CkydANOS.js} +1 -1
  54. package/dist/p-Cn-t3SGc.js +1 -0
  55. package/dist/{p-BQ-ZnlnH.js → p-DA_atCAU.js} +1 -1
  56. package/dist/{p-Cn3-K5eR.js → p-DVVJrKxO.js} +1 -1
  57. package/dist/{p-JjN8U9B5.js → p-DfrYaprq.js} +1 -1
  58. package/dist/{p-CQH7eAs3.js → p-Ditd1zV7.js} +1 -1
  59. package/dist/p-DlI2raNo.js +1 -0
  60. package/dist/p-KaaOtnwV.js +1 -0
  61. package/dist/{p-V48JyMbP.js → p-WHI6NO_h.js} +1 -1
  62. package/dist/{p-DfxTsSdZ.js → p-qIkbfIF3.js} +1 -1
  63. package/dist/types/components/webComponents/GidsExpansion/GidsExpansion.d.ts +24 -0
  64. package/dist/types/components/webComponents/GidsExpansionBodyList/GidsExpansionBodyList.d.ts +24 -0
  65. package/dist/types/components/webComponents/GidsExpansionBodyListItem/GidsExpansionBodyListItem.d.ts +38 -0
  66. package/dist/types/components/webComponents/GidsExpansionGroup/GidsExpansionGroup.d.ts +4 -0
  67. package/dist/types/components/webComponents/GidsTab/GidsTab.d.ts +17 -0
  68. package/dist/types/components/webComponents/GidsTabItem/GidsTabItem.d.ts +29 -0
  69. package/dist/types/components.d.ts +269 -2
  70. package/dist-bundled/es/gids-action-bar.js +4 -4
  71. package/dist-bundled/es/gids-activity-gauge.js +1 -1
  72. package/dist-bundled/es/gids-bar-chart.js +1 -1
  73. package/dist-bundled/es/gids-calendar-header-panel.js +3 -3
  74. package/dist-bundled/es/gids-calendar-month-list.js +1 -1
  75. package/dist-bundled/es/gids-calendar-year-list.js +4 -4
  76. package/dist-bundled/es/gids-calendar.js +33 -33
  77. package/dist-bundled/es/gids-chart-legend-item.js +3 -3
  78. package/dist-bundled/es/gids-chart-legend.js +4 -4
  79. package/dist-bundled/es/gids-chart.js +46 -46
  80. package/dist-bundled/es/gids-chevron-button.js +8 -8
  81. package/dist-bundled/es/gids-dot.js +1 -1
  82. package/dist-bundled/es/gids-dropdown-field.js +10 -10
  83. package/dist-bundled/es/gids-dropdown-picker.js +2 -2
  84. package/dist-bundled/es/gids-dropdown.js +4 -4
  85. package/dist-bundled/es/gids-expansion-body-list-item.js +6 -0
  86. package/dist-bundled/es/gids-expansion-body-list.js +78 -0
  87. package/dist-bundled/es/gids-expansion-group.js +28 -0
  88. package/dist-bundled/es/gids-expansion.js +90 -0
  89. package/dist-bundled/es/gids-field.js +1 -1
  90. package/dist-bundled/es/gids-filter.js +4 -4
  91. package/dist-bundled/es/gids-icon.js +1 -1
  92. package/dist-bundled/es/gids-input.js +4 -4
  93. package/dist-bundled/es/gids-line-chart.js +4 -4
  94. package/dist-bundled/es/gids-overflow-container.js +4 -4
  95. package/dist-bundled/es/gids-overlay-provider.js +2 -2
  96. package/dist-bundled/es/gids-password-field.js +23 -23
  97. package/dist-bundled/es/gids-pie-chart.js +4 -4
  98. package/dist-bundled/es/gids-popover.js +1 -1
  99. package/dist-bundled/es/gids-scrim.js +1 -1
  100. package/dist-bundled/es/gids-tab-item.js +100 -0
  101. package/dist-bundled/es/gids-tab.js +63 -0
  102. package/dist-bundled/es/gids-text-field.js +15 -15
  103. package/dist-bundled/es/gids-toggle-button.js +4 -4
  104. package/dist-bundled/es/gids-tooltip.js +4 -4
  105. package/dist-bundled/es/nonEmpty-B284_5ai.js +4 -0
  106. package/dist-bundled/es/{p-H1JIMJ2t-DEXp7M4I.js → p-2wB6zkno-57WAxATm.js} +2 -2
  107. package/dist-bundled/es/{p-DPIK2ayL-DPEbctqo.js → p-3Ni1-UuQ-CPn15cat.js} +2 -2
  108. package/dist-bundled/es/{p-DNTv2BQ5-Bwgd30mM.js → p-BE2G21MT-WGW-ehxu.js} +4 -4
  109. package/dist-bundled/es/{p-mZJdpfOo-DicbKil0.js → p-BQCMjWpK-CLxPNItn.js} +6 -6
  110. package/dist-bundled/es/{p-Db62Pz3n-DpQjwBYb.js → p-BeP2XcqY-DMXmX4Mc.js} +10 -10
  111. package/dist-bundled/es/{p-CP1wz2PI-DhVAsHFS.js → p-C2PfO9h9-H_toZwKo.js} +5 -5
  112. package/dist-bundled/es/{p-BpQB6ncp-C2AWddf-.js → p-C4yEV6pT-8IjLINXB.js} +28 -41
  113. package/dist-bundled/es/{p-BZCJlqVe-BcSwze-q.js → p-CD_BHkBE-DX2546yK.js} +5 -5
  114. package/dist-bundled/es/p-ChV9xqsO-CJSPCx6p.js +16 -0
  115. package/dist-bundled/es/{p-CW7tw1Fb-DtJ5TwCU.js → p-CkydANOS-CzTX9wng.js} +5 -5
  116. package/dist-bundled/es/{p-DoCwI_bx-BXHlZI7-.js → p-Cn-t3SGc-CwvvOdlK.js} +14 -14
  117. package/dist-bundled/es/{p-BQ-ZnlnH-CUVdDHzX.js → p-DA_atCAU-KdxJYYDE.js} +5 -5
  118. package/dist-bundled/es/{p-Cn3-K5eR-tQ1EOnDF.js → p-DVVJrKxO-Bdl0HX_u.js} +8 -8
  119. package/dist-bundled/es/{p-JjN8U9B5-GeWjfJBY.js → p-DfrYaprq-CeZqb0rn.js} +6 -6
  120. package/dist-bundled/es/{p-CQH7eAs3-BVowyVGn.js → p-Ditd1zV7-DdQjXthS.js} +2 -2
  121. package/dist-bundled/es/p-DlI2raNo-5V-p1A9Z.js +106 -0
  122. package/dist-bundled/es/{p-DmLoB2Dn-D-FSoCvI.js → p-KaaOtnwV-D7HTbhvI.js} +9 -9
  123. package/dist-bundled/es/p-UVmSPzTd-6vjXok6h.js +26 -0
  124. package/dist-bundled/es/{p-V48JyMbP-Bx-0od-Z.js → p-WHI6NO_h-DHNy0JzV.js} +6 -6
  125. package/dist-bundled/es/{p-DfxTsSdZ-C2Afv1lS.js → p-qIkbfIF3-B7NovGEi.js} +2 -2
  126. package/dist-bundled/umd/gids-action-bar.umd.js +2 -2
  127. package/dist-bundled/umd/gids-activity-gauge.umd.js +1 -1
  128. package/dist-bundled/umd/gids-bar-chart.umd.js +1 -1
  129. package/dist-bundled/umd/gids-calendar-header-panel.umd.js +1 -1
  130. package/dist-bundled/umd/gids-calendar-month-list.umd.js +2 -2
  131. package/dist-bundled/umd/gids-calendar-year-list.umd.js +2 -2
  132. package/dist-bundled/umd/gids-calendar.umd.js +1 -1
  133. package/dist-bundled/umd/gids-chart-legend-item.umd.js +1 -1
  134. package/dist-bundled/umd/gids-chart-legend.umd.js +1 -1
  135. package/dist-bundled/umd/gids-chart.umd.js +2 -2
  136. package/dist-bundled/umd/gids-chevron-button.umd.js +1 -1
  137. package/dist-bundled/umd/gids-dot.umd.js +1 -1
  138. package/dist-bundled/umd/gids-dropdown-field.umd.js +2 -2
  139. package/dist-bundled/umd/gids-dropdown-picker.umd.js +1 -1
  140. package/dist-bundled/umd/gids-dropdown.umd.js +1 -1
  141. package/dist-bundled/umd/gids-expansion-body-list-item.umd.js +5 -0
  142. package/dist-bundled/umd/gids-expansion-body-list.umd.js +5 -0
  143. package/dist-bundled/umd/gids-expansion-group.umd.js +5 -0
  144. package/dist-bundled/umd/gids-expansion.umd.js +5 -0
  145. package/dist-bundled/umd/gids-field.umd.js +2 -2
  146. package/dist-bundled/umd/gids-filter.umd.js +2 -2
  147. package/dist-bundled/umd/gids-icon.umd.js +1 -1
  148. package/dist-bundled/umd/gids-input.umd.js +2 -2
  149. package/dist-bundled/umd/gids-line-chart.umd.js +2 -2
  150. package/dist-bundled/umd/gids-overflow-container.umd.js +1 -1
  151. package/dist-bundled/umd/gids-overlay-provider.umd.js +1 -1
  152. package/dist-bundled/umd/gids-password-field.umd.js +2 -2
  153. package/dist-bundled/umd/gids-pie-chart.umd.js +1 -1
  154. package/dist-bundled/umd/gids-popover.umd.js +1 -1
  155. package/dist-bundled/umd/gids-scrim.umd.js +1 -1
  156. package/dist-bundled/umd/gids-tab-item.umd.js +5 -0
  157. package/dist-bundled/umd/gids-tab.umd.js +5 -0
  158. package/dist-bundled/umd/gids-text-field.umd.js +1 -1
  159. package/dist-bundled/umd/gids-toggle-button.umd.js +3 -3
  160. package/dist-bundled/umd/gids-tooltip.umd.js +1 -1
  161. package/dist-bundled/umd-complete/gids-core-web.umd.js +9 -9
  162. package/package.json +52 -4
  163. package/dist/p-BpQB6ncp.js +0 -1
  164. package/dist/p-DmLoB2Dn.js +0 -1
  165. package/dist/p-DoCwI_bx.js +0 -1
  166. package/dist-bundled/es/p-UVmSPzTd-DiTxS9kW.js +0 -25
@@ -0,0 +1 @@
1
+ import{t as e,p as t,H as s,c as a,h as i,d as c}from"./p-Bf3p-DY2.js";import{G as n}from"./p-UVmSPzTd.js";import{g as d}from"./p-B2zUuNXz.js";const l=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.select=a(this,"select"),this._toggle=this._toggle.bind(this)}handleSelctedChange(e){this.selected=e}connectedCallback(){const e=d();void 0!==e&&this._el.shadowRoot?.adoptedStyleSheets.push(e)}_toggle(){const e=!this.selected;this._el.selected=this.selected,this.select?.emit(e),this.selected=this.selected}render(){return i(c,{key:"8790bb8cf84e466afbb3b9e2d9d079b75bfa35c9"},i("style",{key:"774d8c36507eba6dcafc908f12bf23e264306c36"},`:host {\n display: ${"full"===this.width?"block":"inline-block"}\n }`),i(n,{key:"4a7a08513aa15cb97cdea1ce89799c2f3969ea37",appearance:this.appearance,size:this.size,width:this.width,disabled:this.disabled,onClick:this._toggle,"aria-pressed":this.selected?"true":"false",leadingIcon:i("slot",{name:"leadingIcon"}),trailingIcon:i("slot",{name:"trailingIcon"}),forceIconOnly:this._onlyHasLeadingIcon()},i("slot",{key:"246d5789eb1aa8cd3fa2c9bc647fae741cc1bc81"})))}_onlyHasLeadingIcon(){const e=this._el.childNodes;return 1===e.length&&e[0]instanceof window.Element&&"leadingIcon"===e[0].slot}get _el(){return this}static get watchers(){return{selected:[{handleSelctedChange:0}]}}},[257,"gids-toggle-button",{disabled:[516],appearance:[513],size:[513],width:[513],defaultSelected:[516,"default-selected"],selected:[1540]},void 0,{selected:[{handleSelctedChange:0}]}]);function o(){"undefined"!=typeof customElements&&["gids-toggle-button"].forEach((t=>{"gids-toggle-button"===t&&(customElements.get(e(t))||customElements.define(e(t),l))}))}o();export{l as G,o as d}
@@ -1 +1 @@
1
- import{t,p as e,H as s,h as i}from"./p-Bf3p-DY2.js";import{GidsCalendarMonthListWebUtils as n}from"@ganpatiinfo/gids-web-shared";import{a as d,b as o,c as h}from"./p-D6lxqcxP.js";const{getGidsCalendarMonthListClassNames:a,getGidsCalendarMonthListMonths:r}=n,l=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.type="default",this.disabledIndices=[],this.divider=!1,this.hasItemListener=!1,this.suppressNextMenuClickSelection=!1,this.handleCalendarMenuItemSelect=t=>{const{title:e,value:s,selectedIndex:i,disabled:n,id:d}=t.detail;n||"string"!=typeof e||(this.suppressNextMenuClickSelection=!0,queueMicrotask((()=>{this.suppressNextMenuClickSelection=!1})),this.applySelection({id:d,month:e,monthInNumber:Number(s),disabled:!1,selectedIndex:i}))},this.handleMenuClick=t=>{if(this.suppressNextMenuClickSelection)return;const e=t?.detail;this.applySelection({id:e.id,monthInNumber:Number(e.value),month:e.title,disabled:!1,selectedIndex:e.selectedIndex})},this.monthsList=()=>r(),this.getSelectedItem=()=>{const t=this.selectedMonthNumber,e=this.monthsList(),s=e.findIndex((e=>e.value===t));let i;return null!=s&&-1!==s&&(i=e[s]),{foundItem:i,foundIndex:s}},this.isItemSelected=t=>{const{foundIndex:e}=this.getSelectedItem();return e===t}}connectedCallback(){this.attachItemListener()}disconnectedCallback(){this.detachItemListener()}getItemElements(){return Array.from(this.hostElement.querySelectorAll(".gids-dropdown-item"))}attachItemListener(){this.hasItemListener||(this.hostElement.addEventListener("onPressDropdownItem",this.handleCalendarMenuItemSelect),this.hasItemListener=!0)}detachItemListener(){this.hasItemListener&&(this.hostElement.removeEventListener("onPressDropdownItem",this.handleCalendarMenuItemSelect),this.hasItemListener=!1)}applySelection(t){this.clearActive(),this.onSelectionMonthChange?.(t),this.hostElement.dispatchEvent(new CustomEvent("gidsCalendarMonthChange",{bubbles:!0,composed:!0,detail:t}))}clearActive(){this.getItemElements().forEach((t=>t.classList.remove("gids-dropdown-item--active")))}render(){const t=a();return i("div",{key:"a4c3d291302079299a702892a7feb47fecdc0ab3",class:t},i(d,{key:"57a34a46ff0d264d11faf29a1c852385d20f4303",type:this.type,supportingText:this.noOptionsText},i(o,{key:"f6bed17740192c11aabd7de928396147e8da7dfd",sectionLabel:"Months"},this.monthsList().map(((t,e)=>{const s=`${e+1}`,n=this.disabledIndices?.includes(e);return i(h,{title:t.title,value:`${t.value}`,key:`${e.toString()}`,index:e,id:s,selected:this.isItemSelected(e),onPressDropdownItem:this.handleMenuClick,disabled:n,divider:this.divider,isPlaceholderItem:!1})})))))}get hostElement(){return this}},[0,"gids-calendar-month-list",{type:[1],noOptionsText:[1,"no-options-text"],disabledIndices:[16],divider:[4],selectedMonthNumber:[2,"selected-month-number"],onSelectionMonthChange:[16]}]);function c(){"undefined"!=typeof customElements&&["gids-calendar-month-list"].forEach((e=>{"gids-calendar-month-list"===e&&(customElements.get(t(e))||customElements.define(t(e),l))}))}c();export{l as G,c as d}
1
+ import{t,p as e,H as s,h as i}from"./p-Bf3p-DY2.js";import{GidsCalendarMonthListWebUtils as n}from"@ganpatiinfo/gids-web-shared";import{a as d,b as o,c as h}from"./p-D6lxqcxP.js";const{getGidsCalendarMonthListClassNames:r,getGidsCalendarMonthListMonths:a}=n,c=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.type="default",this.disabledIndices=[],this.divider=!1,this.hasItemListener=!1,this.suppressNextMenuClickSelection=!1,this.handleCalendarMenuItemSelect=t=>{const{title:e,value:s,selectedIndex:i,disabled:n,id:d}=t.detail;n||"string"!=typeof e||(this.suppressNextMenuClickSelection=!0,queueMicrotask((()=>{this.suppressNextMenuClickSelection=!1})),this.applySelection({id:d,month:e,monthInNumber:Number(s),disabled:!1,selectedIndex:i}))},this.handleMenuClick=t=>{if(this.suppressNextMenuClickSelection)return;const e=t?.detail;this.applySelection({id:e.id,monthInNumber:Number(e.value),month:e.title,disabled:!1,selectedIndex:e.selectedIndex})},this.monthsList=()=>a(),this.getSelectedItem=()=>{const t=this.selectedMonthNumber,e=this.monthsList(),s=e.findIndex((e=>e.value===t));let i;return null!=s&&-1!==s&&(i=e[s]),{foundItem:i,foundIndex:s}},this.isItemSelected=t=>{const{foundIndex:e}=this.getSelectedItem();return e===t}}connectedCallback(){this.attachItemListener()}disconnectedCallback(){this.detachItemListener()}getItemElements(){return Array.from(this.hostElement.querySelectorAll(".gids-dropdown-item"))}attachItemListener(){this.hasItemListener||(this.hostElement.addEventListener("onPressDropdownItem",this.handleCalendarMenuItemSelect),this.hasItemListener=!0)}detachItemListener(){this.hasItemListener&&(this.hostElement.removeEventListener("onPressDropdownItem",this.handleCalendarMenuItemSelect),this.hasItemListener=!1)}applySelection(t){this.clearActive(),this.onSelectionMonthChange?.(t),this.hostElement.dispatchEvent(new CustomEvent("gidsCalendarMonthChange",{bubbles:!0,composed:!0,detail:t}))}clearActive(){this.getItemElements().forEach((t=>t.classList.remove("gids-dropdown-item--active")))}render(){const t=r();return i("div",{key:"c0655cfeba2896cfd32f2d5d409b15fb981169ca",class:t},i(d,{key:"bb0f4c53815ad122dbe03f5e1ba4d58273b5d7e3",type:this.type,supportingText:this.noOptionsText},i(o,{key:"681315850bc61c44fe093b9de22436245d4d45d6",sectionLabel:"Months"},this.monthsList().map(((t,e)=>{const s=`${e+1}`,n=this.disabledIndices?.includes(e);return i(h,{title:t.title,value:`${t.value}`,key:`${e.toString()}`,index:e,id:s,selected:this.isItemSelected(e),onPressDropdownItem:this.handleMenuClick,disabled:n,divider:this.divider,isPlaceholderItem:!1})})))))}get hostElement(){return this}},[0,"gids-calendar-month-list",{type:[1],noOptionsText:[1,"no-options-text"],disabledIndices:[16],divider:[4],selectedMonthNumber:[2,"selected-month-number"],onSelectionMonthChange:[16]}]);function l(){"undefined"!=typeof customElements&&["gids-calendar-month-list"].forEach((e=>{"gids-calendar-month-list"===e&&(customElements.get(t(e))||customElements.define(t(e),c))}))}l();export{c as G,l as d}
@@ -1 +1 @@
1
- import{t,p as a,H as i,h as e}from"./p-Bf3p-DY2.js";import{GidsActivityGaugeWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{G as g}from"./p-DMNS1d8v.js";import{d as l}from"./p-DoCwI_bx.js";import{d as r}from"./p-mZJdpfOo.js";const{getGidsActivityGaugeClassNames:n}=s,o=a(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.breakpoint="desktop",this.chartData=[],this.label="",this.size="xs",this.legend="none",this.chartLoaderSize="lg",this.chartLoading=!1,this.width=0,this.height=0}chartDataChanged(){this.updateDimensions()}legendChanged(t){this.legend=t}componentDidLoad(){this.updateDimensions(),this.resizeObserver=new ResizeObserver((()=>this.updateDimensions())),this.hostElement.parentElement&&this.resizeObserver.observe(this.hostElement.parentElement)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect()}updateDimensions(){const t=this.hostElement.getBoundingClientRect();this.width=t.width,this.height=t.height>0?t.height:240}render(){if(this.chartLoading)return e("div",{class:"gids-activity-gauge__no-data"},e(g,{label:this.chartLoadingTitle,supportingText:this.chartLoadingSupportingText,size:this?.chartLoaderSize??"lg"}));const t=this.chartData.map((t=>t.value||0)),a=t.length>0?Math.max(...t):0,i=Math.max(1e3,a),s=i.toLocaleString(),l=n({breakpoint:this.breakpoint}),r=[{radius:42,strokeWidth:5.5},{radius:34,strokeWidth:5.5},{radius:26,strokeWidth:5.5}],o="xxs"===this.size,d="string"==typeof this.label&&""!==this.label.trim(),h=this.legend&&"right"===this.legend&&"mobile"!==this.breakpoint,p=this.legend&&("bottom"===this.legend||"mobile"===this.breakpoint);return e("div",{class:l},e("div",{class:"gids-activity-gauge__main-container"},e("div",{class:"gids-activity-gauge__chart-stage-container"},e("div",{class:`gids-activity-gauge__svg-wrapper gids-activity-gauge--size-${this.size}`},e("svg",{viewBox:"0 0 100 100",class:"gids-activity-gauge__chart-vector"},this.chartData.slice(0,3).map(((t,a)=>{const s=r[a]||r[0]||{radius:26,strokeWidth:5.5},g=i>0?Math.min(Math.max((t.value||0)/i,0),1):0,l=2*Math.PI*s.radius,n=`${g*l} ${l}`;return e("g",{key:t.label||a},e("circle",{cx:"50",cy:"50",r:s.radius,"stroke-width":s.strokeWidth,class:"gids-activity-gauge__track-background"}),e("circle",{cx:"50",cy:"50",r:s.radius,"stroke-width":s.strokeWidth,class:`gids-activity-gauge__segment gids-activity-gauge__segment-series-${a+1}`,"stroke-dasharray":n,"stroke-dashoffset":"0",transform:"rotate(-90 50 50)"}))}))),e("div",{class:"gids-activity-gauge__center-content"},d&&!o?e("span",{class:`gids-activity-gauge__label-common gids-activity-gauge__label-${this.size}`},this.label):null,e("span",{class:`gids-activity-gauge__value-common gids-activity-gauge__value-${this.size}`},s)))),h?e("div",{class:"gids-activity-gauge__sidebar"},e("gids-chart-legend",{orientation:"vertical"},this.chartData.slice(0,3).map(((t,a)=>e("gids-chart-legend-item",{key:t.label,seriesType:`${a+1}`,orientation:"vertical"},t.label))))):null),o&&d?e("div",{class:"gids-activity-gauge__bottom-content"},e("span",{class:`gids-activity-gauge__label-common gids-activity-gauge__label-${this.size}`},this.label)):null,p?e("div",{class:"gids-activity-gauge__legend-container gids-activity-gauge__legend-container--bottom"},e("gids-chart-legend",{orientation:"horizontal"},this.chartData.slice(0,3).map(((t,a)=>e("gids-chart-legend-item",{key:t.label,seriesType:`${a+1}`,orientation:"horizontal"},t.label))))):null)}get hostElement(){return this}static get watchers(){return{chartData:[{chartDataChanged:0}],legend:[{legendChanged:0}]}}static get style(){return":host{display:block;width:100%;height:100%;box-sizing:border-box}.gids-activity-gauge{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;box-sizing:border-box}.gids-activity-gauge--breakpoint-mobile{max-width:var(--gids-width-xs)}.gids-activity-gauge__main-container{display:inline-flex;justify-content:center;gap:var(--gids-gap-200);width:100%;height:100%}.gids-activity-gauge__svg-wrapper{position:relative;display:block;flex-shrink:0}.gids-activity-gauge--size-xxs{width:180px;height:180px}.gids-activity-gauge--size-xs{width:220px;height:220px}.gids-activity-gauge--size-sm{width:260px;height:260px}.gids-activity-gauge--size-md{width:300px;height:300px}.gids-activity-gauge--size-lg{width:340px;height:340px}.gids-activity-gauge__chart-stage-container{display:flex;justify-content:center;align-items:center}.gids-activity-gauge__chart-vector{display:block;width:100%;height:100%}.gids-activity-gauge__track-background{fill:none;stroke:var(--gids-color-background-brand-subtlest-default);stroke-linecap:round}.gids-activity-gauge__segment{fill:none;stroke-linecap:round;transition:stroke-dasharray 0.4s ease-out}.gids-activity-gauge__segment.gids-activity-gauge__segment-series-1{stroke:var(--gids-color-icon-subtle)}.gids-activity-gauge__segment.gids-activity-gauge__segment-series-2{stroke:var(--gids-color-icon-warning)}.gids-activity-gauge__segment.gids-activity-gauge__segment-series-3{stroke:var(--gids-color-icon-danger)}.gids-activity-gauge__center-content{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}.gids-activity-gauge__label-xxs{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit)}.gids-activity-gauge__label-xs{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit)}.gids-activity-gauge__label-sm{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit)}.gids-activity-gauge__label-md{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit)}.gids-activity-gauge__label-lg{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit)}.gids-activity-gauge__label-common{color:var(--gids-color-text-subtlest)}.gids-activity-gauge__value-xxs{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit)}.gids-activity-gauge__value-xs{font-family:var(--gids-typography-display-x-small__font-family);font-size:var(--gids-typography-display-x-small__font-size);font-weight:var(--gids-typography-display-x-small__font-weight);letter-spacing:var(--gids-typography-display-x-small__letter-spacing);line-height:var(--gids-typography-display-x-small__line-height);text-transform:var(--gids-typography-display-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-x-small__font-variant-caps, inherit)}.gids-activity-gauge__value-sm{font-family:var(--gids-typography-display-x-small__font-family);font-size:var(--gids-typography-display-x-small__font-size);font-weight:var(--gids-typography-display-x-small__font-weight);letter-spacing:var(--gids-typography-display-x-small__letter-spacing);line-height:var(--gids-typography-display-x-small__line-height);text-transform:var(--gids-typography-display-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-x-small__font-variant-caps, inherit)}.gids-activity-gauge__value-md{font-family:var(--gids-typography-display-small__font-family);font-size:var(--gids-typography-display-small__font-size);font-weight:var(--gids-typography-display-small__font-weight);letter-spacing:var(--gids-typography-display-small__letter-spacing);line-height:var(--gids-typography-display-small__line-height);text-transform:var(--gids-typography-display-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-small__font-variant-caps, inherit)}.gids-activity-gauge__value-lg{font-family:var(--gids-typography-display-small__font-family);font-size:var(--gids-typography-display-small__font-size);font-weight:var(--gids-typography-display-small__font-weight);letter-spacing:var(--gids-typography-display-small__letter-spacing);line-height:var(--gids-typography-display-small__line-height);text-transform:var(--gids-typography-display-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-small__font-variant-caps, inherit)}.gids-activity-gauge__value-common{color:var(--gids-color-text-default)}.gids-activity-gauge__bottom-content{display:flex;justify-content:center;align-items:center;text-align:center}.gids-activity-gauge__no-data{display:flex;align-items:center;justify-content:center;padding:var(--gids-padding-vertical-edge-to-element-300) var(--gids-padding-horizontal-edge-to-element-100);width:100%;height:100%;min-height:200px;color:var(--gids-color-text-subtlest);border:var(--gids-border-width-thin) dashed var(--gids-color-border-default);border-radius:var(--gids-border-radius-md)}"}},[0,"gids-activity-gauge",{breakpoint:[1],chartData:[16],label:[1],size:[1],legend:[1],chartLoaderSize:[1,"chart-loader-size"],chartLoading:[4,"chart-loading"],chartLoadingTitle:[1,"chart-loading-title"],chartLoadingSupportingText:[1,"chart-loading-supporting-text"],width:[32],height:[32]},void 0,{chartData:[{chartDataChanged:0}],legend:[{legendChanged:0}]}]);function d(){"undefined"!=typeof customElements&&["gids-activity-gauge","gids-chart-legend","gids-chart-legend-item"].forEach((a=>{switch(a){case"gids-activity-gauge":customElements.get(t(a))||customElements.define(t(a),o);break;case"gids-chart-legend":customElements.get(t(a))||l();break;case"gids-chart-legend-item":customElements.get(t(a))||r()}}))}d();export{o as G,d}
1
+ import{t,p as a,H as i,h as e}from"./p-Bf3p-DY2.js";import{GidsActivityGaugeWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{G as g}from"./p-DMNS1d8v.js";import{d as l}from"./p-Cn-t3SGc.js";import{d as r}from"./p-BQCMjWpK.js";const{getGidsActivityGaugeClassNames:n}=s,o=a(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.breakpoint="desktop",this.chartData=[],this.label="",this.size="xs",this.legend="none",this.chartLoaderSize="lg",this.chartLoading=!1,this.width=0,this.height=0}chartDataChanged(){this.updateDimensions()}legendChanged(t){this.legend=t}componentDidLoad(){this.updateDimensions(),this.resizeObserver=new ResizeObserver((()=>this.updateDimensions())),this.hostElement.parentElement&&this.resizeObserver.observe(this.hostElement.parentElement)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect()}updateDimensions(){const t=this.hostElement.getBoundingClientRect();this.width=t.width,this.height=t.height>0?t.height:240}render(){if(this.chartLoading)return e("div",{class:"gids-activity-gauge__no-data"},e(g,{label:this.chartLoadingTitle,supportingText:this.chartLoadingSupportingText,size:this?.chartLoaderSize??"lg"}));const t=this.chartData.map((t=>t.value||0)),a=t.length>0?Math.max(...t):0,i=Math.max(1e3,a),s=i.toLocaleString(),l=n({breakpoint:this.breakpoint}),r=[{radius:42,strokeWidth:5.5},{radius:34,strokeWidth:5.5},{radius:26,strokeWidth:5.5}],o="xxs"===this.size,d="string"==typeof this.label&&""!==this.label.trim(),h=this.legend&&"right"===this.legend&&"mobile"!==this.breakpoint,p=this.legend&&("bottom"===this.legend||"mobile"===this.breakpoint);return e("div",{class:l},e("div",{class:"gids-activity-gauge__main-container"},e("div",{class:"gids-activity-gauge__chart-stage-container"},e("div",{class:`gids-activity-gauge__svg-wrapper gids-activity-gauge--size-${this.size}`},e("svg",{viewBox:"0 0 100 100",class:"gids-activity-gauge__chart-vector"},this.chartData.slice(0,3).map(((t,a)=>{const s=r[a]||r[0]||{radius:26,strokeWidth:5.5},g=i>0?Math.min(Math.max((t.value||0)/i,0),1):0,l=2*Math.PI*s.radius,n=`${g*l} ${l}`;return e("g",{key:t.label||a},e("circle",{cx:"50",cy:"50",r:s.radius,"stroke-width":s.strokeWidth,class:"gids-activity-gauge__track-background"}),e("circle",{cx:"50",cy:"50",r:s.radius,"stroke-width":s.strokeWidth,class:`gids-activity-gauge__segment gids-activity-gauge__segment-series-${a+1}`,"stroke-dasharray":n,"stroke-dashoffset":"0",transform:"rotate(-90 50 50)"}))}))),e("div",{class:"gids-activity-gauge__center-content"},d&&!o?e("span",{class:`gids-activity-gauge__label-common gids-activity-gauge__label-${this.size}`},this.label):null,e("span",{class:`gids-activity-gauge__value-common gids-activity-gauge__value-${this.size}`},s)))),h?e("div",{class:"gids-activity-gauge__sidebar"},e("gids-chart-legend",{orientation:"vertical"},this.chartData.slice(0,3).map(((t,a)=>e("gids-chart-legend-item",{key:t.label,seriesType:`${a+1}`,orientation:"vertical"},t.label))))):null),o&&d?e("div",{class:"gids-activity-gauge__bottom-content"},e("span",{class:`gids-activity-gauge__label-common gids-activity-gauge__label-${this.size}`},this.label)):null,p?e("div",{class:"gids-activity-gauge__legend-container gids-activity-gauge__legend-container--bottom"},e("gids-chart-legend",{orientation:"horizontal"},this.chartData.slice(0,3).map(((t,a)=>e("gids-chart-legend-item",{key:t.label,seriesType:`${a+1}`,orientation:"horizontal"},t.label))))):null)}get hostElement(){return this}static get watchers(){return{chartData:[{chartDataChanged:0}],legend:[{legendChanged:0}]}}static get style(){return":host{display:block;width:100%;height:100%;box-sizing:border-box}.gids-activity-gauge{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;box-sizing:border-box}.gids-activity-gauge--breakpoint-mobile{max-width:var(--gids-width-xs)}.gids-activity-gauge__main-container{display:inline-flex;justify-content:center;gap:var(--gids-gap-200);width:100%;height:100%}.gids-activity-gauge__svg-wrapper{position:relative;display:block;flex-shrink:0}.gids-activity-gauge--size-xxs{width:180px;height:180px}.gids-activity-gauge--size-xs{width:220px;height:220px}.gids-activity-gauge--size-sm{width:260px;height:260px}.gids-activity-gauge--size-md{width:300px;height:300px}.gids-activity-gauge--size-lg{width:340px;height:340px}.gids-activity-gauge__chart-stage-container{display:flex;justify-content:center;align-items:center}.gids-activity-gauge__chart-vector{display:block;width:100%;height:100%}.gids-activity-gauge__track-background{fill:none;stroke:var(--gids-color-background-brand-subtlest-default);stroke-linecap:round}.gids-activity-gauge__segment{fill:none;stroke-linecap:round;transition:stroke-dasharray 0.4s ease-out}.gids-activity-gauge__segment.gids-activity-gauge__segment-series-1{stroke:var(--gids-color-icon-subtle)}.gids-activity-gauge__segment.gids-activity-gauge__segment-series-2{stroke:var(--gids-color-icon-warning)}.gids-activity-gauge__segment.gids-activity-gauge__segment-series-3{stroke:var(--gids-color-icon-danger)}.gids-activity-gauge__center-content{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}.gids-activity-gauge__label-xxs{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit)}.gids-activity-gauge__label-xs{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit)}.gids-activity-gauge__label-sm{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit)}.gids-activity-gauge__label-md{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit)}.gids-activity-gauge__label-lg{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit)}.gids-activity-gauge__label-common{color:var(--gids-color-text-subtlest)}.gids-activity-gauge__value-xxs{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit)}.gids-activity-gauge__value-xs{font-family:var(--gids-typography-display-x-small__font-family);font-size:var(--gids-typography-display-x-small__font-size);font-weight:var(--gids-typography-display-x-small__font-weight);letter-spacing:var(--gids-typography-display-x-small__letter-spacing);line-height:var(--gids-typography-display-x-small__line-height);text-transform:var(--gids-typography-display-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-x-small__font-variant-caps, inherit)}.gids-activity-gauge__value-sm{font-family:var(--gids-typography-display-x-small__font-family);font-size:var(--gids-typography-display-x-small__font-size);font-weight:var(--gids-typography-display-x-small__font-weight);letter-spacing:var(--gids-typography-display-x-small__letter-spacing);line-height:var(--gids-typography-display-x-small__line-height);text-transform:var(--gids-typography-display-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-x-small__font-variant-caps, inherit)}.gids-activity-gauge__value-md{font-family:var(--gids-typography-display-small__font-family);font-size:var(--gids-typography-display-small__font-size);font-weight:var(--gids-typography-display-small__font-weight);letter-spacing:var(--gids-typography-display-small__letter-spacing);line-height:var(--gids-typography-display-small__line-height);text-transform:var(--gids-typography-display-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-small__font-variant-caps, inherit)}.gids-activity-gauge__value-lg{font-family:var(--gids-typography-display-small__font-family);font-size:var(--gids-typography-display-small__font-size);font-weight:var(--gids-typography-display-small__font-weight);letter-spacing:var(--gids-typography-display-small__letter-spacing);line-height:var(--gids-typography-display-small__line-height);text-transform:var(--gids-typography-display-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-small__font-variant-caps, inherit)}.gids-activity-gauge__value-common{color:var(--gids-color-text-default)}.gids-activity-gauge__bottom-content{display:flex;justify-content:center;align-items:center;text-align:center}.gids-activity-gauge__no-data{display:flex;align-items:center;justify-content:center;padding:var(--gids-padding-vertical-edge-to-element-300) var(--gids-padding-horizontal-edge-to-element-100);width:100%;height:100%;min-height:200px;color:var(--gids-color-text-subtlest);border:var(--gids-border-width-thin) dashed var(--gids-color-border-default);border-radius:var(--gids-border-radius-md)}"}},[0,"gids-activity-gauge",{breakpoint:[1],chartData:[16],label:[1],size:[1],legend:[1],chartLoaderSize:[1,"chart-loader-size"],chartLoading:[4,"chart-loading"],chartLoadingTitle:[1,"chart-loading-title"],chartLoadingSupportingText:[1,"chart-loading-supporting-text"],width:[32],height:[32]},void 0,{chartData:[{chartDataChanged:0}],legend:[{legendChanged:0}]}]);function d(){"undefined"!=typeof customElements&&["gids-activity-gauge","gids-chart-legend","gids-chart-legend-item"].forEach((a=>{switch(a){case"gids-activity-gauge":customElements.get(t(a))||customElements.define(t(a),o);break;case"gids-chart-legend":customElements.get(t(a))||l();break;case"gids-chart-legend-item":customElements.get(t(a))||r()}}))}d();export{o as G,d}
@@ -0,0 +1,24 @@
1
+ import { type GidsExpansionEvent, GidsExpansionLabelLevel } from '@ganpatiinfo/gids-core-shared';
2
+ import { type GidsExpansionWebProps } from '@ganpatiinfo/gids-web-shared';
3
+ export declare class GidsExpansion implements Omit<GidsExpansionWebProps<never>, 'children'> {
4
+ private hostElement;
5
+ expansionId: string;
6
+ label?: string;
7
+ labelLevel?: GidsExpansionLabelLevel;
8
+ expanded?: boolean;
9
+ disabled?: boolean;
10
+ onExpand?: GidsExpansionEvent;
11
+ hasContent: boolean;
12
+ protected handleDisabledChange(next: boolean): void;
13
+ protected handleExpandedChange(next: boolean): void;
14
+ protected handleLabelLevelChange(next: GidsExpansionLabelLevel): void;
15
+ componentDidLoad(): void;
16
+ private checkSlotContent;
17
+ private handleExpansionClick;
18
+ private isInteractive;
19
+ private isExpanded;
20
+ private isHavingLabelValue;
21
+ private getIconSize;
22
+ private getLabelClass;
23
+ render(): any;
24
+ }
@@ -0,0 +1,24 @@
1
+ import { GidsExpansionBodyListItemCommonProps, type GidsExpansionBodyListItemEvent } from '@ganpatiinfo/gids-core-shared';
2
+ import { type GidsExpansionBodyListWebProps } from '@ganpatiinfo/gids-web-shared';
3
+ export declare class GidsExpansionBodyList implements GidsExpansionBodyListWebProps {
4
+ private hostElement;
5
+ expansionBodyListItems?: GidsExpansionBodyListItemCommonProps[];
6
+ onExpansionBodyListSubtitlePress?: GidsExpansionBodyListItemEvent;
7
+ onExpansionBodyListSupportingTextPress?: GidsExpansionBodyListItemEvent;
8
+ private hasExpansionBodyListSubtitleItemListener;
9
+ private hasExpansionBodyListSupportingTextItemListener;
10
+ protected handleExpansionBodyListItemsChange(next: GidsExpansionBodyListItemCommonProps[]): void;
11
+ connectedCallback(): void;
12
+ disconnectedCallback(): void;
13
+ private handleExpansionBodyListSubtitleClick;
14
+ private handleExpansionBodyListSupportingTextClick;
15
+ private applyExpansionBodyListSubtitleSelection;
16
+ private applyExpansionBodyListSupportingTextSelection;
17
+ private handleExpansionBodyListSubtitleSelect;
18
+ private handleExpansionBodyListSupportingTextSelect;
19
+ private attachExpansionBodyListSubtitleItemListener;
20
+ private attachExpansionBodyListSupportingTextItemListener;
21
+ private detachExpansionBodyListSubtitleItemListener;
22
+ private detachExpansionBodyListSupportingTextItemListener;
23
+ render(): any;
24
+ }
@@ -0,0 +1,38 @@
1
+ import { GidsDisplayTagColor, GidsTagAppearance, GidsTagSize, type GidsExpansionBodyListItemEvent } from '@ganpatiinfo/gids-core-shared';
2
+ import { type GidsExpansionBodyListItemWebProps } from '@ganpatiinfo/gids-web-shared';
3
+ export declare class GidsExpansionBodyListItem implements GidsExpansionBodyListItemWebProps {
4
+ private hostElement;
5
+ listItemId: string;
6
+ label?: string;
7
+ subtitle?: string;
8
+ supportingText?: string;
9
+ displayTagVisible?: boolean;
10
+ displayTagColor?: GidsDisplayTagColor;
11
+ displayTagSize?: GidsTagSize;
12
+ displayTagAppearance?: GidsTagAppearance;
13
+ displayTagLabel?: string;
14
+ onSubtitlePress?: GidsExpansionBodyListItemEvent;
15
+ onSupportingTextPress?: GidsExpansionBodyListItemEvent;
16
+ private hasSubtitleItemListener;
17
+ private hasSupportingTextItemListener;
18
+ protected handleDisplayTagVisibilityChange(next: boolean): void;
19
+ protected handleDisplayTagColorChange(next: GidsDisplayTagColor): void;
20
+ protected handleDisplayTagSizeChange(next: GidsTagSize): void;
21
+ protected handleDisplayTagAppearanceChange(next: GidsTagAppearance): void;
22
+ connectedCallback(): void;
23
+ disconnectedCallback(): void;
24
+ private handleSubtitleClick;
25
+ private handleSupportingTextClick;
26
+ private applySubtitleSelection;
27
+ private applySupportingTextSelection;
28
+ private attachSubtitleItemListener;
29
+ private attachSupportingTextItemListener;
30
+ private detachSubtitleItemListener;
31
+ private detachSupportingTextItemListener;
32
+ private isValidLabel;
33
+ private isValidSubtitle;
34
+ private isValidSupportingText;
35
+ private isDisplayTagVisible;
36
+ private convertTextToUppercase;
37
+ render(): any;
38
+ }
@@ -0,0 +1,4 @@
1
+ import { type GidsExpansionGroupWebProps } from '@ganpatiinfo/gids-web-shared';
2
+ export declare class GidsExpansionGroup implements Omit<GidsExpansionGroupWebProps<never>, 'children'> {
3
+ render(): any;
4
+ }
@@ -0,0 +1,17 @@
1
+ import { type GidsTabWebProps } from '@ganpatiinfo/gids-web-shared';
2
+ import { GidsTabItemAppearance, GidsTabItemPressEvent, GidsTabItemWidth } from '@ganpatiinfo/gids-core-shared';
3
+ export declare class GidsTab implements Omit<GidsTabWebProps<never>, 'children'> {
4
+ private hostElement;
5
+ width?: GidsTabItemWidth;
6
+ appearance?: GidsTabItemAppearance;
7
+ activeTabId?: string;
8
+ onPressGidsTab?: GidsTabItemPressEvent;
9
+ protected handleWidthChange(next: GidsTabItemWidth): void;
10
+ protected handleAppearanceChange(next: GidsTabItemAppearance): void;
11
+ protected handleActiveTabIdChange(next: string): void;
12
+ componentDidLoad(): void;
13
+ componentDidUpdate(): void;
14
+ private syncPropsToChildren;
15
+ private isTabActive;
16
+ render(): any;
17
+ }
@@ -0,0 +1,29 @@
1
+ import { type GidsTabItemWebProps } from '@ganpatiinfo/gids-web-shared';
2
+ import { GidsBadgeAppearance, GidsBadgeType, GidsTabItemAppearance, GidsTabItemPressEventDetail, GidsTabItemWidth } from '@ganpatiinfo/gids-core-shared';
3
+ export declare class GidsTabItem implements Omit<GidsTabItemWebProps<never>, 'leadingIcon' | 'trailingIcon'> {
4
+ private hostElement;
5
+ itemId: string;
6
+ label?: string;
7
+ active?: boolean;
8
+ name?: string;
9
+ width?: GidsTabItemWidth;
10
+ appearance?: GidsTabItemAppearance;
11
+ badgeVisible?: boolean;
12
+ badgeAppearance?: GidsBadgeAppearance;
13
+ badgeCount?: number;
14
+ badgeType?: GidsBadgeType;
15
+ onPressGidsTabItem?: (detail: GidsTabItemPressEventDetail) => void;
16
+ private hasLeadingIcon;
17
+ private hasTrailingIcon;
18
+ protected handleWidthChange(next: GidsTabItemWidth): void;
19
+ protected handleAppearanceChange(next: GidsTabItemAppearance): void;
20
+ protected handleBadgeVisibilityChange(next: boolean): void;
21
+ protected handleBadgeAppearanceChange(next: GidsBadgeAppearance): void;
22
+ protected handleBadgeTypeChange(next: GidsBadgeType): void;
23
+ protected handleActiveChange(next: boolean): void;
24
+ componentWillLoad(): void;
25
+ componentWillUpdate(): void;
26
+ private checkSlots;
27
+ private handleHostClick;
28
+ render(): any;
29
+ }
@@ -5,7 +5,7 @@
5
5
  * It contains typing information for all components that exist in this project.
6
6
  */
7
7
  import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
8
- import { GidsActionBarAllFilters, GidsActionBarFilterSelectEventDetail, GidsActionBarFilterToggleEventDetail, GidsActionBarMoreFilters, GidsActionBarPrimaryFilters, GidsActionBarSecondaryFilters, GidsActivityGaugeCommonProps, GidsActivityGaugeData, GidsActivityGaugeLegendPosition, GidsActivityGaugeSize, GidsBarChartCommonProps, GidsBarChartData, GidsBarChartLegendPosition, GidsButtonAppearance, GidsButtonSize, GidsButtonWidth, GidsCalendarDateSelectionEventDetails, GidsCalendarHeaderPanelActionsEventDetail, GidsCalendarHeaderPanelItemSelectEventDetail, GidsCalendarMonthListItemSelectEventDetail, GidsCalendarWidth, GidsCalendarYearListItemSelectEventDetail, GidsChartBreakpoint, GidsChartLegendItemOrientation, GidsChartLegendItemSeriesType, GidsChartType, GidsComponentPosition, GidsDotAppearance, GidsDotSize, GidsDropdownChangeEventDetail, GidsDropdownPickerChangeEventDetail, GidsFilterItemType, GidsFilterPickerChangeEventDetail, GidsFilterToggleEventDetail, GidsFilterType, GidsFloatingElementPlacement, GidsInputAppearance, GidsLabelFieldRequirement, GidsLabelFieldRequirementTextFn, GidsLevelGaugeColor, GidsLevelGaugeCommonProps, GidsLevelGaugeSize, GidsLineChartCommonProps, GidsLineChartData, GidsLineChartLegendPosition, GidsMenuGroupType, GidsNotificationPronunciation, GidsOverflowContainerShadowLocation, GidsPieChartCommonProps, GidsPieChartData, GidsProgressCircleCommonProps, GidsRequirementsProps, GidsSnackbarContainerAppearance, GidsSpinnerSize, GidsToggleButtonAppearance, IsLabelSentenceFn } from "@ganpatiinfo/gids-core-shared";
8
+ import { GidsActionBarAllFilters, GidsActionBarFilterSelectEventDetail, GidsActionBarFilterToggleEventDetail, GidsActionBarMoreFilters, GidsActionBarPrimaryFilters, GidsActionBarSecondaryFilters, GidsActivityGaugeCommonProps, GidsActivityGaugeData, GidsActivityGaugeLegendPosition, GidsActivityGaugeSize, GidsBadgeAppearance, GidsBadgeType, GidsBarChartCommonProps, GidsBarChartData, GidsBarChartLegendPosition, GidsButtonAppearance, GidsButtonSize, GidsButtonWidth, GidsCalendarDateSelectionEventDetails, GidsCalendarHeaderPanelActionsEventDetail, GidsCalendarHeaderPanelItemSelectEventDetail, GidsCalendarMonthListItemSelectEventDetail, GidsCalendarWidth, GidsCalendarYearListItemSelectEventDetail, GidsChartBreakpoint, GidsChartLegendItemOrientation, GidsChartLegendItemSeriesType, GidsChartType, GidsComponentPosition, GidsDisplayTagColor, GidsDotAppearance, GidsDotSize, GidsDropdownChangeEventDetail, GidsDropdownPickerChangeEventDetail, GidsExpansionBodyListItemCommonProps, GidsExpansionBodyListItemEvent, GidsExpansionEvent, GidsExpansionLabelLevel, GidsFilterItemType, GidsFilterPickerChangeEventDetail, GidsFilterToggleEventDetail, GidsFilterType, GidsFloatingElementPlacement, GidsInputAppearance, GidsLabelFieldRequirement, GidsLabelFieldRequirementTextFn, GidsLevelGaugeColor, GidsLevelGaugeCommonProps, GidsLevelGaugeSize, GidsLineChartCommonProps, GidsLineChartData, GidsLineChartLegendPosition, GidsMenuGroupType, GidsNotificationPronunciation, GidsOverflowContainerShadowLocation, GidsPieChartCommonProps, GidsPieChartData, GidsProgressCircleCommonProps, GidsRequirementsProps, GidsSnackbarContainerAppearance, GidsSpinnerSize, GidsTabItemAppearance, GidsTabItemPressEvent, GidsTabItemPressEventDetail, GidsTabItemWidth, GidsTagAppearance, GidsTagSize, GidsToggleButtonAppearance, IsLabelSentenceFn } from "@ganpatiinfo/gids-core-shared";
9
9
  import { NativeInputForwardedProps } from "./components/webComponents/GidsDropdown/GidsDropdown";
10
10
  import { GidsComponentButtonClickHandler, GidsDropdownFieldWebProps, GidsIconWebProps, GidsInputWebStatus, GidsWebFieldStatus, RemovedGidsOverlayProviderNotificationQueueWebProps, RemovedGidsOverlayProviderSnackbarQueueWebProps, RemoveGidsInputProps, RemoveGidsPasswordFieldProps, RemoveGidsTextFieldProps, TextInputTypes } from "@ganpatiinfo/gids-web-shared";
11
11
  import { NativeInputForwardedProps as NativeInputForwardedProps1 } from "./components/webComponents/GidsDropdownField/GidsDropdownField";
@@ -13,7 +13,7 @@ import { IconAppearance, IconName } from "@ganpatiinfo/gids-web-theme-interface"
13
13
  import { JSXBase } from "./stencil-public-runtime";
14
14
  import { GidsPieChartSize } from "./components/webComponents/GidsPieChart/GidsPieChart";
15
15
  import { GidsProgressCircleShape, GidsProgressCircleSize } from "./components/webComponents/GidsProgressCircle/GidsProgressCircle";
16
- export { GidsActionBarAllFilters, GidsActionBarFilterSelectEventDetail, GidsActionBarFilterToggleEventDetail, GidsActionBarMoreFilters, GidsActionBarPrimaryFilters, GidsActionBarSecondaryFilters, GidsActivityGaugeCommonProps, GidsActivityGaugeData, GidsActivityGaugeLegendPosition, GidsActivityGaugeSize, GidsBarChartCommonProps, GidsBarChartData, GidsBarChartLegendPosition, GidsButtonAppearance, GidsButtonSize, GidsButtonWidth, GidsCalendarDateSelectionEventDetails, GidsCalendarHeaderPanelActionsEventDetail, GidsCalendarHeaderPanelItemSelectEventDetail, GidsCalendarMonthListItemSelectEventDetail, GidsCalendarWidth, GidsCalendarYearListItemSelectEventDetail, GidsChartBreakpoint, GidsChartLegendItemOrientation, GidsChartLegendItemSeriesType, GidsChartType, GidsComponentPosition, GidsDotAppearance, GidsDotSize, GidsDropdownChangeEventDetail, GidsDropdownPickerChangeEventDetail, GidsFilterItemType, GidsFilterPickerChangeEventDetail, GidsFilterToggleEventDetail, GidsFilterType, GidsFloatingElementPlacement, GidsInputAppearance, GidsLabelFieldRequirement, GidsLabelFieldRequirementTextFn, GidsLevelGaugeColor, GidsLevelGaugeCommonProps, GidsLevelGaugeSize, GidsLineChartCommonProps, GidsLineChartData, GidsLineChartLegendPosition, GidsMenuGroupType, GidsNotificationPronunciation, GidsOverflowContainerShadowLocation, GidsPieChartCommonProps, GidsPieChartData, GidsProgressCircleCommonProps, GidsRequirementsProps, GidsSnackbarContainerAppearance, GidsSpinnerSize, GidsToggleButtonAppearance, IsLabelSentenceFn } from "@ganpatiinfo/gids-core-shared";
16
+ export { GidsActionBarAllFilters, GidsActionBarFilterSelectEventDetail, GidsActionBarFilterToggleEventDetail, GidsActionBarMoreFilters, GidsActionBarPrimaryFilters, GidsActionBarSecondaryFilters, GidsActivityGaugeCommonProps, GidsActivityGaugeData, GidsActivityGaugeLegendPosition, GidsActivityGaugeSize, GidsBadgeAppearance, GidsBadgeType, GidsBarChartCommonProps, GidsBarChartData, GidsBarChartLegendPosition, GidsButtonAppearance, GidsButtonSize, GidsButtonWidth, GidsCalendarDateSelectionEventDetails, GidsCalendarHeaderPanelActionsEventDetail, GidsCalendarHeaderPanelItemSelectEventDetail, GidsCalendarMonthListItemSelectEventDetail, GidsCalendarWidth, GidsCalendarYearListItemSelectEventDetail, GidsChartBreakpoint, GidsChartLegendItemOrientation, GidsChartLegendItemSeriesType, GidsChartType, GidsComponentPosition, GidsDisplayTagColor, GidsDotAppearance, GidsDotSize, GidsDropdownChangeEventDetail, GidsDropdownPickerChangeEventDetail, GidsExpansionBodyListItemCommonProps, GidsExpansionBodyListItemEvent, GidsExpansionEvent, GidsExpansionLabelLevel, GidsFilterItemType, GidsFilterPickerChangeEventDetail, GidsFilterToggleEventDetail, GidsFilterType, GidsFloatingElementPlacement, GidsInputAppearance, GidsLabelFieldRequirement, GidsLabelFieldRequirementTextFn, GidsLevelGaugeColor, GidsLevelGaugeCommonProps, GidsLevelGaugeSize, GidsLineChartCommonProps, GidsLineChartData, GidsLineChartLegendPosition, GidsMenuGroupType, GidsNotificationPronunciation, GidsOverflowContainerShadowLocation, GidsPieChartCommonProps, GidsPieChartData, GidsProgressCircleCommonProps, GidsRequirementsProps, GidsSnackbarContainerAppearance, GidsSpinnerSize, GidsTabItemAppearance, GidsTabItemPressEvent, GidsTabItemPressEventDetail, GidsTabItemWidth, GidsTagAppearance, GidsTagSize, GidsToggleButtonAppearance, IsLabelSentenceFn } from "@ganpatiinfo/gids-core-shared";
17
17
  export { NativeInputForwardedProps } from "./components/webComponents/GidsDropdown/GidsDropdown";
18
18
  export { GidsComponentButtonClickHandler, GidsDropdownFieldWebProps, GidsIconWebProps, GidsInputWebStatus, GidsWebFieldStatus, RemovedGidsOverlayProviderNotificationQueueWebProps, RemovedGidsOverlayProviderSnackbarQueueWebProps, RemoveGidsInputProps, RemoveGidsPasswordFieldProps, RemoveGidsTextFieldProps, TextInputTypes } from "@ganpatiinfo/gids-web-shared";
19
19
  export { NativeInputForwardedProps as NativeInputForwardedProps1 } from "./components/webComponents/GidsDropdownField/GidsDropdownField";
@@ -422,6 +422,52 @@ export namespace Components {
422
422
  "size"?: GidsButtonSize;
423
423
  "value"?: string;
424
424
  }
425
+ interface GidsExpansion {
426
+ "disabled"?: boolean;
427
+ "expanded"?: boolean;
428
+ "expansionId": string;
429
+ "label"?: string;
430
+ /**
431
+ * @default 'h1'
432
+ */
433
+ "labelLevel"?: GidsExpansionLabelLevel;
434
+ "onExpand"?: GidsExpansionEvent;
435
+ }
436
+ interface GidsExpansionBodyList {
437
+ /**
438
+ * @default []
439
+ */
440
+ "expansionBodyListItems"?: GidsExpansionBodyListItemCommonProps[];
441
+ "onExpansionBodyListSubtitlePress"?: GidsExpansionBodyListItemEvent;
442
+ "onExpansionBodyListSupportingTextPress"?: GidsExpansionBodyListItemEvent;
443
+ }
444
+ interface GidsExpansionBodyListItem {
445
+ /**
446
+ * @default 'subtle'
447
+ */
448
+ "displayTagAppearance"?: GidsTagAppearance;
449
+ /**
450
+ * @default 'accent-5'
451
+ */
452
+ "displayTagColor"?: GidsDisplayTagColor;
453
+ "displayTagLabel"?: string;
454
+ /**
455
+ * @default 'xs'
456
+ */
457
+ "displayTagSize"?: GidsTagSize;
458
+ /**
459
+ * @default false
460
+ */
461
+ "displayTagVisible"?: boolean;
462
+ "label"?: string;
463
+ "listItemId": string;
464
+ "onSubtitlePress"?: GidsExpansionBodyListItemEvent;
465
+ "onSupportingTextPress"?: GidsExpansionBodyListItemEvent;
466
+ "subtitle"?: string;
467
+ "supportingText"?: string;
468
+ }
469
+ interface GidsExpansionGroup {
470
+ }
425
471
  interface GidsField {
426
472
  "count"?: string;
427
473
  "disabled"?: boolean;
@@ -719,6 +765,49 @@ export namespace Components {
719
765
  "show"?: boolean;
720
766
  "timerInMs"?: number | undefined;
721
767
  }
768
+ interface GidsTab {
769
+ "activeTabId"?: string;
770
+ /**
771
+ * @default 'default'
772
+ */
773
+ "appearance"?: GidsTabItemAppearance;
774
+ "onPressGidsTab"?: GidsTabItemPressEvent;
775
+ /**
776
+ * @default 'intrinsic'
777
+ */
778
+ "width"?: GidsTabItemWidth;
779
+ }
780
+ interface GidsTabItem {
781
+ /**
782
+ * @default false
783
+ */
784
+ "active"?: boolean;
785
+ /**
786
+ * @default 'default'
787
+ */
788
+ "appearance"?: GidsTabItemAppearance;
789
+ /**
790
+ * @default 'information'
791
+ */
792
+ "badgeAppearance"?: GidsBadgeAppearance;
793
+ "badgeCount"?: number;
794
+ /**
795
+ * @default 'dot'
796
+ */
797
+ "badgeType"?: GidsBadgeType;
798
+ /**
799
+ * @default false
800
+ */
801
+ "badgeVisible"?: boolean;
802
+ "itemId": string;
803
+ "label"?: string;
804
+ "name"?: string;
805
+ "onPressGidsTabItem"?: (detail: GidsTabItemPressEventDetail) => void;
806
+ /**
807
+ * @default 'intrinsic'
808
+ */
809
+ "width"?: GidsTabItemWidth;
810
+ }
722
811
  interface GidsTextField {
723
812
  "appearance"?: GidsInputAppearance;
724
813
  "defaultValue"?: string;
@@ -912,6 +1001,30 @@ declare global {
912
1001
  prototype: HTMLGidsDropdownPickerElement;
913
1002
  new (): HTMLGidsDropdownPickerElement;
914
1003
  };
1004
+ interface HTMLGidsExpansionElement extends Components.GidsExpansion, HTMLStencilElement {
1005
+ }
1006
+ var HTMLGidsExpansionElement: {
1007
+ prototype: HTMLGidsExpansionElement;
1008
+ new (): HTMLGidsExpansionElement;
1009
+ };
1010
+ interface HTMLGidsExpansionBodyListElement extends Components.GidsExpansionBodyList, HTMLStencilElement {
1011
+ }
1012
+ var HTMLGidsExpansionBodyListElement: {
1013
+ prototype: HTMLGidsExpansionBodyListElement;
1014
+ new (): HTMLGidsExpansionBodyListElement;
1015
+ };
1016
+ interface HTMLGidsExpansionBodyListItemElement extends Components.GidsExpansionBodyListItem, HTMLStencilElement {
1017
+ }
1018
+ var HTMLGidsExpansionBodyListItemElement: {
1019
+ prototype: HTMLGidsExpansionBodyListItemElement;
1020
+ new (): HTMLGidsExpansionBodyListItemElement;
1021
+ };
1022
+ interface HTMLGidsExpansionGroupElement extends Components.GidsExpansionGroup, HTMLStencilElement {
1023
+ }
1024
+ var HTMLGidsExpansionGroupElement: {
1025
+ prototype: HTMLGidsExpansionGroupElement;
1026
+ new (): HTMLGidsExpansionGroupElement;
1027
+ };
915
1028
  interface HTMLGidsFieldElement extends Components.GidsField, HTMLStencilElement {
916
1029
  }
917
1030
  var HTMLGidsFieldElement: {
@@ -1014,6 +1127,18 @@ declare global {
1014
1127
  prototype: HTMLGidsSnackbarElement;
1015
1128
  new (): HTMLGidsSnackbarElement;
1016
1129
  };
1130
+ interface HTMLGidsTabElement extends Components.GidsTab, HTMLStencilElement {
1131
+ }
1132
+ var HTMLGidsTabElement: {
1133
+ prototype: HTMLGidsTabElement;
1134
+ new (): HTMLGidsTabElement;
1135
+ };
1136
+ interface HTMLGidsTabItemElement extends Components.GidsTabItem, HTMLStencilElement {
1137
+ }
1138
+ var HTMLGidsTabItemElement: {
1139
+ prototype: HTMLGidsTabItemElement;
1140
+ new (): HTMLGidsTabItemElement;
1141
+ };
1017
1142
  interface HTMLGidsTextFieldElementEventMap {
1018
1143
  "gidsTextFieldClear": void;
1019
1144
  }
@@ -1070,6 +1195,10 @@ declare global {
1070
1195
  "gids-dropdown": HTMLGidsDropdownElement;
1071
1196
  "gids-dropdown-field": HTMLGidsDropdownFieldElement;
1072
1197
  "gids-dropdown-picker": HTMLGidsDropdownPickerElement;
1198
+ "gids-expansion": HTMLGidsExpansionElement;
1199
+ "gids-expansion-body-list": HTMLGidsExpansionBodyListElement;
1200
+ "gids-expansion-body-list-item": HTMLGidsExpansionBodyListItemElement;
1201
+ "gids-expansion-group": HTMLGidsExpansionGroupElement;
1073
1202
  "gids-field": HTMLGidsFieldElement;
1074
1203
  "gids-filter": HTMLGidsFilterElement;
1075
1204
  "gids-icon": HTMLGidsIconElement;
@@ -1085,6 +1214,8 @@ declare global {
1085
1214
  "gids-progress-circle": HTMLGidsProgressCircleElement;
1086
1215
  "gids-scrim": HTMLGidsScrimElement;
1087
1216
  "gids-snackbar": HTMLGidsSnackbarElement;
1217
+ "gids-tab": HTMLGidsTabElement;
1218
+ "gids-tab-item": HTMLGidsTabItemElement;
1088
1219
  "gids-text-field": HTMLGidsTextFieldElement;
1089
1220
  "gids-toggle-button": HTMLGidsToggleButtonElement;
1090
1221
  "gids-tooltip": HTMLGidsTooltipElement;
@@ -1492,6 +1623,52 @@ declare namespace LocalJSX {
1492
1623
  "size"?: GidsButtonSize;
1493
1624
  "value"?: string;
1494
1625
  }
1626
+ interface GidsExpansion {
1627
+ "disabled"?: boolean;
1628
+ "expanded"?: boolean;
1629
+ "expansionId"?: string;
1630
+ "label"?: string;
1631
+ /**
1632
+ * @default 'h1'
1633
+ */
1634
+ "labelLevel"?: GidsExpansionLabelLevel;
1635
+ "onExpand"?: GidsExpansionEvent;
1636
+ }
1637
+ interface GidsExpansionBodyList {
1638
+ /**
1639
+ * @default []
1640
+ */
1641
+ "expansionBodyListItems"?: GidsExpansionBodyListItemCommonProps[];
1642
+ "onExpansionBodyListSubtitlePress"?: GidsExpansionBodyListItemEvent;
1643
+ "onExpansionBodyListSupportingTextPress"?: GidsExpansionBodyListItemEvent;
1644
+ }
1645
+ interface GidsExpansionBodyListItem {
1646
+ /**
1647
+ * @default 'subtle'
1648
+ */
1649
+ "displayTagAppearance"?: GidsTagAppearance;
1650
+ /**
1651
+ * @default 'accent-5'
1652
+ */
1653
+ "displayTagColor"?: GidsDisplayTagColor;
1654
+ "displayTagLabel"?: string;
1655
+ /**
1656
+ * @default 'xs'
1657
+ */
1658
+ "displayTagSize"?: GidsTagSize;
1659
+ /**
1660
+ * @default false
1661
+ */
1662
+ "displayTagVisible"?: boolean;
1663
+ "label"?: string;
1664
+ "listItemId"?: string;
1665
+ "onSubtitlePress"?: GidsExpansionBodyListItemEvent;
1666
+ "onSupportingTextPress"?: GidsExpansionBodyListItemEvent;
1667
+ "subtitle"?: string;
1668
+ "supportingText"?: string;
1669
+ }
1670
+ interface GidsExpansionGroup {
1671
+ }
1495
1672
  interface GidsField {
1496
1673
  "count"?: string;
1497
1674
  "disabled"?: boolean;
@@ -1789,6 +1966,49 @@ declare namespace LocalJSX {
1789
1966
  "show"?: boolean;
1790
1967
  "timerInMs"?: number | undefined;
1791
1968
  }
1969
+ interface GidsTab {
1970
+ "activeTabId"?: string;
1971
+ /**
1972
+ * @default 'default'
1973
+ */
1974
+ "appearance"?: GidsTabItemAppearance;
1975
+ "onPressGidsTab"?: GidsTabItemPressEvent;
1976
+ /**
1977
+ * @default 'intrinsic'
1978
+ */
1979
+ "width"?: GidsTabItemWidth;
1980
+ }
1981
+ interface GidsTabItem {
1982
+ /**
1983
+ * @default false
1984
+ */
1985
+ "active"?: boolean;
1986
+ /**
1987
+ * @default 'default'
1988
+ */
1989
+ "appearance"?: GidsTabItemAppearance;
1990
+ /**
1991
+ * @default 'information'
1992
+ */
1993
+ "badgeAppearance"?: GidsBadgeAppearance;
1994
+ "badgeCount"?: number;
1995
+ /**
1996
+ * @default 'dot'
1997
+ */
1998
+ "badgeType"?: GidsBadgeType;
1999
+ /**
2000
+ * @default false
2001
+ */
2002
+ "badgeVisible"?: boolean;
2003
+ "itemId"?: string;
2004
+ "label"?: string;
2005
+ "name"?: string;
2006
+ "onPressGidsTabItem"?: (detail: GidsTabItemPressEventDetail) => void;
2007
+ /**
2008
+ * @default 'intrinsic'
2009
+ */
2010
+ "width"?: GidsTabItemWidth;
2011
+ }
1792
2012
  interface GidsTextField {
1793
2013
  "appearance"?: GidsInputAppearance;
1794
2014
  "defaultValue"?: string;
@@ -1999,6 +2219,24 @@ declare namespace LocalJSX {
1999
2219
  "value": string;
2000
2220
  "name": string;
2001
2221
  }
2222
+ interface GidsExpansionAttributes {
2223
+ "expansionId": string;
2224
+ "label": string;
2225
+ "labelLevel": GidsExpansionLabelLevel;
2226
+ "expanded": boolean;
2227
+ "disabled": boolean;
2228
+ }
2229
+ interface GidsExpansionBodyListItemAttributes {
2230
+ "listItemId": string;
2231
+ "label": string;
2232
+ "subtitle": string;
2233
+ "supportingText": string;
2234
+ "displayTagVisible": boolean;
2235
+ "displayTagColor": GidsDisplayTagColor;
2236
+ "displayTagSize": GidsTagSize;
2237
+ "displayTagAppearance": GidsTagAppearance;
2238
+ "displayTagLabel": string;
2239
+ }
2002
2240
  interface GidsFieldAttributes {
2003
2241
  "disabled": boolean;
2004
2242
  "count": string;
@@ -2131,6 +2369,23 @@ declare namespace LocalJSX {
2131
2369
  "position": GidsComponentPosition;
2132
2370
  "timerInMs": number | undefined;
2133
2371
  }
2372
+ interface GidsTabAttributes {
2373
+ "width": GidsTabItemWidth;
2374
+ "appearance": GidsTabItemAppearance;
2375
+ "activeTabId": string;
2376
+ }
2377
+ interface GidsTabItemAttributes {
2378
+ "itemId": string;
2379
+ "label": string;
2380
+ "active": boolean;
2381
+ "name": string;
2382
+ "width": GidsTabItemWidth;
2383
+ "appearance": GidsTabItemAppearance;
2384
+ "badgeVisible": boolean;
2385
+ "badgeAppearance": GidsBadgeAppearance;
2386
+ "badgeCount": number;
2387
+ "badgeType": GidsBadgeType;
2388
+ }
2134
2389
  interface GidsTextFieldAttributes {
2135
2390
  "label": string;
2136
2391
  "showClearButton": boolean;
@@ -2185,6 +2440,10 @@ declare namespace LocalJSX {
2185
2440
  "gids-dropdown": Omit<GidsDropdown, keyof GidsDropdownAttributes> & { [K in keyof GidsDropdown & keyof GidsDropdownAttributes]?: GidsDropdown[K] } & { [K in keyof GidsDropdown & keyof GidsDropdownAttributes as `attr:${K}`]?: GidsDropdownAttributes[K] } & { [K in keyof GidsDropdown & keyof GidsDropdownAttributes as `prop:${K}`]?: GidsDropdown[K] };
2186
2441
  "gids-dropdown-field": Omit<GidsDropdownField, keyof GidsDropdownFieldAttributes> & { [K in keyof GidsDropdownField & keyof GidsDropdownFieldAttributes]?: GidsDropdownField[K] } & { [K in keyof GidsDropdownField & keyof GidsDropdownFieldAttributes as `attr:${K}`]?: GidsDropdownFieldAttributes[K] } & { [K in keyof GidsDropdownField & keyof GidsDropdownFieldAttributes as `prop:${K}`]?: GidsDropdownField[K] };
2187
2442
  "gids-dropdown-picker": Omit<GidsDropdownPicker, keyof GidsDropdownPickerAttributes> & { [K in keyof GidsDropdownPicker & keyof GidsDropdownPickerAttributes]?: GidsDropdownPicker[K] } & { [K in keyof GidsDropdownPicker & keyof GidsDropdownPickerAttributes as `attr:${K}`]?: GidsDropdownPickerAttributes[K] } & { [K in keyof GidsDropdownPicker & keyof GidsDropdownPickerAttributes as `prop:${K}`]?: GidsDropdownPicker[K] };
2443
+ "gids-expansion": Omit<GidsExpansion, keyof GidsExpansionAttributes> & { [K in keyof GidsExpansion & keyof GidsExpansionAttributes]?: GidsExpansion[K] } & { [K in keyof GidsExpansion & keyof GidsExpansionAttributes as `attr:${K}`]?: GidsExpansionAttributes[K] } & { [K in keyof GidsExpansion & keyof GidsExpansionAttributes as `prop:${K}`]?: GidsExpansion[K] };
2444
+ "gids-expansion-body-list": GidsExpansionBodyList;
2445
+ "gids-expansion-body-list-item": Omit<GidsExpansionBodyListItem, keyof GidsExpansionBodyListItemAttributes> & { [K in keyof GidsExpansionBodyListItem & keyof GidsExpansionBodyListItemAttributes]?: GidsExpansionBodyListItem[K] } & { [K in keyof GidsExpansionBodyListItem & keyof GidsExpansionBodyListItemAttributes as `attr:${K}`]?: GidsExpansionBodyListItemAttributes[K] } & { [K in keyof GidsExpansionBodyListItem & keyof GidsExpansionBodyListItemAttributes as `prop:${K}`]?: GidsExpansionBodyListItem[K] };
2446
+ "gids-expansion-group": GidsExpansionGroup;
2188
2447
  "gids-field": Omit<GidsField, keyof GidsFieldAttributes> & { [K in keyof GidsField & keyof GidsFieldAttributes]?: GidsField[K] } & { [K in keyof GidsField & keyof GidsFieldAttributes as `attr:${K}`]?: GidsFieldAttributes[K] } & { [K in keyof GidsField & keyof GidsFieldAttributes as `prop:${K}`]?: GidsField[K] };
2189
2448
  "gids-filter": Omit<GidsFilter, keyof GidsFilterAttributes> & { [K in keyof GidsFilter & keyof GidsFilterAttributes]?: GidsFilter[K] } & { [K in keyof GidsFilter & keyof GidsFilterAttributes as `attr:${K}`]?: GidsFilterAttributes[K] } & { [K in keyof GidsFilter & keyof GidsFilterAttributes as `prop:${K}`]?: GidsFilter[K] };
2190
2449
  "gids-icon": Omit<GidsIcon, keyof GidsIconAttributes> & { [K in keyof GidsIcon & keyof GidsIconAttributes]?: GidsIcon[K] } & { [K in keyof GidsIcon & keyof GidsIconAttributes as `attr:${K}`]?: GidsIconAttributes[K] } & { [K in keyof GidsIcon & keyof GidsIconAttributes as `prop:${K}`]?: GidsIcon[K] } & OneOf<"name", GidsIcon["name"], GidsIconAttributes["name"]>;
@@ -2200,6 +2459,8 @@ declare namespace LocalJSX {
2200
2459
  "gids-progress-circle": Omit<GidsProgressCircle, keyof GidsProgressCircleAttributes> & { [K in keyof GidsProgressCircle & keyof GidsProgressCircleAttributes]?: GidsProgressCircle[K] } & { [K in keyof GidsProgressCircle & keyof GidsProgressCircleAttributes as `attr:${K}`]?: GidsProgressCircleAttributes[K] } & { [K in keyof GidsProgressCircle & keyof GidsProgressCircleAttributes as `prop:${K}`]?: GidsProgressCircle[K] };
2201
2460
  "gids-scrim": Omit<GidsScrim, keyof GidsScrimAttributes> & { [K in keyof GidsScrim & keyof GidsScrimAttributes]?: GidsScrim[K] } & { [K in keyof GidsScrim & keyof GidsScrimAttributes as `attr:${K}`]?: GidsScrimAttributes[K] } & { [K in keyof GidsScrim & keyof GidsScrimAttributes as `prop:${K}`]?: GidsScrim[K] };
2202
2461
  "gids-snackbar": Omit<GidsSnackbar, keyof GidsSnackbarAttributes> & { [K in keyof GidsSnackbar & keyof GidsSnackbarAttributes]?: GidsSnackbar[K] } & { [K in keyof GidsSnackbar & keyof GidsSnackbarAttributes as `attr:${K}`]?: GidsSnackbarAttributes[K] } & { [K in keyof GidsSnackbar & keyof GidsSnackbarAttributes as `prop:${K}`]?: GidsSnackbar[K] };
2462
+ "gids-tab": Omit<GidsTab, keyof GidsTabAttributes> & { [K in keyof GidsTab & keyof GidsTabAttributes]?: GidsTab[K] } & { [K in keyof GidsTab & keyof GidsTabAttributes as `attr:${K}`]?: GidsTabAttributes[K] } & { [K in keyof GidsTab & keyof GidsTabAttributes as `prop:${K}`]?: GidsTab[K] };
2463
+ "gids-tab-item": Omit<GidsTabItem, keyof GidsTabItemAttributes> & { [K in keyof GidsTabItem & keyof GidsTabItemAttributes]?: GidsTabItem[K] } & { [K in keyof GidsTabItem & keyof GidsTabItemAttributes as `attr:${K}`]?: GidsTabItemAttributes[K] } & { [K in keyof GidsTabItem & keyof GidsTabItemAttributes as `prop:${K}`]?: GidsTabItem[K] };
2203
2464
  "gids-text-field": Omit<GidsTextField, keyof GidsTextFieldAttributes> & { [K in keyof GidsTextField & keyof GidsTextFieldAttributes]?: GidsTextField[K] } & { [K in keyof GidsTextField & keyof GidsTextFieldAttributes as `attr:${K}`]?: GidsTextFieldAttributes[K] } & { [K in keyof GidsTextField & keyof GidsTextFieldAttributes as `prop:${K}`]?: GidsTextField[K] };
2204
2465
  "gids-toggle-button": Omit<GidsToggleButton, keyof GidsToggleButtonAttributes> & { [K in keyof GidsToggleButton & keyof GidsToggleButtonAttributes]?: GidsToggleButton[K] } & { [K in keyof GidsToggleButton & keyof GidsToggleButtonAttributes as `attr:${K}`]?: GidsToggleButtonAttributes[K] } & { [K in keyof GidsToggleButton & keyof GidsToggleButtonAttributes as `prop:${K}`]?: GidsToggleButton[K] };
2205
2466
  "gids-tooltip": Omit<GidsTooltip, keyof GidsTooltipAttributes> & { [K in keyof GidsTooltip & keyof GidsTooltipAttributes]?: GidsTooltip[K] } & { [K in keyof GidsTooltip & keyof GidsTooltipAttributes as `attr:${K}`]?: GidsTooltipAttributes[K] } & { [K in keyof GidsTooltip & keyof GidsTooltipAttributes as `prop:${K}`]?: GidsTooltip[K] };
@@ -2224,6 +2485,10 @@ declare module "@stencil/core" {
2224
2485
  "gids-dropdown": LocalJSX.IntrinsicElements["gids-dropdown"] & JSXBase.HTMLAttributes<HTMLGidsDropdownElement>;
2225
2486
  "gids-dropdown-field": LocalJSX.IntrinsicElements["gids-dropdown-field"] & JSXBase.HTMLAttributes<HTMLGidsDropdownFieldElement>;
2226
2487
  "gids-dropdown-picker": LocalJSX.IntrinsicElements["gids-dropdown-picker"] & JSXBase.HTMLAttributes<HTMLGidsDropdownPickerElement>;
2488
+ "gids-expansion": LocalJSX.IntrinsicElements["gids-expansion"] & JSXBase.HTMLAttributes<HTMLGidsExpansionElement>;
2489
+ "gids-expansion-body-list": LocalJSX.IntrinsicElements["gids-expansion-body-list"] & JSXBase.HTMLAttributes<HTMLGidsExpansionBodyListElement>;
2490
+ "gids-expansion-body-list-item": LocalJSX.IntrinsicElements["gids-expansion-body-list-item"] & JSXBase.HTMLAttributes<HTMLGidsExpansionBodyListItemElement>;
2491
+ "gids-expansion-group": LocalJSX.IntrinsicElements["gids-expansion-group"] & JSXBase.HTMLAttributes<HTMLGidsExpansionGroupElement>;
2227
2492
  "gids-field": LocalJSX.IntrinsicElements["gids-field"] & JSXBase.HTMLAttributes<HTMLGidsFieldElement>;
2228
2493
  "gids-filter": LocalJSX.IntrinsicElements["gids-filter"] & JSXBase.HTMLAttributes<HTMLGidsFilterElement>;
2229
2494
  "gids-icon": LocalJSX.IntrinsicElements["gids-icon"] & JSXBase.HTMLAttributes<HTMLGidsIconElement>;
@@ -2239,6 +2504,8 @@ declare module "@stencil/core" {
2239
2504
  "gids-progress-circle": LocalJSX.IntrinsicElements["gids-progress-circle"] & JSXBase.HTMLAttributes<HTMLGidsProgressCircleElement>;
2240
2505
  "gids-scrim": LocalJSX.IntrinsicElements["gids-scrim"] & JSXBase.HTMLAttributes<HTMLGidsScrimElement>;
2241
2506
  "gids-snackbar": LocalJSX.IntrinsicElements["gids-snackbar"] & JSXBase.HTMLAttributes<HTMLGidsSnackbarElement>;
2507
+ "gids-tab": LocalJSX.IntrinsicElements["gids-tab"] & JSXBase.HTMLAttributes<HTMLGidsTabElement>;
2508
+ "gids-tab-item": LocalJSX.IntrinsicElements["gids-tab-item"] & JSXBase.HTMLAttributes<HTMLGidsTabItemElement>;
2242
2509
  "gids-text-field": LocalJSX.IntrinsicElements["gids-text-field"] & JSXBase.HTMLAttributes<HTMLGidsTextFieldElement>;
2243
2510
  "gids-toggle-button": LocalJSX.IntrinsicElements["gids-toggle-button"] & JSXBase.HTMLAttributes<HTMLGidsToggleButtonElement>;
2244
2511
  "gids-tooltip": LocalJSX.IntrinsicElements["gids-tooltip"] & JSXBase.HTMLAttributes<HTMLGidsTooltipElement>;