@ganpatiinfo/gids-core-web 13.0.0 → 15.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.
- package/dist/css/index.css +5485 -4131
- package/dist/css/index.css.map +1 -1
- package/dist/gids-action-bar.d.ts +1 -1
- package/dist/gids-action-bar.js +1 -1
- package/dist/gids-activity-gauge.d.ts +1 -1
- package/dist/gids-activity-gauge.js +1 -1
- package/dist/gids-advanced-tooltip.d.ts +11 -0
- package/dist/gids-advanced-tooltip.js +1 -0
- package/dist/gids-bar-chart.d.ts +1 -1
- package/dist/gids-bar-chart.js +1 -1
- package/dist/gids-calendar-header-panel.d.ts +1 -1
- package/dist/gids-calendar-header-panel.js +1 -1
- package/dist/gids-calendar-month-list.d.ts +1 -1
- package/dist/gids-calendar-month-list.js +1 -1
- package/dist/gids-calendar-year-list.d.ts +1 -1
- package/dist/gids-calendar-year-list.js +1 -1
- package/dist/gids-calendar.d.ts +1 -1
- package/dist/gids-calendar.js +1 -1
- package/dist/gids-chart-legend-item.d.ts +1 -1
- package/dist/gids-chart-legend-item.js +1 -1
- package/dist/gids-chart-legend.d.ts +1 -1
- package/dist/gids-chart-legend.js +1 -1
- package/dist/gids-chart.d.ts +1 -1
- package/dist/gids-chart.js +1 -1
- package/dist/gids-chevron-button.d.ts +1 -1
- package/dist/gids-chevron-button.js +1 -1
- package/dist/gids-dot.d.ts +1 -1
- package/dist/gids-dot.js +1 -1
- package/dist/gids-dropdown-field.d.ts +1 -1
- package/dist/gids-dropdown-field.js +1 -1
- package/dist/gids-dropdown-picker.d.ts +1 -1
- package/dist/gids-dropdown-picker.js +1 -1
- package/dist/gids-dropdown.d.ts +1 -1
- package/dist/gids-dropdown.js +1 -1
- package/dist/gids-expansion-body-list-item.d.ts +1 -1
- package/dist/gids-expansion-body-list-item.js +1 -1
- package/dist/gids-expansion-body-list.d.ts +1 -1
- package/dist/gids-expansion-body-list.js +1 -1
- package/dist/gids-expansion-group.d.ts +1 -1
- package/dist/gids-expansion-group.js +1 -1
- package/dist/gids-expansion.d.ts +1 -1
- package/dist/gids-expansion.js +1 -1
- package/dist/gids-field.d.ts +1 -1
- package/dist/gids-field.js +1 -1
- package/dist/gids-filter.d.ts +1 -1
- package/dist/gids-filter.js +1 -1
- package/dist/gids-icon.d.ts +1 -1
- package/dist/gids-icon.js +1 -1
- package/dist/gids-input.d.ts +1 -1
- package/dist/gids-input.js +1 -1
- package/dist/gids-level-gauge.d.ts +1 -1
- package/dist/gids-line-chart.d.ts +1 -1
- package/dist/gids-line-chart.js +1 -1
- package/dist/gids-md-table.d.ts +1 -1
- package/dist/gids-md-table.js +1 -1
- package/dist/gids-notification.d.ts +1 -1
- package/dist/gids-overflow-container.d.ts +1 -1
- package/dist/gids-overflow-container.js +1 -1
- package/dist/gids-overlay-provider.d.ts +1 -1
- package/dist/gids-overlay-provider.js +1 -1
- package/dist/gids-password-field.d.ts +1 -1
- package/dist/gids-password-field.js +1 -1
- package/dist/gids-pie-chart.d.ts +1 -1
- package/dist/gids-pie-chart.js +1 -1
- package/dist/gids-popover.d.ts +1 -1
- package/dist/gids-popover.js +1 -1
- package/dist/gids-progress-circle.d.ts +1 -1
- package/dist/gids-scrim.d.ts +1 -1
- package/dist/gids-scrim.js +1 -1
- package/dist/gids-skeleton.d.ts +11 -0
- package/dist/gids-skeleton.js +1 -0
- package/dist/gids-snackbar.d.ts +1 -1
- package/dist/gids-tab-item.d.ts +1 -1
- package/dist/gids-tab-item.js +1 -1
- package/dist/gids-tab.d.ts +1 -1
- package/dist/gids-tab.js +1 -1
- package/dist/gids-text-field.d.ts +1 -1
- package/dist/gids-text-field.js +1 -1
- package/dist/gids-toggle-button.d.ts +1 -1
- package/dist/gids-toggle-button.js +1 -1
- package/dist/gids-tooltip.d.ts +1 -1
- package/dist/gids-tooltip.js +1 -1
- package/dist/gids-transfer-list.d.ts +11 -0
- package/dist/gids-transfer-list.js +1 -0
- package/dist/p-474lVBcu.js +1 -0
- package/dist/{p-DUojHltk.js → p-9NZjfY_u.js} +1 -1
- package/dist/{p-C3w3wdCt.js → p-B0Nc9rVM.js} +1 -1
- package/dist/p-BBszCFSA.js +1 -0
- package/dist/{p-C3We7Q8Q.js → p-BF46eY8H.js} +1 -1
- package/dist/{p-4lN1OdcA.js → p-BKIsp763.js} +1 -1
- package/dist/p-BKcvOO8o.js +1 -0
- package/dist/p-BgvpzBUx.js +1 -0
- package/dist/p-BtKwhIx5.js +1 -0
- package/dist/{p-6APCjBEI.js → p-CLm5opt9.js} +1 -1
- package/dist/{p-Chqeexny.js → p-CZxn31uZ.js} +1 -1
- package/dist/{p-C2O_pGky.js → p-Cyant-dw.js} +1 -1
- package/dist/{p-COHuQEfZ.js → p-D7qanqNO.js} +1 -1
- package/dist/{p-BVAtja26.js → p-DGenc1qz.js} +1 -1
- package/dist/p-DLauG0q8.js +1 -0
- package/dist/p-DaqhrFRM.js +1 -0
- package/dist/{p-BSbOhfLZ.js → p-Db4qRSmH.js} +1 -1
- package/dist/{p-BCVFQSjK.js → p-Df5xaj-o.js} +1 -1
- package/dist/{p-pSb81aE0.js → p-DhtEw_C2.js} +1 -1
- package/dist/p-DshXkAUj.js +1 -0
- package/dist/p-Dvh4sPkD.js +1 -0
- package/dist/p-Iqbf3Pja.js +1 -0
- package/dist/{p-ub0GuVHb.js → p-MnCDY1k9.js} +1 -1
- package/dist/types/components/html/GidsBasicTableBody/GidsBasicTableBody.d.ts +28 -4
- package/dist/types/components/html/GidsBasicTableHead/GidsBasicTableHead.d.ts +15 -0
- package/dist/types/components/html/GidsBasicTableHeader/GidsBasicTableHeader.d.ts +22 -3
- package/dist/types/components/html/GidsBasicTableRow/GidsBasicTableRow.d.ts +19 -3
- package/dist/types/components/html/GidsBsTable/GidsBsTable.d.ts +26 -3
- package/dist/types/components/html/GidsColorSwatch/GidsColorSwatch.d.ts +6 -0
- package/dist/types/components/html/GidsCrossTable/GidsCrossTable.d.ts +17 -0
- package/dist/types/components/html/GidsCrossTableBody/GidsCrossTableBody.d.ts +12 -0
- package/dist/types/components/html/GidsCrossTableRow/GidsCrossTableRow.d.ts +12 -0
- package/dist/types/components/html/GidsDialog/GidsDialog.d.ts +12 -0
- package/dist/types/components/html/GidsMatrixTable/GidsMatrixTable.d.ts +31 -0
- package/dist/types/components/html/GidsMatrixTableBody/GidsMatrixTableBody.d.ts +31 -0
- package/dist/types/components/html/GidsMenu/GidsMenu.d.ts +3 -3
- package/dist/types/components/html/GidsMenuGroup/GidsMenuGroup.d.ts +3 -3
- package/dist/types/components/html/GidsPagination/GidsPagination.d.ts +10 -0
- package/dist/types/components/html/GidsPaginator/GidsPaginator.d.ts +6 -0
- package/dist/types/components/html/GidsPaginatorItem/GidsPaginatorItem.d.ts +7 -0
- package/dist/types/components/html/GidsTable/GidsTable.d.ts +16 -0
- package/dist/types/components/html/GidsTableBody/GidsTableBody.d.ts +11 -0
- package/dist/types/components/html/GidsTableCell/GidsTableCell.d.ts +21 -0
- package/dist/types/components/html/GidsTableEntry/GidsTableEntry.d.ts +9 -0
- package/dist/types/components/html/GidsTableFooter/GidsTableFooter.d.ts +12 -0
- package/dist/types/components/html/GidsTableFooterControl/GidsTableFooterControl.d.ts +8 -0
- package/dist/types/components/html/GidsTableHeader/GidsTableHeader.d.ts +9 -0
- package/dist/types/components/html/GidsTableRow/GidsTableRow.d.ts +9 -0
- package/dist/types/components/html/GidsTableToolbar/GidsTableToolbar.d.ts +11 -0
- package/dist/types/components/html/_GidsDialogControl/GidsDialogControl.d.ts +8 -0
- package/dist/types/components/html/_GidsPaginationItem/GidsPaginationItem.d.ts +10 -0
- package/dist/types/components/webComponents/GidsAdvancedTooltip/GidsAdvancedTooltip.d.ts +28 -0
- package/dist/types/components/webComponents/GidsBarChart/GidsBarChart.d.ts +7 -0
- package/dist/types/components/webComponents/GidsChartLegendItem/GidsChartLegendItem.d.ts +7 -0
- package/dist/types/components/webComponents/GidsLineChart/GidsLineChart.d.ts +7 -0
- package/dist/types/components/webComponents/GidsMdTable/GidsMdTable.d.ts +12 -9
- package/dist/types/components/webComponents/GidsSkeleton/GidsSkeleton.d.ts +11 -0
- package/dist/types/components/webComponents/GidsTransferList/GidsTransferList.d.ts +49 -0
- package/dist/types/components.d.ts +243 -17
- package/dist-bundled/es/gids-action-bar.js +28 -27
- package/dist-bundled/es/gids-activity-gauge.js +4 -4
- package/dist-bundled/es/gids-advanced-tooltip.js +6 -0
- package/dist-bundled/es/gids-bar-chart.js +4 -4
- package/dist-bundled/es/gids-calendar-header-panel.js +1 -1
- package/dist-bundled/es/gids-calendar-month-list.js +3 -3
- package/dist-bundled/es/gids-calendar-year-list.js +4 -4
- package/dist-bundled/es/gids-calendar.js +7 -7
- package/dist-bundled/es/gids-chart-legend-item.js +4 -4
- package/dist-bundled/es/gids-chart-legend.js +4 -4
- package/dist-bundled/es/gids-chart.js +38 -34
- package/dist-bundled/es/gids-chevron-button.js +4 -4
- package/dist-bundled/es/gids-dot.js +3 -3
- package/dist-bundled/es/gids-dropdown-field.js +7 -7
- package/dist-bundled/es/gids-dropdown-picker.js +4 -4
- package/dist-bundled/es/gids-dropdown.js +3 -3
- package/dist-bundled/es/gids-expansion-body-list-item.js +1 -1
- package/dist-bundled/es/gids-expansion-body-list.js +2 -2
- package/dist-bundled/es/gids-expansion-group.js +6 -6
- package/dist-bundled/es/gids-expansion.js +1 -1
- package/dist-bundled/es/gids-field.js +1 -1
- package/dist-bundled/es/gids-filter.js +4 -4
- package/dist-bundled/es/gids-icon.js +3 -3
- package/dist-bundled/es/gids-input.js +4 -4
- package/dist-bundled/es/gids-level-gauge.js +1 -1
- package/dist-bundled/es/gids-line-chart.js +4 -4
- package/dist-bundled/es/gids-md-table.js +116 -83
- package/dist-bundled/es/gids-overflow-container.js +1 -1
- package/dist-bundled/es/gids-overlay-provider.js +20 -20
- package/dist-bundled/es/gids-password-field.js +52 -52
- package/dist-bundled/es/gids-pie-chart.js +1 -1
- package/dist-bundled/es/gids-popover.js +2 -2
- package/dist-bundled/es/gids-progress-circle.js +1 -1
- package/dist-bundled/es/gids-scrim.js +7 -7
- package/dist-bundled/es/gids-skeleton.js +41 -0
- package/dist-bundled/es/gids-tab-item.js +10 -10
- package/dist-bundled/es/gids-tab.js +4 -4
- package/dist-bundled/es/gids-text-field.js +10 -10
- package/dist-bundled/es/gids-toggle-button.js +1 -1
- package/dist-bundled/es/gids-tooltip.js +2 -2
- package/dist-bundled/es/gids-transfer-list.js +196 -0
- package/dist-bundled/es/p-474lVBcu-B1f8x2o1.js +31 -0
- package/dist-bundled/es/{p-DUojHltk-BQ0ryfLD.js → p-9NZjfY_u-CnjUEy1y.js} +2 -2
- package/dist-bundled/es/{p-C3w3wdCt-BTH-jYlI.js → p-B0Nc9rVM-SBit1KrF.js} +6 -6
- package/dist-bundled/es/p-BBszCFSA-BN0-eWJX.js +115 -0
- package/dist-bundled/es/{p-C3We7Q8Q-2EoDLj5m.js → p-BF46eY8H-Xn8Fl9EI.js} +3 -3
- package/dist-bundled/es/{p-4lN1OdcA-xYP8gbDc.js → p-BKIsp763-CqL9MgyZ.js} +1 -1
- package/dist-bundled/es/p-BKcvOO8o-L5KtCP_k.js +1024 -0
- package/dist-bundled/es/p-BgvpzBUx-iq-eKBVZ.js +129 -0
- package/dist-bundled/es/{p-CI-sN9Lr-BvWzRJw-.js → p-BtKwhIx5-DTEmfdxe.js} +14 -14
- package/dist-bundled/es/{p-CHGTBObD-EN4cCwtX.js → p-CHGTBObD-D_K9_Tmh.js} +15 -15
- package/dist-bundled/es/{p-6APCjBEI-BREg63Xr.js → p-CLm5opt9-DlxkI38w.js} +5 -5
- package/dist-bundled/es/{p-Chqeexny-BuJ-PhNi.js → p-CZxn31uZ-BBHM983b.js} +6 -6
- package/dist-bundled/es/{p-CoS0NuDU-CqmDcRWj.js → p-CoS0NuDU-ByDvQAzA.js} +1 -1
- package/dist-bundled/es/{p-C2O_pGky-CP4PN55D.js → p-Cyant-dw-Ch2zYNkx.js} +8 -8
- package/dist-bundled/es/{p-COHuQEfZ-DcUxD9TI.js → p-D7qanqNO-Dby5jSjA.js} +12 -12
- package/dist-bundled/es/{p-BVAtja26-C16IjShX.js → p-DGenc1qz-CMwVEtCm.js} +7 -7
- package/dist-bundled/es/{p-_SIWct9h-jMYFZ-VO.js → p-DLauG0q8-CCUuzYl9.js} +6 -6
- package/dist-bundled/es/{p-DMNS1d8v-CHF62UXm.js → p-DMNS1d8v-BX8e_AsY.js} +14 -14
- package/dist-bundled/es/p-DaqhrFRM-2PqBeu5o.js +111 -0
- package/dist-bundled/es/{p-BSbOhfLZ-BdEHhmFM.js → p-Db4qRSmH-B5pzOeve.js} +2 -2
- package/dist-bundled/es/{p-Degg_WJz-BLua06el.js → p-Degg_WJz-ORZcjc8G.js} +1 -1
- package/dist-bundled/es/{p-BCVFQSjK-CKrYrI4b.js → p-Df5xaj-o-fxAXUmag.js} +1 -1
- package/dist-bundled/es/{p-Dg2yoUxw-Cca8ROd_.js → p-Dg2yoUxw-DliMstZy.js} +8 -8
- package/dist-bundled/es/{p-pSb81aE0-WzAszFOQ.js → p-DhtEw_C2-D_91JSPC.js} +3 -3
- package/dist-bundled/es/{p-C3xv7tfs-DHsjc3Ns.js → p-DshXkAUj-DgCiQIA2.js} +15 -12
- package/dist-bundled/es/p-Dvh4sPkD-B-T5C03p.js +99 -0
- package/dist-bundled/es/p-Iqbf3Pja-DuajY4uD.js +52 -0
- package/dist-bundled/es/{p-ub0GuVHb-C9vrhXyF.js → p-MnCDY1k9-CgbTyJ5R.js} +1 -1
- package/dist-bundled/es/{p-UVmSPzTd-6vjXok6h.js → p-UVmSPzTd-CR1higgJ.js} +1 -1
- package/dist-bundled/umd/gids-action-bar.umd.js +3 -3
- package/dist-bundled/umd/gids-activity-gauge.umd.js +2 -2
- package/dist-bundled/umd/gids-advanced-tooltip.umd.js +5 -0
- package/dist-bundled/umd/gids-bar-chart.umd.js +8 -8
- package/dist-bundled/umd/gids-calendar-header-panel.umd.js +2 -2
- package/dist-bundled/umd/gids-calendar-month-list.umd.js +2 -2
- package/dist-bundled/umd/gids-calendar-year-list.umd.js +2 -2
- package/dist-bundled/umd/gids-calendar.umd.js +1 -1
- package/dist-bundled/umd/gids-chart-legend-item.umd.js +2 -2
- package/dist-bundled/umd/gids-chart-legend.umd.js +1 -1
- package/dist-bundled/umd/gids-chart.umd.js +5 -5
- package/dist-bundled/umd/gids-chevron-button.umd.js +1 -1
- package/dist-bundled/umd/gids-dot.umd.js +1 -1
- package/dist-bundled/umd/gids-dropdown-field.umd.js +1 -1
- package/dist-bundled/umd/gids-dropdown-picker.umd.js +1 -1
- package/dist-bundled/umd/gids-dropdown.umd.js +1 -1
- package/dist-bundled/umd/gids-expansion-body-list-item.umd.js +1 -1
- package/dist-bundled/umd/gids-expansion-body-list.umd.js +1 -1
- package/dist-bundled/umd/gids-expansion-group.umd.js +1 -1
- package/dist-bundled/umd/gids-expansion.umd.js +1 -1
- package/dist-bundled/umd/gids-field.umd.js +1 -1
- package/dist-bundled/umd/gids-filter.umd.js +2 -2
- package/dist-bundled/umd/gids-icon.umd.js +1 -1
- package/dist-bundled/umd/gids-input.umd.js +2 -2
- package/dist-bundled/umd/gids-level-gauge.umd.js +1 -1
- package/dist-bundled/umd/gids-line-chart.umd.js +2 -2
- package/dist-bundled/umd/gids-md-table.umd.js +2 -2
- package/dist-bundled/umd/gids-overflow-container.umd.js +1 -1
- package/dist-bundled/umd/gids-overlay-provider.umd.js +1 -1
- package/dist-bundled/umd/gids-password-field.umd.js +1 -1
- package/dist-bundled/umd/gids-pie-chart.umd.js +2 -2
- package/dist-bundled/umd/gids-popover.umd.js +2 -2
- package/dist-bundled/umd/gids-progress-circle.umd.js +1 -1
- package/dist-bundled/umd/gids-scrim.umd.js +1 -1
- package/dist-bundled/umd/gids-skeleton.umd.js +5 -0
- package/dist-bundled/umd/gids-tab-item.umd.js +1 -1
- package/dist-bundled/umd/gids-tab.umd.js +1 -1
- package/dist-bundled/umd/gids-text-field.umd.js +1 -1
- package/dist-bundled/umd/gids-toggle-button.umd.js +2 -2
- package/dist-bundled/umd/gids-tooltip.umd.js +1 -1
- package/dist-bundled/umd/gids-transfer-list.umd.js +5 -0
- package/dist-bundled/umd-complete/gids-core-web.umd.js +8 -8
- package/package.json +33 -9
- package/dist/p-C3xv7tfs.js +0 -1
- package/dist/p-C56G7JRy.js +0 -1
- package/dist/p-CI-sN9Lr.js +0 -1
- package/dist/p-D6lxqcxP.js +0 -1
- package/dist/p-DO0MyFf4.js +0 -1
- package/dist/p-_SIWct9h.js +0 -1
- package/dist/p-a3JfEYJp.js +0 -1
- package/dist/types/components/html/GidsBasicTableCell/GidsBasicTableCell.d.ts +0 -5
- package/dist-bundled/es/p-C56G7JRy-BCGZG2-3.js +0 -88
- package/dist-bundled/es/p-D6lxqcxP-C6BOC0kV.js +0 -74
- package/dist-bundled/es/p-DO0MyFf4-Ddg5sVMx.js +0 -115
- package/dist-bundled/es/p-a3JfEYJp-DyhDK6VZ.js +0 -1128
|
@@ -1 +1 @@
|
|
|
1
|
-
import{G as
|
|
1
|
+
import{G as s,d as o}from"./p-BKIsp763.js";const p=s,r=o;export{p as GidsExpansionBodyListItem,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as s,H as i,h as e,d as n}from"./p-Bf3p-DY2.js";import{GidsExpansionBodyListWebUtils as o}from"@ganpatiinfo/gids-web-shared";import{d as a}from"./p-
|
|
1
|
+
import{t,p as s,H as i,h as e,d as n}from"./p-Bf3p-DY2.js";import{GidsExpansionBodyListWebUtils as o}from"@ganpatiinfo/gids-web-shared";import{d as a}from"./p-BKIsp763.js";const{getGidsExpansionBodyListClassNames:d}=o,p=s(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.expansionBodyListItems=[],this.hasExpansionBodyListSubtitleItemListener=!1,this.hasExpansionBodyListSupportingTextItemListener=!1,this.handleExpansionBodyListSubtitleClick=({detail:t,expansionBodyListItem:s})=>{this.selectedExpansionListItem={detail:t,expansionBodyListItem:s},this.applyExpansionBodyListSubtitleSelection({detail:t,expansionBodyListItem:s})},this.handleExpansionBodyListSupportingTextClick=({detail:t,expansionBodyListItem:s})=>{this.selectedExpansionListItem={detail:t,expansionBodyListItem:s},this.applyExpansionBodyListSupportingTextSelection({detail:t,expansionBodyListItem:s})},this.handleExpansionBodyListSubtitleSelect=t=>{const{listItemId:s,label:i,subtitle:e,supportingText:n,listItemPressedType:o}=t.detail;this.applyExpansionBodyListSubtitleSelection({detail:{listItemId:s,label:i,subtitle:e,supportingText:n,listItemPressedType:o,originalEvent:t},expansionBodyListItem:this.selectedExpansionListItem?.expansionBodyListItem})},this.handleExpansionBodyListSupportingTextSelect=t=>{const{listItemId:s,label:i,subtitle:e,supportingText:n,listItemPressedType:o}=t.detail;this.applyExpansionBodyListSupportingTextSelection({detail:{listItemId:s,label:i,subtitle:e,supportingText:n,listItemPressedType:o,originalEvent:t},expansionBodyListItem:this.selectedExpansionListItem?.expansionBodyListItem})}}handleExpansionBodyListItemsChange(t){this.expansionBodyListItems=t}connectedCallback(){this.attachExpansionBodyListSubtitleItemListener(),this.attachExpansionBodyListSupportingTextItemListener()}disconnectedCallback(){this.detachExpansionBodyListSubtitleItemListener(),this.detachExpansionBodyListSupportingTextItemListener()}applyExpansionBodyListSubtitleSelection({detail:t,expansionBodyListItem:s}){this.onExpansionBodyListSubtitlePress&&this.onExpansionBodyListSubtitlePress({...t,selectedExpansionBodyListItem:s})}applyExpansionBodyListSupportingTextSelection({detail:t,expansionBodyListItem:s}){this.onExpansionBodyListSupportingTextPress&&this.onExpansionBodyListSupportingTextPress({...t,selectedExpansionBodyListItem:s})}attachExpansionBodyListSubtitleItemListener(){this.hasExpansionBodyListSubtitleItemListener||(this.hostElement.addEventListener("onExpansionBodyListSubtitlePress",this.handleExpansionBodyListSubtitleSelect),this.hasExpansionBodyListSubtitleItemListener=!0)}attachExpansionBodyListSupportingTextItemListener(){this.hasExpansionBodyListSupportingTextItemListener||(this.hostElement.addEventListener("onExpansionBodyListSupportingTextPress",this.handleExpansionBodyListSupportingTextSelect),this.hasExpansionBodyListSupportingTextItemListener=!0)}detachExpansionBodyListSubtitleItemListener(){this.hasExpansionBodyListSubtitleItemListener&&(this.hostElement.removeEventListener("onExpansionBodyListSubtitlePress",this.handleExpansionBodyListSubtitleSelect),this.hasExpansionBodyListSubtitleItemListener=!1)}detachExpansionBodyListSupportingTextItemListener(){this.hasExpansionBodyListSupportingTextItemListener&&(this.hostElement.removeEventListener("onExpansionBodyListSupportingTextPress",this.handleExpansionBodyListSupportingTextSelect),this.hasExpansionBodyListSupportingTextItemListener=!1)}render(){const t=d();return e(n,{key:"a22e74a530e98ea4224301afcaf3df8e7c78b9ba",class:t},(this?.expansionBodyListItems??[]).map(((t,s)=>e("gids-expansion-body-list-item",{key:""+(s+1),...t,onSubtitlePress:s=>this.handleExpansionBodyListSubtitleClick({detail:s,expansionBodyListItem:t}),onSupportingTextPress:s=>this.handleExpansionBodyListSupportingTextClick({detail:s,expansionBodyListItem:t})}))))}get hostElement(){return this}static get watchers(){return{expansionBodyListItems:[{handleExpansionBodyListItemsChange:0}]}}static get style(){return".gids-expansion-body-list{display:flex;flex-direction:column;width:100%;gap:var(--gids-gap-400);overflow-y:scroll;overflow-x:hidden}"}},[0,"gids-expansion-body-list",{expansionBodyListItems:[16],onExpansionBodyListSubtitlePress:[16],onExpansionBodyListSupportingTextPress:[16],selectedExpansionListItem:[32]},void 0,{expansionBodyListItems:[{handleExpansionBodyListItemsChange:0}]}]);function l(){"undefined"!=typeof customElements&&["gids-expansion-body-list","gids-expansion-body-list-item"].forEach((s=>{switch(s){case"gids-expansion-body-list":customElements.get(t(s))||customElements.define(t(s),p);break;case"gids-expansion-body-list-item":customElements.get(t(s))||a()}}))}l();const h=p,r=l;export{h as GidsExpansionBodyList,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as s,p as e,H as t,h as n,d as o}from"./p-Bf3p-DY2.js";import{GidsExpansionGroupWebUtils as
|
|
1
|
+
import{t as s,p as e,H as t,h as n,d as o}from"./p-Bf3p-DY2.js";import{GidsExpansionGroupWebUtils as c}from"@ganpatiinfo/gids-web-shared";const{getGidsExpansionGroupClassNames:d}=c,i=e(class extends t{constructor(s){super(),!1!==s&&this.__registerHost()}render(){const s=d();return n(o,{key:"93eca7d6d0d517b865cc7b7e83ccbdeddcff7049",class:s},n("slot",{key:"9dfb20cedcbe2bc8349d849944160ba7b195017c"}))}static get style(){return".gids-expansion-group{display:flex;flex-direction:column;width:100%}"}},[260,"gids-expansion-group"]);function r(){"undefined"!=typeof customElements&&["gids-expansion-group"].forEach((e=>{"gids-expansion-group"===e&&(customElements.get(s(e))||customElements.define(s(e),i))}))}r();const p=i,a=r;export{p as GidsExpansionGroup,a as defineCustomElement}
|
package/dist/gids-expansion.d.ts
CHANGED
package/dist/gids-expansion.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as i,H as n,h as a,d as s}from"./p-Bf3p-DY2.js";import{GidsExpansionWebUtils as d}from"@ganpatiinfo/gids-web-shared";import{G as t}from"./p-D4Pimu_8.js";import{c as o}from"./p-ChV9xqsO.js";const{getGidsExpansionClassNames:r}=d,l=i(class extends n{constructor(e){super(),!1!==e&&this.__registerHost(),this.labelLevel="h1",this.hasContent=!1,this.handleExpansionClick=()=>{if(this.isInteractive()){const e=!this.isExpanded();this.expanded=e,this.onExpand&&this.onExpand({expansionId:this.expansionId,expanded:e,label:this?.label,labelLevel:this?.labelLevel,disabled:this?.disabled})}}}handleDisabledChange(e){this.disabled=e}handleExpandedChange(e){this.expanded=e}handleLabelLevelChange(e){this.labelLevel=e}componentDidLoad(){this.checkSlotContent()}checkSlotContent(){const e=this.hostElement.querySelector(".gids-expansion__content");if(e){const i=e.children.length>0,n=!!e.textContent&&e.textContent.trim().length>0;this.hasContent=i||n}}isInteractive(){return!this.disabled&&this.hasContent}isExpanded(){return!!this.expanded&&this.isInteractive()}isHavingLabelValue(){return!(!this.label||""===this.label)}getIconSize(){switch(this.labelLevel){case"h2":case"h3":return"md";default:return"lg"}}getLabelClass(){switch(this.labelLevel){case"h2":return"gids-expansion__level-h2";case"h3":return"gids-expansion__level-h3";default:return"gids-expansion__level-h1"}}render(){const e=r({expanded:this.isExpanded()&&this.isInteractive()}),i=this.label;return a(s,{key:"
|
|
1
|
+
import{t as e,p as i,H as n,h as a,d as s}from"./p-Bf3p-DY2.js";import{GidsExpansionWebUtils as d}from"@ganpatiinfo/gids-web-shared";import{G as t}from"./p-D4Pimu_8.js";import{c as o}from"./p-ChV9xqsO.js";const{getGidsExpansionClassNames:r}=d,l=i(class extends n{constructor(e){super(),!1!==e&&this.__registerHost(),this.labelLevel="h1",this.hasContent=!1,this.handleExpansionClick=()=>{if(this.isInteractive()){const e=!this.isExpanded();this.expanded=e,this.onExpand&&this.onExpand({expansionId:this.expansionId,expanded:e,label:this?.label,labelLevel:this?.labelLevel,disabled:this?.disabled})}}}handleDisabledChange(e){this.disabled=e}handleExpandedChange(e){this.expanded=e}handleLabelLevelChange(e){this.labelLevel=e}componentDidLoad(){this.checkSlotContent()}checkSlotContent(){const e=this.hostElement.querySelector(".gids-expansion__content");if(e){const i=e.children.length>0,n=!!e.textContent&&e.textContent.trim().length>0;this.hasContent=i||n}}isInteractive(){return!this.disabled&&this.hasContent}isExpanded(){return!!this.expanded&&this.isInteractive()}isHavingLabelValue(){return!(!this.label||""===this.label)}getIconSize(){switch(this.labelLevel){case"h2":case"h3":return"md";default:return"lg"}}getLabelClass(){switch(this.labelLevel){case"h2":return"gids-expansion__level-h2";case"h3":return"gids-expansion__level-h3";default:return"gids-expansion__level-h1"}}render(){const e=r({expanded:this.isExpanded()&&this.isInteractive()}),i=this.label;return a(s,{key:"faaa92b6c6688096f7f118c34c0c57571ee8de02",class:e},a("button",{key:"f88b9490df34313650b5323c16b10dc286024cef",onClick:this.handleExpansionClick,class:o("gids-expansion__container",{"gids-expansion__disabled":this.disabled}),disabled:this.disabled,type:"button"},this.isHavingLabelValue()?a("span",{class:this.getLabelClass()},i):void 0,this.isInteractive()?a(t,{name:"chevron-down",size:this.getIconSize(),appearance:"filled"}):void 0),a("div",{key:"c2392fb0c1ab98a4b7c63eb4a481f4c4bd9218a4",class:"gids-expansion__body","aria-hidden":this.isExpanded()?"false":"true"},a("div",{key:"3ee91d326c46f8a9baafd35e6fb5adb578acc5a9",class:"gids-expansion__content"},a("slot",{key:"3049551a991178d64d129d73e9b500f13c9a229f"}))))}get hostElement(){return this}static get watchers(){return{disabled:[{handleDisabledChange:0}],expanded:[{handleExpandedChange:0}],labelLevel:[{handleLabelLevelChange:0}]}}static get style(){return'.gids-expansion{display:flex;align-items:center;position:relative;padding:var(--gids-padding-vertical-edge-to-element-300) 0}.gids-expansion:not(.gids-expansion--expanded):not([expanded])::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--gids-color-border-default);transition:background 0.3s ease-in-out;z-index:1}.gids-expansion:not(.gids-expansion--expanded):not([expanded])::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(to right, transparent 0%, transparent 25%, var(--gids-color-background-selected-pressed) 45%, var(--gids-color-background-selected-pressed) 55%, transparent 75%, transparent 100%);opacity:0;transition:opacity 0.3s ease-in-out;z-index:2}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled)::after{background:linear-gradient(to right, var(--gids-color-border-default) 0%, var(--gids-color-border-default) 15%, var(--gids-color-background-selected-pressed) 45%, var(--gids-color-background-selected-pressed) 70%, var(--gids-color-border-default) 90%, var(--gids-color-border-default) 100%)}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled)::before{opacity:1}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled) .gids-expansion__level-h1{color:var(--gids-color-background-brand-bold-default)}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled) .gids-expansion__level-h2{color:var(--gids-color-background-brand-bold-default)}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled) .gids-expansion__level-h3{color:var(--gids-color-background-brand-bold-default)}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled) .gids-icon{--gidsIcon-color:var(--gids-color-background-brand-bold-default)}.gids-expansion__container{margin:0;padding:0;appearance:none;border:none;background:none;cursor:pointer;display:flex;align-items:center;gap:var(--gids-gap-050);white-space:nowrap;color:var(--gids-color-text-default)}.gids-expansion__container gids-icon,.gids-expansion__container .gids-icon,.gids-expansion__container GidsIcon,.gids-expansion__container svg{display:inline-block;transform:rotate3d(0, 0, 1, 0deg);transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);transform-origin:center center;backface-visibility:hidden}.gids-expansion__level-h1{font-family:var(--gids-typography-heading-medium__font-family);font-size:var(--gids-typography-heading-medium__font-size);font-weight:var(--gids-typography-heading-medium__font-weight);letter-spacing:var(--gids-typography-heading-medium__letter-spacing);line-height:var(--gids-typography-heading-medium__line-height);text-transform:var(--gids-typography-heading-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-medium__font-variant-caps, inherit)}.gids-expansion__level-h2{font-family:var(--gids-typography-heading-small__font-family);font-size:var(--gids-typography-heading-small__font-size);font-weight:var(--gids-typography-heading-small__font-weight);letter-spacing:var(--gids-typography-heading-small__letter-spacing);line-height:var(--gids-typography-heading-small__line-height);text-transform:var(--gids-typography-heading-small__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-small__font-variant-caps, inherit)}.gids-expansion__level-h3{font-family:var(--gids-typography-heading-x-small__font-family);font-size:var(--gids-typography-heading-x-small__font-size);font-weight:var(--gids-typography-heading-x-small__font-weight);letter-spacing:var(--gids-typography-heading-x-small__letter-spacing);line-height:var(--gids-typography-heading-x-small__line-height);text-transform:var(--gids-typography-heading-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-x-small__font-variant-caps, inherit)}.gids-expansion__body{position:absolute;top:100%;left:0;width:100%;z-index:10;transform:scaleY(0);transform-origin:top center;opacity:0;visibility:hidden;transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease, visibility 0.4s;overflow:hidden}.gids-expansion--expanded{position:relative;display:block}.gids-expansion--expanded .gids-expansion__container gids-icon,.gids-expansion--expanded .gids-expansion__container .gids-icon,.gids-expansion--expanded .gids-expansion__container GidsIcon,.gids-expansion--expanded .gids-expansion__container svg{transform:rotate3d(0, 0, 1, -180deg)}.gids-expansion--expanded .gids-expansion__body{position:relative;top:auto;transform:scaleY(1);opacity:1;visibility:visible}.gids-expansion__content{min-height:0;padding:var(--gids-padding-vertical-edge-to-element-500) 0 var(--gids-padding-horizontal-edge-to-element-500)}.gids-expansion__disabled{color:var(--gids-color-text-disabled);cursor:not-allowed}.gids-expansion__disabled .gids-icon{--gidsIcon-color:var(--gids-color-icon-disabled)}'}},[260,"gids-expansion",{expansionId:[1,"expansion-id"],label:[1],labelLevel:[1,"label-level"],expanded:[516],disabled:[516],onExpand:[16],hasContent:[32]},void 0,{disabled:[{handleDisabledChange:0}],expanded:[{handleExpandedChange:0}],labelLevel:[{handleLabelLevelChange:0}]}]);function g(){"undefined"!=typeof customElements&&["gids-expansion"].forEach((i=>{"gids-expansion"===i&&(customElements.get(e(i))||customElements.define(e(i),l))}))}g();const p=l,h=g;export{p as GidsExpansion,h as defineCustomElement}
|
package/dist/gids-field.d.ts
CHANGED
package/dist/gids-field.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{G as o,d as s}from"./p-
|
|
1
|
+
import{G as o,d as s}from"./p-MnCDY1k9.js";const p=o,r=s;export{p as GidsField,r as defineCustomElement}
|
package/dist/gids-filter.d.ts
CHANGED
package/dist/gids-filter.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{G as o,d as s}from"./p-
|
|
1
|
+
import{G as o,d as s}from"./p-9NZjfY_u.js";const p=o,r=s;export{p as GidsFilter,r as defineCustomElement}
|
package/dist/gids-icon.d.ts
CHANGED
package/dist/gids-icon.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{G as o,d as
|
|
1
|
+
import{G as o,d as s}from"./p-Cyant-dw.js";const t=o,a=s;export{t as GidsIcon,a as defineCustomElement}
|
package/dist/gids-input.d.ts
CHANGED
package/dist/gids-input.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{G as o,d as s}from"./p-
|
|
1
|
+
import{G as o,d as s}from"./p-DGenc1qz.js";const p=o,r=s;export{p as GidsInput,r as defineCustomElement}
|
package/dist/gids-line-chart.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{G as o,d as
|
|
1
|
+
import{G as o,d as r}from"./p-DaqhrFRM.js";const s=o,a=r;export{s as GidsLineChart,a as defineCustomElement}
|
package/dist/gids-md-table.d.ts
CHANGED
package/dist/gids-md-table.js
CHANGED
|
@@ -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:f=[],cellSecondaryActionButtons:_=[],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:f}=r,_=({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=f({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:"e1404c2afc5cd310aac72861cd62a5675d60debd",class:t},e("table",{key:"6af19657d96525fb5835ff78018633dbeac233bc",class:this.getTableClasses()},a?e(_,{appearance:this.topHeaderAppearance,labelTypography:this.topHeaderLabelTypography,textAlignment:this.topHeaderTextAlignment,headerCells:i,width:this.width}):void 0,e("tbody",{key:"c43e3a3121839c191c18a8621f902de504dc8fba"},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:"
|
|
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:"66d29a2d7da02c695def7edaa9c338161b382cfa",class:"gids-overflow-container__text-area",onScroll:this.calculateShadows.bind(this)},s("slot",{key:"dd1c0a97cf7e93a50ab40cceb14e50b6e59efdc7"}))}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:"c97e5540b3c302e9c548d03166a67755bc195237"},t("slot",{key:"0b29ba9fec23311a5fd8d0ce3c6b8f5f15f96a16"}),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
|
|
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 l,GidsRequirementsMeterLabelWebUtils as d,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 M}from"./p-D4Pimu_8.js";import{d as y}from"./p-MnCDY1k9.js";import{d as L}from"./p-DGenc1qz.js";const{getGidsStrengthMeterClassNames:C}=l,{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 l=t+1,d=l<=n;return"include-min-length"===i[l]?v({requirementRule:"include-min-length",textMinLength:s})?a(l,r,d):null:a(l,r,d)}))})()):null},{getGidsRequirementsMeterLabelClassNames:S}=d,{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(M,{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===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,l={...s},d=void 0!==l?.placeholder&&null!==l.placeholder&&""!=l.placeholder?l.placeholder:"Enter password",o=this.isPasswordRevealed,h=this.meterRules,u=void 0!==this.textMinLength?this.textMinLength:8;return e(r,{key:"3d2b0215e3ecf5f3177b6bbd814cbb25cfff0f99"},e("gids-field",{key:"55406ad952e16aadfabb54e7e0881232abfa0ad4",disabled:this.disabled,count:void 0,helperText:this.helperText,statusText:this.statusText,status:E(this.status)},e(m,{key:"d43dfd8b4e972b2877be1dfc559e1c7dd26503af",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:"91296ff92342eaabd1e4b90a9eac42ef84bdfe00",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:{...l,placeholder:d,type:o?"text":"password",id:i,maxLength:this.maxLength}},e("slot",{key:"34e19a0410259e1fccc7fe019f0aaca4ed767221",name:"leadingIcon"}),e("slot",{key:"c2182fcca49768b6cad85ef1e6878267e9039356",name:"leadingAccessory"}),e("div",{key:"76b96027037623e0489eda79783b8eb526fc3506",slot:"trailingAccessory",class:"gids-password-field__trailing-accessory"},n&&e(f,{key:"10faa5658661a006a0dfa3772c78aa68285cebfe",label:"clear text",size:"lg",onPressDismiss:this._handleDismiss}),a&&e(g,{key:"9035e639421b9a4ccfe781cbc6f90d629ac2d9c3",appearance:"default",size:"xs",width:"intrinsic",disabled:this.disabled,onClick:this._handleRevealPassword},o?"Hide":"Show")))),e("div",{key:"c5ebe85a024f0726428fd68f35940909fd0ffba2",class:"gids-password-field__meters-container"},e(P,{key:"113412cc82015efae5c899786cb4550f04454ae4",meterRules:h,text:this.value,textMinLength:u}),e(B,{key:"12e2c502ed1d0b0e22048d92eb17c1cec3baee05",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))||y();break;case"gids-input":customElements.get(t(e))||L()}}))}D();const O=z,U=D;export{O as GidsPasswordField,U as defineCustomElement}
|
package/dist/gids-pie-chart.d.ts
CHANGED
package/dist/gids-pie-chart.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{G as o,d as s}from"./p-
|
|
1
|
+
import{G as o,d as s}from"./p-BF46eY8H.js";const p=o,r=s;export{p as GidsPieChart,r as defineCustomElement}
|
package/dist/gids-popover.d.ts
CHANGED
package/dist/gids-popover.js
CHANGED
|
@@ -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-
|
|
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:"94d73fbb3f1717237610f6841f6d71bb358f88af"},i("slot",{key:"e32847e40a883de4a28bab3c34472b1fcf373175",name:"anchor"}),i("div",{key:"91a5b221e8dc9ad5ccd001da496d9fa55f1fb39a",id:"popover",part:"popover",role:"dialog","aria-modal":"true",tabindex:"-1"},i("span",{key:"92e4d0a5abbed72f846669c60ca2d5b5423f7d2b",id:"arrow"}),i("div",{key:"9f70b0e84f4d82809668f57725707e6c681fb7c8"},i("slot",{key:"52f87218d40c71eb70a23552e77b38d3b9f85b2f"}))))}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}
|
package/dist/gids-scrim.d.ts
CHANGED
package/dist/gids-scrim.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as s,p as t,H as e,h as r}from"./p-Bf3p-DY2.js";import{g as
|
|
1
|
+
import{t as s,p as t,H as e,h as r}from"./p-Bf3p-DY2.js";import{g as a}from"./p-B2zUuNXz.js";import{GidsScrimWebUtils as i}from"@ganpatiinfo/gids-web-shared";const{getGidsScrimClassNames:o}=i,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=a();void 0!==s&&this._el.shadowRoot?.adoptedStyleSheets.push(s),this.activeClasses=o(this.extraClasses)}render(){return r("div",{key:"6eb29ef0727480d68dde79ff61f76c2fe12ff1ac",class:this.activeClasses,part:"root"},r("slot",{key:"97c7b27716ed3bd06a2746f5f5abd3b1983cfc85"}))}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 l=c,d=n;export{l as GidsScrim,d as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "./types/components";
|
|
2
|
+
|
|
3
|
+
interface GidsSkeleton extends Components.GidsSkeleton, HTMLElement {}
|
|
4
|
+
export const GidsSkeleton: {
|
|
5
|
+
prototype: GidsSkeleton;
|
|
6
|
+
new (): GidsSkeleton;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as e,p as t,H as n,h as i,d as a}from"./p-Bf3p-DY2.js";import{GidsSkeletonWebUtils as s}from"@ganpatiinfo/gids-web-shared";const{getSkeletonBaseClassNames:o}=s,r=t(class extends n{constructor(e){super(),!1!==e&&this.__registerHost(),this.variant="text",this.animation="none"}getDimension(e){if(null!=e)return"number"==typeof e?e+"px":e}getStyle(){const e={},t=this.getDimension(this.width),n=this.getDimension(this.height);return void 0!==t&&(e.width=t),void 0!==n&&(e.height=n),e}render(){const e=o({variant:this.variant??"text",animation:this.animation??"none"});return i(a,{key:"c0ab347f9aa9073e5161f3737200c4e34e6be5d5",class:e,style:this.getStyle(),"aria-hidden":"true"})}static get style(){return'gids-skeleton,.gids-skeleton-host{--gidsSkeleton-background:var( --gids-color-background-accent-9-subtle-default );--gidsSkeleton-wave-background:linear-gradient( 90deg, transparent 0%, var(--gids-color-background-accent-9-subtler-default) 50%, transparent 100% );--gidsSkeleton-text-border-radius:var(--gids-border-radius-sm);--gidsSkeleton-border-radius:var(--gids-border-radius-md);display:inline-block;position:relative;vertical-align:middle;background-color:var(--gidsSkeleton-background);overflow:hidden;width:auto;height:auto}.gids-skeleton--variant-text{border-radius:var(--gidsSkeleton-text-border-radius);min-height:1.2em;transform:scaleY(0.6);transform-origin:0 50%}.gids-skeleton--variant-circular{border-radius:100% !important;aspect-ratio:1/1}.gids-skeleton--variant-rectangular{border-radius:0}.gids-skeleton--variant-rounded{border-radius:var(--gidsSkeleton-border-radius)}.gids-skeleton--animation-none{animation:none}.gids-skeleton--animation-pulse{animation:gids-skeleton-pulse 1.5s ease-in-out infinite}.gids-skeleton--animation-wave::after{content:"";position:absolute;inset:0;width:100%;height:100%;background:var(--gidsSkeleton-wave-background);transform:translateX(-100%);animation:gids-skeleton-wave 1.6s linear infinite}@keyframes gids-skeleton-pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}@keyframes gids-skeleton-wave{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@media (prefers-reduced-motion: reduce){.gids-skeleton--animation-pulse{animation:none}.gids-skeleton--animation-wave::after{animation:none}}'}},[0,"gids-skeleton",{variant:[1],animation:[1],width:[8],height:[8]}]);function d(){"undefined"!=typeof customElements&&["gids-skeleton"].forEach((t=>{"gids-skeleton"===t&&(customElements.get(e(t))||customElements.define(e(t),r))}))}d();const l=r,g=d;export{l as GidsSkeleton,g as defineCustomElement}
|
package/dist/gids-snackbar.d.ts
CHANGED
package/dist/gids-tab-item.d.ts
CHANGED
package/dist/gids-tab-item.js
CHANGED
|
@@ -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:"
|
|
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:"6e13996c3a94e3386f759a0ea5b1c371f10d183a",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.d.ts
CHANGED
package/dist/gids-tab.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as
|
|
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:"254190360af6a9e18b533a0742ee6ef38b4bca0e",class:e},i("slot",{key:"47dc0c55f47de294481568beef3f02bbbe319104"}))}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}
|