@ganpatiinfo/gids-core-web 13.0.0 → 14.0.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 (195) hide show
  1. package/dist/css/index.css +912 -56
  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-advanced-tooltip.d.ts +11 -0
  6. package/dist/gids-advanced-tooltip.js +1 -0
  7. package/dist/gids-bar-chart.js +1 -1
  8. package/dist/gids-calendar-header-panel.js +1 -1
  9. package/dist/gids-calendar-month-list.js +1 -1
  10. package/dist/gids-calendar-year-list.js +1 -1
  11. package/dist/gids-calendar.js +1 -1
  12. package/dist/gids-chart-legend-item.js +1 -1
  13. package/dist/gids-chart-legend.js +1 -1
  14. package/dist/gids-chart.js +1 -1
  15. package/dist/gids-chevron-button.js +1 -1
  16. package/dist/gids-dot.js +1 -1
  17. package/dist/gids-dropdown-field.js +1 -1
  18. package/dist/gids-dropdown-picker.js +1 -1
  19. package/dist/gids-dropdown.js +1 -1
  20. package/dist/gids-expansion-body-list-item.js +1 -1
  21. package/dist/gids-expansion-body-list.js +1 -1
  22. package/dist/gids-expansion-group.js +1 -1
  23. package/dist/gids-expansion.js +1 -1
  24. package/dist/gids-field.js +1 -1
  25. package/dist/gids-filter.js +1 -1
  26. package/dist/gids-icon.js +1 -1
  27. package/dist/gids-input.js +1 -1
  28. package/dist/gids-line-chart.js +1 -1
  29. package/dist/gids-md-table.js +1 -1
  30. package/dist/gids-overflow-container.js +1 -1
  31. package/dist/gids-overlay-provider.js +1 -1
  32. package/dist/gids-password-field.js +1 -1
  33. package/dist/gids-pie-chart.js +1 -1
  34. package/dist/gids-popover.js +1 -1
  35. package/dist/gids-scrim.js +1 -1
  36. package/dist/gids-tab-item.js +1 -1
  37. package/dist/gids-tab.js +1 -1
  38. package/dist/gids-text-field.js +1 -1
  39. package/dist/gids-toggle-button.js +1 -1
  40. package/dist/gids-tooltip.js +1 -1
  41. package/dist/{p-pSb81aE0.js → p-1fMG8D4t.js} +1 -1
  42. package/dist/p-BBszCFSA.js +1 -0
  43. package/dist/p-BKcvOO8o.js +1 -0
  44. package/dist/p-BV0jg2ix.js +1 -0
  45. package/dist/p-BVA1LAFM.js +1 -0
  46. package/dist/p-BYt-9DKT.js +1 -0
  47. package/dist/{p-C3We7Q8Q.js → p-Bab1qxsC.js} +1 -1
  48. package/dist/{p-C3w3wdCt.js → p-Bh8qYmAS.js} +1 -1
  49. package/dist/{p-BSbOhfLZ.js → p-BzzDNTlP.js} +1 -1
  50. package/dist/{p-C2O_pGky.js → p-CU5JIcEp.js} +1 -1
  51. package/dist/{p-Chqeexny.js → p-C_RW9IFo.js} +1 -1
  52. package/dist/{p-ub0GuVHb.js → p-CatvDz2b.js} +1 -1
  53. package/dist/{p-BVAtja26.js → p-CnVmK0dH.js} +1 -1
  54. package/dist/p-D5DRatg0.js +1 -0
  55. package/dist/{p-6APCjBEI.js → p-DAnkY5ik.js} +1 -1
  56. package/dist/p-DMVCMnTe.js +1 -0
  57. package/dist/p-DUUxlY-K.js +1 -0
  58. package/dist/{p-COHuQEfZ.js → p-Dan1sCNk.js} +1 -1
  59. package/dist/{p-BCVFQSjK.js → p-DslOQITw.js} +1 -1
  60. package/dist/{p-DUojHltk.js → p-_HwuS8vK.js} +1 -1
  61. package/dist/{p-4lN1OdcA.js → p-jzl-rPxB.js} +1 -1
  62. package/dist/types/components/html/GidsBasicTableBody/GidsBasicTableBody.d.ts +28 -4
  63. package/dist/types/components/html/GidsBasicTableHead/GidsBasicTableHead.d.ts +15 -0
  64. package/dist/types/components/html/GidsBasicTableHeader/GidsBasicTableHeader.d.ts +22 -3
  65. package/dist/types/components/html/GidsBasicTableRow/GidsBasicTableRow.d.ts +19 -3
  66. package/dist/types/components/html/GidsBsTable/GidsBsTable.d.ts +26 -3
  67. package/dist/types/components/html/GidsColorSwatch/GidsColorSwatch.d.ts +6 -0
  68. package/dist/types/components/html/GidsMatrixTable/GidsMatrixTable.d.ts +11 -0
  69. package/dist/types/components/html/GidsMatrixTableBody/GidsMatrixTableBody.d.ts +11 -0
  70. package/dist/types/components/html/GidsPagination/GidsPagination.d.ts +10 -0
  71. package/dist/types/components/html/GidsPaginator/GidsPaginator.d.ts +6 -0
  72. package/dist/types/components/html/GidsPaginatorItem/GidsPaginatorItem.d.ts +7 -0
  73. package/dist/types/components/html/GidsTable/GidsTable.d.ts +16 -0
  74. package/dist/types/components/html/GidsTableBody/GidsTableBody.d.ts +11 -0
  75. package/dist/types/components/html/GidsTableCell/GidsTableCell.d.ts +21 -0
  76. package/dist/types/components/html/GidsTableEntry/GidsTableEntry.d.ts +9 -0
  77. package/dist/types/components/html/GidsTableFooter/GidsTableFooter.d.ts +12 -0
  78. package/dist/types/components/html/GidsTableFooterControl/GidsTableFooterControl.d.ts +8 -0
  79. package/dist/types/components/html/GidsTableHeader/GidsTableHeader.d.ts +9 -0
  80. package/dist/types/components/html/GidsTableRow/GidsTableRow.d.ts +9 -0
  81. package/dist/types/components/html/GidsTableToolbar/GidsTableToolbar.d.ts +11 -0
  82. package/dist/types/components/html/_GidsPaginationItem/GidsPaginationItem.d.ts +10 -0
  83. package/dist/types/components/webComponents/GidsAdvancedTooltip/GidsAdvancedTooltip.d.ts +28 -0
  84. package/dist/types/components/webComponents/GidsBarChart/GidsBarChart.d.ts +7 -0
  85. package/dist/types/components/webComponents/GidsChartLegendItem/GidsChartLegendItem.d.ts +7 -0
  86. package/dist/types/components/webComponents/GidsLineChart/GidsLineChart.d.ts +7 -0
  87. package/dist/types/components/webComponents/GidsMdTable/GidsMdTable.d.ts +12 -9
  88. package/dist/types/components.d.ts +114 -17
  89. package/dist-bundled/es/gids-action-bar.js +3 -3
  90. package/dist-bundled/es/gids-activity-gauge.js +4 -4
  91. package/dist-bundled/es/gids-advanced-tooltip.js +6 -0
  92. package/dist-bundled/es/gids-bar-chart.js +1 -1
  93. package/dist-bundled/es/gids-calendar-header-panel.js +3 -3
  94. package/dist-bundled/es/gids-calendar-month-list.js +3 -3
  95. package/dist-bundled/es/gids-calendar-year-list.js +4 -4
  96. package/dist-bundled/es/gids-calendar.js +23 -23
  97. package/dist-bundled/es/gids-chart-legend-item.js +4 -4
  98. package/dist-bundled/es/gids-chart-legend.js +4 -4
  99. package/dist-bundled/es/gids-chart.js +38 -34
  100. package/dist-bundled/es/gids-chevron-button.js +7 -7
  101. package/dist-bundled/es/gids-dot.js +1 -1
  102. package/dist-bundled/es/gids-dropdown-field.js +6 -6
  103. package/dist-bundled/es/gids-dropdown-picker.js +2 -2
  104. package/dist-bundled/es/gids-dropdown.js +3 -3
  105. package/dist-bundled/es/gids-expansion-body-list-item.js +3 -3
  106. package/dist-bundled/es/gids-expansion-body-list.js +2 -2
  107. package/dist-bundled/es/gids-expansion-group.js +13 -13
  108. package/dist-bundled/es/gids-expansion.js +6 -6
  109. package/dist-bundled/es/gids-field.js +3 -3
  110. package/dist-bundled/es/gids-filter.js +4 -4
  111. package/dist-bundled/es/gids-icon.js +1 -1
  112. package/dist-bundled/es/gids-input.js +4 -4
  113. package/dist-bundled/es/gids-line-chart.js +1 -1
  114. package/dist-bundled/es/gids-md-table.js +121 -88
  115. package/dist-bundled/es/gids-overflow-container.js +1 -1
  116. package/dist-bundled/es/gids-overlay-provider.js +1 -1
  117. package/dist-bundled/es/gids-password-field.js +9 -9
  118. package/dist-bundled/es/gids-pie-chart.js +4 -4
  119. package/dist-bundled/es/gids-popover.js +2 -2
  120. package/dist-bundled/es/gids-scrim.js +7 -7
  121. package/dist-bundled/es/gids-tab-item.js +1 -1
  122. package/dist-bundled/es/gids-tab.js +1 -1
  123. package/dist-bundled/es/gids-text-field.js +9 -9
  124. package/dist-bundled/es/gids-toggle-button.js +1 -1
  125. package/dist-bundled/es/gids-tooltip.js +2 -2
  126. package/dist-bundled/es/{p-pSb81aE0-WzAszFOQ.js → p-1fMG8D4t-CIEDM74u.js} +2 -2
  127. package/dist-bundled/es/p-BBszCFSA-BN0-eWJX.js +115 -0
  128. package/dist-bundled/es/p-BKcvOO8o-L5KtCP_k.js +1024 -0
  129. package/dist-bundled/es/{p-C3xv7tfs-DHsjc3Ns.js → p-BV0jg2ix-DI0fZl_6.js} +15 -12
  130. package/dist-bundled/es/p-BVA1LAFM-DdsY_n8R.js +129 -0
  131. package/dist-bundled/es/{p-CI-sN9Lr-BvWzRJw-.js → p-BYt-9DKT-DByyhIUd.js} +13 -13
  132. package/dist-bundled/es/{p-C3We7Q8Q-2EoDLj5m.js → p-Bab1qxsC-BMbD0lEy.js} +2 -2
  133. package/dist-bundled/es/{p-C3w3wdCt-BTH-jYlI.js → p-Bh8qYmAS-DhSpwB20.js} +4 -4
  134. package/dist-bundled/es/{p-BSbOhfLZ-BdEHhmFM.js → p-BzzDNTlP-BkSyrafk.js} +8 -8
  135. package/dist-bundled/es/{p-C2O_pGky-CP4PN55D.js → p-CU5JIcEp-CuVpd-eZ.js} +10 -10
  136. package/dist-bundled/es/{p-Chqeexny-BuJ-PhNi.js → p-C_RW9IFo-DNQqJS8t.js} +5 -5
  137. package/dist-bundled/es/{p-ub0GuVHb-C9vrhXyF.js → p-CatvDz2b-C-Hlv2Xb.js} +9 -9
  138. package/dist-bundled/es/{p-BVAtja26-C16IjShX.js → p-CnVmK0dH-CbmnN-RR.js} +6 -6
  139. package/dist-bundled/es/{p-_SIWct9h-jMYFZ-VO.js → p-D5DRatg0-DtQL-DQg.js} +2 -2
  140. package/dist-bundled/es/{p-6APCjBEI-BREg63Xr.js → p-DAnkY5ik-ChPtRpOX.js} +5 -5
  141. package/dist-bundled/es/p-DMVCMnTe-D4eJKJsj.js +111 -0
  142. package/dist-bundled/es/p-DUUxlY-K-mypBhVt6.js +99 -0
  143. package/dist-bundled/es/{p-COHuQEfZ-DcUxD9TI.js → p-Dan1sCNk-mWcyyplK.js} +11 -11
  144. package/dist-bundled/es/{p-BCVFQSjK-CKrYrI4b.js → p-DslOQITw-BfwtLWqG.js} +7 -7
  145. package/dist-bundled/es/{p-DUojHltk-BQ0ryfLD.js → p-_HwuS8vK-C0w4T5rV.js} +2 -2
  146. package/dist-bundled/es/{p-4lN1OdcA-xYP8gbDc.js → p-jzl-rPxB-CC735zJp.js} +7 -7
  147. package/dist-bundled/umd/gids-action-bar.umd.js +2 -2
  148. package/dist-bundled/umd/gids-activity-gauge.umd.js +2 -2
  149. package/dist-bundled/umd/gids-advanced-tooltip.umd.js +5 -0
  150. package/dist-bundled/umd/gids-bar-chart.umd.js +8 -8
  151. package/dist-bundled/umd/gids-calendar-header-panel.umd.js +1 -1
  152. package/dist-bundled/umd/gids-calendar-month-list.umd.js +2 -2
  153. package/dist-bundled/umd/gids-calendar-year-list.umd.js +1 -1
  154. package/dist-bundled/umd/gids-calendar.umd.js +1 -1
  155. package/dist-bundled/umd/gids-chart-legend-item.umd.js +2 -2
  156. package/dist-bundled/umd/gids-chart-legend.umd.js +1 -1
  157. package/dist-bundled/umd/gids-chart.umd.js +5 -5
  158. package/dist-bundled/umd/gids-chevron-button.umd.js +1 -1
  159. package/dist-bundled/umd/gids-dot.umd.js +1 -1
  160. package/dist-bundled/umd/gids-dropdown-field.umd.js +1 -1
  161. package/dist-bundled/umd/gids-dropdown-picker.umd.js +1 -1
  162. package/dist-bundled/umd/gids-dropdown.umd.js +1 -1
  163. package/dist-bundled/umd/gids-expansion-body-list-item.umd.js +1 -1
  164. package/dist-bundled/umd/gids-expansion-body-list.umd.js +1 -1
  165. package/dist-bundled/umd/gids-expansion-group.umd.js +1 -1
  166. package/dist-bundled/umd/gids-expansion.umd.js +1 -1
  167. package/dist-bundled/umd/gids-field.umd.js +1 -1
  168. package/dist-bundled/umd/gids-filter.umd.js +2 -2
  169. package/dist-bundled/umd/gids-icon.umd.js +1 -1
  170. package/dist-bundled/umd/gids-input.umd.js +1 -1
  171. package/dist-bundled/umd/gids-line-chart.umd.js +2 -2
  172. package/dist-bundled/umd/gids-md-table.umd.js +2 -2
  173. package/dist-bundled/umd/gids-overflow-container.umd.js +1 -1
  174. package/dist-bundled/umd/gids-overlay-provider.umd.js +1 -1
  175. package/dist-bundled/umd/gids-password-field.umd.js +1 -1
  176. package/dist-bundled/umd/gids-pie-chart.umd.js +2 -2
  177. package/dist-bundled/umd/gids-popover.umd.js +2 -2
  178. package/dist-bundled/umd/gids-scrim.umd.js +1 -1
  179. package/dist-bundled/umd/gids-tab-item.umd.js +2 -2
  180. package/dist-bundled/umd/gids-tab.umd.js +1 -1
  181. package/dist-bundled/umd/gids-text-field.umd.js +1 -1
  182. package/dist-bundled/umd/gids-toggle-button.umd.js +2 -2
  183. package/dist-bundled/umd/gids-tooltip.umd.js +1 -1
  184. package/dist-bundled/umd-complete/gids-core-web.umd.js +8 -8
  185. package/package.json +17 -9
  186. package/dist/p-C3xv7tfs.js +0 -1
  187. package/dist/p-C56G7JRy.js +0 -1
  188. package/dist/p-CI-sN9Lr.js +0 -1
  189. package/dist/p-DO0MyFf4.js +0 -1
  190. package/dist/p-_SIWct9h.js +0 -1
  191. package/dist/p-a3JfEYJp.js +0 -1
  192. package/dist/types/components/html/GidsBasicTableCell/GidsBasicTableCell.d.ts +0 -5
  193. package/dist-bundled/es/p-C56G7JRy-BCGZG2-3.js +0 -88
  194. package/dist-bundled/es/p-DO0MyFf4-Ddg5sVMx.js +0 -115
  195. package/dist-bundled/es/p-a3JfEYJp-DyhDK6VZ.js +0 -1128
@@ -1 +1 @@
1
- import{h as e,F as a,t,p as i,H as s,d}from"./p-Bf3p-DY2.js";import{GidsBasicTableCellWebUtils as l,GidsBasicTableRowWebUtils as r,GidsBasicTableHeaderWebUtils as o,GidsMdTableWebUtils as n}from"@ganpatiinfo/gids-web-shared";import{G as h}from"./p-C2POfZhu.js";import{G as b}from"./p-D4Pimu_8.js";const{getGidsBasicTableCellClassNames:p,getGidsBasicTableCellLabelTypographyClass:g}=l,c=({id:a,uniqueKey:t,extraData:i,label:s,cellDataType:d="text",displayTags:l=[],width:r="full",appearance:o="none",borderSides:n=[],borderRadiusSides:c=[],textAlignment:m="center",labelTypography:u="label-medium",isHeaderCell:y=!1,class:T,...C})=>e(y?"th":"td",{...C,class:p({borderSides:n,borderRadiusSides:c,appearance:o,textAlignment:m,width:r},T),id:a,"unique-key":t,"extra-data":JSON.stringify(i)},"text"===d&&s&&""!==s?e("span",{class:""+g(u)},s):void 0,"display-tag"===d&&l&&l.length>0?e("div",{class:"gids-basic-table-cell__display-tags-container"},l.map((a=>e(h,{label:a?.label??"",appearance:a?.displayTagAppearance??"subtle",size:a?.displayTagSize??"xs",icon:a?.displayTagIcon?e(b,{name:a.displayTagIcon,size:a?.displayTagSize??"xs",appearance:a?.displayTagIconAppearance??"regular"}):void 0,color:a?.displayTagColor??"accent-5"})))):void 0),{getGidsBasicTableRowClassNames:m}=r,u=({width:t="full",layout:i="horizontal",rows:s=[],isHeaderRow:d=!1,class:l,...r})=>{const o=m({width:t},l);return"vertical"===i?e(a,null,s.map(((a,i)=>e("tr",{...r,key:"row-v-"+(i+1),class:o},e(c,{...a,width:t,isHeaderCell:d}))))):e("tr",{...r,class:o},s.map(((a,i)=>e(c,{key:"row-h-"+(i+1),...a,width:t,isHeaderCell:d}))))},{getGidsBasicTableHeaderClassNames:y}=o,T=({width:a="full",headerCells:t=[],appearance:i="none",labelTypography:s="label-medium",textAlignment:d="center",layout:l="horizontal",class:r,...o})=>{const n=y({width:a},r);return e("thead",{...o,class:n},e(u,{rows:t.map((e=>({appearance:i,labelTypography:s,textAlignment:d,...e}))),width:a,layout:l,isHeaderRow:!0}))},{getGidsMdTableClassNames:C}=n,_=i(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.isTopHeaderVisible=!1,this.isSideHeaderVisible=!1,this.width="full",this.topHeaderAppearance="none",this.sideHeaderAppearance="none",this.rowAppearance="none",this.tableBorders="none",this.tableBorderRadius=[],this.topHeaderLabelTypography="eyebrow-small",this.sideHeaderLabelTypography="label-small",this.rowLabelTypography="label-small",this.topHeaderTextAlignment="left",this.sideHeaderTextAlignment="left",this.rowTextAlignment="left",this.topHeaderCells=[],this.tableBody=[],this.constructedTableBodyData=[]}handleTopHeaderVisibilityChange(e){this.isTopHeaderVisible=e}handleSideHeaderVisibilityChange(e){this.isSideHeaderVisible=e}handleTableBordersChange(e){this.tableBorders=e}handleTableBorderRadiusChange(e){this.tableBorderRadius=e}handleTopHeaderCellsChange(e){this.topHeaderCells=e}handleTableBodyChange(e){this.tableBody=e,this.makeTableBodyData()}componentDidLoad(){this.makeTableBodyData()}makeTableBodyData(){const e=this.isSideHeaderVisible,a=this?.tableBody??[],t=[];a.map(((i,s)=>{let d=[];const l=i.heading,r=i.id,o=i.uniqueKey,n=i.extraData,h=i?.items??[];if(e&&l&&""!==l){const e=this.getSideHeaderBorderSides({_tableBodyData:a,_itemsArr:h,indexI:s});d=[{id:r,uniqueKey:o,extraData:n,label:l,appearance:this.sideHeaderAppearance,labelTypography:this.sideHeaderLabelTypography,textAlignment:this.sideHeaderTextAlignment,isHeader:!0,borderSides:e}]}h.map(((e,t)=>{const i=this.getRowBorderSides({_tableBodyData:a,_itemsArr:h,indexI:s,indexJ:t});d.push({...e,appearance:this.rowAppearance,labelTypography:this.rowLabelTypography,textAlignment:this.rowTextAlignment,isHeader:!1,borderSides:i})})),t.push({heading:l,id:r,uniqueKey:o,extraData:n,items:d})})),this.constructedTableBodyData=t}getRowBorderSides({_tableBodyData:e,_itemsArr:a,indexI:t,indexJ:i}){const s=this.applyTableInternalBorders(),d=this.applyTableAllBorders();let l=[];return(s||d)&&(i<a.length&&t+1<e.length&&(l=["bottom"]),i+1<a.length&&(l=[...l,"right"])),l}getSideHeaderBorderSides({_tableBodyData:e,_itemsArr:a,indexI:t}){const i=this.applyTableInternalBorders(),s=this.applyTableAllBorders();let d=[];return(i||s)&&(t+1<e.length&&(d=["bottom"]),a.length>0&&(d=[...d,"right"])),d}getTableClasses(){const e="full"===this.width?"gids-md-table__main-table gids-md-table__main-table-width-full":"gids-md-table__main-table gids-md-table__main-table-width-intrinsic";let a=e;this.applyTableOuterBorders()&&(a=e+" gids-md-table__outer-borders");const t=this.addBorderRadiusDirectlyToTable(),i=t&&""!==t?`${a} ${t}`:""+a;return console.log("finalTableClass",i),i}addBorderRadiusDirectlyToTable(){let e="";const a=this?.tableBorderRadius??[];return a.includes("top-left")&&(e="gids-md-table__radius-top-left"),a.includes("bottom-left")&&(e+=" gids-md-table__radius-bottom-left"),a.includes("top-right")&&(e+=" gids-md-table__radius-top-right"),a.includes("bottom-right")&&(e+=" gids-md-table__radius-bottom-right"),e}getTopHeaderCells(){const e=this.isSideHeaderVisible,a=this?.topHeaderCells??[];let t=[...a];!1===e&&a.length>0?t.splice(0,1):t=[...a];const i=this.applyTableInternalBorders(),s=this.applyTableAllBorders(),d=this.applyTableTopHeaderBorders(),l=[];return t.map(((e,a)=>{let r=[];(i||s||d)&&(r=["bottom"],a+1<t.length&&(r=[...r,"right"])),l.push({...e,borderSides:r})})),l}applyTableOuterBorders(){const e=this.tableBorders;return"all"===e||"outer-sides"===e}applyTableInternalBorders(){return"internal"===this.tableBorders}applyTableAllBorders(){return"all"===this.tableBorders}applyTableTopHeaderBorders(){return"top-header-only"===this.tableBorders}render(){const a=C({width:this.width}),t=this.isTopHeaderVisible,i=this.getTopHeaderCells(),s=this?.constructedTableBodyData??[];return e(d,{key:"814e05e15c2d08c626885f95c5729b3fa7e66c49",class:a},e("table",{key:"d11cf92544c1281c39917ac74f0c236456ca19c2",class:this.getTableClasses()},t?e(T,{appearance:this.topHeaderAppearance,labelTypography:this.topHeaderLabelTypography,textAlignment:this.topHeaderTextAlignment,headerCells:i,width:this.width}):void 0,e("tbody",{key:"88458110e1d34b7405a06ab51ae7d0fffd3bc57a"},s.length>0?s.map((a=>e(u,{layout:"horizontal",rows:a?.items??[],width:this.width}))):void 0)))}get hostElement(){return this}static get watchers(){return{isTopHeaderVisible:[{handleTopHeaderVisibilityChange:0}],isSideHeaderVisible:[{handleSideHeaderVisibilityChange:0},{handleTableBodyChange:0}],tableBorders:[{handleTableBordersChange:0},{handleTableBodyChange:0}],tableBorderRadius:[{handleTableBorderRadiusChange:0},{handleTableBodyChange:0}],topHeaderCells:[{handleTopHeaderCellsChange:0}],tableBody:[{handleTableBodyChange:0}]}}static get style(){return".gids-md-table{display:flex;flex-direction:column;width:100%}.gids-md-table__main-table{border-collapse:separate;border-spacing:0;overflow:hidden;table-layout:fixed}.gids-md-table__main-table-width-full{width:100%}.gids-md-table__main-table-width-intrinsic{width:max-content}.gids-md-table--width-intrinsic{width:max-content}.gids-md-table__outer-borders{border:var(--gids-border-width-thin) solid var(--gids-color-border-default)}.gids-md-table__radius-top-left{border-top-left-radius:var(--gids-border-radius-md)}.gids-md-table__radius-bottom-left{border-bottom-left-radius:var(--gids-border-radius-md)}.gids-md-table__radius-top-right{border-top-right-radius:var(--gids-border-radius-md)}.gids-md-table__radius-bottom-right{border-bottom-right-radius:var(--gids-border-radius-md)}"}},[0,"gids-md-table",{isTopHeaderVisible:[4,"is-top-header-visible"],isSideHeaderVisible:[4,"is-side-header-visible"],width:[1],topHeaderAppearance:[1,"top-header-appearance"],sideHeaderAppearance:[1,"side-header-appearance"],rowAppearance:[1,"row-appearance"],tableBorders:[1,"table-borders"],tableBorderRadius:[16],topHeaderLabelTypography:[1,"top-header-label-typography"],sideHeaderLabelTypography:[1,"side-header-label-typography"],rowLabelTypography:[1,"row-label-typography"],topHeaderTextAlignment:[1,"top-header-text-alignment"],sideHeaderTextAlignment:[1,"side-header-text-alignment"],rowTextAlignment:[1,"row-text-alignment"],topHeaderCells:[16],tableBody:[16],constructedTableBodyData:[32]},void 0,{isTopHeaderVisible:[{handleTopHeaderVisibilityChange:0}],isSideHeaderVisible:[{handleSideHeaderVisibilityChange:0},{handleTableBodyChange:0}],tableBorders:[{handleTableBordersChange:0},{handleTableBodyChange:0}],tableBorderRadius:[{handleTableBorderRadiusChange:0},{handleTableBodyChange:0}],topHeaderCells:[{handleTopHeaderCellsChange:0}],tableBody:[{handleTableBodyChange:0}]}]);function f(){"undefined"!=typeof customElements&&["gids-md-table"].forEach((e=>{"gids-md-table"===e&&(customElements.get(t(e))||customElements.define(t(e),_))}))}f();const w=_,B=f;export{w as GidsMdTable,B as defineCustomElement}
1
+ import{h as e,F as t,t as a,p as i,H as l,d}from"./p-Bf3p-DY2.js";import{GidsTableCellWebUtils as n,GidsBasicTableRowWebUtils as s,GidsBasicTableHeaderWebUtils as r,GidsMdTableWebUtils as o}from"@ganpatiinfo/gids-web-shared";import{G as c}from"./p-C2POfZhu.js";import{G as h}from"./p-D4Pimu_8.js";import{GidsTableCellCommonUtils as b}from"@ganpatiinfo/gids-core-shared";import{G as p}from"./p-UVmSPzTd.js";const{getGidsTableCellClassNames:g,getGidsTableCellLabelTypographyClass:m}=n,{isTableCellActionButtonVisible:u,getTableCellBtnIcon:y}=b,B=({id:t,uniqueKey:a,extraData:i,label:l,cellDataType:d="text",displayTags:n=[],width:s="full",appearance:r="none",borderSides:o=[],borderRadiusSides:b=[],textAlignment:B="center",labelTypography:T="label-medium",isHeaderCell:C=!1,cellPrimaryActionButtons:_=[],cellSecondaryActionButtons:f=[],onClickCellActionBtn:w,class:x,...A})=>{function H({cellActionBtn:t,neededIconType:a="leading"}){const i=y({cellActionButton:t,neededIconType:a});return i?.cellIconName&&""+i.cellIconName!=""?e(h,{name:i.cellIconName,size:i.cellIconSize,appearance:i.cellIconAppearance}):void 0}function v(s){const o="primary"===s?_:f;if(o&&!(o.length<=0))return e("div",{class:"primary"===s?"gids-table-cell__primary-action-btn-container":"gids-table-cell__secondary-action-btn-container"},o.map(((c,h)=>{const b="primary"===s?o.length-h-1:h,g=o[b];return u(g)?function({cellActionBtn:s,actionBtnIndex:o,actionBtnPosition:c}){return e(p,{as:"button",appearance:s?.appearance??"default",size:s?.size??"md",disabled:s?.disabled,destructive:s?.destructive,positive:s?.positive,loading:s?.loading,width:s?.width??"intrinsic",type:"button",leadingIcon:H({cellActionBtn:s,neededIconType:"leading"}),trailingIcon:H({cellActionBtn:s,neededIconType:"trailing"}),onClick:e=>function({event:e,actionBtnIndex:s,actionBtnPosition:o}){w&&w({originalEvent:e,details:{appearance:r,cellDataType:d,displayTags:n,label:l,id:t,extraData:i,isHeaderCell:C,uniqueKey:a,actionBtnNumber:"action-btn-"+(s+1),actionBtnIndex:s,actionBtnPosition:o??"secondary"}})}({event:e,actionBtnIndex:o,actionBtnPosition:c})},s?.buttonLabel??"")}({cellActionBtn:g,actionBtnIndex:b,actionBtnPosition:s}):void 0})))}return e(C?"th":"td",{...A,class:g({borderSides:o,borderRadiusSides:b,appearance:r,textAlignment:B,width:s},x),id:t,"unique-key":a,"extra-data":JSON.stringify(i)},v("primary"),"text"===d&&l&&""!==l?e("span",{class:""+m(T)},l):void 0,"display-tag"===d&&n&&n.length>0?e("div",{class:"gids-table-cell__display-tags-container"},n.map((t=>e(c,{label:t?.label??"",appearance:t?.displayTagAppearance??"subtle",size:t?.displayTagSize??"xs",icon:t?.displayTagIcon?e(h,{name:t.displayTagIcon,size:t?.displayTagSize??"xs",appearance:t?.displayTagIconAppearance??"regular"}):void 0,color:t?.displayTagColor??"accent-5"})))):void 0,v("secondary"))},{getGidsBasicTableRowClassNames:T}=s,C=({width:a="full",layout:i="horizontal",rows:l=[],isHeaderRow:d=!1,cellPrimaryActionButtons:n,cellSecondaryActionButtons:s,onClickRowActionBtn:r,class:o,...c})=>{const h=T({width:a},o);function b({event:e,cellIndex:t}){r&&r({...e,details:{...e.details,cellIndex:t}})}return"vertical"===i?e(t,null,l.map(((t,i)=>e("tr",{...c,key:"row-v-"+(i+1),class:h},e(B,{...t,width:a,isHeaderCell:d,cellPrimaryActionButtons:n,cellSecondaryActionButtons:s,onClickCellActionBtn:e=>b({event:e,cellIndex:i})}))))):e("tr",{...c,class:h},l.map(((t,i)=>e(B,{key:"row-h-"+(i+1),...t,width:a,isHeaderCell:d,cellPrimaryActionButtons:n,cellSecondaryActionButtons:s,onClickCellActionBtn:e=>b({event:e,cellIndex:i})}))))},{getGidsBasicTableHeaderClassNames:_}=r,f=({width:t="full",headerCells:a=[],appearance:i="none",labelTypography:l="label-medium",textAlignment:d="center",layout:n="horizontal",cellPrimaryActionButtons:s,cellSecondaryActionButtons:r,onClickHeaderActionBtn:o,class:c,...h})=>{const b=_({width:t},c);return e("thead",{...h,class:b},e(C,{rows:a.map((e=>({appearance:i,labelTypography:l,textAlignment:d,...e}))),width:t,layout:n,isHeaderRow:!0,cellPrimaryActionButtons:s,cellSecondaryActionButtons:r,onClickRowActionBtn:o}))},{getGidsMdTableClassNames:w}=o,x=i(class extends l{constructor(e){super(),!1!==e&&this.__registerHost(),this.isTopHeaderVisible=!1,this.isSideHeaderVisible=!1,this.width="full",this.topHeaderAppearance="none",this.sideHeaderAppearance="none",this.rowAppearance="none",this.tableBorders="none",this.tableBorderRadius=[],this.topHeaderLabelTypography="eyebrow-small",this.sideHeaderLabelTypography="label-small",this.rowLabelTypography="label-small",this.topHeaderTextAlignment="left",this.sideHeaderTextAlignment="left",this.rowTextAlignment="left",this.topHeaderCells=[],this.tableBody=[],this.constructedTableBodyData=[]}handleTopHeaderVisibilityChange(e){this.isTopHeaderVisible=e}handleSideHeaderVisibilityChange(e){this.isSideHeaderVisible=e}handleTableBordersChange(e){this.tableBorders=e}handleTableBorderRadiusChange(e){this.tableBorderRadius=e}handleTopHeaderCellsChange(e){this.topHeaderCells=e}handleTableBodyChange(e){this.tableBody=e,this.makeTableBodyData()}componentDidLoad(){this.makeTableBodyData()}makeTableBodyData(){const e=this.isSideHeaderVisible,t=this?.tableBody??[],a=[];t.map(((i,l)=>{let d=[];const n=i.heading,s=i.id,r=i.uniqueKey,o=i.extraData,c=i?.items??[];if(e&&n&&""!==n){const e=this.getSideHeaderBorderSides({_tableBodyData:t,_itemsArr:c,indexI:l});d=[{id:s,uniqueKey:r,extraData:o,label:n,appearance:this.sideHeaderAppearance,labelTypography:this.sideHeaderLabelTypography,textAlignment:this.sideHeaderTextAlignment,isHeader:!0,borderSides:e}]}c.map(((e,a)=>{const i=this.getRowBorderSides({_tableBodyData:t,_itemsArr:c,indexI:l,indexJ:a});d.push({...e,appearance:this.rowAppearance,labelTypography:this.rowLabelTypography,textAlignment:this.rowTextAlignment,isHeader:!1,borderSides:i})})),a.push({heading:n,id:s,uniqueKey:r,extraData:o,items:d})})),this.constructedTableBodyData=a}getRowBorderSides({_tableBodyData:e,_itemsArr:t,indexI:a,indexJ:i}){const l=this.applyTableInternalBorders(),d=this.applyTableAllBorders();let n=[];return(l||d)&&(i<t.length&&a+1<e.length&&(n=["bottom"]),i+1<t.length&&(n=[...n,"right"])),n}getSideHeaderBorderSides({_tableBodyData:e,_itemsArr:t,indexI:a}){const i=this.applyTableInternalBorders(),l=this.applyTableAllBorders();let d=[];return(i||l)&&(a+1<e.length&&(d=["bottom"]),t.length>0&&(d=[...d,"right"])),d}getTableClasses(){const e="full"===this.width?"gids-md-table__main-table gids-md-table__main-table-width-full":"gids-md-table__main-table gids-md-table__main-table-width-intrinsic";let t=e;this.applyTableOuterBorders()&&(t=e+" gids-md-table__outer-borders");const a=this.addBorderRadiusDirectlyToTable();return a&&""!==a?`${t} ${a}`:""+t}addBorderRadiusDirectlyToTable(){let e="";const t=this?.tableBorderRadius??[];return t.includes("top-left")&&(e="gids-md-table__radius-top-left"),t.includes("bottom-left")&&(e+=" gids-md-table__radius-bottom-left"),t.includes("top-right")&&(e+=" gids-md-table__radius-top-right"),t.includes("bottom-right")&&(e+=" gids-md-table__radius-bottom-right"),e}getTopHeaderCells(){const e=this.isSideHeaderVisible,t=this?.topHeaderCells??[];let a=[...t];!1===e&&t.length>0?a.splice(0,1):a=[...t];const i=this.applyTableInternalBorders(),l=this.applyTableAllBorders(),d=this.applyTableTopHeaderBorders(),n=[];return a.map(((e,t)=>{let s=[];(i||l||d)&&(s=["bottom"],t+1<a.length&&(s=[...s,"right"])),n.push({...e,borderSides:s})})),n}applyTableOuterBorders(){const e=this.tableBorders;return"all"===e||"outer-sides"===e}applyTableInternalBorders(){return"internal"===this.tableBorders}applyTableAllBorders(){return"all"===this.tableBorders}applyTableTopHeaderBorders(){return"top-header-only"===this.tableBorders}render(){const t=w({width:this.width}),a=this.isTopHeaderVisible,i=this.getTopHeaderCells(),l=this?.constructedTableBodyData??[];return e(d,{key:"d4134171e635f40dbd8a5e4c86ada98272a31b1a",class:t},e("table",{key:"47f73e6e21247ebb3fbf04cb32b3b7c430d649d1",class:this.getTableClasses()},a?e(f,{appearance:this.topHeaderAppearance,labelTypography:this.topHeaderLabelTypography,textAlignment:this.topHeaderTextAlignment,headerCells:i,width:this.width}):void 0,e("tbody",{key:"30c4a5855c7ea01bc869d3bbbe87910793120e7e"},l.length>0?l.map((t=>e(C,{layout:"horizontal",rows:t?.items??[],width:this.width}))):void 0)))}get hostElement(){return this}static get watchers(){return{isTopHeaderVisible:[{handleTopHeaderVisibilityChange:0}],isSideHeaderVisible:[{handleSideHeaderVisibilityChange:0},{handleTableBodyChange:0}],tableBorders:[{handleTableBordersChange:0},{handleTableBodyChange:0}],tableBorderRadius:[{handleTableBorderRadiusChange:0},{handleTableBodyChange:0}],topHeaderCells:[{handleTopHeaderCellsChange:0}],tableBody:[{handleTableBodyChange:0}]}}static get style(){return".gids-md-table{display:flex;flex-direction:column;width:100%}.gids-md-table__main-table{border-collapse:separate;border-spacing:0;overflow:hidden;table-layout:fixed}.gids-md-table__main-table-width-full{width:100%}.gids-md-table__main-table-width-intrinsic{width:max-content}.gids-md-table--width-intrinsic{width:max-content}.gids-md-table__outer-borders{border:var(--gids-border-width-thin) solid var(--gids-color-border-default)}.gids-md-table__radius-top-left{border-top-left-radius:var(--gids-border-radius-md)}.gids-md-table__radius-bottom-left{border-bottom-left-radius:var(--gids-border-radius-md)}.gids-md-table__radius-top-right{border-top-right-radius:var(--gids-border-radius-md)}.gids-md-table__radius-bottom-right{border-bottom-right-radius:var(--gids-border-radius-md)}"}},[0,"gids-md-table",{isTopHeaderVisible:[4,"is-top-header-visible"],isSideHeaderVisible:[4,"is-side-header-visible"],width:[1],topHeaderAppearance:[1,"top-header-appearance"],sideHeaderAppearance:[1,"side-header-appearance"],rowAppearance:[1,"row-appearance"],tableBorders:[1,"table-borders"],tableBorderRadius:[16],topHeaderLabelTypography:[1,"top-header-label-typography"],sideHeaderLabelTypography:[1,"side-header-label-typography"],rowLabelTypography:[1,"row-label-typography"],topHeaderTextAlignment:[1,"top-header-text-alignment"],sideHeaderTextAlignment:[1,"side-header-text-alignment"],rowTextAlignment:[1,"row-text-alignment"],topHeaderCells:[16],tableBody:[16],constructedTableBodyData:[32]},void 0,{isTopHeaderVisible:[{handleTopHeaderVisibilityChange:0}],isSideHeaderVisible:[{handleSideHeaderVisibilityChange:0},{handleTableBodyChange:0}],tableBorders:[{handleTableBordersChange:0},{handleTableBodyChange:0}],tableBorderRadius:[{handleTableBorderRadiusChange:0},{handleTableBodyChange:0}],topHeaderCells:[{handleTopHeaderCellsChange:0}],tableBody:[{handleTableBodyChange:0}]}]);function A(){"undefined"!=typeof customElements&&["gids-md-table"].forEach((e=>{"gids-md-table"===e&&(customElements.get(a(e))||customElements.define(a(e),x))}))}A();const H=x,v=A;export{H as GidsMdTable,v as defineCustomElement}
@@ -1 +1 @@
1
- import{t,p as o,H as i,h as s}from"./p-Bf3p-DY2.js";import{g as e}from"./p-B2zUuNXz.js";import{GidsOverflowContainerCommonUtils as a}from"@ganpatiinfo/gids-core-shared";const{showGidsOverflowContainerBottomShadow:r,showGidsOverflowContainerTopShadow:n}=a,c=o(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.shadowLocation="bottom"}connectedCallback(){const t=e();void 0!==t&&this._el.shadowRoot?.adoptedStyleSheets.push(t)}componentDidLoad(){this._textArea=this._el.shadowRoot?.querySelector(".gids-overflow-container__text-area"),r(this.shadowLocation)&&this._textArea.scrollHeight>this._textArea.offsetHeight&&this._el.style.setProperty("--gidsOverflowContainer-after-opacity","1")}calculateShadows(){const t=this._textArea.scrollTop<=0?0:this._textArea.scrollTop;this._textArea.scrollTop+this._textArea.offsetHeight>=this._textArea.scrollHeight?this._el.style.setProperty("--gidsOverflowContainer-after-opacity","0"):0!==t?t>0&&(n(this.shadowLocation)&&this._el.style.setProperty("--gidsOverflowContainer-before-opacity",""+Math.min(t/20,1)),r(this.shadowLocation)&&this._el.style.setProperty("--gidsOverflowContainer-after-opacity",""+Math.min((this._textArea.scrollHeight-(this._textArea.scrollTop+this._textArea.offsetHeight))/20,1))):this._el.style.setProperty("--gidsOverflowContainer-after-opacity","0")}render(){return s("div",{key:"cfdffbc49db84a4ac18172a6b8ed9fb4a0e3ad1f",class:"gids-overflow-container__text-area",onScroll:this.calculateShadows.bind(this)},s("slot",{key:"f3d5811cc2991941c14fdc655826f69620968248"}))}get _el(){return this}},[257,"gids-overflow-container",{shadowLocation:[513,"shadow-location"]}]);function h(){"undefined"!=typeof customElements&&["gids-overflow-container"].forEach((o=>{"gids-overflow-container"===o&&(customElements.get(t(o))||customElements.define(t(o),c))}))}h();const d=c,f=h;export{d as GidsOverflowContainer,f as defineCustomElement}
1
+ import{t,p as o,H as i,h as s}from"./p-Bf3p-DY2.js";import{g as e}from"./p-B2zUuNXz.js";import{GidsOverflowContainerCommonUtils as a}from"@ganpatiinfo/gids-core-shared";const{showGidsOverflowContainerBottomShadow:r,showGidsOverflowContainerTopShadow:n}=a,c=o(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.shadowLocation="bottom"}connectedCallback(){const t=e();void 0!==t&&this._el.shadowRoot?.adoptedStyleSheets.push(t)}componentDidLoad(){this._textArea=this._el.shadowRoot?.querySelector(".gids-overflow-container__text-area"),r(this.shadowLocation)&&this._textArea.scrollHeight>this._textArea.offsetHeight&&this._el.style.setProperty("--gidsOverflowContainer-after-opacity","1")}calculateShadows(){const t=this._textArea.scrollTop<=0?0:this._textArea.scrollTop;this._textArea.scrollTop+this._textArea.offsetHeight>=this._textArea.scrollHeight?this._el.style.setProperty("--gidsOverflowContainer-after-opacity","0"):0!==t?t>0&&(n(this.shadowLocation)&&this._el.style.setProperty("--gidsOverflowContainer-before-opacity",""+Math.min(t/20,1)),r(this.shadowLocation)&&this._el.style.setProperty("--gidsOverflowContainer-after-opacity",""+Math.min((this._textArea.scrollHeight-(this._textArea.scrollTop+this._textArea.offsetHeight))/20,1))):this._el.style.setProperty("--gidsOverflowContainer-after-opacity","0")}render(){return s("div",{key:"3068af04cc5f789a83c7770d726fe8c6770d56d2",class:"gids-overflow-container__text-area",onScroll:this.calculateShadows.bind(this)},s("slot",{key:"b5aed91bba9c7710e3b11082b39c762300973245"}))}get _el(){return this}},[257,"gids-overflow-container",{shadowLocation:[513,"shadow-location"]}]);function h(){"undefined"!=typeof customElements&&["gids-overflow-container"].forEach((o=>{"gids-overflow-container"===o&&(customElements.get(t(o))||customElements.define(t(o),c))}))}h();const d=c,f=h;export{d as GidsOverflowContainer,f as defineCustomElement}
@@ -1 +1 @@
1
- import{h as t,t as i,p as n,H as e,F as a}from"./p-Bf3p-DY2.js";import{g as o}from"./p-B2zUuNXz.js";import{g as s,a as r}from"./p-CVtNa0cL.js";import{GidsSnackbarContainerWebUtils as l,GidsNotificationContainerWebUtils as m,GidsOverlayProviderWebUtils as c}from"@ganpatiinfo/gids-web-shared";import{G as d}from"./p-D4Pimu_8.js";import{G as p}from"./p-UVmSPzTd.js";const{getGidsSnackbarContainerClassNames:f,getSnackbarContainerIconNames:u}=l,g=({appearance:i="default",children:n,button:e,class:a,...o})=>{const s=u(i);return t("div",{...o,class:f({appearance:i},a)},t("div",{class:"gids-snackbar-container__content"},"default"!==i&&null!=s?t(d,{name:s,alt:"",appearance:"filled",size:"md",class:"gids-snackbar-container__icon"}):null,"string"==typeof n?t("p",null,n):n),e)},{getGidsNotificationContainerClassNames:h,getNotificationContainerIconNames:b}=m,v=({notificationTitle:i,children:n,button:e,appearance:a="default",pronunciation:o="standard",onCloseNotificationClick:s,class:r,...l})=>{const m=b(a);return t("div",{class:h({appearance:a},r),...l},"default"!==a&&m?t("div",{class:"gids-notification-container__leading-icon-wrapper"},t(d,{size:"md",name:m,alt:"",appearance:"filled"})):null,t("div",{class:"gids-notification-container__content-wrapper"},t("div",{class:"gids-notification-container__top-content"},t("div",{class:"gids-notification-container__text-content"},null!=i&&""!==i?t("span",{class:"gids-notification-container__title"},i):null,n?"string"==typeof n?t("p",null,n):n:null),"standard"===o?t("div",{class:"gids-notification-container__cross-btn-wrapper"},t(p,{size:"sm",appearance:"subtle",width:"intrinsic",leadingIcon:t(d,{name:"cross",size:"md",appearance:"regular"}),onClick:s})):null),e?t("div",{class:"gids-notification-container__bottom-content"},e):null))},{getComponentClasses:y,getComponentStackClasses:k}=c,w=n(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this._parentOverlayProvider=null,this._componentQueue=[],this._allowedComponentQueue=[],this._exitingComponents=[],this._renderSnackbar=(i,n)=>{const{id:e,message:a,appearance:o,buttonLabel:s,onButtonClick:r}=i;return t(g,{key:e,class:n,children:a,appearance:o,button:null!=s&&""!==s?t(p,{appearance:"subtle",onClick:r},s):void 0})},this._renderNotification=(i,n)=>{const{id:e,notificationTitle:a,message:o,pronunciation:s,appearance:r,buttonLabel:l,onButtonClick:m,timerInMs:c}=i;return t(v,{key:e,class:n,notificationTitle:a,children:o,pronunciation:s,appearance:r,onCloseNotificationClick:()=>this.removeComponent(i,c||0,!0),button:null!=l&&""!==l?t(p,{appearance:"default",size:"sm",onClick:m},l):void 0})},this._renderComponent=t=>{const{componentName:i,position:n="bottom-center",id:e}=t,a=y({position:n,id:e,exitingComponents:this._exitingComponents});return null==i||"snackbar"===i?this._renderSnackbar(t,a):"notification"===i?this._renderNotification(t,a):null}}connectedCallback(){const t=o();void 0!==t&&this._el.shadowRoot?.adoptedStyleSheets.push(t),this._parentOverlayProvider=s(this._el)}_isRoot(){return null===this._parentOverlayProvider}async getRootOverlayProvider(){return this._isRoot()?this._el:this._parentOverlayProvider}autoHide(t){return new Promise((i=>{const n=setTimeout((()=>(clearTimeout(n),i({isTimeout:!0}))),t)}))}async _queueSnackbar(t){const{appearance:i,message:n,buttonLabel:e,onButtonClick:a,position:o,componentName:s,...r}=t,l={id:""+(Date.now()+Math.random()),message:n,appearance:i,buttonLabel:e,onButtonClick:a,position:o,componentName:s,...r};this._componentQueue=[...this._componentQueue,l],this.processSingleComponentQueue()}async _queueNotification(t){const{appearance:i,notificationTitle:n,pronunciation:e,message:a,buttonLabel:o,onButtonClick:s,position:r,componentName:l,...m}=t,c={id:""+(Date.now()+Math.random()),notificationTitle:n,message:a,pronunciation:e,appearance:i,buttonLabel:o,onButtonClick:s,position:r,componentName:l,...m};this._componentQueue=[...this._componentQueue,c],this.processMultiComponentQueue()}async queueComponent(t){if(await this._isRoot()){const{componentName:i}=t;null!=i&&"snackbar"!==i||this._queueSnackbar(t),"notification"===i&&this._queueNotification(t)}else(await this.getRootOverlayProvider()).queueComponent(t)}async removeComponent(t,i,n){return n||await this.autoHide(i),this._exitingComponents=[...this._exitingComponents,t.id],new Promise((i=>{setTimeout((()=>{this._componentQueue=this._componentQueue.filter((i=>i.id!==t.id)),this._exitingComponents=this._exitingComponents.filter((i=>i!==t.id)),this._allowedComponentQueue=[],i()}),500)}))}async processSingleComponentQueue(){if(0===this._componentQueue.length)return;const t=this._componentQueue[0];if(!t)return;this._allowedComponentQueue=[t],await new Promise((t=>requestAnimationFrame((()=>t()))));const i=r({componentName:t?.componentName??"snackbar",timerInMs:t?.timerInMs??0});await this.removeComponent(t,i,!1),this.processSingleComponentQueue()}async processMultiComponentQueue(){const t=this._componentQueue;0!==t.length&&(this._allowedComponentQueue=t,await new Promise((t=>requestAnimationFrame((()=>t())))),this._allowedComponentQueue.map((async t=>{const i=r({componentName:t?.componentName??"snackbar",timerInMs:t?.timerInMs??0});await this.removeComponent(t,i,!1)})),this.processMultiComponentQueue())}render(){const i=this._allowedComponentQueue[0]?.position||"bottom-center";return t(a,{key:"bb974c7b42f4efc210a2b879538d3d34c963327c"},t("slot",{key:"3bf4f43195851eda44a7a3adee27388e59842f85"}),this._isRoot()?t("div",{class:k({position:i})},[...this._allowedComponentQueue].reverse().map((t=>this._renderComponent(t)))):null)}get _el(){return this}static get style(){return".common-component-stack{display:flex;flex-direction:column;position:fixed;gap:var(--gids-gap-200);min-width:var(--gids-width-2-xs);max-width:var(--gids-width-md);width:100%}.component-stack-bottom-left{justify-self:left;bottom:var(--gids-padding-vertical-edge-to-element-250);left:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-bottom-right{justify-self:right;bottom:var(--gids-padding-vertical-edge-to-element-250);right:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-middle-left{top:50%;justify-self:left;align-self:center;left:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-middle-right{top:50%;justify-self:right;align-self:center;right:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-top-center{justify-self:center;top:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-top-left{justify-self:left;top:var(--gids-padding-vertical-edge-to-element-250);left:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-top-right{justify-self:right;top:var(--gids-padding-vertical-edge-to-element-250);right:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-bottom-center{justify-self:center;bottom:var(--gids-padding-vertical-edge-to-element-250)}.component-enter-bottom-left{animation-name:left-to-right-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-bottom-right{animation-name:right-to-left-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-middle-left{animation-name:left-to-right-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-middle-right{animation-name:right-to-left-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-top-center{animation-name:slide-up-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-top-left{animation-name:left-to-right-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-top-right{animation-name:right-to-left-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-bottom-center{animation-name:slide-up-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-bottom-left{animation-name:right-to-left-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-bottom-right{animation-name:left-to-right-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-middle-left{animation-name:right-to-left-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-middle-right{animation-name:left-to-right-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-top-center{animation-name:slide-down-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-top-left{animation-name:right-to-left-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-top-right{animation-name:left-to-right-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-bottom-center{animation-name:slide-down-invisible;animation-duration:0.3s;animation-fill-mode:forwards}@keyframes slide-up-visible{0%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}@keyframes slide-down-invisible{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(100%)}}@keyframes slide-up-invisible{0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}}@keyframes slide-down-visible{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-100%)}}@keyframes left-to-right-visible{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}@keyframes right-to-left-invisible{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-100%)}}@keyframes right-to-left-visible{0%{opacity:0;transform:translateX(100%)}100%{opacity:1;transform:translateX(0)}}@keyframes left-to-right-invisible{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(100%)}}"}},[257,"gids-overlay-provider",{_componentQueue:[32],_allowedComponentQueue:[32],_exitingComponents:[32],queueComponent:[64]}]);function C(){"undefined"!=typeof customElements&&["gids-overlay-provider"].forEach((t=>{"gids-overlay-provider"===t&&(customElements.get(i(t))||customElements.define(i(t),w))}))}C();const _=w,N=C;export{_ as GidsOverlayProvider,N as defineCustomElement}
1
+ import{h as t,t as i,p as n,H as e,F as a}from"./p-Bf3p-DY2.js";import{g as o}from"./p-B2zUuNXz.js";import{g as s,a as r}from"./p-CVtNa0cL.js";import{GidsSnackbarContainerWebUtils as l,GidsNotificationContainerWebUtils as m,GidsOverlayProviderWebUtils as c}from"@ganpatiinfo/gids-web-shared";import{G as d}from"./p-D4Pimu_8.js";import{G as p}from"./p-UVmSPzTd.js";const{getGidsSnackbarContainerClassNames:f,getSnackbarContainerIconNames:u}=l,g=({appearance:i="default",children:n,button:e,class:a,...o})=>{const s=u(i);return t("div",{...o,class:f({appearance:i},a)},t("div",{class:"gids-snackbar-container__content"},"default"!==i&&null!=s?t(d,{name:s,alt:"",appearance:"filled",size:"md",class:"gids-snackbar-container__icon"}):null,"string"==typeof n?t("p",null,n):n),e)},{getGidsNotificationContainerClassNames:h,getNotificationContainerIconNames:b}=m,v=({notificationTitle:i,children:n,button:e,appearance:a="default",pronunciation:o="standard",onCloseNotificationClick:s,class:r,...l})=>{const m=b(a);return t("div",{class:h({appearance:a},r),...l},"default"!==a&&m?t("div",{class:"gids-notification-container__leading-icon-wrapper"},t(d,{size:"md",name:m,alt:"",appearance:"filled"})):null,t("div",{class:"gids-notification-container__content-wrapper"},t("div",{class:"gids-notification-container__top-content"},t("div",{class:"gids-notification-container__text-content"},null!=i&&""!==i?t("span",{class:"gids-notification-container__title"},i):null,n?"string"==typeof n?t("p",null,n):n:null),"standard"===o?t("div",{class:"gids-notification-container__cross-btn-wrapper"},t(p,{size:"sm",appearance:"subtle",width:"intrinsic",leadingIcon:t(d,{name:"cross",size:"md",appearance:"regular"}),onClick:s})):null),e?t("div",{class:"gids-notification-container__bottom-content"},e):null))},{getComponentClasses:y,getComponentStackClasses:k}=c,w=n(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this._parentOverlayProvider=null,this._componentQueue=[],this._allowedComponentQueue=[],this._exitingComponents=[],this._renderSnackbar=(i,n)=>{const{id:e,message:a,appearance:o,buttonLabel:s,onButtonClick:r}=i;return t(g,{key:e,class:n,children:a,appearance:o,button:null!=s&&""!==s?t(p,{appearance:"subtle",onClick:r},s):void 0})},this._renderNotification=(i,n)=>{const{id:e,notificationTitle:a,message:o,pronunciation:s,appearance:r,buttonLabel:l,onButtonClick:m,timerInMs:c}=i;return t(v,{key:e,class:n,notificationTitle:a,children:o,pronunciation:s,appearance:r,onCloseNotificationClick:()=>this.removeComponent(i,c||0,!0),button:null!=l&&""!==l?t(p,{appearance:"default",size:"sm",onClick:m},l):void 0})},this._renderComponent=t=>{const{componentName:i,position:n="bottom-center",id:e}=t,a=y({position:n,id:e,exitingComponents:this._exitingComponents});return null==i||"snackbar"===i?this._renderSnackbar(t,a):"notification"===i?this._renderNotification(t,a):null}}connectedCallback(){const t=o();void 0!==t&&this._el.shadowRoot?.adoptedStyleSheets.push(t),this._parentOverlayProvider=s(this._el)}_isRoot(){return null===this._parentOverlayProvider}async getRootOverlayProvider(){return this._isRoot()?this._el:this._parentOverlayProvider}autoHide(t){return new Promise((i=>{const n=setTimeout((()=>(clearTimeout(n),i({isTimeout:!0}))),t)}))}async _queueSnackbar(t){const{appearance:i,message:n,buttonLabel:e,onButtonClick:a,position:o,componentName:s,...r}=t,l={id:""+(Date.now()+Math.random()),message:n,appearance:i,buttonLabel:e,onButtonClick:a,position:o,componentName:s,...r};this._componentQueue=[...this._componentQueue,l],this.processSingleComponentQueue()}async _queueNotification(t){const{appearance:i,notificationTitle:n,pronunciation:e,message:a,buttonLabel:o,onButtonClick:s,position:r,componentName:l,...m}=t,c={id:""+(Date.now()+Math.random()),notificationTitle:n,message:a,pronunciation:e,appearance:i,buttonLabel:o,onButtonClick:s,position:r,componentName:l,...m};this._componentQueue=[...this._componentQueue,c],this.processMultiComponentQueue()}async queueComponent(t){if(await this._isRoot()){const{componentName:i}=t;null!=i&&"snackbar"!==i||this._queueSnackbar(t),"notification"===i&&this._queueNotification(t)}else(await this.getRootOverlayProvider()).queueComponent(t)}async removeComponent(t,i,n){return n||await this.autoHide(i),this._exitingComponents=[...this._exitingComponents,t.id],new Promise((i=>{setTimeout((()=>{this._componentQueue=this._componentQueue.filter((i=>i.id!==t.id)),this._exitingComponents=this._exitingComponents.filter((i=>i!==t.id)),this._allowedComponentQueue=[],i()}),500)}))}async processSingleComponentQueue(){if(0===this._componentQueue.length)return;const t=this._componentQueue[0];if(!t)return;this._allowedComponentQueue=[t],await new Promise((t=>requestAnimationFrame((()=>t()))));const i=r({componentName:t?.componentName??"snackbar",timerInMs:t?.timerInMs??0});await this.removeComponent(t,i,!1),this.processSingleComponentQueue()}async processMultiComponentQueue(){const t=this._componentQueue;0!==t.length&&(this._allowedComponentQueue=t,await new Promise((t=>requestAnimationFrame((()=>t())))),this._allowedComponentQueue.map((async t=>{const i=r({componentName:t?.componentName??"snackbar",timerInMs:t?.timerInMs??0});await this.removeComponent(t,i,!1)})),this.processMultiComponentQueue())}render(){const i=this._allowedComponentQueue[0]?.position||"bottom-center";return t(a,{key:"e759be1283aa989f140c46020ec3c66c749284ae"},t("slot",{key:"89cbe6bafa62964fb116636371f08f0b60828dc7"}),this._isRoot()?t("div",{class:k({position:i})},[...this._allowedComponentQueue].reverse().map((t=>this._renderComponent(t)))):null)}get _el(){return this}static get style(){return".common-component-stack{display:flex;flex-direction:column;position:fixed;gap:var(--gids-gap-200);min-width:var(--gids-width-2-xs);max-width:var(--gids-width-md);width:100%}.component-stack-bottom-left{justify-self:left;bottom:var(--gids-padding-vertical-edge-to-element-250);left:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-bottom-right{justify-self:right;bottom:var(--gids-padding-vertical-edge-to-element-250);right:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-middle-left{top:50%;justify-self:left;align-self:center;left:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-middle-right{top:50%;justify-self:right;align-self:center;right:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-top-center{justify-self:center;top:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-top-left{justify-self:left;top:var(--gids-padding-vertical-edge-to-element-250);left:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-top-right{justify-self:right;top:var(--gids-padding-vertical-edge-to-element-250);right:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-bottom-center{justify-self:center;bottom:var(--gids-padding-vertical-edge-to-element-250)}.component-enter-bottom-left{animation-name:left-to-right-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-bottom-right{animation-name:right-to-left-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-middle-left{animation-name:left-to-right-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-middle-right{animation-name:right-to-left-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-top-center{animation-name:slide-up-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-top-left{animation-name:left-to-right-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-top-right{animation-name:right-to-left-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-bottom-center{animation-name:slide-up-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-bottom-left{animation-name:right-to-left-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-bottom-right{animation-name:left-to-right-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-middle-left{animation-name:right-to-left-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-middle-right{animation-name:left-to-right-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-top-center{animation-name:slide-down-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-top-left{animation-name:right-to-left-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-top-right{animation-name:left-to-right-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-bottom-center{animation-name:slide-down-invisible;animation-duration:0.3s;animation-fill-mode:forwards}@keyframes slide-up-visible{0%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}@keyframes slide-down-invisible{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(100%)}}@keyframes slide-up-invisible{0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}}@keyframes slide-down-visible{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-100%)}}@keyframes left-to-right-visible{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}@keyframes right-to-left-invisible{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-100%)}}@keyframes right-to-left-visible{0%{opacity:0;transform:translateX(100%)}100%{opacity:1;transform:translateX(0)}}@keyframes left-to-right-invisible{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(100%)}}"}},[257,"gids-overlay-provider",{_componentQueue:[32],_allowedComponentQueue:[32],_exitingComponents:[32],queueComponent:[64]}]);function C(){"undefined"!=typeof customElements&&["gids-overlay-provider"].forEach((t=>{"gids-overlay-provider"===t&&(customElements.get(i(t))||customElements.define(i(t),w))}))}C();const _=w,N=C;export{_ as GidsOverlayProvider,N as defineCustomElement}
@@ -1 +1 @@
1
- import{h as e,t,p as s,H as i,c as n,f as a,F as r}from"./p-Bf3p-DY2.js";import{GidsStrengthMeterWebUtils as d,GidsRequirementsMeterLabelWebUtils as l,GidsRequirementsMeterWebUtils as o,generateId as h,GidsPasswordFieldWebUtils as u}from"@ganpatiinfo/gids-web-shared";import{g as c}from"./p-B2zUuNXz.js";import{G as m}from"./p-Dg2yoUxw.js";import{G as f}from"./p-UxDcM-C5.js";import{G as g}from"./p-UVmSPzTd.js";import{minLengthRuleCanBeApplied as p,getMeterRulesFromRequirements as b,getDefaultRulesAndRequirementsForMeters as x}from"@ganpatiinfo/gids-core-shared/dist/components/GidsRequirementsMeter/GidsRequirementsMeterCommonUtils.js";import{GidsStrengthMeterCommonUtils as q,GidsRequirementsMeterLabelCommonUtils as R,GidsRequirementsMeterCommonUtils as w}from"@ganpatiinfo/gids-core-shared";import{minLengthRuleCanBeApplied as v}from"@ganpatiinfo/gids-core-shared/dist/components/GidsRequirementsMeter/GidsRequirementsMeterCommonUtils";import{G as y}from"./p-D4Pimu_8.js";import{d as M}from"./p-ub0GuVHb.js";import{d as L}from"./p-BVAtja26.js";const{getGidsStrengthMeterClassNames:C}=d,{getStrengthMeterScore:k,getColorModifierByScore:G}=q,P=({text:t,textMinLength:s,meterRules:i=["1-uppercase","1-lowercase","1-digit","1-special-character","include-min-length"],class:n})=>{const a=(t,s,i)=>e("div",{key:t,class:["gids-strength-meter__strength-"+t,i?"is-active":"",i?s:""].filter(Boolean).join(" ")});return i.length>0?e("div",{class:C(n)},(()=>{const e=i.length,n=k({text:t,textMinLength:s,meterRules:i}),r=G({textScore:n,maxScore:e});return Array.from({length:e},((e,t)=>{const d=t+1,l=d<=n;return"include-min-length"===i[d]?v({requirementRule:"include-min-length",textMinLength:s})?a(d,r,l):null:a(d,r,l)}))})()):null},{getGidsRequirementsMeterLabelClassNames:S}=l,{getRequirementsMeterLabelLeadingIcon:_}=R,T=t=>{const{label:s,status:i="default",leadingIconVisible:n=!0,class:a}=t,r=_(i);return e("div",{class:S({status:i},a)},n&&i&&r?e(y,{name:r,size:"sm",appearance:"filled"}):null,s&&""!==s?e("span",null,s):null)},{checkRequirementRuleSatisfied:j}=w,{getGidsRequirementsMeterClassNames:F}=o,B=({requirements:t=[],text:s,textMinLength:i,class:n})=>{const a=(t,s)=>e(T,{status:s?"success":"error",label:t.requirementText});return e("div",{class:F(n)},t.map((e=>{if(null!=e?.requirementText&&null!=e?.requirementRule){const t=j({rule:e.requirementRule,textMinLength:i,text:s});return"include-min-length"===e.requirementRule?!0===p({requirementRule:e.requirementRule,textMinLength:i})?a(e,t):null:a(e,t)}return null})))},{inputToGidsFieldStatusForPassword:E}=u,z=s(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.gidsPasswordFieldClear=n(this,"gidsPasswordFieldClear"),this.gidsPasswordFieldRevealPassword=n(this,"gidsPasswordFieldRevealPassword"),this.isPasswordRevealed=!1,this.meterRules=[],this.requirementsMeterRequirements=[],this.requirements=[],this.#e=h(),this._handleDismiss=()=>{const e=this.#t?.querySelector("input.gids-input__control");e&&(e.value="",e.dispatchEvent(new globalThis.Event("input",{bubbles:!0}))),this.value="",this.gidsPasswordFieldClear.emit()},this._handleRevealPassword=()=>{const e=this.#t?.querySelector("input.gids-input__control");this.isPasswordRevealed=null!=e?.value&&""!==e.value&&!1===this.isPasswordRevealed,this._el.dispatchEvent(new CustomEvent("gidsPasswordFieldRevealPassword",{detail:{passwordRevealed:this.isPasswordRevealed},bubbles:!0,composed:!0}))},this._handleInput=e=>{this.value=e.target?.value},this._handleInputFocusAndBlur=e=>{this._el.dispatchEvent(new FocusEvent(e.type,{relatedTarget:e.relatedTarget}))},this._isRequirementAndStrengthMeterVisible=()=>{const e=this.requirements;return!!(e&&e.length>0)},this._handleRequirementsMeter=()=>{const e=this._isRequirementAndStrengthMeterVisible();this.requirementsMeterRequirements=this.requirements&&this.requirements.length>0?this.requirements:[],this.meterRules=e?b(this.requirements):[]}}_startSlotContentObserver(){this._slotContentObserver=new MutationObserver((()=>{a(this)})),this._slotContentObserver.observe(this._el,{childList:!0,subtree:!1,attributes:!0,attributeFilter:["slot"]})}handleRequirementsChange(e){void 0===e&&(this.requirements=x(this.textMinLength).defaultRequirementsMeterRules),this._handleRequirementsMeter()}componentWillLoad(){this.requirements||(this.requirements=x(this.textMinLength).defaultRequirementsMeterRules),this._handleRequirementsMeter()}connectedCallback(){const e=c();void 0!==e&&this._el.shadowRoot?.adoptedStyleSheets.push(e),this._handleRequirementsMeter(),this._startSlotContentObserver()}disconnectedCallback(){this._slotContentObserver?.disconnect(),this._slotContentObserver=void 0}#e;#t;render(){const{id:t,...s}=this.inputProps??{},i=t??this.#e,n=this.showClearButton&&void 0!==this.value&&this.value.length>0,a=this.showRevealPasswordButton,d={...s},l=void 0!==d?.placeholder&&null!==d.placeholder&&""!=d.placeholder?d.placeholder:"Enter password",o=this.isPasswordRevealed,h=this.meterRules,u=void 0!==this.textMinLength?this.textMinLength:8;return e(r,{key:"d432cef8c1647b87dedff271d5885e927e43f308"},e("gids-field",{key:"48ef08affb80f0d9b5784a0eb68f38311e3c4f81",disabled:this.disabled,count:void 0,helperText:this.helperText,statusText:this.statusText,status:E(this.status)},e(m,{key:"6a19f405851738b1b8ca2178a5b59dfe910fc8a8",slot:"label",disabled:this.disabled,info:e("slot",{name:"info"}),fieldRequirement:this.fieldRequirement,fieldRequirementOptionalText:this.fieldRequirementOptionalText,fieldRequirementRequiredText:this.fieldRequirementRequiredText,isLabelSentence:this.isLabelSentence,htmlFor:i},this.label),e("gids-input",{key:"628fed42fcc93b0cffa343eb0f36b5873f9602f2",ref:e=>this.#t=e,appearance:"default",status:this.status,loading:this.loading,value:this.value,defaultValue:this.defaultValue,name:this.name,required:this.required,disabled:this.disabled,readOnly:this.readOnly,leadingLabel:void 0,trailingLabel:void 0,onFocus:this._handleInputFocusAndBlur,onBlur:this._handleInputFocusAndBlur,onInput:this._handleInput,inputProps:{...d,placeholder:l,type:o?"text":"password",id:i,maxLength:this.maxLength}},e("slot",{key:"f5eb222b74d657ea54030c23dcc65fdaa0c6613e",name:"leadingIcon"}),e("slot",{key:"a0a850d852fca98bbc5373e4ba768a08276f0538",name:"leadingAccessory"}),e("div",{key:"4ce3a44dcf00ac7d3cac81d9447cc6b715c92e7e",slot:"trailingAccessory",class:"gids-password-field__trailing-accessory"},n&&e(f,{key:"fb8bb65b5efb02717f2d91c59e9abc875cce3a7a",label:"clear text",size:"lg",onPressDismiss:this._handleDismiss}),a&&e(g,{key:"8aff9bce69af15a78d366e286fa7ee63ba1119f7",appearance:"default",size:"xs",width:"intrinsic",disabled:this.disabled,onClick:this._handleRevealPassword},o?"Hide":"Show")))),e("div",{key:"bb9734d4d57e146ea40d8bdee28f14b65a9a6c7b",class:"gids-password-field__meters-container"},e(P,{key:"f3bbc38d7f5d8b3cb26a9dcc6817b72084d1ef77",meterRules:h,text:this.value,textMinLength:u}),e(B,{key:"bd4d1dfb45f868e9bce181a46ef8d60e70d0d492",requirements:this.requirementsMeterRequirements,text:this.value,textMinLength:u})))}get _el(){return this}static get watchers(){return{requirements:[{handleRequirementsChange:0}],textMinLength:[{handleRequirementsChange:0}]}}},[260,"gids-password-field",{label:[513],showClearButton:[516,"show-clear-button"],showRevealPasswordButton:[516,"show-reveal-password-button"],helperText:[513,"helper-text"],statusText:[513,"status-text"],status:[513],loading:[516],name:[513],required:[516],maxLength:[514,"maxlength"],value:[1],defaultValue:[513,"default-value"],disabled:[516],readOnly:[516,"readonly"],inputProps:[16],fieldRequirement:[513,"field-requirement"],fieldRequirementOptionalText:[1,"field-requirement-optional-text"],fieldRequirementRequiredText:[1,"field-requirement-required-text"],isLabelSentence:[16],textMinLength:[514,"text-min-length"],requirements:[16],isPasswordRevealed:[32],meterRules:[32],requirementsMeterRequirements:[32]},void 0,{requirements:[{handleRequirementsChange:0}],textMinLength:[{handleRequirementsChange:0}]}]);function O(){"undefined"!=typeof customElements&&["gids-password-field","gids-field","gids-input"].forEach((e=>{switch(e){case"gids-password-field":customElements.get(t(e))||customElements.define(t(e),z);break;case"gids-field":customElements.get(t(e))||M();break;case"gids-input":customElements.get(t(e))||L()}}))}O();const U=z,V=O;export{U as GidsPasswordField,V as defineCustomElement}
1
+ import{h as e,t,p as s,H as i,c as n,f as a,F as r}from"./p-Bf3p-DY2.js";import{GidsStrengthMeterWebUtils as d,GidsRequirementsMeterLabelWebUtils as l,GidsRequirementsMeterWebUtils as o,generateId as h,GidsPasswordFieldWebUtils as u}from"@ganpatiinfo/gids-web-shared";import{g as c}from"./p-B2zUuNXz.js";import{G as m}from"./p-Dg2yoUxw.js";import{G as g}from"./p-UxDcM-C5.js";import{G as p}from"./p-UVmSPzTd.js";import{minLengthRuleCanBeApplied as b,getMeterRulesFromRequirements as f,getDefaultRulesAndRequirementsForMeters as x}from"@ganpatiinfo/gids-core-shared/dist/components/GidsRequirementsMeter/GidsRequirementsMeterCommonUtils.js";import{GidsStrengthMeterCommonUtils as q,GidsRequirementsMeterLabelCommonUtils as R,GidsRequirementsMeterCommonUtils as w}from"@ganpatiinfo/gids-core-shared";import{minLengthRuleCanBeApplied as v}from"@ganpatiinfo/gids-core-shared/dist/components/GidsRequirementsMeter/GidsRequirementsMeterCommonUtils";import{G as y}from"./p-D4Pimu_8.js";import{d as M}from"./p-CatvDz2b.js";import{d as L}from"./p-CnVmK0dH.js";const{getGidsStrengthMeterClassNames:C}=d,{getStrengthMeterScore:k,getColorModifierByScore:P}=q,S=({text:t,textMinLength:s,meterRules:i=["1-uppercase","1-lowercase","1-digit","1-special-character","include-min-length"],class:n})=>{const a=(t,s,i)=>e("div",{key:t,class:["gids-strength-meter__strength-"+t,i?"is-active":"",i?s:""].filter(Boolean).join(" ")});return i.length>0?e("div",{class:C(n)},(()=>{const e=i.length,n=k({text:t,textMinLength:s,meterRules:i}),r=P({textScore:n,maxScore:e});return Array.from({length:e},((e,t)=>{const d=t+1,l=d<=n;return"include-min-length"===i[d]?v({requirementRule:"include-min-length",textMinLength:s})?a(d,r,l):null:a(d,r,l)}))})()):null},{getGidsRequirementsMeterLabelClassNames:_}=l,{getRequirementsMeterLabelLeadingIcon:G}=R,T=t=>{const{label:s,status:i="default",leadingIconVisible:n=!0,class:a}=t,r=G(i);return e("div",{class:_({status:i},a)},n&&i&&r?e(y,{name:r,size:"sm",appearance:"filled"}):null,s&&""!==s?e("span",null,s):null)},{checkRequirementRuleSatisfied:F}=w,{getGidsRequirementsMeterClassNames:j}=o,B=({requirements:t=[],text:s,textMinLength:i,class:n})=>{const a=(t,s)=>e(T,{status:s?"success":"error",label:t.requirementText});return e("div",{class:j(n)},t.map((e=>{if(null!=e?.requirementText&&null!=e?.requirementRule){const t=F({rule:e.requirementRule,textMinLength:i,text:s});return"include-min-length"===e.requirementRule?!0===b({requirementRule:e.requirementRule,textMinLength:i})?a(e,t):null:a(e,t)}return null})))},{inputToGidsFieldStatusForPassword:E}=u,z=s(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.gidsPasswordFieldClear=n(this,"gidsPasswordFieldClear"),this.gidsPasswordFieldRevealPassword=n(this,"gidsPasswordFieldRevealPassword"),this.isPasswordRevealed=!1,this.meterRules=[],this.requirementsMeterRequirements=[],this.requirements=[],this.#e=h(),this._handleDismiss=()=>{const e=this.#t?.querySelector("input.gids-input__control");e&&(e.value="",e.dispatchEvent(new globalThis.Event("input",{bubbles:!0}))),this.value="",this.gidsPasswordFieldClear.emit()},this._handleRevealPassword=()=>{const e=this.#t?.querySelector("input.gids-input__control");this.isPasswordRevealed=null!=e?.value&&""!==e.value&&!1===this.isPasswordRevealed,this._el.dispatchEvent(new CustomEvent("gidsPasswordFieldRevealPassword",{detail:{passwordRevealed:this.isPasswordRevealed},bubbles:!0,composed:!0}))},this._handleInput=e=>{this.value=e.target?.value},this._handleInputFocusAndBlur=e=>{this._el.dispatchEvent(new FocusEvent(e.type,{relatedTarget:e.relatedTarget}))},this._isRequirementAndStrengthMeterVisible=()=>{const e=this.requirements;return!!(e&&e.length>0)},this._handleRequirementsMeter=()=>{const e=this._isRequirementAndStrengthMeterVisible();this.requirementsMeterRequirements=this.requirements&&this.requirements.length>0?this.requirements:[],this.meterRules=e?f(this.requirements):[]}}_startSlotContentObserver(){this._slotContentObserver=new MutationObserver((()=>{a(this)})),this._slotContentObserver.observe(this._el,{childList:!0,subtree:!1,attributes:!0,attributeFilter:["slot"]})}handleRequirementsChange(e){void 0===e&&(this.requirements=x(this.textMinLength).defaultRequirementsMeterRules),this._handleRequirementsMeter()}componentWillLoad(){this.requirements||(this.requirements=x(this.textMinLength).defaultRequirementsMeterRules),this._handleRequirementsMeter()}connectedCallback(){const e=c();void 0!==e&&this._el.shadowRoot?.adoptedStyleSheets.push(e),this._handleRequirementsMeter(),this._startSlotContentObserver()}disconnectedCallback(){this._slotContentObserver?.disconnect(),this._slotContentObserver=void 0}#e;#t;render(){const{id:t,...s}=this.inputProps??{},i=t??this.#e,n=this.showClearButton&&void 0!==this.value&&this.value.length>0,a=this.showRevealPasswordButton,d={...s},l=void 0!==d?.placeholder&&null!==d.placeholder&&""!=d.placeholder?d.placeholder:"Enter password",o=this.isPasswordRevealed,h=this.meterRules,u=void 0!==this.textMinLength?this.textMinLength:8;return e(r,{key:"b3ca75e255c3c52dd2b06a53d4f4ad97a2eabe40"},e("gids-field",{key:"92aeaf60d20a989ab5f3d3e0b2578dadabbe6f11",disabled:this.disabled,count:void 0,helperText:this.helperText,statusText:this.statusText,status:E(this.status)},e(m,{key:"419e3469a5bc10d4b98b07d7a3cb1297d904a7c6",slot:"label",disabled:this.disabled,info:e("slot",{name:"info"}),fieldRequirement:this.fieldRequirement,fieldRequirementOptionalText:this.fieldRequirementOptionalText,fieldRequirementRequiredText:this.fieldRequirementRequiredText,isLabelSentence:this.isLabelSentence,htmlFor:i},this.label),e("gids-input",{key:"07e593d86d9c9f45ec51b86d9e401085dc7ad42c",ref:e=>this.#t=e,appearance:"default",status:this.status,loading:this.loading,value:this.value,defaultValue:this.defaultValue,name:this.name,required:this.required,disabled:this.disabled,readOnly:this.readOnly,leadingLabel:void 0,trailingLabel:void 0,onFocus:this._handleInputFocusAndBlur,onBlur:this._handleInputFocusAndBlur,onInput:this._handleInput,inputProps:{...d,placeholder:l,type:o?"text":"password",id:i,maxLength:this.maxLength}},e("slot",{key:"edef3da6bb9e90730b5e8c016fe3d568c0780794",name:"leadingIcon"}),e("slot",{key:"ae4a8f0dcd6c6fae7c2dbd6834d82564dc369b31",name:"leadingAccessory"}),e("div",{key:"ad2b08b5fdd053109cfe2e3519fa7f724a908b7d",slot:"trailingAccessory",class:"gids-password-field__trailing-accessory"},n&&e(g,{key:"0222e71ffc2e2678cf881638e51418fc2b1bb2eb",label:"clear text",size:"lg",onPressDismiss:this._handleDismiss}),a&&e(p,{key:"ecd8dc448c9bca208454ed61a03a4caba33ebc4d",appearance:"default",size:"xs",width:"intrinsic",disabled:this.disabled,onClick:this._handleRevealPassword},o?"Hide":"Show")))),e("div",{key:"b3da444b02597769ebd3b0e28f3988a912c0bf60",class:"gids-password-field__meters-container"},e(S,{key:"91b7b8b41b681d94657f9f4fe3aa1ee04618eda1",meterRules:h,text:this.value,textMinLength:u}),e(B,{key:"30b809ba457fc0a666f749386a8654b29b0a65ce",requirements:this.requirementsMeterRequirements,text:this.value,textMinLength:u})))}get _el(){return this}static get watchers(){return{requirements:[{handleRequirementsChange:0}],textMinLength:[{handleRequirementsChange:0}]}}},[260,"gids-password-field",{label:[513],showClearButton:[516,"show-clear-button"],showRevealPasswordButton:[516,"show-reveal-password-button"],helperText:[513,"helper-text"],statusText:[513,"status-text"],status:[513],loading:[516],name:[513],required:[516],maxLength:[514,"maxlength"],value:[1],defaultValue:[513,"default-value"],disabled:[516],readOnly:[516,"readonly"],inputProps:[16],fieldRequirement:[513,"field-requirement"],fieldRequirementOptionalText:[1,"field-requirement-optional-text"],fieldRequirementRequiredText:[1,"field-requirement-required-text"],isLabelSentence:[16],textMinLength:[514,"text-min-length"],requirements:[16],isPasswordRevealed:[32],meterRules:[32],requirementsMeterRequirements:[32]},void 0,{requirements:[{handleRequirementsChange:0}],textMinLength:[{handleRequirementsChange:0}]}]);function D(){"undefined"!=typeof customElements&&["gids-password-field","gids-field","gids-input"].forEach((e=>{switch(e){case"gids-password-field":customElements.get(t(e))||customElements.define(t(e),z);break;case"gids-field":customElements.get(t(e))||M();break;case"gids-input":customElements.get(t(e))||L()}}))}D();const O=z,U=D;export{O as GidsPasswordField,U as defineCustomElement}
@@ -1 +1 @@
1
- import{G as o,d as s}from"./p-C3We7Q8Q.js";const p=o,r=s;export{p as GidsPieChart,r as defineCustomElement}
1
+ import{G as s,d as o}from"./p-Bab1qxsC.js";const a=s,p=o;export{a as GidsPieChart,p as defineCustomElement}
@@ -1 +1 @@
1
- import{t,p as e,H as o,h as i,F as s}from"./p-Bf3p-DY2.js";import{G as r}from"./p-a3JfEYJp.js";import{G as a}from"./p-B8kX8Vqv.js";const n=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.placement="bottom",this.previouslyFocusedElement=null,this.focusableElements=[],this.handleToggleEvent=t=>{t.stopPropagation();const e=this.floatingElementManager.isVisible();this.floatingElementManager.toggle(),!e&&this.floatingElementManager.isVisible()?this.onPopoverShow():e&&!this.floatingElementManager.isVisible()&&this.onPopoverHide()},this.handleDocumentClick=t=>{this.floatingElementManager.isVisible()&&!this._el.contains(t.target)&&(this.floatingElementManager.hide(),this.onPopoverHide())},this.handleKeyDown=t=>{if(this.floatingElementManager.isVisible())return"Escape"===t.key?(t.preventDefault(),this.floatingElementManager.hide(),void this.onPopoverHide()):void("Tab"===t.key&&this.trapFocus(t))}}componentDidLoad(){this.floatingElementManager=new r(this._el,{htmlFor:this.htmlFor,placement:this.placement,showWithoutDelay:!0,floatingElementSelector:"#popover",arrowElementSelector:"#arrow",visibilityClass:"gids-popover--visible",elementType:a.POPOVER,getAnchorElementFromSlot:t=>{const e=t.querySelector('slot[name="anchor"]');return e?.assignedElements()[0]||null}}),this.floatingElementManager.initialize(),this.setupEventListeners()}setupEventListeners(){const t=this.floatingElementManager.getAnchorElement();t&&(t.addEventListener("click",this.handleToggleEvent),document.addEventListener("click",this.handleDocumentClick),document.addEventListener("keydown",this.handleKeyDown))}onPopoverShow(){this.previouslyFocusedElement=document.activeElement,this.updateFocusableElements(),setTimeout((()=>{this.focusableElements.length>0&&this.focusableElements[0]&&this.focusableElements[0].focus()}),50)}onPopoverHide(){this.previouslyFocusedElement&&(this.previouslyFocusedElement.focus(),this.previouslyFocusedElement=null)}updateFocusableElements(){const t=this._el.shadowRoot?.querySelector("#popover");if(!t)return;const e=[],o=l(t);e.push(...o);const i=this._el.shadowRoot?.querySelector("slot:not([name])");i&&i.assignedElements({flatten:!0}).forEach((t=>{const o=l(t);e.push(...o)})),this.focusableElements=e.sort(((t,e)=>{const o=t.compareDocumentPosition(e),i=!!(o&Node.DOCUMENT_POSITION_FOLLOWING),s=!!(o&Node.DOCUMENT_POSITION_PRECEDING);return i?-1:s?1:0}))}trapFocus(t){if(0===this.focusableElements.length)return;const e=this.focusableElements[0],o=this.focusableElements[this.focusableElements.length-1];let i=document.activeElement;if(i===this._el){const t=this._el.shadowRoot?.activeElement;null!==t&&(i=t)}const s=-1!==this.focusableElements.indexOf(i);t.shiftKey?i!==e&&s||(t.preventDefault(),o&&o.focus()):i!==o&&s||(t.preventDefault(),e&&e.focus())}placementChanged(t){this.floatingElementManager?.updateConfig({placement:t}),this.floatingElementManager?.isVisible()&&this.floatingElementManager?.reposition()}htmlForChanged(t){this.floatingElementManager?.updateConfig({htmlFor:t}),this.cleanupEventListeners(),this.floatingElementManager?.initialize(),this.setupEventListeners()}cleanupEventListeners(){const t=this.floatingElementManager?.getAnchorElement();t&&t.removeEventListener("click",this.handleToggleEvent),document.removeEventListener("click",this.handleDocumentClick),document.removeEventListener("keydown",this.handleKeyDown)}render(){return i(s,{key:"8ba926923396baba700ffdd150285e2b1d5fdadb"},i("slot",{key:"f6f2124fa92e77a40d9ef3daad50746d7c19d525",name:"anchor"}),i("div",{key:"e38abaca1c99ae58185684dec56372aac6cdf169",id:"popover",part:"popover",role:"dialog","aria-modal":"true",tabindex:"-1"},i("span",{key:"6eaef30f452a72b3221d2c5ddef5ac21aab3ba62",id:"arrow"}),i("div",{key:"cd3bb7bf24a8f2a8273bcb891df314c50a3d00ce"},i("slot",{key:"18e66983483c84164787fc2f999dbb93bee6f929"}))))}disconnectedCallback(){this.cleanupEventListeners(),this.floatingElementManager?.destroy()}get _el(){return this}static get watchers(){return{placement:[{placementChanged:0}],htmlFor:[{htmlForChanged:0}]}}static get style(){return"gids-popover{--gidsPopover-background:var(--gids-elevation-surface-overlay-default);--gidsPopover-text-color:var(--gids-color-text-default);--gidsPopover-padding:var(--gids-padding-vertical-edge-to-element-200) var(--gids-padding-horizontal-edge-to-element-300);--gidsPopover-border-radius:var(--gids-border-radius-lg);--gidsPopover-tip-border-radius:2px;--gidsPopover-tip-size:12px;--gidsPopover-shadow:var(--gids-elevation-shadow-overlay);--gidsFloatingElement-background:var(--gidsPopover-background);--gidsFloatingElement-tip-border-radius:var(--gidsPopover-tip-border-radius)}[part=popover]{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);position:absolute;display:inline-block;background-color:var(--gidsPopover-background);color:var(--gidsPopover-text-color);border-radius:var(--gidsPopover-border-radius);box-shadow:var(--gidsPopover-shadow);z-index:1000;opacity:0;pointer-events:none;outline:none}[part=popover]:focus{outline:none}[part=popover].gids-popover--visible{pointer-events:initial;opacity:1}[part=popover] span#arrow{position:absolute;height:var(--gidsPopover-tip-size);width:var(--gidsPopover-tip-size);background-color:var(--gidsPopover-background)}"}},[257,"gids-popover",{htmlFor:[513,"for"],placement:[513]},void 0,{placement:[{placementChanged:0}],htmlFor:[{htmlForChanged:0}]}]),d=t=>{if(!(t instanceof o))return!1;if(-1===t.tabIndex)return!1;if(t.hasAttribute("disabled"))return!1;const e=getComputedStyle(t);if("none"===e.display||"hidden"===e.visibility||t.hidden)return!1;try{const e=t.tabIndex;t.tabIndex=-1,t.focus();const o=document.activeElement===t;return t.tabIndex=e,o&&t.blur(),o}catch{return!1}},l=t=>{const e=document.createTreeWalker(t,NodeFilter.SHOW_ELEMENT,{acceptNode:t=>d(t)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}),o=[];d(t)&&o.push(t);let i=e.nextNode();for(;null!==i;)o.push(i),i=e.nextNode();return o};function p(){"undefined"!=typeof customElements&&["gids-popover"].forEach((e=>{"gids-popover"===e&&(customElements.get(t(e))||customElements.define(t(e),n))}))}p();const h=n,c=p;export{h as GidsPopover,c as defineCustomElement}
1
+ import{t,p as e,H as o,h as i,F as s}from"./p-Bf3p-DY2.js";import{G as r}from"./p-BBszCFSA.js";import{G as a}from"./p-B8kX8Vqv.js";const n=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.placement="bottom",this.previouslyFocusedElement=null,this.focusableElements=[],this.handleToggleEvent=t=>{t.stopPropagation();const e=this.floatingElementManager.isVisible();this.floatingElementManager.toggle(),!e&&this.floatingElementManager.isVisible()?this.onPopoverShow():e&&!this.floatingElementManager.isVisible()&&this.onPopoverHide()},this.handleDocumentClick=t=>{this.floatingElementManager.isVisible()&&!this._el.contains(t.target)&&(this.floatingElementManager.hide(),this.onPopoverHide())},this.handleKeyDown=t=>{if(this.floatingElementManager.isVisible())return"Escape"===t.key?(t.preventDefault(),this.floatingElementManager.hide(),void this.onPopoverHide()):void("Tab"===t.key&&this.trapFocus(t))}}componentDidLoad(){this.floatingElementManager=new r(this._el,{htmlFor:this.htmlFor,placement:this.placement,showWithoutDelay:!0,floatingElementSelector:"#popover",arrowElementSelector:"#arrow",visibilityClass:"gids-popover--visible",elementType:a.POPOVER,getAnchorElementFromSlot:t=>{const e=t.querySelector('slot[name="anchor"]');return e?.assignedElements()[0]||null}}),this.floatingElementManager.initialize(),this.setupEventListeners()}setupEventListeners(){const t=this.floatingElementManager.getAnchorElement();t&&(t.addEventListener("click",this.handleToggleEvent),document.addEventListener("click",this.handleDocumentClick),document.addEventListener("keydown",this.handleKeyDown))}onPopoverShow(){this.previouslyFocusedElement=document.activeElement,this.updateFocusableElements(),setTimeout((()=>{this.focusableElements.length>0&&this.focusableElements[0]&&this.focusableElements[0].focus()}),50)}onPopoverHide(){this.previouslyFocusedElement&&(this.previouslyFocusedElement.focus(),this.previouslyFocusedElement=null)}updateFocusableElements(){const t=this._el.shadowRoot?.querySelector("#popover");if(!t)return;const e=[],o=l(t);e.push(...o);const i=this._el.shadowRoot?.querySelector("slot:not([name])");i&&i.assignedElements({flatten:!0}).forEach((t=>{const o=l(t);e.push(...o)})),this.focusableElements=e.sort(((t,e)=>{const o=t.compareDocumentPosition(e),i=!!(o&Node.DOCUMENT_POSITION_FOLLOWING),s=!!(o&Node.DOCUMENT_POSITION_PRECEDING);return i?-1:s?1:0}))}trapFocus(t){if(0===this.focusableElements.length)return;const e=this.focusableElements[0],o=this.focusableElements[this.focusableElements.length-1];let i=document.activeElement;if(i===this._el){const t=this._el.shadowRoot?.activeElement;null!==t&&(i=t)}const s=-1!==this.focusableElements.indexOf(i);t.shiftKey?i!==e&&s||(t.preventDefault(),o&&o.focus()):i!==o&&s||(t.preventDefault(),e&&e.focus())}placementChanged(t){this.floatingElementManager?.updateConfig({placement:t}),this.floatingElementManager?.isVisible()&&this.floatingElementManager?.reposition()}htmlForChanged(t){this.floatingElementManager?.updateConfig({htmlFor:t}),this.cleanupEventListeners(),this.floatingElementManager?.initialize(),this.setupEventListeners()}cleanupEventListeners(){const t=this.floatingElementManager?.getAnchorElement();t&&t.removeEventListener("click",this.handleToggleEvent),document.removeEventListener("click",this.handleDocumentClick),document.removeEventListener("keydown",this.handleKeyDown)}render(){return i(s,{key:"7072ac10af27e4e27d9d8fd0a8771403f9314e6e"},i("slot",{key:"917ac8886b35e170cfa3ba32092602ed941d3bfc",name:"anchor"}),i("div",{key:"0285fe8576af9adb85d1380be12dc2bda8fe88db",id:"popover",part:"popover",role:"dialog","aria-modal":"true",tabindex:"-1"},i("span",{key:"8e03c6bdfcf4168768398892301a3185160db725",id:"arrow"}),i("div",{key:"7fe7510c89274cb9aedd44af3f2fa0ddf18acd4a"},i("slot",{key:"facbdafa78fd2076d2cdb90d55714120bd9c33ba"}))))}disconnectedCallback(){this.cleanupEventListeners(),this.floatingElementManager?.destroy()}get _el(){return this}static get watchers(){return{placement:[{placementChanged:0}],htmlFor:[{htmlForChanged:0}]}}static get style(){return"gids-popover{--gidsPopover-background:var(--gids-elevation-surface-overlay-default);--gidsPopover-text-color:var(--gids-color-text-default);--gidsPopover-padding:var(--gids-padding-vertical-edge-to-element-200) var(--gids-padding-horizontal-edge-to-element-300);--gidsPopover-border-radius:var(--gids-border-radius-lg);--gidsPopover-tip-border-radius:2px;--gidsPopover-tip-size:12px;--gidsPopover-shadow:var(--gids-elevation-shadow-overlay);--gidsFloatingElement-background:var(--gidsPopover-background);--gidsFloatingElement-tip-border-radius:var(--gidsPopover-tip-border-radius)}[part=popover]{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);position:absolute;display:inline-block;background-color:var(--gidsPopover-background);color:var(--gidsPopover-text-color);border-radius:var(--gidsPopover-border-radius);box-shadow:var(--gidsPopover-shadow);z-index:1000;opacity:0;pointer-events:none;outline:none}[part=popover]:focus{outline:none}[part=popover].gids-popover--visible{pointer-events:initial;opacity:1}[part=popover] span#arrow{position:absolute;height:var(--gidsPopover-tip-size);width:var(--gidsPopover-tip-size);background-color:var(--gidsPopover-background)}"}},[257,"gids-popover",{htmlFor:[513,"for"],placement:[513]},void 0,{placement:[{placementChanged:0}],htmlFor:[{htmlForChanged:0}]}]),d=t=>{if(!(t instanceof o))return!1;if(-1===t.tabIndex)return!1;if(t.hasAttribute("disabled"))return!1;const e=getComputedStyle(t);if("none"===e.display||"hidden"===e.visibility||t.hidden)return!1;try{const e=t.tabIndex;t.tabIndex=-1,t.focus();const o=document.activeElement===t;return t.tabIndex=e,o&&t.blur(),o}catch{return!1}},l=t=>{const e=document.createTreeWalker(t,NodeFilter.SHOW_ELEMENT,{acceptNode:t=>d(t)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}),o=[];d(t)&&o.push(t);let i=e.nextNode();for(;null!==i;)o.push(i),i=e.nextNode();return o};function p(){"undefined"!=typeof customElements&&["gids-popover"].forEach((e=>{"gids-popover"===e&&(customElements.get(t(e))||customElements.define(t(e),n))}))}p();const h=n,c=p;export{h as GidsPopover,c as defineCustomElement}
@@ -1 +1 @@
1
- import{t as s,p as t,H as e,h as r}from"./p-Bf3p-DY2.js";import{g as i}from"./p-B2zUuNXz.js";import{GidsScrimWebUtils as a}from"@ganpatiinfo/gids-web-shared";const{getGidsScrimClassNames:o}=a,c=t(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.activeClasses=""}handleExtraClassesChange(s){this.activeClasses=o(s)}connectedCallback(){const s=i();void 0!==s&&this._el.shadowRoot?.adoptedStyleSheets.push(s),this.activeClasses=o(this.extraClasses)}render(){return r("div",{key:"8167fdb99ddda2dd4db8e27f9dc188586652385d",class:this.activeClasses,part:"root"},r("slot",{key:"e93770f7b43713b32c964fc00492c31de9474e6e"}))}get _el(){return this}static get watchers(){return{extraClasses:[{handleExtraClassesChange:0}]}}static get style(){return".gids-scrim{display:flex;flex-direction:column;background-color:var(--gids-color-background-scrim);height:100vh !important;position:absolute;top:0;bottom:0;left:0;right:0;z-index:1001;align-items:center;justify-content:center;backdrop-filter:blur(12)}"}},[257,"gids-scrim",{extraClasses:[513,"extra-classes"],activeClasses:[32]},void 0,{extraClasses:[{handleExtraClassesChange:0}]}]);function n(){"undefined"!=typeof customElements&&["gids-scrim"].forEach((t=>{"gids-scrim"===t&&(customElements.get(s(t))||customElements.define(s(t),c))}))}n();const d=c,l=n;export{d as GidsScrim,l as defineCustomElement}
1
+ import{t as s,p as t,H as e,h as a}from"./p-Bf3p-DY2.js";import{g as r}from"./p-B2zUuNXz.js";import{GidsScrimWebUtils as i}from"@ganpatiinfo/gids-web-shared";const{getGidsScrimClassNames:o}=i,n=t(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.activeClasses=""}handleExtraClassesChange(s){this.activeClasses=o(s)}connectedCallback(){const s=r();void 0!==s&&this._el.shadowRoot?.adoptedStyleSheets.push(s),this.activeClasses=o(this.extraClasses)}render(){return a("div",{key:"df983fb2a1a7fb80da42f24d15156de78f44774c",class:this.activeClasses,part:"root"},a("slot",{key:"6f8a76773dfe9f905ca63c8bf22ae7427b7a47bb"}))}get _el(){return this}static get watchers(){return{extraClasses:[{handleExtraClassesChange:0}]}}static get style(){return".gids-scrim{display:flex;flex-direction:column;background-color:var(--gids-color-background-scrim);height:100vh !important;position:absolute;top:0;bottom:0;left:0;right:0;z-index:1001;align-items:center;justify-content:center;backdrop-filter:blur(12)}"}},[257,"gids-scrim",{extraClasses:[513,"extra-classes"],activeClasses:[32]},void 0,{extraClasses:[{handleExtraClassesChange:0}]}]);function c(){"undefined"!=typeof customElements&&["gids-scrim"].forEach((t=>{"gids-scrim"===t&&(customElements.get(s(t))||customElements.define(s(t),n))}))}c();const l=n,d=c;export{l as GidsScrim,d as defineCustomElement}
@@ -1 +1 @@
1
- import{h as e,t as a,p as r,H as i,d as o}from"./p-Bf3p-DY2.js";import{nonEmpty as t,GidsBadgeWebUtils as d,GidsTabItemWebUtils as c}from"@ganpatiinfo/gids-web-shared";import{GidsBadgeCommonUtils as s}from"@ganpatiinfo/gids-core-shared";const{getDisplayContent:n,shouldIncludeA11yText:g}=s,{getGidsBadgeClassNames:l}=d,b=({appearance:a,type:r,count:i,accessibleText:o,outline:d,class:c,...s})=>{const b=g(r,i,t(o));return e("span",{class:l({appearance:a,type:r,outline:d},c),...s},b&&e("span",{class:"gids-visually-hidden"},t(o)?o:i),"notification"===r?b?e("span",{"aria-hidden":"true"},n(i,o)):n(i,o):null)},{getGidsTabItemClassNames:v}=c,h=r(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.active=!1,this.width="intrinsic",this.appearance="default",this.badgeVisible=!1,this.badgeAppearance="information",this.badgeType="dot",this.hasLeadingIcon=!1,this.hasTrailingIcon=!1,this.handleHostClick=()=>{this.onPressGidsTabItem&&this.onPressGidsTabItem({itemId:this.itemId,label:this?.label??"",active:this?.active??!1,appearance:this?.appearance??"default",name:this?.name,badgeCount:this?.badgeCount??0})}}handleWidthChange(e){this.width=e}handleAppearanceChange(e){this.appearance=e}handleBadgeVisibilityChange(e){this.badgeVisible=e}handleBadgeAppearanceChange(e){this.badgeAppearance=e}handleBadgeTypeChange(e){this.badgeType=e}handleActiveChange(e){this.active=e}componentWillLoad(){this.checkSlots()}componentWillUpdate(){this.checkSlots()}checkSlots(){this.hasLeadingIcon=!!this.hostElement.querySelector('[slot="leadingIconTabItem"]'),this.hasTrailingIcon=!!this.hostElement.querySelector('[slot="trailingIconTabItem"]')}render(){const a=v({appearance:this.appearance,width:this.width,active:this.active}),r=this.hasTrailingIcon,i=this.badgeVisible,t="primary"===this.appearance&&this.active?"inverse":this.badgeAppearance??"information",d=this.label;return e(o,{key:"df04041b0085eba54f6347803d7dd5795cdcd412",class:a,onClick:this.handleHostClick},this.hasLeadingIcon?e("slot",{name:"leadingIconTabItem"}):void 0,d&&""!==d?e("span",{class:"gids-tab-item__label"},d&&""!==d?d:void 0,i?e(b,{appearance:t,type:this.badgeType,count:this.badgeCount}):void 0):void 0,r?e("slot",{name:"trailingIconTabItem"}):void 0)}get hostElement(){return this}static get watchers(){return{width:[{handleWidthChange:0}],appearance:[{handleAppearanceChange:0}],badgeVisible:[{handleBadgeVisibilityChange:0}],badgeAppearance:[{handleBadgeAppearanceChange:0}],badgeType:[{handleBadgeTypeChange:0}],active:[{handleActiveChange:0}]}}static get style(){return".gids-tab-item{margin:0;padding:0;appearance:none;border:none;background:none;display:inline-flex;justify-content:center;align-items:center;gap:var(--gids-gap-100);padding:var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-150);color:var(--gids-color-text-accent-5);white-space:nowrap;flex-shrink:0;cursor:pointer}.gids-tab-item .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-5)}.gids-tab-item__label{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);display:flex;justify-content:center;align-items:center;flex:1;gap:var(--gids-gap-150)}.gids-tab-item--full{display:flex}.gids-tab-item--default{border-radius:var(--gids-border-radius-md)}.gids-tab-item--default:hover{background-color:var(--gids-color-background-accent-4-subtler-hovered);color:var(--gids-color-text-accent-4)}.gids-tab-item--default:hover .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--default:active{background-color:var(--gids-color-background-accent-4-subtler-pressed);color:var(--gids-color-text-accent-4)}.gids-tab-item--default:active .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--primary{border-radius:var(--gids-border-radius-md)}.gids-tab-item--primary:hover{background-color:var(--gids-color-background-accent-4-bolder-hovered);color:var(--gids-color-text-inverse)}.gids-tab-item--primary:hover .gids-icon{--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-tab-item--primary:active{background-color:var(--gids-color-background-accent-4-bolder-pressed);color:var(--gids-color-text-inverse)}.gids-tab-item--primary:active .gids-icon{--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-tab-item--bordered{border-radius:var(--gids-border-radius-full)}.gids-tab-item--bordered:hover{background-color:var(--gids-color-background-accent-4-subtlest-hovered);color:var(--gids-color-text-accent-4);border:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4)}.gids-tab-item--bordered:hover .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--bordered:active{background-color:var(--gids-color-background-accent-4-subtlest-pressed);color:var(--gids-color-text-accent-4);border:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4)}.gids-tab-item--bordered:active .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--underlined{border-bottom:var(--gids-border-width-thick) solid var(--gids-color-border-input)}.gids-tab-item--underlined:hover{background-color:var(--gids-color-background-accent-4-subtlest-hovered);border-bottom:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4);border-top-left-radius:var(--gids-border-radius-md);border-top-right-radius:var(--gids-border-radius-md);color:var(--gids-color-text-accent-4)}.gids-tab-item--underlined:active{background-color:var(--gids-color-background-accent-4-subtlest-pressed);border-bottom:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4);border-top-left-radius:var(--gids-border-radius-md);border-top-right-radius:var(--gids-border-radius-md);color:var(--gids-color-text-accent-4)}.gids-tab-item--subtle:hover{color:var(--gids-color-text-accent-4)}.gids-tab-item--subtle:hover .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--subtle:active{color:var(--gids-color-text-accent-4)}.gids-tab-item--subtle:active .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--active-default{border-radius:var(--gids-border-radius-md);background-color:var(--gids-color-background-accent-4-subtler-default);color:var(--gids-color-text-accent-4)}.gids-tab-item--active-default .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--active-default:hover{background-color:var(--gids-color-background-accent-4-subtler-hovered)}.gids-tab-item--active-default:active{background-color:var(--gids-color-background-accent-4-subtler-pressed)}.gids-tab-item--active-primary{border-radius:var(--gids-border-radius-md);background-color:var(--gids-color-background-accent-4-bolder-default);color:var(--gids-color-text-inverse)}.gids-tab-item--active-primary .gids-icon{--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-tab-item--active-primary:hover{background-color:var(--gids-color-background-accent-4-bolder-hovered)}.gids-tab-item--active-primary:active{background-color:var(--gids-color-background-accent-4-bolder-pressed)}.gids-tab-item--active-bordered{border-radius:var(--gids-border-radius-full);border:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4);background-color:var(--gids-color-background-accent-4-subtlest-default);color:var(--gids-color-text-accent-4)}.gids-tab-item--active-bordered .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--active-bordered:hover{background-color:var(--gids-color-background-accent-4-subtlest-hovered)}.gids-tab-item--active-bordered:active{background-color:var(--gids-color-background-accent-4-subtlest-pressed)}.gids-tab-item--active-underlined{border-bottom:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4);border-top-left-radius:var(--gids-border-radius-md);border-top-right-radius:var(--gids-border-radius-md);color:var(--gids-color-text-accent-4);background-color:var(--gids-color-background-accent-4-subtlest-default)}.gids-tab-item--active-underlined .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--active-underlined:hover{background-color:var(--gids-color-background-accent-4-subtlest-hovered)}.gids-tab-item--active-underlined:active{background-color:var(--gids-color-background-accent-4-subtlest-pressed)}.gids-tab-item--active-subtle{color:var(--gids-color-text-accent-4)}.gids-tab-item--active-subtle .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}"}},[260,"gids-tab-item",{itemId:[1,"item-id"],label:[1],active:[4],name:[1],width:[1],appearance:[1],badgeVisible:[4,"badge-visible"],badgeAppearance:[1,"badge-appearance"],badgeCount:[2,"badge-count"],badgeType:[1,"badge-type"],onPressGidsTabItem:[16],hasLeadingIcon:[32],hasTrailingIcon:[32]},void 0,{width:[{handleWidthChange:0}],appearance:[{handleAppearanceChange:0}],badgeVisible:[{handleBadgeVisibilityChange:0}],badgeAppearance:[{handleBadgeAppearanceChange:0}],badgeType:[{handleBadgeTypeChange:0}],active:[{handleActiveChange:0}]}]);function u(){"undefined"!=typeof customElements&&["gids-tab-item"].forEach((e=>{"gids-tab-item"===e&&(customElements.get(a(e))||customElements.define(a(e),h))}))}u();const p=h,m=u;export{p as GidsTabItem,m as defineCustomElement}
1
+ import{h as e,t as a,p as r,H as i,d as o}from"./p-Bf3p-DY2.js";import{nonEmpty as t,GidsBadgeWebUtils as d,GidsTabItemWebUtils as c}from"@ganpatiinfo/gids-web-shared";import{GidsBadgeCommonUtils as s}from"@ganpatiinfo/gids-core-shared";const{getDisplayContent:n,shouldIncludeA11yText:g}=s,{getGidsBadgeClassNames:l}=d,b=({appearance:a,type:r,count:i,accessibleText:o,outline:d,class:c,...s})=>{const b=g(r,i,t(o));return e("span",{class:l({appearance:a,type:r,outline:d},c),...s},b&&e("span",{class:"gids-visually-hidden"},t(o)?o:i),"notification"===r?b?e("span",{"aria-hidden":"true"},n(i,o)):n(i,o):null)},{getGidsTabItemClassNames:v}=c,h=r(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.active=!1,this.width="intrinsic",this.appearance="default",this.badgeVisible=!1,this.badgeAppearance="information",this.badgeType="dot",this.hasLeadingIcon=!1,this.hasTrailingIcon=!1,this.handleHostClick=()=>{this.onPressGidsTabItem&&this.onPressGidsTabItem({itemId:this.itemId,label:this?.label??"",active:this?.active??!1,appearance:this?.appearance??"default",name:this?.name,badgeCount:this?.badgeCount??0})}}handleWidthChange(e){this.width=e}handleAppearanceChange(e){this.appearance=e}handleBadgeVisibilityChange(e){this.badgeVisible=e}handleBadgeAppearanceChange(e){this.badgeAppearance=e}handleBadgeTypeChange(e){this.badgeType=e}handleActiveChange(e){this.active=e}componentWillLoad(){this.checkSlots()}componentWillUpdate(){this.checkSlots()}checkSlots(){this.hasLeadingIcon=!!this.hostElement.querySelector('[slot="leadingIconTabItem"]'),this.hasTrailingIcon=!!this.hostElement.querySelector('[slot="trailingIconTabItem"]')}render(){const a=v({appearance:this.appearance,width:this.width,active:this.active}),r=this.hasTrailingIcon,i=this.badgeVisible,t="primary"===this.appearance&&this.active?"inverse":this.badgeAppearance??"information",d=this.label;return e(o,{key:"11e43e7cf363fc49f4282a0d1d201c5440472145",class:a,onClick:this.handleHostClick},this.hasLeadingIcon?e("slot",{name:"leadingIconTabItem"}):void 0,d&&""!==d?e("span",{class:"gids-tab-item__label"},d&&""!==d?d:void 0,i?e(b,{appearance:t,type:this.badgeType,count:this.badgeCount}):void 0):void 0,r?e("slot",{name:"trailingIconTabItem"}):void 0)}get hostElement(){return this}static get watchers(){return{width:[{handleWidthChange:0}],appearance:[{handleAppearanceChange:0}],badgeVisible:[{handleBadgeVisibilityChange:0}],badgeAppearance:[{handleBadgeAppearanceChange:0}],badgeType:[{handleBadgeTypeChange:0}],active:[{handleActiveChange:0}]}}static get style(){return".gids-tab-item{margin:0;padding:0;appearance:none;border:none;background:none;display:inline-flex;justify-content:center;align-items:center;gap:var(--gids-gap-100);padding:var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-150);color:var(--gids-color-text-accent-5);white-space:nowrap;flex-shrink:0;cursor:pointer}.gids-tab-item .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-5)}.gids-tab-item__label{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);display:flex;justify-content:center;align-items:center;flex:1;gap:var(--gids-gap-150)}.gids-tab-item--full{display:flex}.gids-tab-item--default{border-radius:var(--gids-border-radius-md)}.gids-tab-item--default:hover{background-color:var(--gids-color-background-accent-4-subtler-hovered);color:var(--gids-color-text-accent-4)}.gids-tab-item--default:hover .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--default:active{background-color:var(--gids-color-background-accent-4-subtler-pressed);color:var(--gids-color-text-accent-4)}.gids-tab-item--default:active .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--primary{border-radius:var(--gids-border-radius-md)}.gids-tab-item--primary:hover{background-color:var(--gids-color-background-accent-4-bolder-hovered);color:var(--gids-color-text-inverse)}.gids-tab-item--primary:hover .gids-icon{--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-tab-item--primary:active{background-color:var(--gids-color-background-accent-4-bolder-pressed);color:var(--gids-color-text-inverse)}.gids-tab-item--primary:active .gids-icon{--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-tab-item--bordered{border-radius:var(--gids-border-radius-full)}.gids-tab-item--bordered:hover{background-color:var(--gids-color-background-accent-4-subtlest-hovered);color:var(--gids-color-text-accent-4);border:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4)}.gids-tab-item--bordered:hover .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--bordered:active{background-color:var(--gids-color-background-accent-4-subtlest-pressed);color:var(--gids-color-text-accent-4);border:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4)}.gids-tab-item--bordered:active .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--underlined{border-bottom:var(--gids-border-width-thick) solid var(--gids-color-border-input)}.gids-tab-item--underlined:hover{background-color:var(--gids-color-background-accent-4-subtlest-hovered);border-bottom:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4);border-top-left-radius:var(--gids-border-radius-md);border-top-right-radius:var(--gids-border-radius-md);color:var(--gids-color-text-accent-4)}.gids-tab-item--underlined:active{background-color:var(--gids-color-background-accent-4-subtlest-pressed);border-bottom:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4);border-top-left-radius:var(--gids-border-radius-md);border-top-right-radius:var(--gids-border-radius-md);color:var(--gids-color-text-accent-4)}.gids-tab-item--subtle:hover{color:var(--gids-color-text-accent-4)}.gids-tab-item--subtle:hover .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--subtle:active{color:var(--gids-color-text-accent-4)}.gids-tab-item--subtle:active .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--active-default{border-radius:var(--gids-border-radius-md);background-color:var(--gids-color-background-accent-4-subtler-default);color:var(--gids-color-text-accent-4)}.gids-tab-item--active-default .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--active-default:hover{background-color:var(--gids-color-background-accent-4-subtler-hovered)}.gids-tab-item--active-default:active{background-color:var(--gids-color-background-accent-4-subtler-pressed)}.gids-tab-item--active-primary{border-radius:var(--gids-border-radius-md);background-color:var(--gids-color-background-accent-4-bolder-default);color:var(--gids-color-text-inverse)}.gids-tab-item--active-primary .gids-icon{--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-tab-item--active-primary:hover{background-color:var(--gids-color-background-accent-4-bolder-hovered)}.gids-tab-item--active-primary:active{background-color:var(--gids-color-background-accent-4-bolder-pressed)}.gids-tab-item--active-bordered{border-radius:var(--gids-border-radius-full);border:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4);background-color:var(--gids-color-background-accent-4-subtlest-default);color:var(--gids-color-text-accent-4)}.gids-tab-item--active-bordered .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--active-bordered:hover{background-color:var(--gids-color-background-accent-4-subtlest-hovered)}.gids-tab-item--active-bordered:active{background-color:var(--gids-color-background-accent-4-subtlest-pressed)}.gids-tab-item--active-underlined{border-bottom:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4);border-top-left-radius:var(--gids-border-radius-md);border-top-right-radius:var(--gids-border-radius-md);color:var(--gids-color-text-accent-4);background-color:var(--gids-color-background-accent-4-subtlest-default)}.gids-tab-item--active-underlined .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--active-underlined:hover{background-color:var(--gids-color-background-accent-4-subtlest-hovered)}.gids-tab-item--active-underlined:active{background-color:var(--gids-color-background-accent-4-subtlest-pressed)}.gids-tab-item--active-subtle{color:var(--gids-color-text-accent-4)}.gids-tab-item--active-subtle .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}"}},[260,"gids-tab-item",{itemId:[1,"item-id"],label:[1],active:[4],name:[1],width:[1],appearance:[1],badgeVisible:[4,"badge-visible"],badgeAppearance:[1,"badge-appearance"],badgeCount:[2,"badge-count"],badgeType:[1,"badge-type"],onPressGidsTabItem:[16],hasLeadingIcon:[32],hasTrailingIcon:[32]},void 0,{width:[{handleWidthChange:0}],appearance:[{handleAppearanceChange:0}],badgeVisible:[{handleBadgeVisibilityChange:0}],badgeAppearance:[{handleBadgeAppearanceChange:0}],badgeType:[{handleBadgeTypeChange:0}],active:[{handleActiveChange:0}]}]);function u(){"undefined"!=typeof customElements&&["gids-tab-item"].forEach((e=>{"gids-tab-item"===e&&(customElements.get(a(e))||customElements.define(a(e),h))}))}u();const p=h,m=u;export{p as GidsTabItem,m as defineCustomElement}
package/dist/gids-tab.js CHANGED
@@ -1 +1 @@
1
- import{t,p as e,H as a,h as i,d as s}from"./p-Bf3p-DY2.js";import{GidsTabWebUtils as n}from"@ganpatiinfo/gids-web-shared";const{getGidsTabClassNames:d}=n,h=e(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.width="intrinsic",this.appearance="default"}handleWidthChange(t){this.width=t}handleAppearanceChange(t){this.appearance=t}handleActiveTabIdChange(t){this.activeTabId=t}componentDidLoad(){this.syncPropsToChildren(),this.hostElement.addEventListener("slotchange",(()=>this.syncPropsToChildren()))}componentDidUpdate(){this.syncPropsToChildren()}syncPropsToChildren(){this.hostElement.querySelectorAll("gids-tab-item").forEach((t=>{t&&(t.appearance=this.appearance,t.width=this.width,t.active=this.isTabActive(t.itemId),t.onPressGidsTabItem=t=>{this.activeTabId=t?.itemId,this.onPressGidsTab&&this.onPressGidsTab(t),this.syncPropsToChildren()})}))}isTabActive(t){return t===this.activeTabId}render(){const t=d({width:this.width,appearance:this.appearance});return i(s,{key:"00bf73ca04f70d14966823cdd4d228c3d05222e3",class:t},i("slot",{key:"9b693f9975560d559d972388fb15ca2407ff5d4c"}))}get hostElement(){return this}static get watchers(){return{width:[{handleWidthChange:0}],appearance:[{handleAppearanceChange:0}],activeTabId:[{handleActiveTabIdChange:0}]}}static get style(){return".gids-tab{display:inline-flex;align-items:center;justify-content:flex-start;gap:var(--gids-gap-150);overflow-y:hidden;overflow-x:scroll}.gids-tab--full{display:flex}.gids-tab--item-subtle{gap:0}.gids-tab--item-underlined{gap:0}"}},[260,"gids-tab",{width:[1],appearance:[1],activeTabId:[1,"active-tab-id"],onPressGidsTab:[16]},void 0,{width:[{handleWidthChange:0}],appearance:[{handleAppearanceChange:0}],activeTabId:[{handleActiveTabIdChange:0}]}]);function c(){"undefined"!=typeof customElements&&["gids-tab"].forEach((e=>{"gids-tab"===e&&(customElements.get(t(e))||customElements.define(t(e),h))}))}c();const r=h,l=c;export{r as GidsTab,l as defineCustomElement}
1
+ import{t as e,p as t,H as a,h as i,d as s}from"./p-Bf3p-DY2.js";import{GidsTabWebUtils as n}from"@ganpatiinfo/gids-web-shared";const{getGidsTabClassNames:d}=n,h=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.width="intrinsic",this.appearance="default"}handleWidthChange(e){this.width=e}handleAppearanceChange(e){this.appearance=e}handleActiveTabIdChange(e){this.activeTabId=e}componentDidLoad(){this.syncPropsToChildren(),this.hostElement.addEventListener("slotchange",(()=>this.syncPropsToChildren()))}componentDidUpdate(){this.syncPropsToChildren()}syncPropsToChildren(){this.hostElement.querySelectorAll("gids-tab-item").forEach((e=>{e&&(e.appearance=this.appearance,e.width=this.width,e.active=this.isTabActive(e.itemId),e.onPressGidsTabItem=e=>{this.activeTabId=e?.itemId,this.onPressGidsTab&&this.onPressGidsTab(e),this.syncPropsToChildren()})}))}isTabActive(e){return e===this.activeTabId}render(){const e=d({width:this.width,appearance:this.appearance});return i(s,{key:"9afa708bdbaa5920b655ee7012e14ea914c19dca",class:e},i("slot",{key:"a5b32607d074a16c957c3f7928055e8dff7dd447"}))}get hostElement(){return this}static get watchers(){return{width:[{handleWidthChange:0}],appearance:[{handleAppearanceChange:0}],activeTabId:[{handleActiveTabIdChange:0}]}}static get style(){return".gids-tab{display:inline-flex;align-items:center;justify-content:flex-start;gap:var(--gids-gap-150);overflow-y:hidden;overflow-x:scroll}.gids-tab--full{display:flex}.gids-tab--item-subtle{gap:0}.gids-tab--item-underlined{gap:0}"}},[260,"gids-tab",{width:[1],appearance:[1],activeTabId:[1,"active-tab-id"],onPressGidsTab:[16]},void 0,{width:[{handleWidthChange:0}],appearance:[{handleAppearanceChange:0}],activeTabId:[{handleActiveTabIdChange:0}]}]);function c(){"undefined"!=typeof customElements&&["gids-tab"].forEach((t=>{"gids-tab"===t&&(customElements.get(e(t))||customElements.define(e(t),h))}))}c();const r=h,l=c;export{r as GidsTab,l as defineCustomElement}
@@ -1 +1 @@
1
- import{t as e,p as t,H as i,c as s,f as a,h as n}from"./p-Bf3p-DY2.js";import{GidsTextFieldCommonUtils as l}from"@ganpatiinfo/gids-core-shared";import{generateId as d,GidsTextFieldWebUtils as r}from"@ganpatiinfo/gids-web-shared";import{g as o}from"./p-B2zUuNXz.js";import{G as h}from"./p-Dg2yoUxw.js";import{G as u}from"./p-UxDcM-C5.js";import{d as f}from"./p-ub0GuVHb.js";import{d as c}from"./p-BVAtja26.js";const{formatCharCount:b}=l,{inputToGidsFieldStatus:m}=r,p=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.gidsTextFieldClear=s(this,"gidsTextFieldClear"),this.#e=d(),this._handleDismiss=()=>{const e=this.#t?.querySelector("input.gids-input__control");e&&(e.value="",e.dispatchEvent(new globalThis.Event("input",{bubbles:!0}))),this.value="",this.gidsTextFieldClear.emit()},this._handleInput=e=>{this.value=e.target?.value},this._handleInputFocusAndBlur=e=>{this._el.dispatchEvent(new FocusEvent(e.type,{relatedTarget:e.relatedTarget}))}}_startSlotContentObserver(){this._slotContentObserver=new MutationObserver((()=>{a(this)})),this._slotContentObserver.observe(this._el,{childList:!0,subtree:!1,attributes:!0,attributeFilter:["slot"]})}connectedCallback(){const e=o();void 0!==e&&this._el.shadowRoot?.adoptedStyleSheets.push(e),this._startSlotContentObserver()}disconnectedCallback(){this._slotContentObserver?.disconnect(),this._slotContentObserver=void 0}#e;#t;render(){const{id:e,...t}=this.inputProps??{},i=e??this.#e,s=this.showClearButton&&void 0!==this.value&&this.value.length>0;return n("gids-field",{key:"31fd12bcfe97625c517a2e85734e01dbbd5b59b5",disabled:this.disabled,count:b(this.value?.length,this.maxLength),helperText:this.helperText,statusText:this.statusText,status:m(this.status)},n(h,{key:"5dd9b4158a9262f88364d07788791f10a037d906",slot:"label",disabled:this.disabled,info:n("slot",{name:"info"}),fieldRequirement:this.fieldRequirement,fieldRequirementOptionalText:this.fieldRequirementOptionalText,fieldRequirementRequiredText:this.fieldRequirementRequiredText,isLabelSentence:this.isLabelSentence,htmlFor:i},this.label),n("gids-input",{key:"45980a5df8d74d027f7d15fb3f2f1dffcfe35ea3",ref:e=>this.#t=e,appearance:this.appearance,status:this.status,loading:this.loading,value:this.value,defaultValue:this.defaultValue,name:this.name,required:this.required,disabled:this.disabled,readOnly:this.readOnly,leadingLabel:this.leadingLabel,trailingLabel:this.trailingLabel,onFocus:this._handleInputFocusAndBlur,onBlur:this._handleInputFocusAndBlur,onInput:this._handleInput,inputProps:{...t,type:this.type,id:i,maxLength:this.maxLength}},n("slot",{key:"ca0f5b7206e450dc4223013a3bfa15922c3ea7ee",name:"leadingIcon"}),n("slot",{key:"2f9809ef064300e999f60fd34305232e2cdb5c97",name:"leadingAccessory"}),s&&n(u,{key:"adcb2d1e5c9eedd94bb6d276333cdb30ff31147c",label:"clear text",slot:"trailingAccessory",size:"lg",onPressDismiss:this._handleDismiss}),n("slot",{key:"5633a1c325c3442044b31e925cda6654764fbb3f",name:"trailingIcon"})))}get _el(){return this}},[260,"gids-text-field",{label:[513],showClearButton:[516,"show-clear-button"],helperText:[513,"helper-text"],statusText:[513,"status-text"],appearance:[513],status:[513],leadingLabel:[513,"leading-label"],trailingLabel:[513,"trailing-label"],loading:[516],type:[513],name:[513],required:[516],maxLength:[514,"maxlength"],value:[1],defaultValue:[513,"default-value"],disabled:[516],readOnly:[516,"readonly"],inputProps:[16],fieldRequirement:[513,"field-requirement"],fieldRequirementOptionalText:[1,"field-requirement-optional-text"],fieldRequirementRequiredText:[1,"field-requirement-required-text"],isLabelSentence:[16]}]);function g(){"undefined"!=typeof customElements&&["gids-text-field","gids-field","gids-input"].forEach((t=>{switch(t){case"gids-text-field":customElements.get(e(t))||customElements.define(e(t),p);break;case"gids-field":customElements.get(e(t))||f();break;case"gids-input":customElements.get(e(t))||c()}}))}g();const x=p,y=g;export{x as GidsTextField,y as defineCustomElement}
1
+ import{t as e,p as t,H as i,c as s,f as a,h as n}from"./p-Bf3p-DY2.js";import{GidsTextFieldCommonUtils as l}from"@ganpatiinfo/gids-core-shared";import{generateId as d,GidsTextFieldWebUtils as r}from"@ganpatiinfo/gids-web-shared";import{g as o}from"./p-B2zUuNXz.js";import{G as h}from"./p-Dg2yoUxw.js";import{G as u}from"./p-UxDcM-C5.js";import{d as c}from"./p-CatvDz2b.js";import{d as f}from"./p-CnVmK0dH.js";const{formatCharCount:b}=l,{inputToGidsFieldStatus:m}=r,p=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.gidsTextFieldClear=s(this,"gidsTextFieldClear"),this.#e=d(),this._handleDismiss=()=>{const e=this.#t?.querySelector("input.gids-input__control");e&&(e.value="",e.dispatchEvent(new globalThis.Event("input",{bubbles:!0}))),this.value="",this.gidsTextFieldClear.emit()},this._handleInput=e=>{this.value=e.target?.value},this._handleInputFocusAndBlur=e=>{this._el.dispatchEvent(new FocusEvent(e.type,{relatedTarget:e.relatedTarget}))}}_startSlotContentObserver(){this._slotContentObserver=new MutationObserver((()=>{a(this)})),this._slotContentObserver.observe(this._el,{childList:!0,subtree:!1,attributes:!0,attributeFilter:["slot"]})}connectedCallback(){const e=o();void 0!==e&&this._el.shadowRoot?.adoptedStyleSheets.push(e),this._startSlotContentObserver()}disconnectedCallback(){this._slotContentObserver?.disconnect(),this._slotContentObserver=void 0}#e;#t;render(){const{id:e,...t}=this.inputProps??{},i=e??this.#e,s=this.showClearButton&&void 0!==this.value&&this.value.length>0;return n("gids-field",{key:"0ed0cb2129590be7ad6d2ac435248eb8e49fcff2",disabled:this.disabled,count:b(this.value?.length,this.maxLength),helperText:this.helperText,statusText:this.statusText,status:m(this.status)},n(h,{key:"a13f7a4c874ef56452794da526e2b0f3f246eafb",slot:"label",disabled:this.disabled,info:n("slot",{name:"info"}),fieldRequirement:this.fieldRequirement,fieldRequirementOptionalText:this.fieldRequirementOptionalText,fieldRequirementRequiredText:this.fieldRequirementRequiredText,isLabelSentence:this.isLabelSentence,htmlFor:i},this.label),n("gids-input",{key:"67debaa30e34b234fd8b73c8d19c9ae7f0ad6567",ref:e=>this.#t=e,appearance:this.appearance,status:this.status,loading:this.loading,value:this.value,defaultValue:this.defaultValue,name:this.name,required:this.required,disabled:this.disabled,readOnly:this.readOnly,leadingLabel:this.leadingLabel,trailingLabel:this.trailingLabel,onFocus:this._handleInputFocusAndBlur,onBlur:this._handleInputFocusAndBlur,onInput:this._handleInput,inputProps:{...t,type:this.type,id:i,maxLength:this.maxLength}},n("slot",{key:"89ca7a44f766aaf315ec6501f104abc43be9e5e3",name:"leadingIcon"}),n("slot",{key:"852590c3cd709a75047f8762f0ac852e202fcd4b",name:"leadingAccessory"}),s&&n(u,{key:"67e92c36408146dd71a883201609987d38865df2",label:"clear text",slot:"trailingAccessory",size:"lg",onPressDismiss:this._handleDismiss}),n("slot",{key:"b8b20927eb8b9618376aa09648bbaab0d00a83e6",name:"trailingIcon"})))}get _el(){return this}},[260,"gids-text-field",{label:[513],showClearButton:[516,"show-clear-button"],helperText:[513,"helper-text"],statusText:[513,"status-text"],appearance:[513],status:[513],leadingLabel:[513,"leading-label"],trailingLabel:[513,"trailing-label"],loading:[516],type:[513],name:[513],required:[516],maxLength:[514,"maxlength"],value:[1],defaultValue:[513,"default-value"],disabled:[516],readOnly:[516,"readonly"],inputProps:[16],fieldRequirement:[513,"field-requirement"],fieldRequirementOptionalText:[1,"field-requirement-optional-text"],fieldRequirementRequiredText:[1,"field-requirement-required-text"],isLabelSentence:[16]}]);function g(){"undefined"!=typeof customElements&&["gids-text-field","gids-field","gids-input"].forEach((t=>{switch(t){case"gids-text-field":customElements.get(e(t))||customElements.define(e(t),p);break;case"gids-field":customElements.get(e(t))||c();break;case"gids-input":customElements.get(e(t))||f()}}))}g();const x=p,y=g;export{x as GidsTextField,y as defineCustomElement}
@@ -1 +1 @@
1
- import{G as o,d as s}from"./p-_SIWct9h.js";const t=o,p=s;export{t as GidsToggleButton,p as defineCustomElement}
1
+ import{G as o,d as s}from"./p-D5DRatg0.js";const t=o,a=s;export{t as GidsToggleButton,a as defineCustomElement}
@@ -1 +1 @@
1
- import{t,p as i,H as o,h as e,F as s}from"./p-Bf3p-DY2.js";import{G as a}from"./p-a3JfEYJp.js";import{g as l}from"./p-B2zUuNXz.js";import{G as r}from"./p-B8kX8Vqv.js";const n=i(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.placement="bottom",this.showWithoutDelay=!1,this.lockToMainAxis=!1,this.handleShowEvent=()=>{this.floatingElementManager.showAfterDelay()},this.handleHideEvent=()=>{this.floatingElementManager.hideAfterDelay()}}connectedCallback(){const t=l();void 0!==t&&this._el.shadowRoot?.adoptedStyleSheets.push(t)}componentDidLoad(){this.floatingElementManager=new a(this._el,{htmlFor:this.htmlFor,placement:this.placement,showWithoutDelay:this.showWithoutDelay,lockToMainAxis:this.lockToMainAxis,floatingElementSelector:"#tooltip",arrowElementSelector:"#arrow",visibilityClass:"gids-tooltip--visible",elementType:r.TOOLTIP,getAnchorElementFromSlot:t=>{const i=t.querySelector("slot");return i?.assignedElements()[0]||null}}),this.floatingElementManager.initialize(),this.setupEventListeners()}setupEventListeners(){const t=this.floatingElementManager.getAnchorElement();t&&(t.addEventListener("mouseenter",this.handleShowEvent),t.addEventListener("focus",this.handleShowEvent),t.addEventListener("mouseleave",this.handleHideEvent),t.addEventListener("blur",this.handleHideEvent))}placementChanged(t){this.floatingElementManager?.updateConfig({placement:t}),this.floatingElementManager?.isVisible()&&this.floatingElementManager?.reposition()}showWithoutDelayChanged(t){this.floatingElementManager?.updateConfig({showWithoutDelay:t})}lockToMainAxisChanged(t){this.floatingElementManager?.updateConfig({lockToMainAxis:t})}htmlForChanged(t){this.floatingElementManager?.updateConfig({htmlFor:t}),this.cleanupEventListeners(),this.floatingElementManager?.initialize(),this.setupEventListeners()}cleanupEventListeners(){const t=this.floatingElementManager?.getAnchorElement();t&&(t.removeEventListener("mouseenter",this.handleShowEvent),t.removeEventListener("focus",this.handleShowEvent),t.removeEventListener("mouseleave",this.handleHideEvent),t.removeEventListener("blur",this.handleHideEvent))}render(){return e(s,{key:"956f6eced99b0c5e6e514a2a3f10976ca64e22c3"},e("slot",{key:"082d3c166069a309c3ba5f6c1e3eb0519eb84b40"}),e("span",{key:"400f44983016138741b2c3a7b32d5d9f39c09241",id:"tooltip",part:"tooltip",role:"tooltip"},e("span",{key:"1fcc94a2ab42662921470851bbad8fa46b7f0978",id:"arrow"}),this.tooltipText))}disconnectedCallback(){this.cleanupEventListeners(),this.floatingElementManager?.destroy()}get _el(){return this}static get watchers(){return{placement:[{placementChanged:0}],showWithoutDelay:[{showWithoutDelayChanged:0}],lockToMainAxis:[{lockToMainAxisChanged:0}],htmlFor:[{htmlForChanged:0}]}}static get style(){return"gids-tooltip{--gidsTooltip-background:var(--gids-color-background-neutral-bold-default);--gidsTooltip-text-color:var(--gids-color-text-inverse);--gidsTooltip-padding:var(--gids-padding-vertical-edge-to-element-100) var(--gids-padding-horizontal-edge-to-element-200);--gidsTooltip-border-radius:var(--gids-border-radius-sm);--gidsTooltip-tip-border-radius:2px;--gidsTooltip-tip-size:12px;--gidsFloatingElement-background:var(--gidsTooltip-background);--gidsFloatingElement-tip-border-radius:var(--gidsTooltip-tip-border-radius)}[part=tooltip]{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);position:absolute;display:inline-block;hyphens:auto;background-color:var(--gidsTooltip-background);color:var(--gidsTooltip-text-color);padding:var(--gidsTooltip-padding);border-radius:var(--gidsTooltip-border-radius);z-index:1000;opacity:0;pointer-events:none}[part=tooltip].gids-tooltip--visible{pointer-events:initial;opacity:1}[part=tooltip] span#arrow{position:absolute;height:var(--gidsTooltip-tip-size);width:var(--gidsTooltip-tip-size)}"}},[257,"gids-tooltip",{htmlFor:[513,"for"],tooltipText:[513,"tooltip-text"],placement:[513],showWithoutDelay:[516,"show-without-delay"],lockToMainAxis:[4,"lock-to-main-axis"]},void 0,{placement:[{placementChanged:0}],showWithoutDelay:[{showWithoutDelayChanged:0}],lockToMainAxis:[{lockToMainAxisChanged:0}],htmlFor:[{htmlForChanged:0}]}]);function d(){"undefined"!=typeof customElements&&["gids-tooltip"].forEach((i=>{"gids-tooltip"===i&&(customElements.get(t(i))||customElements.define(t(i),n))}))}d();const h=n,p=d;export{h as GidsTooltip,p as defineCustomElement}
1
+ import{t,p as i,H as o,h as e,F as s}from"./p-Bf3p-DY2.js";import{G as a}from"./p-BBszCFSA.js";import{g as l}from"./p-B2zUuNXz.js";import{G as r}from"./p-B8kX8Vqv.js";const n=i(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.placement="bottom",this.showWithoutDelay=!1,this.lockToMainAxis=!1,this.handleShowEvent=()=>{this.floatingElementManager.showAfterDelay()},this.handleHideEvent=()=>{this.floatingElementManager.hideAfterDelay()}}connectedCallback(){const t=l();void 0!==t&&this._el.shadowRoot?.adoptedStyleSheets.push(t)}componentDidLoad(){this.floatingElementManager=new a(this._el,{htmlFor:this.htmlFor,placement:this.placement,showWithoutDelay:this.showWithoutDelay,lockToMainAxis:this.lockToMainAxis,floatingElementSelector:"#tooltip",arrowElementSelector:"#arrow",visibilityClass:"gids-tooltip--visible",elementType:r.TOOLTIP,getAnchorElementFromSlot:t=>{const i=t.querySelector("slot");return i?.assignedElements()[0]||null}}),this.floatingElementManager.initialize(),this.setupEventListeners()}setupEventListeners(){const t=this.floatingElementManager.getAnchorElement();t&&(t.addEventListener("mouseenter",this.handleShowEvent),t.addEventListener("focus",this.handleShowEvent),t.addEventListener("mouseleave",this.handleHideEvent),t.addEventListener("blur",this.handleHideEvent))}placementChanged(t){this.floatingElementManager?.updateConfig({placement:t}),this.floatingElementManager?.isVisible()&&this.floatingElementManager?.reposition()}showWithoutDelayChanged(t){this.floatingElementManager?.updateConfig({showWithoutDelay:t})}lockToMainAxisChanged(t){this.floatingElementManager?.updateConfig({lockToMainAxis:t})}htmlForChanged(t){this.floatingElementManager?.updateConfig({htmlFor:t}),this.cleanupEventListeners(),this.floatingElementManager?.initialize(),this.setupEventListeners()}cleanupEventListeners(){const t=this.floatingElementManager?.getAnchorElement();t&&(t.removeEventListener("mouseenter",this.handleShowEvent),t.removeEventListener("focus",this.handleShowEvent),t.removeEventListener("mouseleave",this.handleHideEvent),t.removeEventListener("blur",this.handleHideEvent))}render(){return e(s,{key:"dfad2d80bfb7a71160756784ad8a3b0fa1e2d939"},e("slot",{key:"6ba31e67a92c64309569f320c298eeb7e1429c32"}),e("span",{key:"cc6df1e5ac986ffba9953c6a59ba464ec95e0475",id:"tooltip",part:"tooltip",role:"tooltip"},e("span",{key:"c383894a631b50fed501b51a43809538919ec5bb",id:"arrow"}),this.tooltipText))}disconnectedCallback(){this.cleanupEventListeners(),this.floatingElementManager?.destroy()}get _el(){return this}static get watchers(){return{placement:[{placementChanged:0}],showWithoutDelay:[{showWithoutDelayChanged:0}],lockToMainAxis:[{lockToMainAxisChanged:0}],htmlFor:[{htmlForChanged:0}]}}static get style(){return"gids-tooltip{--gidsTooltip-background:var(--gids-color-background-neutral-bold-default);--gidsTooltip-text-color:var(--gids-color-text-inverse);--gidsTooltip-padding:var(--gids-padding-vertical-edge-to-element-100) var(--gids-padding-horizontal-edge-to-element-200);--gidsTooltip-border-radius:var(--gids-border-radius-sm);--gidsTooltip-tip-border-radius:2px;--gidsTooltip-tip-size:12px;--gidsFloatingElement-background:var(--gidsTooltip-background);--gidsFloatingElement-tip-border-radius:var(--gidsTooltip-tip-border-radius)}[part=tooltip]{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);position:absolute;display:inline-block;hyphens:auto;background-color:var(--gidsTooltip-background);color:var(--gidsTooltip-text-color);padding:var(--gidsTooltip-padding);border-radius:var(--gidsTooltip-border-radius);z-index:1000;opacity:0;pointer-events:none}[part=tooltip].gids-tooltip--visible{pointer-events:initial;opacity:1}[part=tooltip] span#arrow{position:absolute;height:var(--gidsTooltip-tip-size);width:var(--gidsTooltip-tip-size)}"}},[257,"gids-tooltip",{htmlFor:[513,"for"],tooltipText:[513,"tooltip-text"],placement:[513],showWithoutDelay:[516,"show-without-delay"],lockToMainAxis:[4,"lock-to-main-axis"]},void 0,{placement:[{placementChanged:0}],showWithoutDelay:[{showWithoutDelayChanged:0}],lockToMainAxis:[{lockToMainAxisChanged:0}],htmlFor:[{htmlForChanged:0}]}]);function d(){"undefined"!=typeof customElements&&["gids-tooltip"].forEach((i=>{"gids-tooltip"===i&&(customElements.get(t(i))||customElements.define(t(i),n))}))}d();const h=n,p=d;export{h as GidsTooltip,p as defineCustomElement}
@@ -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-BCVFQSjK.js";import{d as r}from"./p-C3xv7tfs.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-DslOQITw.js";import{d as r}from"./p-BV0jg2ix.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 @@
1
+ import{autoUpdate as t,offset as i,flip as s,shift as e,arrow as h,computePosition as o,platform as n}from"@floating-ui/dom";import{e as r}from"./p-BKcvOO8o.js";import{G as a}from"./p-B8kX8Vqv.js";class l{static{this.currentFloatingElements=new Map}constructor(t,i){this.el=t,this.config=i,this.offset=10,this.timeDelayBeforeFadingOut=50,this.popoverMainAxisEnabled=!0,this.currentPlacement=i.placement,this.cleanup=null}setCommonTimingConfig(){this.timeBeforeElementShows=this.config.showWithoutDelay?50:500,this.timeOfAnimation=this.config.showWithoutDelay?50:250}initialize(){this.setCommonTimingConfig(),this.floatingElement=this.el.shadowRoot?.querySelector(this.config.floatingElementSelector),this.floatingElement&&this.applyViewportMaxWidth(),this.arrowEl=!1!==this.config.showArrow&&this.config.arrowElementSelector?this.el.shadowRoot?.querySelector(this.config.arrowElementSelector):null,this.anchorElement=this.config.htmlFor?.length>0?document.getElementById(this.config.htmlFor):this.config.getAnchorElementFromSlot(this.el.shadowRoot),this.anchorElement?this.setupPositioning():console.warn("Could not determine the element associated with this floating element."+(this.config.htmlFor?.length>0?`Element with id=${this.config.htmlFor} could not be found on the DOM.`:""))}getAnchorElement(){return this.anchorElement}updateConfig(t){this.config={...this.config,...t},"showWithoutDelay"in t&&this.setCommonTimingConfig(),this.forceUpdate()}getConfig(){return this.config}getCurrentPlacement(){return this.currentPlacement||this.config.placement}reposition(){this.forceUpdate()}forceUpdate(){this.anchorElement&&this.floatingElement&&this.updatePosition()}setupPositioning(){this.anchorElement&&this.updatePosition()}setupAutoUpdate(){!this.cleanup&&this.anchorElement&&(this.cleanup=t(this.anchorElement,this.floatingElement,(()=>{this.updatePosition()}),{ancestorScroll:!0,ancestorResize:!1,elementResize:!0,layoutShift:!0,animationFrame:!1}))}cleanupAutoUpdate(){this.cleanup&&(this.cleanup(),this.cleanup=null)}updatePosition(){if(!this.anchorElement)return;const t=[i(this.offset)],l=s({mainAxis:!0,crossAxis:!this.config.lockToMainAxis&&"alignment",fallbackAxisSideDirection:"end",padding:this.offset}),m=this.config.elementType===a.POPOVER,c=e({padding:this.offset,mainAxis:this.config.elementType===a.TOOLTIP||m&&this.popoverMainAxisEnabled,crossAxis:!1});this.config.placement.includes("-")?t.push(l,c):t.push(c,l),!1!==this.config.showArrow&&this.arrowEl&&t.push(h({element:this.arrowEl,padding:this.offset})),o(this.anchorElement,this.floatingElement,{placement:this.config.placement,strategy:"fixed",middleware:t,platform:{...n,getOffsetParent:t=>n.getOffsetParent(t,r)}}).then((({x:t,y:i,middlewareData:s,placement:e})=>{if(m){const t=e.startsWith("left")||e.startsWith("right"),i=e.startsWith("top")||e.startsWith("bottom"),s=this.isAnchorInViewport(),h=!!i||(t?s:this.popoverMainAxisEnabled);if(h!==this.popoverMainAxisEnabled)return this.popoverMainAxisEnabled=h,void this.updatePosition()}this.currentPlacement=e,Object.assign(this.floatingElement.style,{left:`${t}px`,top:`${i}px`,position:"fixed",transition:`opacity ${this.timeOfAnimation}ms ease`});const h=e.split("-")[0]??"bottom",o={top:"bottom",right:"left",bottom:"top",left:"right"}[h],{arrowZIndex:n}=this.normalizeFloatingElementStacking();if(s.arrow&&this.arrowEl){const t=this.arrowEl.offsetWidth,{x:i,y:e}=s.arrow;this.arrowEl.style.borderRadius=`${["left","right"].includes(h)?"0 ":""}var(--gidsFloatingElement-tip-border-radius, 2px)${["top","bottom"].includes(h)?" 0":""}`,Object.assign(this.arrowEl.style,{left:null!==i?`${i}px`:"",top:null!==e?`${e}px`:"",right:"",bottom:"",[o]:-t/2+"px",transform:"rotate(45deg)",zIndex:`${n}`,background:"var(--gidsFloatingElement-background)"})}}))}applyViewportMaxWidth(){const t=`calc(100vw - ${2*this.offset}px)`;this.floatingElement?.style.maxWidth!==t&&(this.floatingElement.style.maxWidth=t)}normalizeFloatingElementStacking(){const t=this.floatingElement.style.zIndex||(window.getComputedStyle?.(this.floatingElement).zIndex??""),i=Number.parseInt(t,10),s=Number.isNaN(i)?-1:i-1,e=Number.isNaN(i)?s+1:i;return Number.isNaN(e)||(this.floatingElement.style.zIndex=`${e}`),Array.from(this.floatingElement.children).forEach((t=>{if(!(t instanceof HTMLElement)||t===this.arrowEl)return;const i=t.style.zIndex||(window.getComputedStyle?.(t).zIndex??""),s=Number.parseInt(i,10),h=window.getComputedStyle?.(t).position??"";(""===i||"auto"===i||Number.isNaN(s)||s<e)&&(t.style.zIndex=`${e}`,""!==h&&"static"!==h||(t.style.position="relative"))})),{contentZIndex:e,arrowZIndex:s}}hideFloatingElement(){this.floatingElement.classList.remove(this.config.visibilityClass),l.currentFloatingElements.delete(this.config.elementType)}showFloatingElement(){const t=l.currentFloatingElements.get(this.config.elementType);t&&t.hideFloatingElement(),this.floatingElement.classList.add(this.config.visibilityClass),l.currentFloatingElements.set(this.config.elementType,this)}isVisible(){return this.floatingElement.classList.contains(this.config.visibilityClass)}show(){this.setupAutoUpdate(),this.showFloatingElement()}hide(){this.cleanupAutoUpdate(),this.hideFloatingElement()}toggle(){this.isVisible()?this.hide():this.show()}showAfterDelay(){clearTimeout(this.hoverOutTimeout),this.hoverTimeout=setTimeout((()=>{this.show()}),this.timeBeforeElementShows)}hideAfterDelay(){clearTimeout(this.hoverTimeout),this.hoverOutTimeout=setTimeout((()=>{this.hide()}),this.timeDelayBeforeFadingOut)}cancelDelayedActions(){clearTimeout(this.hoverTimeout),clearTimeout(this.hoverOutTimeout)}destroy(){this.cleanupAutoUpdate(),this.cancelDelayedActions()}isAnchorInViewport(){if(!(this.anchorElement&&this.anchorElement instanceof Element))return!1;const t=this.anchorElement.getBoundingClientRect(),i=window.innerHeight||document.documentElement?.clientHeight||0,s=window.innerWidth||document.documentElement?.clientWidth||0,e=t.height/2+2*this.offset;return t.bottom>=e&&t.top<=i-e&&t.right>=0&&t.left<=s}}export{l as G}
@@ -0,0 +1 @@
1
+ function n(n){var t;return(null==n||null==(t=n.ownerDocument)?void 0:t.defaultView)||window}const t=/transform|translate|scale|rotate|perspective|filter/,e=/paint|layout|strict|content/,o=n=>!!n&&"none"!==n;let r;function i(i){const f=(u=i,"undefined"!=typeof window&&(u instanceof Element||u instanceof n(u).Element)?n(l=i).getComputedStyle(l):i);var u,l;return o(f.transform)||o(f.translate)||o(f.scale)||o(f.rotate)||o(f.perspective)||(null==r&&(r="undefined"!=typeof CSS&&CSS.supports&&CSS.supports("-webkit-backdrop-filter","none")),!r&&(o(f.backdropFilter)||o(f.filter)))||t.test(f.willChange||"")||e.test(f.contain||"")}function f(n){return function(n){for(let t=n;t;t=u(t))if(t instanceof Element&&"none"===getComputedStyle(t).display)return null;for(let t=u(n);t;t=u(t)){if(!(t instanceof Element))continue;const n=getComputedStyle(t);if("contents"!==n.display){if("static"!==n.position||i(n))return t;if("BODY"===t.tagName)return t}}return null}(n)}function u(n){return n.assignedSlot?n.assignedSlot:n.parentNode instanceof ShadowRoot?n.parentNode.host:n.parentNode}export{f as e}
@@ -0,0 +1 @@
1
+ import{t as e,p as t,H as i,h as a}from"./p-Bf3p-DY2.js";import{G as r}from"./p-D4Pimu_8.js";import{GidsChartLegendItemWebUtils as s}from"@ganpatiinfo/gids-web-shared";const{getGidsChartLegendItemClassNames:n}=s,o=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.orientation="horizontal",this.seriesType="1"}handleOrientationChange(e){this.orientation=e}handleSeriesTypeChange(e){this.seriesType=e}handleSeriesColorChange(e){this.seriesColor=e}render(){const e=this.seriesColor,t=e&&""!==e,i=n({seriesType:t?"none":this.seriesType,orientation:this.orientation});return a("div",{key:"fc8dd82b51491a682d1b63d2830971d6f3af262b",class:i},a("div",{key:"31247bb0d3f67953fe13eca31af5f546307c5968",class:"vertical"===this.orientation?"gids-chart-legend-item__dot-wrapper-vertical":"gids-chart-legend-item__dot-wrapper-horizontal"},a(r,{key:"daee92872cf487b7430b7cdce5756a1b7b3a9faf",name:"new",alt:"new_icon",appearance:"filled",style:t?{"--gidsIcon-color":e}:{}})),a("span",{key:"a5d6e1d6c6326b70db1b8066267454b6d06d1e80",class:"gids-chart-legend-item__label"},a("slot",{key:"ed798a7c0f897fd2a36342007640110d72a0cd8a"})))}static get watchers(){return{orientation:[{handleOrientationChange:0}],seriesType:[{handleSeriesTypeChange:0}],seriesColor:[{handleSeriesColorChange:0}]}}static get style(){return".gids-chart-legend-item{display:flex;align-items:center;gap:var(--gids-gap-100);--gidsChartLegendItemIcon-color:var(--gids-color-icon-subtle);--gidsIcon-color:var(--gidsChartLegendItemIcon-color);--gidsIcon-height:var(--gids-size-080)}.gids-chart-legend-item--orientation-vertical{display:flex}.gids-chart-legend-item--series-2{--gidsChartLegendItemIcon-color:var(--gids-color-icon-warning)}.gids-chart-legend-item--series-3{--gidsChartLegendItemIcon-color:var(--gids-color-icon-danger)}.gids-chart-legend-item--series-4{--gidsChartLegendItemIcon-color:var(--gids-color-background-positive-bold-hovered)}.gids-chart-legend-item--series-5{--gidsChartLegendItemIcon-color:var(--gids-color-background-information-bold-default)}.gids-chart-legend-item--series-6{--gidsChartLegendItemIcon-color:rgb(238, 70, 188)}.gids-chart-legend-item__label{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);text-align:left;color:var(--gids-color-text-subtlest)}.gids-chart-legend-item__dot-wrapper-vertical{display:flex;padding-top:var(--gids-padding-vertical-edge-to-element-075)}.gids-chart-legend-item__dot-wrapper-horizontal{display:flex;align-items:center}"}},[260,"gids-chart-legend-item",{orientation:[1],seriesType:[1,"series-type"],seriesColor:[1,"series-color"]},void 0,{orientation:[{handleOrientationChange:0}],seriesType:[{handleSeriesTypeChange:0}],seriesColor:[{handleSeriesColorChange:0}]}]);function l(){"undefined"!=typeof customElements&&["gids-chart-legend-item"].forEach((t=>{"gids-chart-legend-item"===t&&(customElements.get(e(t))||customElements.define(e(t),o))}))}l();export{o as G,l as d}
@@ -0,0 +1 @@
1
+ import{t,p as a,H as i,h as e}from"./p-Bf3p-DY2.js";import{GidsBarChartWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{G as r}from"./p-DMNS1d8v.js";import{d as l}from"./p-DUUxlY-K.js";import{d as n}from"./p-DslOQITw.js";import{d as o}from"./p-BV0jg2ix.js";const{getGidsBarChartClassNames:d}=s,g=a(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.breakpoint="desktop",this.legend="none",this.chartData=[],this.yAxisVisible=!1,this.dataPoints=[],this.chartLoaderSize="lg",this.chartLoading=!1,this.width=0,this.height=0,this.hoveredIndex=null,this.tooltip={visible:!1,x:0,y:0}}chartDataChanged(){this.updateDimensions()}dataPointsChanged(t){this.dataPoints=t}legendChanged(t){this.legend=t}yAxisVisibilityChanged(t){this.yAxisVisible=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:300}getTooltipItems(t){return this.chartData.reduce(((a,i)=>{const e=i.data[t];return e?(a.push({label:i?.label??"",value:String(e.value),seriesIndicatorColor:i?.seriesColor??""}),a):a}),[])}render(){if(this.chartLoading)return e("div",{class:"gids-bar-chart__no-data"},e(r,{label:this.chartLoadingTitle,supportingText:this.chartLoadingSupportingText,size:this?.chartLoaderSize??"lg"}));const t=this?.chartData?.[0]?.data?.map((t=>t.label))??[],a=t.length,i=Array(a).fill(0);this.chartData.forEach((t=>{Array.isArray(t?.data)&&t.data.forEach(((t,e)=>{e<a&&(i[e]=(i[e]??0)+(t?.value||0))}))}));const s=i.length>0?Math.max(...i):10,l=Math.pow(10,Math.floor(Math.log10(s||1)));let n=l;s/l<=2?n=l/5:s/l<=5&&(n=l/2);const o=Math.ceil(s/n)*n,g=[];if(Array.isArray(this.dataPoints)&&this.dataPoints.length>0){const t=[...this.dataPoints].sort(((t,a)=>t-a)),a=t.length>1?(t[1]??200)-(t[0]??0):200,e=Math.max(...t,o,...i),s=Math.ceil(e/(a||1));for(let t=0;t<=s;t++)g.push(t*a)}else{const t=5,a=o/(t-1);for(let i=0;i<t;i++)g.push(Math.round(0+i*a))}const h=Math.max(...g)-0||1,c=d({breakpoint:this.breakpoint});let p=!1,b=!1;"mobile"===this.breakpoint?"none"!==this.legend&&(p=!0):"top"===this.legend?p=!0:"right"===this.legend&&(b=!0);const m=100/a,x=.4*m;return e("div",{class:c},p?e("div",{class:"gids-bar-chart__header"},e("gids-chart-legend",{orientation:"horizontal"},this.chartData.map((t=>e("gids-chart-legend-item",{key:t.label,seriesColor:t?.seriesColor,orientation:"horizontal"},t.label))))):null,e("div",{class:"gids-bar-chart__main-container"},e("div",{class:"gids-bar-chart__grid-layout"},e("span",{class:"gids-bar-chart__y-axis-label"},this.yAxisLabel),e("div",{class:"gids-bar-chart__chart-stage-container"},this.yAxisVisible?e("div",{class:"gids-bar-chart__y-axis-scale-container"},g.map((t=>e("span",{class:"gids-bar-chart__scale-text gids-bar-chart__y-axis-scale-value",key:t,style:{bottom:(t-0)/h*100+"%"}},t)))):null,e("div",{class:"gids-bar-chart__chart-stage"},e("svg",{viewBox:"0 0 100 100",class:"gids-bar-chart__chart-vector",preserveAspectRatio:"none"},g.map((t=>{const a=100-(t-0)/h*100;return e("line",{x1:"0",y1:a,x2:"100",y2:a,class:"gids-bar-chart__grid-line",key:t})})),t.map(((t,a)=>{const i=a*m+(m-x)/2;let s=0;const r=[...this.chartData.map(((t,i)=>{if(!Array.isArray(t.data))return null;const e=t.data[a];if(!e)return null;const r=(e.value||0)/h*100,l=100-r-s;return s+=r,{seriesIdx:i,crownY:l,height:r,seriesColor:t?.seriesColor}})).filter((t=>null!==t&&t.height>0))].sort(((t,a)=>a.seriesIdx-t.seriesIdx));return e("g",{key:a},r.map((t=>{const a=.3*x,s=`\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tM ${i},${t.crownY+a}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tQ ${i},${t.crownY} ${i+a},${t.crownY}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tH ${i+x-a}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tQ ${i+x},${t.crownY} ${i+x},${t.crownY+a}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tV 100\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tH ${i}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tZ\n\t\t\t\t\t\t\t\t\t\t\t\t\t`.replace(/\s+/g," ").trim();return e("path",{key:t.seriesIdx,d:s,class:"gids-bar-chart__bar",style:{fill:t?.seriesColor}})})),e("rect",{x:i,y:"0",width:x,height:"100",fill:"transparent","pointer-events":"all",onMouseMove:t=>{this.hoveredIndex=a,this.tooltip={visible:!0,x:t.clientX,y:t.clientY}},onMouseLeave:()=>{this.hoveredIndex=null,this.tooltip={...this.tooltip,visible:!1}}}))}))),e("gids-advanced-tooltip",{visible:this.tooltip.visible,x:this.tooltip.x,y:this.tooltip.y,items:null!==this.hoveredIndex?this.getTooltipItems(this.hoveredIndex):[]}))),e("div",{class:"gids-bar-chart__x-axis-scale-container"},t.map(((t,a)=>e("span",{class:"gids-bar-chart__scale-text",key:a},t)))),e("span",{class:"gids-bar-chart__x-axis-label"},this.xAxisLabel)),b?e("gids-chart-legend",{orientation:"vertical"},this.chartData.map((t=>e("gids-chart-legend-item",{key:t.label,seriesColor:t?.seriesColor,orientation:"vertical"},t.label)))):null))}get hostElement(){return this}static get watchers(){return{chartData:[{chartDataChanged:0}],dataPoints:[{dataPointsChanged:0}],legend:[{legendChanged:0}],yAxisVisible:[{yAxisVisibilityChanged:0}]}}static get style(){return":host{display:block;width:100%;height:100%;box-sizing:border-box}.gids-bar-chart{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box}.gids-bar-chart--breakpoint-mobile{max-width:var(--gids-width-xs)}.gids-bar-chart__main-container{display:flex;gap:var(--gids-gap-200)}.gids-bar-chart__header{display:flex;justify-content:flex-end;align-items:center;width:100%;margin-bottom:var(--gids-padding-vertical-edge-to-element-200)}.gids-bar-chart__grid-layout{display:grid;grid-template-columns:auto 1fr;grid-template-rows:minmax(180px, 280px) auto auto;flex:1;width:100%;height:100%;box-sizing:border-box}.gids-bar-chart__y-axis-label{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;margin-right:var(--gids-padding-horizontal-edge-to-element-600);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);color:var(--gids-color-text-subtlest);writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}.gids-bar-chart__chart-stage-container{grid-column:2;grid-row:1;position:relative;width:100%;height:100%;padding-left:var(--gids-container-padding-desktop);box-sizing:border-box}.gids-bar-chart__y-axis-scale-container{position:absolute;top:0;bottom:0;left:0;width:calc(var(--gids-container-padding-desktop) - var(--gids-padding-horizontal-edge-to-element-100));pointer-events:none}.gids-bar-chart__y-axis-scale-value{position:absolute;right:0;transform:translateY(50%);margin-right:var(--gids-padding-horizontal-edge-to-element-100)}.gids-bar-chart__chart-stage{position:relative;width:100%;height:100%;border-bottom:var(--gids-border-width-thin) solid var(--gids-color-border-default);box-sizing:border-box}.gids-bar-chart__chart-vector{display:block;width:100%;height:100%;overflow:visible}.gids-bar-chart__grid-line{stroke:var(--gids-color-border-default);stroke-width:0.5;fill:none}.gids-bar-chart{}.gids-bar-chart__bar{vector-effect:non-scaling-stroke}.gids-bar-chart{}.gids-bar-chart__x-axis-scale-container{display:flex;grid-column:2;grid-row:2;justify-content:space-around;align-items:center;padding-left:var(--gids-container-padding-desktop);padding-top:var(--gids-padding-vertical-edge-to-element-200);gap:var(--gids-gap-050);box-sizing:border-box}.gids-bar-chart__x-axis-label{grid-column:2;grid-row:3;display:flex;justify-content:center;align-items:center;padding-top:var(--gids-padding-vertical-edge-to-element-100);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);color:var(--gids-color-text-subtlest);white-space:nowrap}.gids-bar-chart__scale-text{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);color:var(--gids-color-text-subtlest);user-select:none;white-space:nowrap}.gids-bar-chart__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-bar-chart",{breakpoint:[1],legend:[1],chartData:[16],yAxisVisible:[4,"y-axis-visible"],xAxisLabel:[1,"x-axis-label"],yAxisLabel:[1,"y-axis-label"],dataPoints:[16],chartLoaderSize:[1,"chart-loader-size"],chartLoading:[4,"chart-loading"],chartLoadingTitle:[1,"chart-loading-title"],chartLoadingSupportingText:[1,"chart-loading-supporting-text"],width:[32],height:[32],hoveredIndex:[32],tooltip:[32]},void 0,{chartData:[{chartDataChanged:0}],dataPoints:[{dataPointsChanged:0}],legend:[{legendChanged:0}],yAxisVisible:[{yAxisVisibilityChanged:0}]}]);function h(){"undefined"!=typeof customElements&&["gids-bar-chart","gids-advanced-tooltip","gids-chart-legend","gids-chart-legend-item"].forEach((a=>{switch(a){case"gids-bar-chart":customElements.get(t(a))||customElements.define(t(a),g);break;case"gids-advanced-tooltip":customElements.get(t(a))||l();break;case"gids-chart-legend":customElements.get(t(a))||n();break;case"gids-chart-legend-item":customElements.get(t(a))||o()}}))}h();export{g as G,h as d}
@@ -0,0 +1 @@
1
+ import{t,p as i,H as e,h as s}from"./p-Bf3p-DY2.js";import{GidsDropdownWebUtils as n}from"@ganpatiinfo/gids-web-shared";import{G as o}from"./p-D4Pimu_8.js";import{d}from"./p-CnVmK0dH.js";const{getGidsDropdownClassNames:a,getGidsChevronButtonControlClassNames:h}=n,r="gids-dropdown-item--active",c=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.appearance="default",this.expanded=!1,this.filterValue="",this.isFilterEditing=!1,this.hasLeadingIcon=!1,this.hasLeadingAccessory=!1,this.activeIndex=-1,this.hasItemListener=!1,this.suppressNextMenuClickSelection=!1,this.hasDocumentListeners=!1,this.hasPendingControlRevalidation=!1,this.handleDropdownItemSelect=t=>{const{value:i,title:e,disabled:s,id:n,isPlaceholderItem:o}=t.detail;s||"string"!=typeof i||(this.suppressNextMenuClickSelection=!0,queueMicrotask((()=>{this.suppressNextMenuClickSelection=!1})),this.applySelection({id:n,value:i,title:e,disabled:!1,originalEvent:t,isPlaceholderItem:o}))},this.handleMenuClick=t=>{if(this.suppressNextMenuClickSelection)return;const i=t.target;if(!(i instanceof Element))return;const e=i.closest(".gids-dropdown-item");if(!e||!this.hostElement.contains(e))return;if(e.hasAttribute("disabled")||"true"===e.getAttribute("aria-disabled"))return;const s=e instanceof HTMLButtonElement?e.value:e.getAttribute("value")||"";if("string"!=typeof s||0===s.length)return;const n=e instanceof HTMLButtonElement?e.id:e.getAttribute("id")??"";if("string"!=typeof n||0===n.length)return;const o=e.getAttribute("is-placeholder-item")??"";let d=e.textContent?.trim()??"";d.endsWith("checkmark")&&(d=d.slice(0,-9).trim()),this.applySelection({id:n,value:s,title:d.trim(),disabled:!1,originalEvent:t,isPlaceholderItem:!(!o||"true"!==o)})},this.handleFilterInput=t=>{const i=t.target;this.filterValue=i?.value??"",this.isFilterEditing=!0,this.clearActive(),this.expanded||this.setExpandedState(!0,t),this.applyFilter()},this.handleInputKeyDown=t=>{if(!this.isInteractive())return;const i=t.key,e="ArrowDown"===i;if((e||"ArrowUp"===i)&&!t.metaKey&&!t.ctrlKey)return t.preventDefault(),this.expanded||this.setExpandedState(!0,t),void this.moveActive(e?1:-1);if("Home"===i&&this.expanded)return t.preventDefault(),void this.setActiveByIndex(0);if("End"===i&&this.expanded)return t.preventDefault(),void this.setActiveByIndex(this.getVisibleEnabledItems().length-1);if("Enter"===i){if(!this.expanded)return t.preventDefault(),this.setExpandedState(!0,t),void this.setActiveByIndex(0);this.selectActive()&&t.preventDefault()}},this.handleTriggerToggle=t=>{this.isInteractive()&&this.setExpandedState(!this.expanded,t)},this.handleInputFocusAndBlur=t=>{this.hostElement.dispatchEvent(new FocusEvent(t.type,{relatedTarget:t.relatedTarget}))},this.handleInputClickToggle=t=>{t.defaultPrevented||this.handleTriggerToggle(t)},this.handleChevronClickToggle=t=>{t.defaultPrevented||(t.stopPropagation(),this.handleTriggerToggle(t))},this.handleDocumentPointerDown=t=>{2!==t.button&&this.expanded&&(("function"==typeof t.composedPath?t.composedPath():[]).includes(this.hostElement)||this.hostElement.contains(t.target)||this.setExpandedState(!1,t))},this.handleDocumentKeyDown=t=>{if(!this.expanded)return;const i=t.key;if("Escape"===i||"Esc"===i)return t.preventDefault(),void this.setExpandedState(!1,t);"Tab"===i&&this.setExpandedState(!1,t)},this.handleFormReset=()=>{this.value=this.initialValue,this.selectedItemTitle=void 0,this.isFilterEditing=!1,this.filterValue="",this.setExpandedState(!1)}}handleExpandedChange(t){t&&!this.isInteractive()&&(this.expanded=!1)}handleInteractivityChange(){!this.isInteractive()&&this.expanded&&this.setExpandedState(!1)}connectedCallback(){this.initialValue=this.value,this.attachItemListener(),this.attachDocumentListeners(),this.attachFormListener()}disconnectedCallback(){this.detachItemListener(),this.detachDocumentListeners(),this.detachFormListener()}componentWillLoad(){this.checkSlots()}componentWillUpdate(){this.checkSlots()}checkSlots(){this.hasLeadingIcon=!!this.hostElement.querySelector('[slot="leadingIconDropdown"]'),this.hasLeadingAccessory=!!this.hostElement.querySelector('[slot="leadingAccessoryDropdown"]')}getItemElements(){return Array.from(this.hostElement.querySelectorAll(".gids-dropdown-item"))}getVisibleEnabledItems(){return this.getItemElements().filter((t=>"none"!==t.style.display&&!t.hasAttribute("disabled")&&"true"!==t.getAttribute("aria-disabled")))}attachItemListener(){this.hasItemListener||(this.hostElement.addEventListener("onPressDropdownItem",this.handleDropdownItemSelect),this.hasItemListener=!0)}detachItemListener(){this.hasItemListener&&(this.hostElement.removeEventListener("onPressDropdownItem",this.handleDropdownItemSelect),this.hasItemListener=!1)}applySelection(t){this.value=t.value,this.selectedItemTitle="string"==typeof t.title?t.title:void 0,this.isFilterEditing=!1,this.filterValue="",this.clearActive(),this.emitNativeSelectionEvents(this.selectedItemTitle??""),this.setExpandedState(!1,this.coerceEvent(t.originalEvent)),this.onSelectionChange?.(t),this.hostElement.dispatchEvent(new CustomEvent("gidsDropdownChange",{bubbles:!0,composed:!0,detail:t}))}getInputControl(){return this.hostElement.querySelector(".gids-input__control")}emitNativeSelectionEvents(t){const i=this.getInputControl();i&&(i.value=t,i.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),i.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}clearActive(){this.activeIndex=-1,this.getItemElements().forEach((t=>t.classList.remove(r))),this.setActiveDescendant(void 0)}setActiveByIndex(t){const i=this.getVisibleEnabledItems();if(this.getItemElements().forEach((t=>t.classList.remove(r))),0===i.length)return this.activeIndex=-1,void this.setActiveDescendant(void 0);const e=Math.max(0,Math.min(t,i.length-1)),s=i[e];if(!s)return this.activeIndex=-1,void this.setActiveDescendant(void 0);this.activeIndex=e,s.classList.add(r),s.scrollIntoView({block:"nearest"}),this.setActiveDescendant(s.id||void 0)}moveActive(t){const i=this.getVisibleEnabledItems();0!==i.length?this.setActiveByIndex(-1===this.activeIndex?t>0?0:i.length-1:(this.activeIndex+t+i.length)%i.length):this.clearActive()}selectActive(){const t=this.getVisibleEnabledItems();if(0===t.length)return!1;const i=this.activeIndex>=0?t[this.activeIndex]:t[0];return!!i&&(i.click(),this.getInputControl()?.focus(),!0)}applyFilter(){const t=this.filterValue.trim().toLowerCase();this.getItemElements().forEach((i=>{const e=(i.textContent??"").toLowerCase(),s=0===t.length||e.includes(t);i.style.display=s?"":"none"}))}setActiveDescendant(t){const i=this.getInputControl();i&&(t?i.setAttribute("aria-activedescendant",t):i.removeAttribute("aria-activedescendant"))}setExpandedState(t,i){const e=Boolean(t);e&&!this.isInteractive()||this.expanded!==e&&(this.expanded=e,e||(this.isFilterEditing=!1,this.filterValue="",this.clearActive(),this.applyFilter(),this.syncInputDisplayValue()),this.hostElement.dispatchEvent(new CustomEvent("gidsDropdownToggle",{bubbles:!0,composed:!0,detail:{expanded:e,originalEvent:i}})))}syncInputDisplayValue(){const t=this.getInputControl();t&&t.value!==(this.selectedItemTitle??"")&&(t.value=this.selectedItemTitle??"")}attachDocumentListeners(){this.hasDocumentListeners||"undefined"==typeof document||(document.addEventListener("pointerdown",this.handleDocumentPointerDown),document.addEventListener("keydown",this.handleDocumentKeyDown),this.hasDocumentListeners=!0)}detachDocumentListeners(){this.hasDocumentListeners&&"undefined"!=typeof document&&(document.removeEventListener("pointerdown",this.handleDocumentPointerDown),document.removeEventListener("keydown",this.handleDocumentKeyDown),this.hasDocumentListeners=!1)}attachFormListener(){const t=this.hostElement.closest("form");this.patternForm!==t&&(this.patternForm&&this.patternForm.removeEventListener("reset",this.handleFormReset),this.patternForm=t??void 0,this.patternForm?.addEventListener("reset",this.handleFormReset))}detachFormListener(){this.patternForm&&(this.patternForm.removeEventListener("reset",this.handleFormReset),this.patternForm=void 0)}get form(){return this.getInputControl()?.form??this.patternForm??null}get validity(){return this.getInputControl()?.validity??{}}get validationMessage(){return this.getInputControl()?.validationMessage??""}get willValidate(){return this.getInputControl()?.willValidate??!1}async checkValidity(){return this.getInputControl()?.checkValidity()??!0}async reportValidity(){return this.getInputControl()?.reportValidity()??!0}async setCustomValidity(t){return this.getInputControl()?.setCustomValidity(t)}isInteractive(){return!(this.disabled||this.readOnly)}coerceEvent(t){if("undefined"!=typeof Event&&null!==t)return t instanceof Event?t:void 0}scheduleControlRevalidation(){if(this.hasPendingControlRevalidation)return;this.hasPendingControlRevalidation=!0;const t=()=>{this.hasPendingControlRevalidation=!1,this.checkValidity()};"function"!=typeof requestAnimationFrame?t():requestAnimationFrame(t)}getEnhancedInputProps(){const t={...this.inputProps??{}};"string"==typeof t.autoComplete&&0!==t?.autoComplete?.trim?.()?.length||(t.autoComplete="off");const i=t.onInput;t.onInput=t=>{i?.(t),this.handleFilterInput(t)};const e=t.onBlur;t.onBlur=t=>{e?.(t),this.scheduleControlRevalidation()};const s=t.onKeyDown;return t.onKeyDown=t=>{s?.(t),t.defaultPrevented||this.handleInputKeyDown(t)},t}render(){const t=this.expanded&&this.isInteractive(),i=a({expanded:t}),e=this.getEnhancedInputProps(),n="string"==typeof e.id?e.id:void 0,d=n?`${n}__menu`:void 0;e.role="combobox",e["aria-expanded"]=t?"true":"false",e["aria-haspopup"]="listbox",e["aria-autocomplete"]="list",d&&(e["aria-controls"]=d);const r=this.isFilterEditing?this.filterValue:this.selectedItemTitle??this.value??"",c=t?"true":"false",l=s("button",{key:"f579868c1b38fe72e32cdd7a2d4e8438f87651dc",class:h({size:"lg"}),slot:"trailingAccessory",type:"button",onClick:this.handleChevronClickToggle,"aria-label":t?"Collapse options":"Expanded options","aria-expanded":c,"aria-haspopup":"listbox","aria-controls":d,disabled:this.disabled||this.readOnly,tabIndex:-1},s("span",{key:"090c8b8803ce15ae87ef0da31af7d20b4f1cf14d",class:"gids-button__content"},s(o,{key:"b3289c24e919d16746f5fa70bf5b730adbe22b04",name:"chevron-vertical",alt:""})));return s("div",{key:"f6ac6c42dcbe4fae263acb74d74665917332ac87",class:i},s("gids-input",{key:"459ecf566278abbb754c00a90fa63701700d1a79",appearance:this.appearance,loading:this.loading,disabled:this.disabled,readOnly:this.readOnly,required:this.required,value:r,name:this.name,inputProps:e,onClick:this.handleInputClickToggle,onFocus:this.handleInputFocusAndBlur,onBlur:this.handleInputFocusAndBlur},this.hasLeadingIcon&&s("slot",{key:"ffff01e347fae7f5c1714f6bff552e38c845e6bd",name:"leadingIconDropdown",slot:"leadingIcon"}),this.hasLeadingAccessory&&s("slot",{key:"f971e3f5e961b9bad5b33c1d037fa5cbaf16c59c",name:"leadingAccessoryDropdown",slot:"leadingAccessory"}),l),s("div",{key:"ce522a342ee46e94299ce8bd19778d835e93804c",class:"gids-dropdown__menu",id:d,role:"listbox",onClick:this.handleMenuClick},s("slot",{key:"6c84963e10614e1990aab1daee050d8c01b360e4"})))}get hostElement(){return this}static get watchers(){return{expanded:[{handleExpandedChange:0}],disabled:[{handleInteractivityChange:0}],readOnly:[{handleInteractivityChange:0}]}}static get style(){return'@charset "UTF-8";.gids-dropdown{position:relative}.gids-dropdown__menu{position:absolute;inset-inline:0;top:calc(100% + var(--gids-gap-050));z-index:3;display:none;flex-direction:column;min-height:55px;max-height:20rem;overflow-x:hidden;overflow-y:auto;background-color:var(--gids-elevation-surface-overlay-default);box-shadow:var(--gids-elevation-shadow-overlay);border-radius:var(--gids-border-radius-lg)}.gids-dropdown__menu>*{flex-shrink:0}.gids-dropdown--expanded .gids-dropdown__menu{display:flex}.gids-dropdown__leading-icon{display:flex;align-items:center}.gids-dropdown__accessory{display:flex;align-items:center}'}},[260,"gids-dropdown",{appearance:[1],expanded:[1540],inputProps:[16],disabled:[516],readOnly:[516,"read-only"],loading:[516],value:[513],name:[1],onSelectionChange:[16],required:[4],filterValue:[32],isFilterEditing:[32],selectedItemTitle:[32],hasLeadingIcon:[32],hasLeadingAccessory:[32],checkValidity:[64],reportValidity:[64],setCustomValidity:[64]},void 0,{expanded:[{handleExpandedChange:0}],disabled:[{handleInteractivityChange:0}],readOnly:[{handleInteractivityChange:0}]}]);function l(){"undefined"!=typeof customElements&&["gids-dropdown","gids-input"].forEach((i=>{switch(i){case"gids-dropdown":customElements.get(t(i))||customElements.define(t(i),c);break;case"gids-input":customElements.get(t(i))||d()}}))}l();export{c as G,l as d}
@@ -1 +1 @@
1
- import{t as e,p as i,H as t,h as s}from"./p-Bf3p-DY2.js";import{GidsPieChartWebUtils as r}from"@ganpatiinfo/gids-web-shared";import{G as a}from"./p-DMNS1d8v.js";import{d}from"./p-BCVFQSjK.js";import{d as h}from"./p-C3xv7tfs.js";const{getGidsPieChartClassNames:g}=r,n=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.breakpoint="desktop",this.legendVisible=!1,this.chartData=[],this.size="xxs",this.chartLoaderSize="lg",this.chartLoading=!1,this.width=0,this.height=0}chartDataChanged(){this.updateDimensions()}legendVisibilityChanged(e){this.legendVisible=e}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 e=this.hostElement.getBoundingClientRect();this.width=e.width,this.height=e.height>0?e.height:240}render(){if(this.chartLoading)return s("div",{class:"gids-pie-chart__no-data"},s(a,{label:this.chartLoadingTitle,supportingText:this.chartLoadingSupportingText,size:this?.chartLoaderSize??"lg"}));const e=this.chartData.length,i=this.chartData.reduce(((e,i)=>e+(i.value||0)),0);let t=i;e<6&&e>0&&(t=i+i/e*(6-e));const r=t>0?t:1,d=g({breakpoint:this.breakpoint}),h=2*Math.PI*25;let n=0;return s("div",{class:d},s("div",{class:"gids-pie-chart__main-container"},s("div",{class:"gids-pie-chart__chart-stage-container"},s("div",{class:`gids-pie-chart__svg-wrapper gids-pie-chart__svg-wrapper--size-${this.size}`},s("svg",{viewBox:"0 0 100 100",class:"gids-pie-chart__chart-vector"},s("circle",{cx:"50",cy:"50",r:25,class:"gids-pie-chart__track-background"}),this.chartData.map(((e,i)=>{const t=(e.value||0)/r,a=`${t*h} ${h}`,d=-n*h;return n+=t,s("circle",{key:e.label||i,cx:"50",cy:"50",r:25,class:`gids-pie-chart__segment gids-pie-chart__segment-series-${i+1}`,"stroke-dasharray":a,"stroke-dashoffset":d,transform:"rotate(-90 50 50)"})}))))),this.legendVisible?s("div",{class:"gids-pie-chart__legend-container"},s("gids-chart-legend",{orientation:"vertical"},this.chartData.map(((e,i)=>s("gids-chart-legend-item",{key:e.label,seriesType:`${i+1}`,orientation:"vertical"},e.label))))):null))}get hostElement(){return this}static get watchers(){return{chartData:[{chartDataChanged:0}],legendVisible:[{legendVisibilityChanged:0}]}}static get style(){return":host{display:block;width:100%;height:100%;box-sizing:border-box}.gids-pie-chart{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box}.gids-pie-chart--breakpoint-mobile{max-width:var(--gids-width-xs)}.gids-pie-chart__main-container{display:inline-flex;justify-content:center;gap:var(--gids-gap-200);width:100%;height:100%}.gids-pie-chart__chart-stage-container{display:flex;justify-content:center;align-items:center}.gids-pie-chart{}.gids-pie-chart__svg-wrapper{position:relative;display:block;flex-shrink:0}.gids-pie-chart__svg-wrapper--size-xxs{width:180px;height:180px}.gids-pie-chart__svg-wrapper--size-xs{width:220px;height:220px}.gids-pie-chart__svg-wrapper--size-sm{width:260px;height:260px}.gids-pie-chart__svg-wrapper--size-md{width:300px;height:300px}.gids-pie-chart__svg-wrapper--size-lg{width:340px;height:340px}.gids-pie-chart__chart-vector{display:block;width:100%;height:100%}.gids-pie-chart{}.gids-pie-chart__track-background{fill:none;stroke:var(--gids-color-background-neutral-default);stroke-width:12;}.gids-pie-chart__segment{fill:none;stroke-width:12;stroke-linecap:butt;transition:stroke-dashoffset 0.3s ease;}.gids-pie-chart__segment.gids-pie-chart__segment-series-1{stroke:var(--gids-color-icon-subtle);}.gids-pie-chart__segment.gids-pie-chart__segment-series-2{stroke:var(--gids-color-icon-warning);}.gids-pie-chart__segment.gids-pie-chart__segment-series-3{stroke:var(--gids-color-icon-danger);}.gids-pie-chart__segment.gids-pie-chart__segment-series-4{stroke:var(--gids-color-background-positive-bold-hovered);}.gids-pie-chart__segment.gids-pie-chart__segment-series-5{stroke:var(--gids-color-background-information-bold-default);}.gids-pie-chart__segment.gids-pie-chart__segment-series-6{stroke:rgb(238, 70, 188);}.gids-pie-chart__legend-container{display:inline-flex;align-items:flex-start}.gids-pie-chart__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-pie-chart",{breakpoint:[1],legendVisible:[4,"legend-visible"],chartData:[16],size:[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}],legendVisible:[{legendVisibilityChanged:0}]}]);function c(){"undefined"!=typeof customElements&&["gids-pie-chart","gids-chart-legend","gids-chart-legend-item"].forEach((i=>{switch(i){case"gids-pie-chart":customElements.get(e(i))||customElements.define(e(i),n);break;case"gids-chart-legend":customElements.get(e(i))||d();break;case"gids-chart-legend-item":customElements.get(e(i))||h()}}))}c();export{n as G,c as d}
1
+ import{t as e,p as i,H as t,h as s}from"./p-Bf3p-DY2.js";import{GidsPieChartWebUtils as r}from"@ganpatiinfo/gids-web-shared";import{G as a}from"./p-DMNS1d8v.js";import{d}from"./p-DslOQITw.js";import{d as h}from"./p-BV0jg2ix.js";const{getGidsPieChartClassNames:g}=r,n=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.breakpoint="desktop",this.legendVisible=!1,this.chartData=[],this.size="xxs",this.chartLoaderSize="lg",this.chartLoading=!1,this.width=0,this.height=0}chartDataChanged(){this.updateDimensions()}legendVisibilityChanged(e){this.legendVisible=e}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 e=this.hostElement.getBoundingClientRect();this.width=e.width,this.height=e.height>0?e.height:240}render(){if(this.chartLoading)return s("div",{class:"gids-pie-chart__no-data"},s(a,{label:this.chartLoadingTitle,supportingText:this.chartLoadingSupportingText,size:this?.chartLoaderSize??"lg"}));const e=this.chartData.length,i=this.chartData.reduce(((e,i)=>e+(i.value||0)),0);let t=i;e<6&&e>0&&(t=i+i/e*(6-e));const r=t>0?t:1,d=g({breakpoint:this.breakpoint}),h=2*Math.PI*25;let n=0;return s("div",{class:d},s("div",{class:"gids-pie-chart__main-container"},s("div",{class:"gids-pie-chart__chart-stage-container"},s("div",{class:`gids-pie-chart__svg-wrapper gids-pie-chart__svg-wrapper--size-${this.size}`},s("svg",{viewBox:"0 0 100 100",class:"gids-pie-chart__chart-vector"},s("circle",{cx:"50",cy:"50",r:25,class:"gids-pie-chart__track-background"}),this.chartData.map(((e,i)=>{const t=(e.value||0)/r,a=`${t*h} ${h}`,d=-n*h;return n+=t,s("circle",{key:e.label||i,cx:"50",cy:"50",r:25,class:`gids-pie-chart__segment gids-pie-chart__segment-series-${i+1}`,"stroke-dasharray":a,"stroke-dashoffset":d,transform:"rotate(-90 50 50)"})}))))),this.legendVisible?s("div",{class:"gids-pie-chart__legend-container"},s("gids-chart-legend",{orientation:"vertical"},this.chartData.map(((e,i)=>s("gids-chart-legend-item",{key:e.label,seriesType:`${i+1}`,orientation:"vertical"},e.label))))):null))}get hostElement(){return this}static get watchers(){return{chartData:[{chartDataChanged:0}],legendVisible:[{legendVisibilityChanged:0}]}}static get style(){return":host{display:block;width:100%;height:100%;box-sizing:border-box}.gids-pie-chart{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box}.gids-pie-chart--breakpoint-mobile{max-width:var(--gids-width-xs)}.gids-pie-chart__main-container{display:inline-flex;justify-content:center;gap:var(--gids-gap-200);width:100%;height:100%}.gids-pie-chart__chart-stage-container{display:flex;justify-content:center;align-items:center}.gids-pie-chart{}.gids-pie-chart__svg-wrapper{position:relative;display:block;flex-shrink:0}.gids-pie-chart__svg-wrapper--size-xxs{width:180px;height:180px}.gids-pie-chart__svg-wrapper--size-xs{width:220px;height:220px}.gids-pie-chart__svg-wrapper--size-sm{width:260px;height:260px}.gids-pie-chart__svg-wrapper--size-md{width:300px;height:300px}.gids-pie-chart__svg-wrapper--size-lg{width:340px;height:340px}.gids-pie-chart__chart-vector{display:block;width:100%;height:100%}.gids-pie-chart{}.gids-pie-chart__track-background{fill:none;stroke:var(--gids-color-background-neutral-default);stroke-width:12;}.gids-pie-chart__segment{fill:none;stroke-width:12;stroke-linecap:butt;transition:stroke-dashoffset 0.3s ease;}.gids-pie-chart__segment.gids-pie-chart__segment-series-1{stroke:var(--gids-color-icon-subtle);}.gids-pie-chart__segment.gids-pie-chart__segment-series-2{stroke:var(--gids-color-icon-warning);}.gids-pie-chart__segment.gids-pie-chart__segment-series-3{stroke:var(--gids-color-icon-danger);}.gids-pie-chart__segment.gids-pie-chart__segment-series-4{stroke:var(--gids-color-background-positive-bold-hovered);}.gids-pie-chart__segment.gids-pie-chart__segment-series-5{stroke:var(--gids-color-background-information-bold-default);}.gids-pie-chart__segment.gids-pie-chart__segment-series-6{stroke:rgb(238, 70, 188);}.gids-pie-chart__legend-container{display:inline-flex;align-items:flex-start}.gids-pie-chart__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-pie-chart",{breakpoint:[1],legendVisible:[4,"legend-visible"],chartData:[16],size:[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}],legendVisible:[{legendVisibilityChanged:0}]}]);function c(){"undefined"!=typeof customElements&&["gids-pie-chart","gids-chart-legend","gids-chart-legend-item"].forEach((i=>{switch(i){case"gids-pie-chart":customElements.get(e(i))||customElements.define(e(i),n);break;case"gids-chart-legend":customElements.get(e(i))||d();break;case"gids-chart-legend-item":customElements.get(e(i))||h()}}))}c();export{n as G,c as d}