@ganpatiinfo/gids-core-web 12.0.0 → 14.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/index.css +1114 -247
- 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-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/{p-pSb81aE0.js → p-1fMG8D4t.js} +1 -1
- package/dist/p-BBszCFSA.js +1 -0
- package/dist/p-BKcvOO8o.js +1 -0
- package/dist/p-BV0jg2ix.js +1 -0
- package/dist/p-BVA1LAFM.js +1 -0
- package/dist/p-BYt-9DKT.js +1 -0
- package/dist/{p-C3We7Q8Q.js → p-Bab1qxsC.js} +1 -1
- package/dist/{p-C3w3wdCt.js → p-Bh8qYmAS.js} +1 -1
- package/dist/{p-BSbOhfLZ.js → p-BzzDNTlP.js} +1 -1
- package/dist/p-C2POfZhu.js +1 -0
- package/dist/{p-C2O_pGky.js → p-CU5JIcEp.js} +1 -1
- package/dist/{p-Chqeexny.js → p-C_RW9IFo.js} +1 -1
- package/dist/{p-ub0GuVHb.js → p-CatvDz2b.js} +1 -1
- package/dist/{p-BVAtja26.js → p-CnVmK0dH.js} +1 -1
- package/dist/p-D5DRatg0.js +1 -0
- package/dist/{p-6APCjBEI.js → p-DAnkY5ik.js} +1 -1
- package/dist/p-DMVCMnTe.js +1 -0
- package/dist/p-DUUxlY-K.js +1 -0
- package/dist/{p-COHuQEfZ.js → p-Dan1sCNk.js} +1 -1
- package/dist/{p-BCVFQSjK.js → p-DslOQITw.js} +1 -1
- package/dist/{p-DUojHltk.js → p-_HwuS8vK.js} +1 -1
- package/dist/p-jzl-rPxB.js +1 -0
- package/dist/types/components/html/GidsBasicTableBody/GidsBasicTableBody.d.ts +29 -4
- package/dist/types/components/html/GidsBasicTableHead/GidsBasicTableHead.d.ts +15 -0
- package/dist/types/components/html/GidsBasicTableHeader/GidsBasicTableHeader.d.ts +23 -3
- package/dist/types/components/html/GidsBasicTableRow/GidsBasicTableRow.d.ts +20 -3
- package/dist/types/components/html/GidsBsTable/GidsBsTable.d.ts +27 -3
- package/dist/types/components/html/GidsColorSwatch/GidsColorSwatch.d.ts +6 -0
- package/dist/types/components/html/GidsMatrixTable/GidsMatrixTable.d.ts +11 -0
- package/dist/types/components/html/GidsMatrixTableBody/GidsMatrixTableBody.d.ts +11 -0
- 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/_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 +14 -9
- package/dist/types/components.d.ts +130 -17
- package/dist-bundled/es/gids-action-bar.js +5 -5
- 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 +1 -1
- package/dist-bundled/es/gids-calendar-header-panel.js +3 -3
- 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 +23 -23
- 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 +8 -8
- package/dist-bundled/es/gids-dot.js +1 -1
- package/dist-bundled/es/gids-dropdown-field.js +7 -7
- package/dist-bundled/es/gids-dropdown-picker.js +2 -2
- package/dist-bundled/es/gids-dropdown.js +3 -3
- package/dist-bundled/es/gids-expansion-body-list-item.js +3 -3
- package/dist-bundled/es/gids-expansion-body-list.js +2 -2
- package/dist-bundled/es/gids-expansion-group.js +13 -13
- package/dist-bundled/es/gids-expansion.js +7 -7
- package/dist-bundled/es/gids-field.js +3 -3
- package/dist-bundled/es/gids-filter.js +4 -4
- package/dist-bundled/es/gids-icon.js +1 -1
- package/dist-bundled/es/gids-input.js +4 -4
- package/dist-bundled/es/gids-line-chart.js +1 -1
- package/dist-bundled/es/gids-md-table.js +124 -86
- package/dist-bundled/es/gids-overflow-container.js +1 -1
- package/dist-bundled/es/gids-overlay-provider.js +2 -2
- package/dist-bundled/es/gids-password-field.js +11 -11
- package/dist-bundled/es/gids-pie-chart.js +4 -4
- package/dist-bundled/es/gids-popover.js +2 -2
- package/dist-bundled/es/gids-scrim.js +7 -7
- package/dist-bundled/es/gids-tab-item.js +1 -1
- package/dist-bundled/es/gids-tab.js +1 -1
- package/dist-bundled/es/gids-text-field.js +11 -11
- package/dist-bundled/es/gids-toggle-button.js +1 -1
- package/dist-bundled/es/gids-tooltip.js +2 -2
- package/dist-bundled/es/{p-pSb81aE0-CNrq7SQW.js → p-1fMG8D4t-CIEDM74u.js} +2 -2
- package/dist-bundled/es/p-BBszCFSA-BN0-eWJX.js +115 -0
- package/dist-bundled/es/p-BKcvOO8o-L5KtCP_k.js +1024 -0
- package/dist-bundled/es/{p-C3xv7tfs-RodXvmql.js → p-BV0jg2ix-DI0fZl_6.js} +15 -12
- package/dist-bundled/es/p-BVA1LAFM-DdsY_n8R.js +129 -0
- package/dist-bundled/es/{p-CI-sN9Lr-DHC9DyS8.js → p-BYt-9DKT-DByyhIUd.js} +14 -14
- package/dist-bundled/es/{p-C3We7Q8Q-DT_NDg87.js → p-Bab1qxsC-BMbD0lEy.js} +2 -2
- package/dist-bundled/es/{p-C3w3wdCt-I6zwuecb.js → p-Bh8qYmAS-DhSpwB20.js} +5 -5
- package/dist-bundled/es/{p-BSbOhfLZ-ByjjVMqG.js → p-BzzDNTlP-BkSyrafk.js} +9 -9
- package/dist-bundled/es/p-C2POfZhu-DzG_JxV6.js +24 -0
- package/dist-bundled/es/{p-C2O_pGky-C_30AJ3m.js → p-CU5JIcEp-CuVpd-eZ.js} +10 -10
- package/dist-bundled/es/{p-Chqeexny-C4hlPbBP.js → p-C_RW9IFo-DNQqJS8t.js} +6 -6
- package/dist-bundled/es/{p-ub0GuVHb-C_PFTi1_.js → p-CatvDz2b-C-Hlv2Xb.js} +10 -10
- package/dist-bundled/es/{p-BVAtja26-Xjd4_b4e.js → p-CnVmK0dH-CbmnN-RR.js} +7 -7
- package/dist-bundled/es/{p-D4Pimu_8-DfEGRQGf.js → p-D4Pimu_8-ARSuGBs4.js} +0 -1
- package/dist-bundled/es/{p-_SIWct9h-jMYFZ-VO.js → p-D5DRatg0-DtQL-DQg.js} +2 -2
- package/dist-bundled/es/{p-D6lxqcxP-DWrZi1Xi.js → p-D6lxqcxP-C6BOC0kV.js} +1 -1
- package/dist-bundled/es/{p-6APCjBEI-roDSyEYu.js → p-DAnkY5ik-ChPtRpOX.js} +5 -5
- package/dist-bundled/es/p-DMVCMnTe-D4eJKJsj.js +111 -0
- package/dist-bundled/es/p-DUUxlY-K-mypBhVt6.js +99 -0
- package/dist-bundled/es/{p-COHuQEfZ-C_POuXNC.js → p-Dan1sCNk-mWcyyplK.js} +11 -11
- package/dist-bundled/es/{p-BCVFQSjK-CKrYrI4b.js → p-DslOQITw-BfwtLWqG.js} +7 -7
- package/dist-bundled/es/{p-UxDcM-C5-Dr5d_WpJ.js → p-UxDcM-C5-BJO4X0jM.js} +1 -1
- package/dist-bundled/es/{p-DUojHltk-GyvsWoCM.js → p-_HwuS8vK-C0w4T5rV.js} +3 -3
- package/dist-bundled/es/{p-VJAcf53T-2X0vBJ1A.js → p-jzl-rPxB-CC735zJp.js} +17 -34
- package/dist-bundled/umd/gids-action-bar.umd.js +2 -2
- 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 +1 -1
- package/dist-bundled/umd/gids-calendar-month-list.umd.js +1 -1
- package/dist-bundled/umd/gids-calendar-year-list.umd.js +1 -1
- 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 +3 -3
- package/dist-bundled/umd/gids-icon.umd.js +1 -1
- package/dist-bundled/umd/gids-input.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-scrim.umd.js +1 -1
- package/dist-bundled/umd/gids-tab-item.umd.js +2 -2
- 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-complete/gids-core-web.umd.js +8 -8
- package/package.json +17 -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-DO0MyFf4.js +0 -1
- package/dist/p-VJAcf53T.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 -4
- package/dist-bundled/es/p-C56G7JRy-B3HO4aVF.js +0 -88
- package/dist-bundled/es/p-DO0MyFf4-D7XItX1k.js +0 -115
- package/dist-bundled/es/p-a3JfEYJp-DyhDK6VZ.js +0 -1128
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as t,h as i,t as s}from"./p-Bf3p-DY2.js";import{GidsFilterWebUtils as l}from"@ganpatiinfo/gids-web-shared";import{G as n}from"./p-D4Pimu_8.js";import{d}from"./p-_SIWct9h.js";const{getGidsFilterClassNames:h}=l,r=e(class e extends t{constructor(t){super(),!1!==t&&this.__registerHost(),this.expanded=!1,this.type="none",this.filterItemType="primary",this.filterSelected=!1,this.filterDefaultSelected=!1,this.disabled=!1,this.size="sm",this.loading=!1,this.filterIndex=0,this.hasSlottedMenu=!1,this.hasItemListener=!1,this.suppressNextMenuClickSelection=!1,this.setupDefaultSelctedFilterEmission=()=>{this.setupDefaultSelectedNoneAllFilterEmission()},this.setupDefaultSelectedNoneAllFilterEmission=()=>{const t=`${this.filterId||"default"}_${this.value}`;if(this.filterDefaultSelected&&!e.emittedValuesTracker.has(t)&&("none"===this.type&&"secondary"===this.filterItemType||"all"===this.type)){e.emittedValuesTracker.add(t);const i={id:"1",filterId:this.filterId,value:this.value,title:this.value,disabled:this.disabled,selectedFilterMenuIndex:void 0,filterType:this.type,filterItemType:this.filterItemType,filterTitle:this.value,filterIndex:this.filterIndex,originalEvent:void 0,filterSelected:!0,filterDefaultSelected:this.filterDefaultSelected,hasFilterMenu:!1,isPlaceholderItem:!1};setTimeout((()=>{this.onFilterMenuItemChange?.(i)}),0)}},this.handleFilterPickerItemSelect=e=>{const{value:t,title:i,disabled:s,id:l,selectedIndex:n,isPlaceholderItem:d,defaultSelected:h}=e.detail;s||"string"!=typeof t||(this.suppressNextMenuClickSelection=!0,queueMicrotask((()=>{this.suppressNextMenuClickSelection=!1})),this.applySelection({id:l,filterId:this?.filterId,value:t,title:i,disabled:!1,selectedFilterMenuIndex:n,defaultSelected:h,filterType:this.type,filterItemType:this.filterItemType,filterTitle:i,filterIndex:this.filterIndex,hasFilterMenu:!0,originalEvent:e,filterSelected:!d,isPlaceholderItem:d||!1}))},this.handleMenuClick=e=>{if(this.suppressNextMenuClickSelection)return;const t=e.target;if(!(t instanceof Element))return;const i=t.closest(".gids-dropdown-item");if(!i||!this.hostElement.contains(i))return;if(i.hasAttribute("disabled")||"true"===i.getAttribute("aria-disabled"))return;const s=i instanceof HTMLButtonElement?i.value:i.getAttribute("value")??"";if("string"!=typeof s||0===s.length)return;const l=i instanceof HTMLButtonElement?i.id:i.getAttribute("id")??"";if("string"!=typeof l||0===l.length)return;const n=i instanceof HTMLButtonElement?i.tabIndex:i.getAttribute("tabIndex")??"",d=i.getAttribute("is-placeholder-item")??"",h=i.querySelector(".gids-dropdown-item__label")||i.querySelector("span"),r=h?h.textContent?.trim():i.firstChild?.textContent?.trim()||s,a=!(!d||"true"!==d);this.applySelection({id:l,filterId:this.filterId,value:s,title:r,disabled:!1,selectedFilterMenuIndex:Number(n),defaultSelected:this.filterDefaultSelected,filterType:this.type,filterItemType:this.filterItemType,filterTitle:r,filterIndex:this.filterIndex,hasFilterMenu:!0,originalEvent:e,filterSelected:!a,isPlaceholderItem:a})},this.handleTriggerToggle=e=>{this.isInteractive()&&this.setExpandedState(!this.expanded,e)},this.handleFilterButtonClickToggle=e=>{if(!e.defaultPrevented)if(e.stopPropagation(),this.isMenuToggler())this.handleTriggerToggle(e);else{this.filterSelected=e.detail,!1===e?.detail&&this.handleFormReset(),this.applySelection({id:"1",filterId:this.filterId,value:this.value,title:this.value,disabled:this.disabled,selectedFilterMenuIndex:void 0,filterType:this.type,filterItemType:this.filterItemType,filterTitle:this.value,filterIndex:this.filterIndex,originalEvent:e,filterSelected:e.detail,filterDefaultSelected:this.filterDefaultSelected,hasFilterMenu:!1,isPlaceholderItem:!1});const t={expanded:!1,originalEvent:e};this.onToggle?.(t)}},this.handleFormReset=()=>{this.value=this.initialValue,this.selectedItemTitle=this.initialValue,this.filterSelected=!1,this.isMenuToggler()?this.setExpandedState(!1):this.expanded=!1},this.setFilterDropdownPosition=()=>{if(!this.hostElement)return;const e=this.hostElement.querySelector(".gids-filter__menu");if(!e)return;const t=window.innerWidth/2,i=this.hostElement.getBoundingClientRect();i.left+i.width/2>t?e.classList.add("gids-filter__menu--align-right"):e.classList.remove("gids-filter__menu--align-right")}}static{this.emittedValuesTracker=new Set}handleExpandedChange(e){e&&!this.isInteractive()&&(this.expanded=!1)}handleInteractivityChange(){!this.isInteractive()&&this.expanded&&this.setExpandedState(!1)}handleFilterTypeChange(e){this.type=e}handleFilterIdArrival(e){null!=e&&this.setupDefaultSelctedFilterEmission()}handleFilterSelectedChange(e){this.filterSelected=e}handleFilterDefaultSelectedChange(t){const i=`${this.filterId||"default"}_${this.value}`;t?(e.emittedValuesTracker.delete(i),this.setupDefaultSelctedFilterEmission()):e.emittedValuesTracker.delete(i)}connectedCallback(){this.attachItemListener(),this.attachFormListener()}componentDidLoad(){this.initialValue=this.value,this.evaluateSlottedMenuExistence(),null!=this.filterId&&this.setupDefaultSelctedFilterEmission()}disconnectedCallback(){this.detachItemListener(),this.detachFormListener()}getFilterButtonControl(){return this.hostElement.querySelector(".gids-button")}getItemElements(){return Array.from(this.hostElement.querySelectorAll(".gids-dropdown-item"))}evaluateSlottedMenuExistence(){const e=this.hostElement.querySelector(".gids-filter__menu");if(!e)return void(this.hasSlottedMenu=!1);const t=Array.from(e.childNodes).filter((e=>e.nodeType!==Node.COMMENT_NODE&&!(e.nodeType===Node.TEXT_NODE&&!e.textContent?.trim())));this.hasSlottedMenu=t.length>0}attachItemListener(){this.hasItemListener||(this.hostElement.addEventListener("onPressDropdownItem",this.handleFilterPickerItemSelect),this.hasItemListener=!0)}detachItemListener(){this.hasItemListener&&(this.hostElement.removeEventListener("onPressDropdownItem",this.handleFilterPickerItemSelect),this.hasItemListener=!1)}applySelection(e){this.value=e.value,this.selectedItemTitle="string"==typeof e.title?e.title:void 0,this.clearActive(),this.isMenuToggler()?this.setExpandedState(!1,this.coerceEvent(e.originalEvent)):this.expanded=!1,this.onFilterMenuItemChange?.(e),this.hostElement.dispatchEvent(new CustomEvent("gidsFilterPickerChange",{bubbles:!0,composed:!0,detail:e}))}clearActive(){this.getItemElements().forEach((e=>e.classList.remove("gids-dropdown-item--active")))}setExpandedState(e,t){const i=Boolean(e);if(this.setFilterDropdownPosition(),i&&!this.isInteractive())return;if(this.expanded===i)return;this.expanded=i,i||(this.clearActive(),this.syncFilterDisplayValue());const s={expanded:i,originalEvent:t};this.onToggle?.(s)}syncFilterDisplayValue(){const e=this.getFilterButtonControl();e&&e.value!==(this.selectedItemTitle??"")&&(e.value=this.selectedItemTitle??"")}attachFormListener(){const e=this.hostElement.closest("form");this.patternForm!==e&&(this.patternForm&&this.patternForm.removeEventListener("reset",this.handleFormReset),this.patternForm=e??void 0,this.patternForm?.addEventListener("reset",this.handleFormReset))}detachFormListener(){this.patternForm&&(this.patternForm.removeEventListener("reset",this.handleFormReset),this.patternForm=void 0)}isInteractive(){return!this.disabled}coerceEvent(e){if("undefined"!=typeof Event&&null!==e)return e instanceof Event?e:void 0}isMenuToggler(){return("none"===this.type||"more"===this.type)&&this.hasSlottedMenu}handleWindowClick(e){this.expanded&&(e.composedPath().includes(this.hostElement)||this.setExpandedState(!1,e))}render(){const e=this.expanded&&this.isInteractive(),t=h({expanded:e}),s=this.isMenuToggler(),l="string"==typeof this.filterPickerId?this.filterPickerId:void 0,d=l?`${l}__menu`:void 0,r=this.selectedItemTitle??this.value??"",a="more"===this.type,o="all"===this.type,c="none"===this.type;return i("div",{key:"0c7e5ffe45a9e1053e3c248801ff315e96afb70c",class:t,"aria-control":d??""},i("gids-toggle-button",{key:"7afda6023027219c4d1585bf535327b6ed1d0dee",id:l,name:this.name,expanded:e,value:r,disabled:this.disabled,size:this.size,loading:this.loading,tabIndex:this.filterIndex,defaultSelected:this.filterDefaultSelected,selected:this.filterSelected,onSelect:this.handleFilterButtonClickToggle},a||o?i(n,{name:a?"options":"filter",size:this.size,appearance:"regular",alt:"",slot:"leadingIcon"}):void 0,c||o?r:void 0,s&&!a?i(n,{name:"chevron-down",size:this.size,appearance:"regular",alt:"",slot:"trailingIcon"}):void 0),i("div",{key:"f4ded16cd2c432b4361c32de414af31b4c7d44c5",class:"gids-filter__menu",id:d,role:"pickerbox",onClick:this.handleMenuClick},i("slot",{key:"593ed13b9dab21531b9888534697f92e39bbed95",onSlotchange:()=>this.evaluateSlottedMenuExistence()})))}get hostElement(){return this}static get watchers(){return{expanded:[{handleExpandedChange:0}],disabled:[{handleInteractivityChange:0}],type:[{handleFilterTypeChange:0}],filterId:[{handleFilterIdArrival:0}],filterSelected:[{handleFilterSelectedChange:0}],filterDefaultSelected:[{handleFilterDefaultSelectedChange:0}]}}static get style(){return".gids-filter{position:relative}.gids-filter__menu{position:absolute;inset-inline:0;top:calc(100% + var(--gids-gap-050));z-index:3;display:none;flex-direction:column;align-self:stretch;min-width:var(--gids-width-2-xs);min-height:55px;max-height:15rem;overflow-x:hidden;overflow-y:auto;background-color:var(--gids-elevation-surface-overlay-default);box-shadow:var(--gids-elevation-shadow-overlay);border-radius:var(--gids-border-radius-lg);left:0;right:auto}.gids-filter__menu--align-right{left:auto !important;right:0 !important}.gids-filter__menu>*{flex-shrink:0}.gids-filter--expanded .gids-filter__menu{display:flex}"}},[260,"gids-filter",{name:[1],filterId:[1025,"filter-id"],filterPickerId:[1,"filter-picker-id"],expanded:[4],type:[1],filterItemType:[1,"filter-item-type"],value:[1],filterSelected:[1540,"filter-selected"],filterDefaultSelected:[4,"filter-default-selected"],disabled:[4],size:[1],loading:[4],filterIndex:[2,"filter-index"],onFilterMenuItemChange:[16],onToggle:[16],selectedItemTitle:[32],hasSlottedMenu:[32]},[[8,"click","handleWindowClick"]],{expanded:[{handleExpandedChange:0}],disabled:[{handleInteractivityChange:0}],type:[{handleFilterTypeChange:0}],filterId:[{handleFilterIdArrival:0}],filterSelected:[{handleFilterSelectedChange:0}],filterDefaultSelected:[{handleFilterDefaultSelectedChange:0}]}]);function a(){"undefined"!=typeof customElements&&["gids-filter","gids-toggle-button"].forEach((e=>{switch(e){case"gids-filter":customElements.get(s(e))||customElements.define(s(e),r);break;case"gids-toggle-button":customElements.get(s(e))||d()}}))}a();export{r as G,a as d}
|
|
1
|
+
import{p as e,H as t,h as i,t as s}from"./p-Bf3p-DY2.js";import{GidsFilterWebUtils as l}from"@ganpatiinfo/gids-web-shared";import{G as n}from"./p-D4Pimu_8.js";import{d}from"./p-D5DRatg0.js";const{getGidsFilterClassNames:h}=l,r=e(class e extends t{constructor(t){super(),!1!==t&&this.__registerHost(),this.expanded=!1,this.type="none",this.filterItemType="primary",this.filterSelected=!1,this.filterDefaultSelected=!1,this.disabled=!1,this.size="sm",this.loading=!1,this.filterIndex=0,this.hasSlottedMenu=!1,this.hasItemListener=!1,this.suppressNextMenuClickSelection=!1,this.setupDefaultSelctedFilterEmission=()=>{this.setupDefaultSelectedNoneAllFilterEmission()},this.setupDefaultSelectedNoneAllFilterEmission=()=>{const t=`${this.filterId||"default"}_${this.value}`;if(this.filterDefaultSelected&&!e.emittedValuesTracker.has(t)&&("none"===this.type&&"secondary"===this.filterItemType||"all"===this.type)){e.emittedValuesTracker.add(t);const i={id:"1",filterId:this.filterId,value:this.value,title:this.value,disabled:this.disabled,selectedFilterMenuIndex:void 0,filterType:this.type,filterItemType:this.filterItemType,filterTitle:this.value,filterIndex:this.filterIndex,originalEvent:void 0,filterSelected:!0,filterDefaultSelected:this.filterDefaultSelected,hasFilterMenu:!1,isPlaceholderItem:!1};setTimeout((()=>{this.onFilterMenuItemChange?.(i)}),0)}},this.handleFilterPickerItemSelect=e=>{const{value:t,title:i,disabled:s,id:l,selectedIndex:n,isPlaceholderItem:d,defaultSelected:h}=e.detail;s||"string"!=typeof t||(this.suppressNextMenuClickSelection=!0,queueMicrotask((()=>{this.suppressNextMenuClickSelection=!1})),this.applySelection({id:l,filterId:this?.filterId,value:t,title:i,disabled:!1,selectedFilterMenuIndex:n,defaultSelected:h,filterType:this.type,filterItemType:this.filterItemType,filterTitle:i,filterIndex:this.filterIndex,hasFilterMenu:!0,originalEvent:e,filterSelected:!d,isPlaceholderItem:d||!1}))},this.handleMenuClick=e=>{if(this.suppressNextMenuClickSelection)return;const t=e.target;if(!(t instanceof Element))return;const i=t.closest(".gids-dropdown-item");if(!i||!this.hostElement.contains(i))return;if(i.hasAttribute("disabled")||"true"===i.getAttribute("aria-disabled"))return;const s=i instanceof HTMLButtonElement?i.value:i.getAttribute("value")??"";if("string"!=typeof s||0===s.length)return;const l=i instanceof HTMLButtonElement?i.id:i.getAttribute("id")??"";if("string"!=typeof l||0===l.length)return;const n=i instanceof HTMLButtonElement?i.tabIndex:i.getAttribute("tabIndex")??"",d=i.getAttribute("is-placeholder-item")??"",h=i.querySelector(".gids-dropdown-item__label")||i.querySelector("span"),r=h?h.textContent?.trim():i.firstChild?.textContent?.trim()||s,a=!(!d||"true"!==d);this.applySelection({id:l,filterId:this.filterId,value:s,title:r,disabled:!1,selectedFilterMenuIndex:Number(n),defaultSelected:this.filterDefaultSelected,filterType:this.type,filterItemType:this.filterItemType,filterTitle:r,filterIndex:this.filterIndex,hasFilterMenu:!0,originalEvent:e,filterSelected:!a,isPlaceholderItem:a})},this.handleTriggerToggle=e=>{this.isInteractive()&&this.setExpandedState(!this.expanded,e)},this.handleFilterButtonClickToggle=e=>{if(!e.defaultPrevented)if(e.stopPropagation(),this.isMenuToggler())this.handleTriggerToggle(e);else{this.filterSelected=e.detail,!1===e?.detail&&this.handleFormReset(),this.applySelection({id:"1",filterId:this.filterId,value:this.value,title:this.value,disabled:this.disabled,selectedFilterMenuIndex:void 0,filterType:this.type,filterItemType:this.filterItemType,filterTitle:this.value,filterIndex:this.filterIndex,originalEvent:e,filterSelected:e.detail,filterDefaultSelected:this.filterDefaultSelected,hasFilterMenu:!1,isPlaceholderItem:!1});const t={expanded:!1,originalEvent:e};this.onToggle?.(t)}},this.handleFormReset=()=>{this.value=this.initialValue,this.selectedItemTitle=this.initialValue,this.filterSelected=!1,this.isMenuToggler()?this.setExpandedState(!1):this.expanded=!1},this.setFilterDropdownPosition=()=>{if(!this.hostElement)return;const e=this.hostElement.querySelector(".gids-filter__menu");if(!e)return;const t=window.innerWidth/2,i=this.hostElement.getBoundingClientRect();i.left+i.width/2>t?e.classList.add("gids-filter__menu--align-right"):e.classList.remove("gids-filter__menu--align-right")}}static{this.emittedValuesTracker=new Set}handleExpandedChange(e){e&&!this.isInteractive()&&(this.expanded=!1)}handleInteractivityChange(){!this.isInteractive()&&this.expanded&&this.setExpandedState(!1)}handleFilterTypeChange(e){this.type=e}handleFilterIdArrival(e){null!=e&&this.setupDefaultSelctedFilterEmission()}handleFilterSelectedChange(e){this.filterSelected=e}handleFilterDefaultSelectedChange(t){const i=`${this.filterId||"default"}_${this.value}`;t?(e.emittedValuesTracker.delete(i),this.setupDefaultSelctedFilterEmission()):e.emittedValuesTracker.delete(i)}connectedCallback(){this.attachItemListener(),this.attachFormListener()}componentDidLoad(){this.initialValue=this.value,this.evaluateSlottedMenuExistence(),null!=this.filterId&&this.setupDefaultSelctedFilterEmission()}disconnectedCallback(){this.detachItemListener(),this.detachFormListener()}getFilterButtonControl(){return this.hostElement.querySelector(".gids-button")}getItemElements(){return Array.from(this.hostElement.querySelectorAll(".gids-dropdown-item"))}evaluateSlottedMenuExistence(){const e=this.hostElement.querySelector(".gids-filter__menu");if(!e)return void(this.hasSlottedMenu=!1);const t=Array.from(e.childNodes).filter((e=>e.nodeType!==Node.COMMENT_NODE&&!(e.nodeType===Node.TEXT_NODE&&!e.textContent?.trim())));this.hasSlottedMenu=t.length>0}attachItemListener(){this.hasItemListener||(this.hostElement.addEventListener("onPressDropdownItem",this.handleFilterPickerItemSelect),this.hasItemListener=!0)}detachItemListener(){this.hasItemListener&&(this.hostElement.removeEventListener("onPressDropdownItem",this.handleFilterPickerItemSelect),this.hasItemListener=!1)}applySelection(e){this.value=e.value,this.selectedItemTitle="string"==typeof e.title?e.title:void 0,this.clearActive(),this.isMenuToggler()?this.setExpandedState(!1,this.coerceEvent(e.originalEvent)):this.expanded=!1,this.onFilterMenuItemChange?.(e),this.hostElement.dispatchEvent(new CustomEvent("gidsFilterPickerChange",{bubbles:!0,composed:!0,detail:e}))}clearActive(){this.getItemElements().forEach((e=>e.classList.remove("gids-dropdown-item--active")))}setExpandedState(e,t){const i=Boolean(e);if(this.setFilterDropdownPosition(),i&&!this.isInteractive())return;if(this.expanded===i)return;this.expanded=i,i||(this.clearActive(),this.syncFilterDisplayValue());const s={expanded:i,originalEvent:t};this.onToggle?.(s)}syncFilterDisplayValue(){const e=this.getFilterButtonControl();e&&e.value!==(this.selectedItemTitle??"")&&(e.value=this.selectedItemTitle??"")}attachFormListener(){const e=this.hostElement.closest("form");this.patternForm!==e&&(this.patternForm&&this.patternForm.removeEventListener("reset",this.handleFormReset),this.patternForm=e??void 0,this.patternForm?.addEventListener("reset",this.handleFormReset))}detachFormListener(){this.patternForm&&(this.patternForm.removeEventListener("reset",this.handleFormReset),this.patternForm=void 0)}isInteractive(){return!this.disabled}coerceEvent(e){if("undefined"!=typeof Event&&null!==e)return e instanceof Event?e:void 0}isMenuToggler(){return("none"===this.type||"more"===this.type)&&this.hasSlottedMenu}handleWindowClick(e){this.expanded&&(e.composedPath().includes(this.hostElement)||this.setExpandedState(!1,e))}render(){const e=this.expanded&&this.isInteractive(),t=h({expanded:e}),s=this.isMenuToggler(),l="string"==typeof this.filterPickerId?this.filterPickerId:void 0,d=l?`${l}__menu`:void 0,r=this.selectedItemTitle??this.value??"",a="more"===this.type,o="all"===this.type,c="none"===this.type;return i("div",{key:"f61eb4c957bdf16980b04168daae71e57399bc2b",class:t,"aria-control":d??""},i("gids-toggle-button",{key:"16912f01d8723ea798ee695afd91951dfef7c3f1",id:l,name:this.name,expanded:e,value:r,disabled:this.disabled,size:this.size,loading:this.loading,tabIndex:this.filterIndex,defaultSelected:this.filterDefaultSelected,selected:this.filterSelected,onSelect:this.handleFilterButtonClickToggle},a||o?i(n,{name:a?"options":"filter",size:this.size,appearance:"regular",alt:"",slot:"leadingIcon"}):void 0,c||o?r:void 0,s&&!a?i(n,{name:"chevron-down",size:this.size,appearance:"regular",alt:"",slot:"trailingIcon"}):void 0),i("div",{key:"3cda901ffe563130a64fe869632e16b69ec5f747",class:"gids-filter__menu",id:d,role:"pickerbox",onClick:this.handleMenuClick},i("slot",{key:"fc5c702955f0dd8ad0f2d628a26eba1c8829be73",onSlotchange:()=>this.evaluateSlottedMenuExistence()})))}get hostElement(){return this}static get watchers(){return{expanded:[{handleExpandedChange:0}],disabled:[{handleInteractivityChange:0}],type:[{handleFilterTypeChange:0}],filterId:[{handleFilterIdArrival:0}],filterSelected:[{handleFilterSelectedChange:0}],filterDefaultSelected:[{handleFilterDefaultSelectedChange:0}]}}static get style(){return".gids-filter{position:relative}.gids-filter__menu{position:absolute;inset-inline:0;top:calc(100% + var(--gids-gap-050));z-index:3;display:none;flex-direction:column;align-self:stretch;min-width:var(--gids-width-2-xs);min-height:55px;max-height:15rem;overflow-x:hidden;overflow-y:auto;background-color:var(--gids-elevation-surface-overlay-default);box-shadow:var(--gids-elevation-shadow-overlay);border-radius:var(--gids-border-radius-lg);left:0;right:auto}.gids-filter__menu--align-right{left:auto !important;right:0 !important}.gids-filter__menu>*{flex-shrink:0}.gids-filter--expanded .gids-filter__menu{display:flex}"}},[260,"gids-filter",{name:[1],filterId:[1025,"filter-id"],filterPickerId:[1,"filter-picker-id"],expanded:[4],type:[1],filterItemType:[1,"filter-item-type"],value:[1],filterSelected:[1540,"filter-selected"],filterDefaultSelected:[4,"filter-default-selected"],disabled:[4],size:[1],loading:[4],filterIndex:[2,"filter-index"],onFilterMenuItemChange:[16],onToggle:[16],selectedItemTitle:[32],hasSlottedMenu:[32]},[[8,"click","handleWindowClick"]],{expanded:[{handleExpandedChange:0}],disabled:[{handleInteractivityChange:0}],type:[{handleFilterTypeChange:0}],filterId:[{handleFilterIdArrival:0}],filterSelected:[{handleFilterSelectedChange:0}],filterDefaultSelected:[{handleFilterDefaultSelectedChange:0}]}]);function a(){"undefined"!=typeof customElements&&["gids-filter","gids-toggle-button"].forEach((e=>{switch(e){case"gids-filter":customElements.get(s(e))||customElements.define(s(e),r);break;case"gids-toggle-button":customElements.get(s(e))||d()}}))}a();export{r as G,a as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t,p as i,H as e,h as s,d as a}from"./p-Bf3p-DY2.js";import{GidsExpansionBodyListItemWebUtils as o}from"@ganpatiinfo/gids-web-shared";import{G as n}from"./p-C2POfZhu.js";const{getGidsExpansionBodyListItemClassNames:l}=o,r=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.displayTagVisible=!1,this.displayTagColor="accent-5",this.displayTagSize="xs",this.displayTagAppearance="subtle",this.hasSubtitleItemListener=!1,this.hasSupportingTextItemListener=!1,this.handleSubtitleClick=t=>{this.applySubtitleSelection({listItemId:this.listItemId,label:this.label,subtitle:this.subtitle,supportingText:this.supportingText,listItemPressedType:"subtitle",originalEvent:t})},this.handleSupportingTextClick=t=>{this.applySupportingTextSelection({listItemId:this.listItemId,label:this.label,subtitle:this.subtitle,supportingText:this.supportingText,listItemPressedType:"supporting-text",originalEvent:t})}}handleDisplayTagVisibilityChange(t){this.displayTagVisible=t}handleDisplayTagColorChange(t){this.displayTagColor=t}handleDisplayTagSizeChange(t){this.displayTagSize=t}handleDisplayTagAppearanceChange(t){this.displayTagAppearance=t}connectedCallback(){this.attachSubtitleItemListener(),this.attachSupportingTextItemListener()}disconnectedCallback(){this.detachSubtitleItemListener(),this.detachSupportingTextItemListener()}applySubtitleSelection(t){this.onSubtitlePress&&this.onSubtitlePress(t)}applySupportingTextSelection(t){this.onSupportingTextPress&&this.onSupportingTextPress(t)}attachSubtitleItemListener(){this.hasSubtitleItemListener||(this.hostElement.addEventListener("onSubtitlePress",this.handleSubtitleClick),this.hasSubtitleItemListener=!0)}attachSupportingTextItemListener(){this.hasSupportingTextItemListener||(this.hostElement.addEventListener("onSupportingTextPress",this.handleSupportingTextClick),this.hasSupportingTextItemListener=!0)}detachSubtitleItemListener(){this.hasSubtitleItemListener&&(this.hostElement.removeEventListener("onSubtitlePress",this.handleSubtitleClick),this.hasSubtitleItemListener=!1)}detachSupportingTextItemListener(){this.hasSupportingTextItemListener&&(this.hostElement.removeEventListener("onSupportingTextPress",this.handleSupportingTextClick),this.hasSupportingTextItemListener=!1)}isValidLabel(){return!(!this?.label||""===this.label)}isValidSubtitle(){return!(!this?.subtitle||""===this.subtitle)}isValidSupportingText(){return!(!this?.supportingText||""===this.supportingText)}isDisplayTagVisible(){return!(!this.displayTagVisible||!this?.displayTagLabel||""===this.displayTagLabel)}convertTextToUppercase(t){return t&&""!==t?t.toUpperCase():""}render(){const t=l(),i=this?.label,e=this?.subtitle,o=this?.supportingText,r=this.isValidLabel(),d=this.isValidSubtitle(),p=this.isValidSupportingText(),g=this.isDisplayTagVisible(),h=this?.displayTagLabel??"";return s(a,{key:"7640b2ddb898ec2b217014a9aeacefd6887679e6",class:t},r||d||g?s("div",{class:"gids-expansion-body-list-item__primary-container"},r||g?s("div",{class:"gids-expansion-body-list-item__primary-content"},r?s("span",{class:"gids-expansion-body-list-item__label"},this.convertTextToUppercase(i)):void 0,g?s(n,{color:this.displayTagColor||"accent-5",label:h,size:this.displayTagSize,appearance:this.displayTagAppearance}):void 0):void 0,d?s("button",{type:"button",class:"gids-expansion-body-list-item__subtitle",onClick:this.handleSubtitleClick},e):void 0):void 0,p?s("div",{class:"gids-expansion-body-list-item__secondary-container"},s("button",{type:"button",class:"gids-expansion-body-list-item__supporting-text",onClick:this.handleSupportingTextClick},this.convertTextToUppercase(o))):void 0)}get hostElement(){return this}static get watchers(){return{displayTagVisible:[{handleDisplayTagVisibilityChange:0}],displayTagColor:[{handleDisplayTagColorChange:0}],displayTagSize:[{handleDisplayTagSizeChange:0}],displayTagAppearance:[{handleDisplayTagAppearanceChange:0}]}}static get style(){return'.gids-expansion-body-list-item{display:flex;flex:1;gap:var(--gids-gap-400);padding-bottom:var(--gids-padding-vertical-edge-to-element-300);position:relative;cursor:default}.gids-expansion-body-list-item::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-body-list-item::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-body-list-item:has(.gids-expansion-body-list-item__subtitle:hover)::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-body-list-item:has(.gids-expansion-body-list-item__subtitle:hover)::before{opacity:1}.gids-expansion-body-list-item__primary-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:1 0;gap:var(--gids-gap-150)}.gids-expansion-body-list-item__primary-content{display:flex;align-items:center;justify-content:center;gap:var(--gids-gap-200)}.gids-expansion-body-list-item__secondary-container{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end}.gids-expansion-body-list-item__label{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtle);cursor:default}.gids-expansion-body-list-item__subtitle{margin:0;padding:0;appearance:none;border:none;background:none;font-family:var(--gids-typography-label-medium__font-family);font-size:var(--gids-typography-label-medium__font-size);font-weight:var(--gids-typography-label-medium__font-weight);letter-spacing:var(--gids-typography-label-medium__letter-spacing);line-height:var(--gids-typography-label-medium__line-height);text-transform:var(--gids-typography-label-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-label-medium__font-variant-caps, inherit);color:var(--gids-color-text-default);cursor:pointer}.gids-expansion-body-list-item__supporting-text{margin:0;padding:0;appearance:none;border:none;background:none;font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtle);padding:var(--gids-padding-vertical-edge-to-element-050) var(--gids-padding-horizontal-edge-to-element-100);border-radius:var(--gids-border-radius-sm);cursor:pointer;transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out}.gids-expansion-body-list-item__supporting-text:hover{background-color:var(--gids-color-background-brand-bold-hovered);color:var(--gids-color-text-inverse)}.gids-expansion-body-list-item__supporting-text:active{background-color:var(--gids-color-background-brand-bold-pressed);color:var(--gids-color-text-inverse)}'}},[0,"gids-expansion-body-list-item",{listItemId:[1,"list-item-id"],label:[1],subtitle:[1],supportingText:[1,"supporting-text"],displayTagVisible:[4,"display-tag-visible"],displayTagColor:[1,"display-tag-color"],displayTagSize:[1,"display-tag-size"],displayTagAppearance:[1,"display-tag-appearance"],displayTagLabel:[1,"display-tag-label"],onSubtitlePress:[16],onSupportingTextPress:[16]},void 0,{displayTagVisible:[{handleDisplayTagVisibilityChange:0}],displayTagColor:[{handleDisplayTagColorChange:0}],displayTagSize:[{handleDisplayTagSizeChange:0}],displayTagAppearance:[{handleDisplayTagAppearanceChange:0}]}]);function d(){"undefined"!=typeof customElements&&["gids-expansion-body-list-item"].forEach((i=>{"gids-expansion-body-list-item"===i&&(customElements.get(t(i))||customElements.define(t(i),r))}))}d();export{r as G,d}
|
|
@@ -1,6 +1,31 @@
|
|
|
1
1
|
import { JSXBase } from '../../../stencil-public-runtime';
|
|
2
|
-
import { GidsBasicTableBodyWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
2
|
+
import { GidsBasicTableBodyWebProps, GidsTableCellTypographyStyle } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { IconAppearance, IconName } from '@ganpatiinfo/gids-web-theme-interface';
|
|
4
|
+
import { GidsBasicTableBodyActionButtonEvent } from '@ganpatiinfo/gids-core-shared';
|
|
5
|
+
/**
|
|
6
|
+
* @deprecated
|
|
7
|
+
*
|
|
8
|
+
* Use `GidsTableBody` and its props and functions instead.
|
|
9
|
+
*/
|
|
10
|
+
type GidsBasicTableBodyBaseWebProps = GidsBasicTableBodyWebProps<GidsTableCellTypographyStyle, IconName, IconAppearance> & Omit<JSXBase.IntrinsicElements['tbody'], 'children'>;
|
|
11
|
+
/**
|
|
12
|
+
* @deprecated
|
|
13
|
+
*
|
|
14
|
+
* Use `GidsTableBody` and its props and functions instead.
|
|
15
|
+
*/
|
|
16
|
+
export type GidsBasicTableBodyActionButtonBaseEvent = GidsBasicTableBodyActionButtonEvent<Event, GidsTableCellTypographyStyle, IconName, IconAppearance>;
|
|
17
|
+
/**
|
|
18
|
+
* @deprecated
|
|
19
|
+
*
|
|
20
|
+
* Use `GidsTableBody` and its props and functions instead.
|
|
21
|
+
*/
|
|
22
|
+
export interface GidsBasicTableBodyProps extends GidsBasicTableBodyBaseWebProps {
|
|
23
|
+
onClickBodyCellActionBtn?: (event: GidsBasicTableBodyActionButtonBaseEvent) => void;
|
|
24
|
+
}
|
|
25
|
+
/**
|
|
26
|
+
* @deprecated
|
|
27
|
+
*
|
|
28
|
+
* Use `GidsTableBody` and its props and functions instead.
|
|
29
|
+
*/
|
|
30
|
+
export declare const GidsBasicTableBody: ({ width, tableBodyData, tableBorders, rowAppearance, rowLabelTypography, rowTextAlignment, tableBodyCellPrimaryActionButtons, tableBodyCellSecondaryActionButtons, onClickBodyCellActionBtn, class: className, }: GidsBasicTableBodyProps) => any;
|
|
6
31
|
export {};
|
|
@@ -3,9 +3,24 @@ import { type GidsBasicTableHeadWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
|
3
3
|
import { JSXBase } from '../../../stencil-public-runtime';
|
|
4
4
|
import { GidsSearchBarProps } from '../GidsSearchBar/GidsSearchBar';
|
|
5
5
|
import { ClassValue } from 'clsx';
|
|
6
|
+
/**
|
|
7
|
+
* @deprecated
|
|
8
|
+
*
|
|
9
|
+
* Use `GidsTableToolbar` and its props.
|
|
10
|
+
*/
|
|
6
11
|
type GidsBasicTableHeadBaseWebProps = Omit<GidsBasicTableHeadWebProps<VNode, Event, VNode, Omit<JSXBase.IntrinsicElements['input'], 'ref'>>, 'children'> & Pick<GidsSearchBarProps, 'onChange' | 'onInput' | 'onFocus' | 'onBlur' | 'onGidsSearchBarClear'>;
|
|
12
|
+
/**
|
|
13
|
+
* @deprecated
|
|
14
|
+
*
|
|
15
|
+
* Use `GidsTableToolbar` and its props.
|
|
16
|
+
*/
|
|
7
17
|
export interface GidsBasicTableHeadProps extends GidsBasicTableHeadBaseWebProps {
|
|
8
18
|
className?: ClassValue;
|
|
9
19
|
}
|
|
20
|
+
/**
|
|
21
|
+
* @deprecated
|
|
22
|
+
*
|
|
23
|
+
* Use `GidsTableToolbar` and its props.
|
|
24
|
+
*/
|
|
10
25
|
export declare const GidsBasicTableHead: ({ actionGroup, allFiltersTabVisible, moreFiltersTabVisible, clearAllFiltersVisible, clearAllFiltersButtonAppearance, primaryFilters, secondaryFilters, filterSize, filterAllIsDefaultSelected, dropdownDividerVisible, onToggleActionBarAllFilter, onToggleActionBarDropdownFilter, onToggleActionBarMoreFilter, onToggleActionBarNoneFilter, onDropdownSelectionActionBarFilterChange, onMoreSelectionActionBarFilterChange, onClearAllFiltersButton, actionBarDisabled, searchDisabled, allFiltersData, moreFiltersData, searchVisible, filtersVisible, childrenPosition, tabVisible, tabProps, borderSides, borderRadiusSides, leadingIcon, leadingLabel, trailingLabel, loading, readOnly, onGidsSearchBarClear, onChange, onInput, onFocus, onBlur, value, inputProps, className, headAppearance, ...restProps }: GidsBasicTableHeadProps, children: VNode) => any;
|
|
11
26
|
export {};
|
|
@@ -1,4 +1,24 @@
|
|
|
1
1
|
import { JSXBase } from '../../../stencil-public-runtime';
|
|
2
|
-
import { GidsBasicTableHeaderWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
import { GidsTableCellTypographyStyle, GidsBasicTableHeaderWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { GidsBasicTableHeaderActionButtonEvent } from '@ganpatiinfo/gids-core-shared';
|
|
4
|
+
import { IconAppearance, IconName } from '@ganpatiinfo/gids-web-theme-interface';
|
|
5
|
+
/**
|
|
6
|
+
* @deprecated
|
|
7
|
+
*
|
|
8
|
+
* Use `GidsTableHeader` and its props and functions instead.
|
|
9
|
+
*/
|
|
10
|
+
export type GidsBasicTableHeaderActionButtonBaseEvent = GidsBasicTableHeaderActionButtonEvent<Event, GidsTableCellTypographyStyle, IconName, IconAppearance>;
|
|
11
|
+
/**
|
|
12
|
+
* @deprecated
|
|
13
|
+
*
|
|
14
|
+
* Use `GidsTableHeader` and its props and functions instead.
|
|
15
|
+
*/
|
|
16
|
+
export interface GidsBasicTableHeaderProps extends GidsBasicTableHeaderWebProps<GidsTableCellTypographyStyle, IconName, IconAppearance>, Omit<JSXBase.IntrinsicElements['thead'], 'children'> {
|
|
17
|
+
onClickHeaderActionBtn?: (event: GidsBasicTableHeaderActionButtonBaseEvent) => void;
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* @deprecated
|
|
21
|
+
*
|
|
22
|
+
* Use `GidsTableHeader` and its props and functions instead.
|
|
23
|
+
*/
|
|
24
|
+
export declare const GidsBasicTableHeader: ({ width, headerCells, appearance, labelTypography, textAlignment, layout, cellPrimaryActionButtons, cellSecondaryActionButtons, onClickHeaderActionBtn, class: className, ...restProps }: GidsBasicTableHeaderProps) => any;
|
|
@@ -1,4 +1,21 @@
|
|
|
1
1
|
import { JSXBase } from '../../../stencil-public-runtime';
|
|
2
|
-
import { type GidsBasicTableRowWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
import { GidsTableCellTypographyStyle, type GidsBasicTableRowWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { IconAppearance, IconName } from '@ganpatiinfo/gids-web-theme-interface';
|
|
4
|
+
import { GidsBasicTableRowActionButtonEvent } from '@ganpatiinfo/gids-core-shared';
|
|
5
|
+
/**
|
|
6
|
+
* @deprecated
|
|
7
|
+
* Use `GidsTableRow` and its props and functions instead.
|
|
8
|
+
*/
|
|
9
|
+
export type GidsBasicTableRowActionButtonBaseEvent = GidsBasicTableRowActionButtonEvent<Event, GidsTableCellTypographyStyle, IconName, IconAppearance>;
|
|
10
|
+
/**
|
|
11
|
+
* @deprecated
|
|
12
|
+
* Use `GidsTableRow` and its props and functions instead.
|
|
13
|
+
*/
|
|
14
|
+
export interface GidsBasicTableRowProps extends GidsBasicTableRowWebProps<GidsTableCellTypographyStyle, IconName, IconAppearance>, Omit<JSXBase.IntrinsicElements['tr'], 'children'> {
|
|
15
|
+
onClickRowActionBtn?: (event: GidsBasicTableRowActionButtonBaseEvent) => void;
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* @deprecated
|
|
19
|
+
* Use `GidsTableRow` and its props and functions instead.
|
|
20
|
+
*/
|
|
21
|
+
export declare const GidsBasicTableRow: ({ width, layout, rows, isHeaderRow, cellPrimaryActionButtons, cellSecondaryActionButtons, onClickRowActionBtn, class: className, ...restProps }: GidsBasicTableRowProps) => any;
|
|
@@ -1,11 +1,35 @@
|
|
|
1
1
|
import { VNode } from '../../../stencil-public-runtime';
|
|
2
2
|
import { JSXBase } from '../../../stencil-public-runtime';
|
|
3
|
-
import { GidsBsTableWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { GidsTableCellTypographyStyle, GidsBsTableWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
4
4
|
import { GidsBasicTableHeadProps } from '../GidsBasicTableHead/GidsBasicTableHead';
|
|
5
5
|
import { ClassValue } from 'clsx';
|
|
6
|
-
|
|
6
|
+
import { IconAppearance, IconName } from '@ganpatiinfo/gids-web-theme-interface';
|
|
7
|
+
import { GidsBsTableActionButtonEvent } from '@ganpatiinfo/gids-core-shared';
|
|
8
|
+
/**
|
|
9
|
+
* @deprecated
|
|
10
|
+
*
|
|
11
|
+
* Use `GidsTable` and its props and functions instead.
|
|
12
|
+
*/
|
|
13
|
+
type GidsBsTableBaseWebProps = Omit<GidsBsTableWebProps<GidsTableCellTypographyStyle, IconName, IconAppearance, VNode, Event, VNode, Omit<JSXBase.IntrinsicElements['input'], 'ref'>>, 'children'> & GidsBasicTableHeadProps;
|
|
14
|
+
/**
|
|
15
|
+
* @deprecated
|
|
16
|
+
*
|
|
17
|
+
* Use `GidsTable` and its props and functions instead.
|
|
18
|
+
*/
|
|
19
|
+
type GidsBsTableActionButtonBaseEvent = GidsBsTableActionButtonEvent<Event, GidsTableCellTypographyStyle, IconName, IconAppearance>;
|
|
20
|
+
/**
|
|
21
|
+
* @deprecated
|
|
22
|
+
*
|
|
23
|
+
* Use `GidsTable` and its props and functions instead.
|
|
24
|
+
*/
|
|
7
25
|
export interface GidsBsTableProps extends GidsBsTableBaseWebProps {
|
|
8
26
|
className?: ClassValue;
|
|
27
|
+
onClickBsTableActionBtn?: (event: GidsBsTableActionButtonBaseEvent) => void;
|
|
9
28
|
}
|
|
10
|
-
|
|
29
|
+
/**
|
|
30
|
+
* @deprecated
|
|
31
|
+
*
|
|
32
|
+
* Use `GidsTable` and its props and functions instead.
|
|
33
|
+
*/
|
|
34
|
+
export declare const GidsBsTable: ({ topHeaderCells, tableBody, width, isTopHeaderVisible, isHeadVisible, topHeaderAppearance, topHeaderLabelTypography, topHeaderTextAlignment, rowAppearance, rowLabelTypography, rowTextAlignment, tableBorders, tableBorderRadius, tableBodyMaxHeight, tableBodyPrimaryActionButtons, tableBodySecondaryActionButtons, topHeaderPrimaryActionButtons, topHeaderSecondaryActionButtons, onClickBsTableActionBtn, className, actionGroup, allFiltersTabVisible, moreFiltersTabVisible, clearAllFiltersVisible, clearAllFiltersButtonAppearance, primaryFilters, secondaryFilters, filterSize, filterAllIsDefaultSelected, dropdownDividerVisible, onToggleActionBarAllFilter, onToggleActionBarDropdownFilter, onToggleActionBarMoreFilter, onToggleActionBarNoneFilter, onDropdownSelectionActionBarFilterChange, onMoreSelectionActionBarFilterChange, onClearAllFiltersButton, actionBarDisabled, searchDisabled, allFiltersData, moreFiltersData, searchVisible, filtersVisible, childrenPosition, tabVisible, tabProps, headBorderSides, headBorderRadiusSides, leadingIcon, leadingLabel, trailingLabel, loading, readOnly, onGidsSearchBarClear, onChange, onInput, onFocus, onBlur, headValue, inputProps, headAppearance, ...restProps }: GidsBsTableProps, children: VNode) => HTMLDivElement;
|
|
11
35
|
export {};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { JSXBase } from '../../../stencil-public-runtime';
|
|
2
|
+
import { GidsColorSwatchTypographyStyle, GidsColorSwatchWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
type GidsColorSwatchBaseWebProps = GidsColorSwatchWebProps<GidsColorSwatchTypographyStyle>;
|
|
4
|
+
export type GidsColorSwatchProps = GidsColorSwatchBaseWebProps & Omit<JSXBase.IntrinsicElements['div'], 'children' | 'onClick' | 'onChange'>;
|
|
5
|
+
export declare const GidsColorSwatch: ({ label, labelColor, labelTypography, labelPosition, swatchColor, swatchSize, swatchShape, swatchShadow, borderRadius, applyBorders, borderColor, borderWidth, class: className, }: GidsColorSwatchProps) => any;
|
|
6
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { JSXBase } from '../../../stencil-public-runtime';
|
|
2
|
+
import { GidsMatrixTableBodyActionButtonEvent } from '@ganpatiinfo/gids-core-shared';
|
|
3
|
+
import { GidsMatrixTableWebProps, GidsTableCellTypographyStyle } from '@ganpatiinfo/gids-web-shared';
|
|
4
|
+
import { IconAppearance, IconName } from '@ganpatiinfo/gids-web-theme-interface';
|
|
5
|
+
type GidsMatrixTableBaseWebProps = GidsMatrixTableWebProps<GidsTableCellTypographyStyle, IconName, IconAppearance>;
|
|
6
|
+
type GidsMatrixTableActionButtonBaseEvent = GidsMatrixTableBodyActionButtonEvent<Event, GidsTableCellTypographyStyle, IconName, IconAppearance>;
|
|
7
|
+
export interface GidsMatrixTableProps extends GidsMatrixTableBaseWebProps, Omit<JSXBase.IntrinsicElements['div'], 'children' | 'onClick' | 'onChange'> {
|
|
8
|
+
onClickMatrixTableActionBtn?: (event: GidsMatrixTableActionButtonBaseEvent) => void;
|
|
9
|
+
}
|
|
10
|
+
export declare const GidsMatrixTable: ({ topHeaderCells, tableBodyItems, width, isTopHeaderVisible, topHeaderAppearance, topHeaderLabelTypography, topHeaderTextAlignment, rowAppearance, rowLabelTypography, rowTextAlignment, tableBorders, tableBorderRadius, tableBodyMaxHeight, rowCellPrimaryActionButtons, rowCellSecondaryActionButtons, topHeaderPrimaryActionButtons, topHeaderSecondaryActionButtons, onClickMatrixTableActionBtn, matrixHeaderAppearance, matrixHeaderLabelTypography, matrixHeaderTextAlignment, matrixHeaderCellPrimaryActionButtons, matrixHeaderCellSecondaryActionButtons, class: className, }: GidsMatrixTableProps) => any;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { JSXBase } from '../../../stencil-public-runtime';
|
|
2
|
+
import { GidsMatrixTableBodyWebProps, GidsTableCellTypographyStyle } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { IconAppearance, IconName } from '@ganpatiinfo/gids-web-theme-interface';
|
|
4
|
+
import { GidsMatrixTableBodyActionButtonEvent } from '@ganpatiinfo/gids-core-shared';
|
|
5
|
+
type GidsMatrixTableBodyBaseWebProps = GidsMatrixTableBodyWebProps<GidsTableCellTypographyStyle, IconName, IconAppearance>;
|
|
6
|
+
export type GidsMatrixTableBodyActionButtonBaseEvent = GidsMatrixTableBodyActionButtonEvent<Event, GidsTableCellTypographyStyle, IconName, IconAppearance>;
|
|
7
|
+
export interface GidsMatrixTableBodyProps extends GidsMatrixTableBodyBaseWebProps, Omit<JSXBase.IntrinsicElements['tbody'], 'children'> {
|
|
8
|
+
onClickMatrixBodyCellActionBtn?: (event: GidsMatrixTableBodyActionButtonBaseEvent) => void;
|
|
9
|
+
}
|
|
10
|
+
export declare const GidsMatrixTableBody: ({ width, tableBodyItems, tableBorders, rowAppearance, rowLabelTypography, rowTextAlignment, matrixHeaderAppearance, matrixHeaderLabelTypography, matrixHeaderTextAlignment, rowCellPrimaryActionButtons, rowCellSecondaryActionButtons, matrixHeaderCellPrimaryActionButtons, matrixHeaderCellSecondaryActionButtons, onClickMatrixBodyCellActionBtn, class: className, }: GidsMatrixTableBodyProps) => any;
|
|
11
|
+
export {};
|
|
@@ -1,7 +1,17 @@
|
|
|
1
1
|
import { type GidsPaginationCommonProps } from '@ganpatiinfo/gids-core-shared';
|
|
2
2
|
import { type GidsPaginationButtonParamsProps } from '@ganpatiinfo/gids-web-shared';
|
|
3
3
|
import { type FunctionalComponent, type JSXBase } from '../../../stencil-public-runtime';
|
|
4
|
+
/**
|
|
5
|
+
* @deprecated
|
|
6
|
+
*
|
|
7
|
+
* Use `GidsPaginator` and its props and functions instead.
|
|
8
|
+
*/
|
|
4
9
|
export type GidsPaginationProps = Omit<GidsPaginationCommonProps<string>, 'onClickItem'> & Omit<JSXBase.IntrinsicElements['div'], 'children' | 'onClick'> & {
|
|
5
10
|
onClickItem?: ({ event, index, page, defaultPage, type, }: GidsPaginationButtonParamsProps<MouseEvent>) => void;
|
|
6
11
|
};
|
|
12
|
+
/**
|
|
13
|
+
* @deprecated
|
|
14
|
+
*
|
|
15
|
+
* Use `GidsPaginator` and its props and functions instead.
|
|
16
|
+
*/
|
|
7
17
|
export declare const GidsPagination: FunctionalComponent<GidsPaginationProps>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { JSXBase } from '../../../stencil-public-runtime';
|
|
2
|
+
import { GidsPaginatorWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { IconName } from '@ganpatiinfo/gids-web-theme-interface';
|
|
4
|
+
export type GidsPaginatorBaseWebProps = GidsPaginatorWebProps<IconName, Event> & Omit<JSXBase.IntrinsicElements['div'], 'children' | 'onClick'>;
|
|
5
|
+
export type GidsPaginatorProps = GidsPaginatorBaseWebProps;
|
|
6
|
+
export declare const GidsPaginator: ({ currentPage, totalPages, size, disabled, selectColor, variant, shape, showFirstPageBtn, showLastPageBtn, showNextBtn, showPreviousBtn, onPageChange, class: className, }: GidsPaginatorProps) => any;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { GidsPaginatorItemWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
import { type VNode } from '../../../stencil-public-runtime';
|
|
3
|
+
import { type JSXBase } from '../../../stencil-public-runtime';
|
|
4
|
+
import { type IconName } from '@ganpatiinfo/gids-web-theme-interface';
|
|
5
|
+
export type GidsPaginatorItemBaseWebProps = Omit<GidsPaginatorItemWebProps<VNode, IconName, Event>, 'children'>;
|
|
6
|
+
export type GidsPaginatorItemProps = GidsPaginatorItemBaseWebProps & Omit<JSXBase.IntrinsicElements['button'], 'children' | 'onClick'>;
|
|
7
|
+
export declare const GidsPaginatorItem: ({ selectColor, variant, shape, size, isIcon, iconName, disabled, class: className, onPaginatorItemClick, selected, ...rest }: GidsPaginatorItemProps, children: VNode) => any;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { GidsTableEntryTypographyStyle, GidsTableWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
import { IconAppearance, IconName } from '@ganpatiinfo/gids-web-theme-interface';
|
|
3
|
+
import { GidsInputStatus, GidsTableActionEvent, GidsTableToolbarSettings } from '@ganpatiinfo/gids-core-shared';
|
|
4
|
+
import { GidsTableToolbarProps } from '../GidsTableToolbar/GidsTableToolbar';
|
|
5
|
+
import { JSXBase, VNode } from '../../../stencil-public-runtime';
|
|
6
|
+
export type GidsTableToolbarBaseSettings = GidsTableToolbarSettings<VNode, Event, VNode, Omit<JSXBase.IntrinsicElements['input'], 'ref'>, GidsInputStatus> & Pick<GidsTableToolbarProps, 'onChange' | 'onInput' | 'onFocus' | 'onBlur' | 'onGidsSearchBarClear'>;
|
|
7
|
+
interface GidsTableBaseWebProps extends Omit<GidsTableWebProps<VNode, GidsTableEntryTypographyStyle, IconName, IconAppearance, VNode, Event, VNode, Omit<JSXBase.IntrinsicElements['input'], 'ref'>>, 'toolbarSettings' | 'children'>, Omit<JSXBase.IntrinsicElements['div'], 'children'> {
|
|
8
|
+
toolbarSettings?: GidsTableToolbarBaseSettings;
|
|
9
|
+
}
|
|
10
|
+
type GidsTableActionBaseEvent = GidsTableActionEvent<Event, GidsTableEntryTypographyStyle, IconName, IconAppearance>;
|
|
11
|
+
export interface GidsTableProps extends GidsTableBaseWebProps {
|
|
12
|
+
extraClasses?: string;
|
|
13
|
+
onTableAction?: (event: GidsTableActionBaseEvent) => void;
|
|
14
|
+
}
|
|
15
|
+
export declare const GidsTable: ({ toolbar, headerItems, bodyContent, isHeaderVisible, isToolbarVisible, bodySettings, toolbarSettings, headerSettings, tableBorders, tableBorderRadius, tableBodyMaxHeight, toolbarChildren, onTableAction, horizontalScroll, class: className, ...restProps }: GidsTableProps, children: VNode) => any;
|
|
16
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { JSXBase, VNode } from '../../../stencil-public-runtime';
|
|
2
|
+
import { GidsTableBodyWebProps, GidsTableEntryTypographyStyle } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { IconAppearance, IconName } from '@ganpatiinfo/gids-web-theme-interface';
|
|
4
|
+
import { GidsTableBodyActionEvent } from '@ganpatiinfo/gids-core-shared';
|
|
5
|
+
type GidsTableBodyBaseWebProps = Omit<GidsTableBodyWebProps<GidsTableEntryTypographyStyle, IconName, IconAppearance, VNode>, 'children'> & Omit<JSXBase.IntrinsicElements['tbody'], 'children'>;
|
|
6
|
+
export type GidsTableBodyActionBaseEvent = GidsTableBodyActionEvent<Event, GidsTableEntryTypographyStyle, IconName, IconAppearance>;
|
|
7
|
+
export interface GidsTableBodyProps extends GidsTableBodyBaseWebProps {
|
|
8
|
+
onBodyAction?: (event: GidsTableBodyActionBaseEvent) => void;
|
|
9
|
+
}
|
|
10
|
+
export declare const GidsTableBody: ({ bodySettings, bodyContent, bodyBorder, onBodyAction, class: className, }: GidsTableBodyProps, children: VNode) => any;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { GidsTableCellTypographyStyle, type GidsTableCellWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
import { JSXBase } from '../../../stencil-public-runtime';
|
|
3
|
+
import { IconAppearance, IconName } from '@ganpatiinfo/gids-web-theme-interface';
|
|
4
|
+
import { GidsTableCellActionButtonEvent } from '@ganpatiinfo/gids-core-shared';
|
|
5
|
+
/**
|
|
6
|
+
* @deprecated
|
|
7
|
+
* Use `GidsTableEntry` and its props and functions
|
|
8
|
+
*/
|
|
9
|
+
export type GidsTableCellActionButtonBaseEvent = GidsTableCellActionButtonEvent<Event, GidsTableCellTypographyStyle, IconName, IconAppearance>;
|
|
10
|
+
/**
|
|
11
|
+
* @deprecated
|
|
12
|
+
* Use `GidsTableEntry` and its props and functions
|
|
13
|
+
*/
|
|
14
|
+
export interface GidsTableCellProps extends GidsTableCellWebProps<GidsTableCellTypographyStyle, IconName, IconAppearance>, Omit<JSXBase.IntrinsicElements['td'] & JSXBase.IntrinsicElements['th'], 'children'> {
|
|
15
|
+
onClickCellActionBtn?: (event: GidsTableCellActionButtonBaseEvent) => void;
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* @deprecated
|
|
19
|
+
* Use `GidsTableEntry` and its props and functions
|
|
20
|
+
*/
|
|
21
|
+
export declare const GidsTableCell: ({ id, uniqueKey, extraData, label, cellDataType, displayTags, width, appearance, borderSides, borderRadiusSides, textAlignment, labelTypography, isHeaderCell, cellPrimaryActionButtons, cellSecondaryActionButtons, onClickCellActionBtn, class: className, ...restProps }: GidsTableCellProps) => any;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { GidsTableEntryTypographyStyle, type GidsTableEntryWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
import { JSXBase, VNode } from '../../../stencil-public-runtime';
|
|
3
|
+
import { IconAppearance, IconName } from '@ganpatiinfo/gids-web-theme-interface';
|
|
4
|
+
import { GidsTableEntryActionEvent } from '@ganpatiinfo/gids-core-shared';
|
|
5
|
+
export type GidsTableEntryActionBaseEvent = GidsTableEntryActionEvent<Event, GidsTableEntryTypographyStyle, IconName, IconAppearance>;
|
|
6
|
+
export interface GidsTableEntryProps extends Omit<GidsTableEntryWebProps<GidsTableEntryTypographyStyle, IconName, IconAppearance, VNode>, 'children'>, Omit<JSXBase.IntrinsicElements['td'] & JSXBase.IntrinsicElements['th'], 'children'> {
|
|
7
|
+
onEntryAction?: (event: GidsTableEntryActionBaseEvent) => void;
|
|
8
|
+
}
|
|
9
|
+
export declare const GidsTableEntry: ({ id, uniqueKey, extraData, colSpan, label, entryDataTypes, displayTags, statusTags, badges, avatars, colorSwatches, progressBars, borderSides, borderRadiusSides, appearance, textAlignment, entryAlignment, labelTypography, entryType, leadingActions, trailingActions, onEntryAction, colorSwatchLabelColor, colorSwatchLabelPosition, colorSwatchLabelTypography, colorSwatchSize, colorSwatchShape, colorSwatchShadow, colorSwatchBorderRadius, colorSwatchApplyBorders, colorSwatchBorderWidth, progressBarSize, progressBarEndCap, avatarSize, avatarGroupAppearance, avatarGroupLayout, statusTagAppearance, statusTagSize, progressBarContainerMinWidth, displayTagsOrientation, statusTagsOrientation, progressBarsOrientation, colorSwatchesOrientation, badgesOrientation, backgroundColor, contentColor, actionsBackgroundColor, actionsContentColor, class: className, ...restProps }: GidsTableEntryProps, children?: VNode) => any;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { VNode } from '../../../stencil-public-runtime';
|
|
2
|
+
import { GidsTableEntryTypographyStyle, GidsTableFooterWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { IconAppearance, IconName } from '@ganpatiinfo/gids-web-theme-interface';
|
|
4
|
+
import { GidsTableFooterActionEvent } from '@ganpatiinfo/gids-core-shared';
|
|
5
|
+
import { JSXBase } from '../../../stencil-public-runtime';
|
|
6
|
+
export type GidsTableFooterNativeInputForwardedProps = Partial<Omit<HTMLInputElement, 'value' | 'readOnly' | 'name' | 'disabled'>>;
|
|
7
|
+
export type GidsTableFooterBaseWebProps = Omit<GidsTableFooterWebProps<GidsTableEntryTypographyStyle, IconName, IconAppearance, VNode, VNode, GidsTableFooterNativeInputForwardedProps, Event>, 'children'> & Omit<JSXBase.IntrinsicElements['tfoot'], 'children'>;
|
|
8
|
+
export type GidsTableFooterActionBaseEvent = GidsTableFooterActionEvent<Event, GidsTableEntryTypographyStyle, IconName, IconAppearance>;
|
|
9
|
+
export interface GidsTableFooterProps extends GidsTableFooterBaseWebProps {
|
|
10
|
+
onFooterAction?: (event: GidsTableFooterActionBaseEvent) => void;
|
|
11
|
+
}
|
|
12
|
+
export declare const GidsTableFooter: ({ appearance, labelTypography, textAlignment, leadingActions, trailingActions, entryAlignment, colorSwatchLabelColor, colorSwatchLabelPosition, colorSwatchLabelTypography, colorSwatchSize, colorSwatchShape, colorSwatchShadow, colorSwatchBorderRadius, colorSwatchApplyBorders, colorSwatchBorderWidth, progressBarSize, progressBarEndCap, avatarSize, avatarGroupAppearance, avatarGroupLayout, statusTagAppearance, statusTagSize, progressBarContainerMinWidth, displayTagsOrientation, statusTagsOrientation, progressBarsOrientation, colorSwatchesOrientation, badgesOrientation, footerControlSettings, footerControlChildren, footerItems, onFooterAction, class: className, ...restProps }: GidsTableFooterProps, children: VNode) => any;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { VNode } from '../../../stencil-public-runtime';
|
|
2
|
+
import { GidsTableFooterControlWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { IconName } from '@ganpatiinfo/gids-web-theme-interface';
|
|
4
|
+
import { JSXBase } from '../../../stencil-public-runtime';
|
|
5
|
+
export type TableFooterNativeInputForwardedProps = Omit<JSXBase.IntrinsicElements['input'], 'disabled' | 'readOnly' | 'value' | 'name'>;
|
|
6
|
+
export type GidsTableFooterControlBaseWebProps = Omit<GidsTableFooterControlWebProps<IconName, VNode, TableFooterNativeInputForwardedProps, VNode, Event>, 'children'> & Omit<JSXBase.IntrinsicElements['div'], 'children' | 'onChange' | 'onClick'>;
|
|
7
|
+
export type GidsTableFooterControlProps = GidsTableFooterControlBaseWebProps;
|
|
8
|
+
export declare const GidsTableFooterControl: ({ bulkStatus, rangeStatus, tableViewControllerSettings, paginatorSettings, tableViewControllerVisible, paginatorVisible, class: className, }: GidsTableFooterControlProps, children: VNode) => any;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { JSXBase, VNode } from '../../../stencil-public-runtime';
|
|
2
|
+
import { GidsTableEntryTypographyStyle, GidsTableHeaderWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { GidsTableHeaderActionEvent } from '@ganpatiinfo/gids-core-shared';
|
|
4
|
+
import { IconAppearance, IconName } from '@ganpatiinfo/gids-web-theme-interface';
|
|
5
|
+
export type GidsTableHeaderActionBaseEvent = GidsTableHeaderActionEvent<Event, GidsTableEntryTypographyStyle, IconName, IconAppearance>;
|
|
6
|
+
export interface GidsTableHeaderProps extends Omit<GidsTableHeaderWebProps<GidsTableEntryTypographyStyle, IconName, IconAppearance, VNode>, 'children'>, Omit<JSXBase.IntrinsicElements['thead'], 'children'> {
|
|
7
|
+
onHeaderAction?: (event: GidsTableHeaderActionBaseEvent) => void;
|
|
8
|
+
}
|
|
9
|
+
export declare const GidsTableHeader: ({ headerItems, appearance, labelTypography, textAlignment, leadingActions, trailingActions, onHeaderAction, entryAlignment, colorSwatchLabelColor, colorSwatchLabelPosition, colorSwatchLabelTypography, colorSwatchSize, colorSwatchShape, colorSwatchShadow, colorSwatchBorderRadius, colorSwatchApplyBorders, colorSwatchBorderWidth, progressBarSize, progressBarEndCap, avatarSize, avatarGroupAppearance, avatarGroupLayout, statusTagAppearance, statusTagSize, progressBarContainerMinWidth, displayTagsOrientation, statusTagsOrientation, progressBarsOrientation, colorSwatchesOrientation, badgesOrientation, class: className, ...restProps }: GidsTableHeaderProps, children: VNode) => any;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { JSXBase, VNode } from '../../../stencil-public-runtime';
|
|
2
|
+
import { GidsTableEntryTypographyStyle, type GidsTableRowWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { IconAppearance, IconName } from '@ganpatiinfo/gids-web-theme-interface';
|
|
4
|
+
import { GidsTableRowActionEvent } from '@ganpatiinfo/gids-core-shared';
|
|
5
|
+
export type GidsTableRowActionBaseEvent = GidsTableRowActionEvent<Event, GidsTableEntryTypographyStyle, IconName, IconAppearance>;
|
|
6
|
+
export interface GidsTableRowProps extends Omit<GidsTableRowWebProps<GidsTableEntryTypographyStyle, IconName, IconAppearance, never>, 'children' | 'onChange'>, Omit<JSXBase.IntrinsicElements['tr'], 'children'> {
|
|
7
|
+
onRowAction?: (event: GidsTableRowActionBaseEvent) => void;
|
|
8
|
+
}
|
|
9
|
+
export declare const GidsTableRow: ({ rows, rowType, leadingActions, trailingActions, onRowAction, entryAlignment, colorSwatchLabelColor, colorSwatchLabelPosition, colorSwatchLabelTypography, colorSwatchSize, colorSwatchShape, colorSwatchShadow, colorSwatchBorderRadius, colorSwatchApplyBorders, colorSwatchBorderWidth, progressBarSize, progressBarEndCap, avatarSize, avatarGroupAppearance, avatarGroupLayout, statusTagAppearance, statusTagSize, progressBarContainerMinWidth, displayTagsOrientation, statusTagsOrientation, progressBarsOrientation, colorSwatchesOrientation, badgesOrientation, textAlignment, labelTypography, appearance, actionsBackgroundColor, actionsContentColor, backgroundColor, contentColor, class: className, ...restProps }: GidsTableRowProps, children: VNode) => any;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { VNode } from '../../../stencil-public-runtime';
|
|
2
|
+
import { type GidsTableToolbarWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { JSXBase } from '../../../stencil-public-runtime';
|
|
4
|
+
import { GidsSearchBarProps } from '../GidsSearchBar/GidsSearchBar';
|
|
5
|
+
import { ClassValue } from 'clsx';
|
|
6
|
+
type GidsTableToolbarBaseWebProps = Omit<GidsTableToolbarWebProps<VNode, Event, VNode, Omit<JSXBase.IntrinsicElements['input'], 'ref'>>, 'children'> & Pick<GidsSearchBarProps, 'onChange' | 'onInput' | 'onFocus' | 'onBlur' | 'onGidsSearchBarClear'>;
|
|
7
|
+
export interface GidsTableToolbarProps extends GidsTableToolbarBaseWebProps {
|
|
8
|
+
className?: ClassValue;
|
|
9
|
+
}
|
|
10
|
+
export declare const GidsTableToolbar: ({ actionGroup, allFiltersTabVisible, moreFiltersTabVisible, clearAllFiltersVisible, clearAllFiltersButtonAppearance, primaryFilters, secondaryFilters, filterSize, filterAllIsDefaultSelected, dropdownDividerVisible, onToggleActionBarAllFilter, onToggleActionBarDropdownFilter, onToggleActionBarMoreFilter, onToggleActionBarNoneFilter, onDropdownSelectionActionBarFilterChange, onMoreSelectionActionBarFilterChange, onClearAllFiltersButton, actionBarDisabled, searchDisabled, allFiltersData, moreFiltersData, searchVisible, filtersVisible, childrenPosition, tabVisible, tabProps, borderSides, borderRadiusSides, leadingIcon, leadingLabel, trailingLabel, loading, readOnly, onGidsSearchBarClear, onChange, onInput, onFocus, onBlur, value, inputProps, className, tableToolbarAppearance, ...restProps }: GidsTableToolbarProps, children: VNode) => any;
|
|
11
|
+
export {};
|
|
@@ -1,7 +1,17 @@
|
|
|
1
1
|
import { type GidsPaginationItemCommonProps } from '@ganpatiinfo/gids-core-shared';
|
|
2
2
|
import { type VNode } from '../../../stencil-public-runtime';
|
|
3
3
|
import { type FunctionalComponent, type JSXBase } from '../../../stencil-public-runtime';
|
|
4
|
+
/**
|
|
5
|
+
* @deprecated
|
|
6
|
+
*
|
|
7
|
+
* Use `GidsPaginator` and its props and functions instead.
|
|
8
|
+
*/
|
|
4
9
|
export type GidsPaginationItemProps = GidsPaginationItemCommonProps<VNode, string> & Omit<JSXBase.IntrinsicElements['button'], 'children' | 'onClick'> & {
|
|
5
10
|
onClickItem?: (event: MouseEvent) => void;
|
|
6
11
|
};
|
|
12
|
+
/**
|
|
13
|
+
* @deprecated
|
|
14
|
+
*
|
|
15
|
+
* Use `GidsPaginator` and its props and functions instead.
|
|
16
|
+
*/
|
|
7
17
|
export declare const GidsPaginationItem: FunctionalComponent<GidsPaginationItemProps>;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { GidsAdvancedTooltipItem, GidsFloatingElementPlacement } from '@ganpatiinfo/gids-core-shared';
|
|
2
|
+
import { GidsAdvancedTooltipWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
export declare class GidsAdvancedTooltip implements GidsAdvancedTooltipWebProps {
|
|
4
|
+
host: HTMLGidsAdvancedTooltipElement;
|
|
5
|
+
visible?: boolean;
|
|
6
|
+
x: number;
|
|
7
|
+
y: number;
|
|
8
|
+
offset?: number;
|
|
9
|
+
placement?: GidsFloatingElementPlacement;
|
|
10
|
+
items: GidsAdvancedTooltipItem[];
|
|
11
|
+
currentPlacement: GidsFloatingElementPlacement;
|
|
12
|
+
private tooltipElement;
|
|
13
|
+
private arrowElement;
|
|
14
|
+
private cleanupAutoUpdate?;
|
|
15
|
+
private virtualReference;
|
|
16
|
+
connectedCallback(): void;
|
|
17
|
+
componentDidLoad(): void;
|
|
18
|
+
disconnectedCallback(): void;
|
|
19
|
+
protected visibleChanged(): void;
|
|
20
|
+
protected positionChanged(): void;
|
|
21
|
+
protected placementChanged(): void;
|
|
22
|
+
protected itemsChanged(): void;
|
|
23
|
+
private createVirtualReference;
|
|
24
|
+
private startAutoUpdate;
|
|
25
|
+
private getMiddleware;
|
|
26
|
+
private updatePosition;
|
|
27
|
+
render(): any;
|
|
28
|
+
}
|
|
@@ -15,6 +15,12 @@ export declare class GidsBarChart implements GidsBarChartWebProps {
|
|
|
15
15
|
chartLoadingSupportingText?: string;
|
|
16
16
|
width: number;
|
|
17
17
|
height: number;
|
|
18
|
+
hoveredIndex: number | null;
|
|
19
|
+
tooltip: {
|
|
20
|
+
visible: boolean;
|
|
21
|
+
x: number;
|
|
22
|
+
y: number;
|
|
23
|
+
};
|
|
18
24
|
private resizeObserver;
|
|
19
25
|
protected chartDataChanged(): void;
|
|
20
26
|
protected dataPointsChanged(next: number[]): void;
|
|
@@ -23,5 +29,6 @@ export declare class GidsBarChart implements GidsBarChartWebProps {
|
|
|
23
29
|
componentDidLoad(): void;
|
|
24
30
|
disconnectedCallback(): void;
|
|
25
31
|
private updateDimensions;
|
|
32
|
+
private getTooltipItems;
|
|
26
33
|
render(): any;
|
|
27
34
|
}
|
|
@@ -2,8 +2,15 @@ import { GidsChartLegendItemWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
|
2
2
|
import { GidsChartLegendItemSeriesType, GidsChartLegendItemOrientation } from '@ganpatiinfo/gids-core-shared';
|
|
3
3
|
export declare class GidsChartLegendItem implements Omit<GidsChartLegendItemWebProps<never>, 'children'> {
|
|
4
4
|
orientation?: GidsChartLegendItemOrientation;
|
|
5
|
+
/**
|
|
6
|
+
* @deprecated: `seriesType` prop is deprecated now and will be removed
|
|
7
|
+
* in future version. Use `color` prop instead and pass the color token
|
|
8
|
+
* on this prop.
|
|
9
|
+
*/
|
|
5
10
|
seriesType?: GidsChartLegendItemSeriesType;
|
|
11
|
+
seriesColor?: string;
|
|
6
12
|
protected handleOrientationChange(next: GidsChartLegendItemOrientation): void;
|
|
7
13
|
protected handleSeriesTypeChange(next: GidsChartLegendItemSeriesType): void;
|
|
14
|
+
protected handleSeriesColorChange(next: string): void;
|
|
8
15
|
render(): any;
|
|
9
16
|
}
|
|
@@ -15,6 +15,12 @@ export declare class GidsLineChart implements GidsLineChartWebProps {
|
|
|
15
15
|
chartLoadingSupportingText?: string;
|
|
16
16
|
width: number;
|
|
17
17
|
height: number;
|
|
18
|
+
hoveredIndex: number | null;
|
|
19
|
+
tooltip: {
|
|
20
|
+
visible: boolean;
|
|
21
|
+
x: number;
|
|
22
|
+
y: number;
|
|
23
|
+
};
|
|
18
24
|
private resizeObserver;
|
|
19
25
|
protected chartDataChanged(): void;
|
|
20
26
|
protected dataPointsChanged(next: number[]): void;
|
|
@@ -23,5 +29,6 @@ export declare class GidsLineChart implements GidsLineChartWebProps {
|
|
|
23
29
|
componentDidLoad(): void;
|
|
24
30
|
disconnectedCallback(): void;
|
|
25
31
|
private updateDimensions;
|
|
32
|
+
private getTooltipItems;
|
|
26
33
|
render(): any;
|
|
27
34
|
}
|
|
@@ -1,7 +1,12 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { GidsTableCellTypographyStyle, GidsMdTableWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
2
2
|
import { GidsBasicTableHeaderCellItem, GidsMdTableBody, GidsTableBordersWithNoneSharedType } from '@ganpatiinfo/gids-core-shared';
|
|
3
3
|
import { GidsTableCellAppearanceSharedType, GidsTableCellBorderRadiusSideSharedType, GidsTableCellTextAlignmentSharedType, GidsTableWidthSharedType } from '@ganpatiinfo/gids-core-shared/dist/shared/GidsTableSharedTypes';
|
|
4
|
-
|
|
4
|
+
import { IconAppearance, IconName } from '@ganpatiinfo/gids-web-theme-interface';
|
|
5
|
+
/**
|
|
6
|
+
* @deprecated Use `GidsBmdTable` and its props instead. `GidsMdTable` will be removed in a future release.
|
|
7
|
+
*/
|
|
8
|
+
export declare class GidsMdTable implements GidsMdTableWebProps<GidsTableCellTypographyStyle, IconName, IconAppearance> {
|
|
9
|
+
private hostElement;
|
|
5
10
|
isTopHeaderVisible?: boolean;
|
|
6
11
|
isSideHeaderVisible?: boolean;
|
|
7
12
|
width?: GidsTableWidthSharedType;
|
|
@@ -10,21 +15,21 @@ export declare class GidsMdTable implements GidsMdTableWebProps {
|
|
|
10
15
|
rowAppearance?: GidsTableCellAppearanceSharedType;
|
|
11
16
|
tableBorders?: GidsTableBordersWithNoneSharedType;
|
|
12
17
|
tableBorderRadius?: GidsTableCellBorderRadiusSideSharedType[];
|
|
13
|
-
topHeaderLabelTypography?:
|
|
14
|
-
sideHeaderLabelTypography?:
|
|
15
|
-
rowLabelTypography?:
|
|
18
|
+
topHeaderLabelTypography?: GidsTableCellTypographyStyle;
|
|
19
|
+
sideHeaderLabelTypography?: GidsTableCellTypographyStyle;
|
|
20
|
+
rowLabelTypography?: GidsTableCellTypographyStyle;
|
|
16
21
|
topHeaderTextAlignment?: GidsTableCellTextAlignmentSharedType;
|
|
17
22
|
sideHeaderTextAlignment?: GidsTableCellTextAlignmentSharedType;
|
|
18
23
|
rowTextAlignment?: GidsTableCellTextAlignmentSharedType;
|
|
19
|
-
topHeaderCells?: GidsBasicTableHeaderCellItem<
|
|
20
|
-
tableBody?: GidsMdTableBody[];
|
|
24
|
+
topHeaderCells?: GidsBasicTableHeaderCellItem<GidsTableCellTypographyStyle, IconName, IconAppearance>[];
|
|
25
|
+
tableBody?: GidsMdTableBody<GidsTableCellTypographyStyle, IconName, IconAppearance>[];
|
|
21
26
|
private constructedTableBodyData?;
|
|
22
27
|
protected handleTopHeaderVisibilityChange(next: boolean): void;
|
|
23
28
|
protected handleSideHeaderVisibilityChange(next: boolean): void;
|
|
24
29
|
protected handleTableBordersChange(next: GidsTableBordersWithNoneSharedType): void;
|
|
25
30
|
protected handleTableBorderRadiusChange(next: GidsTableCellBorderRadiusSideSharedType[]): void;
|
|
26
|
-
protected handleTopHeaderCellsChange(next: GidsBasicTableHeaderCellItem<
|
|
27
|
-
protected handleTableBodyChange(next: GidsMdTableBody[]): void;
|
|
31
|
+
protected handleTopHeaderCellsChange(next: GidsBasicTableHeaderCellItem<GidsTableCellTypographyStyle, IconName, IconAppearance>[]): void;
|
|
32
|
+
protected handleTableBodyChange(next: GidsMdTableBody<GidsTableCellTypographyStyle, IconName, IconAppearance>[]): void;
|
|
28
33
|
componentDidLoad(): void;
|
|
29
34
|
private makeTableBodyData;
|
|
30
35
|
private getRowBorderSides;
|