@ganpatiinfo/gids-core-web 10.3.0 → 13.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 +374 -107
- package/dist/css/index.css.map +1 -1
- package/dist/gids-action-bar.js +1 -1
- package/dist/gids-activity-gauge.js +1 -1
- package/dist/gids-bar-chart.js +1 -1
- package/dist/gids-calendar-header-panel.js +1 -1
- package/dist/gids-calendar-month-list.js +1 -1
- package/dist/gids-calendar-year-list.js +1 -1
- package/dist/gids-calendar.js +1 -1
- package/dist/gids-chart-legend-item.js +1 -1
- package/dist/gids-chart-legend.js +1 -1
- package/dist/gids-chart.js +1 -1
- package/dist/gids-chevron-button.js +1 -1
- package/dist/gids-dot.js +1 -1
- package/dist/gids-dropdown-field.js +1 -1
- package/dist/gids-dropdown-picker.js +1 -1
- package/dist/gids-dropdown.js +1 -1
- package/dist/gids-expansion-body-list-item.js +1 -1
- package/dist/gids-expansion-body-list.js +1 -1
- package/dist/gids-expansion-group.js +1 -1
- package/dist/gids-expansion.js +1 -1
- package/dist/gids-field.js +1 -1
- package/dist/gids-filter.js +1 -1
- package/dist/gids-icon.js +1 -1
- package/dist/gids-input.js +1 -1
- package/dist/gids-line-chart.js +1 -1
- package/dist/gids-md-table.d.ts +11 -0
- package/dist/gids-md-table.js +1 -0
- package/dist/gids-overflow-container.js +1 -1
- package/dist/gids-overlay-provider.js +1 -1
- package/dist/gids-password-field.js +1 -1
- package/dist/gids-pie-chart.js +1 -1
- package/dist/gids-popover.js +1 -1
- package/dist/gids-scrim.js +1 -1
- package/dist/gids-tab-item.js +1 -1
- package/dist/gids-tab.js +1 -1
- package/dist/gids-text-field.js +1 -1
- package/dist/gids-toggle-button.js +1 -1
- package/dist/gids-tooltip.js +1 -1
- package/dist/p-4lN1OdcA.js +1 -0
- package/dist/{p-CD_BHkBE.js → p-6APCjBEI.js} +1 -1
- package/dist/p-BCVFQSjK.js +1 -0
- package/dist/{p-DfrYaprq.js → p-BSbOhfLZ.js} +1 -1
- package/dist/{p-DA_atCAU.js → p-BVAtja26.js} +1 -1
- package/dist/{p-BeP2XcqY.js → p-C2O_pGky.js} +1 -1
- package/dist/p-C2POfZhu.js +1 -0
- package/dist/{p-3Ni1-UuQ.js → p-C3We7Q8Q.js} +1 -1
- package/dist/{p-C4yEV6pT.js → p-C3w3wdCt.js} +1 -1
- package/dist/{p-BQCMjWpK.js → p-C3xv7tfs.js} +1 -1
- package/dist/{p-Ditd1zV7.js → p-C56G7JRy.js} +1 -1
- package/dist/p-CI-sN9Lr.js +1 -0
- package/dist/{p-WHI6NO_h.js → p-COHuQEfZ.js} +1 -1
- package/dist/{p-CkydANOS.js → p-Chqeexny.js} +1 -1
- package/dist/{p-C2PfO9h9.js → p-DO0MyFf4.js} +1 -1
- package/dist/p-DUojHltk.js +1 -0
- package/dist/p-_SIWct9h.js +1 -0
- package/dist/{p-qIkbfIF3.js → p-pSb81aE0.js} +1 -1
- package/dist/{p-BE2G21MT.js → p-ub0GuVHb.js} +1 -1
- package/dist/types/components/html/GidsBasicTableBody/GidsBasicTableBody.d.ts +7 -0
- package/dist/types/components/html/GidsBasicTableCell/GidsBasicTableCell.d.ts +5 -0
- package/dist/types/components/html/GidsBasicTableHead/GidsBasicTableHead.d.ts +11 -0
- package/dist/types/components/html/GidsBasicTableHeader/GidsBasicTableHeader.d.ts +5 -0
- package/dist/types/components/html/GidsBasicTableRow/GidsBasicTableRow.d.ts +5 -0
- package/dist/types/components/html/GidsBsTable/GidsBsTable.d.ts +12 -0
- package/dist/types/components/webComponents/GidsActionBar/GidsActionBar.d.ts +15 -2
- package/dist/types/components/webComponents/GidsExpansionBodyList/GidsExpansionBodyList.d.ts +5 -4
- package/dist/types/components/webComponents/GidsFilter/GidsFilter.d.ts +5 -0
- package/dist/types/components/webComponents/GidsMdTable/GidsMdTable.d.ts +42 -0
- package/dist/types/components.d.ts +199 -12
- package/dist-bundled/es/gids-action-bar.js +168 -126
- package/dist-bundled/es/gids-activity-gauge.js +4 -4
- package/dist-bundled/es/gids-bar-chart.js +1 -1
- package/dist-bundled/es/gids-calendar-header-panel.js +4 -4
- package/dist-bundled/es/gids-calendar-month-list.js +1 -1
- 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 +18 -18
- package/dist-bundled/es/gids-chevron-button.js +2 -2
- package/dist-bundled/es/gids-dot.js +1 -1
- package/dist-bundled/es/gids-dropdown-field.js +5 -5
- package/dist-bundled/es/gids-dropdown-picker.js +2 -2
- package/dist-bundled/es/gids-dropdown.js +4 -4
- package/dist-bundled/es/gids-expansion-body-list-item.js +3 -3
- package/dist-bundled/es/gids-expansion-body-list.js +35 -35
- package/dist-bundled/es/gids-expansion-group.js +5 -5
- package/dist-bundled/es/gids-expansion.js +4 -4
- package/dist-bundled/es/gids-field.js +1 -1
- package/dist-bundled/es/gids-filter.js +2 -2
- package/dist-bundled/es/gids-icon.js +4 -4
- package/dist-bundled/es/gids-input.js +1 -1
- package/dist-bundled/es/gids-line-chart.js +4 -4
- package/dist-bundled/es/gids-md-table.js +170 -0
- 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 +24 -24
- package/dist-bundled/es/gids-pie-chart.js +1 -1
- package/dist-bundled/es/gids-popover.js +1 -1
- package/dist-bundled/es/gids-scrim.js +6 -6
- package/dist-bundled/es/gids-tab-item.js +6 -6
- package/dist-bundled/es/gids-tab.js +4 -4
- package/dist-bundled/es/gids-text-field.js +16 -16
- package/dist-bundled/es/gids-toggle-button.js +1 -1
- package/dist-bundled/es/gids-tooltip.js +4 -4
- package/dist-bundled/es/{p-DlI2raNo-5V-p1A9Z.js → p-4lN1OdcA-xYP8gbDc.js} +17 -34
- package/dist-bundled/es/{p-CD_BHkBE-DX2546yK.js → p-6APCjBEI-BREg63Xr.js} +5 -5
- package/dist-bundled/es/{p-Cn-t3SGc-CwvvOdlK.js → p-BCVFQSjK-CKrYrI4b.js} +15 -15
- package/dist-bundled/es/{p-DfrYaprq-CeZqb0rn.js → p-BSbOhfLZ-BdEHhmFM.js} +3 -3
- package/dist-bundled/es/{p-DA_atCAU-KdxJYYDE.js → p-BVAtja26-C16IjShX.js} +8 -8
- package/dist-bundled/es/{p-BeP2XcqY-DMXmX4Mc.js → p-C2O_pGky-CP4PN55D.js} +10 -10
- package/dist-bundled/es/p-C2POfZhu-DzG_JxV6.js +24 -0
- package/dist-bundled/es/{p-3Ni1-UuQ-CPn15cat.js → p-C3We7Q8Q-2EoDLj5m.js} +2 -2
- package/dist-bundled/es/{p-C4yEV6pT-8IjLINXB.js → p-C3w3wdCt-BTH-jYlI.js} +6 -6
- package/dist-bundled/es/{p-BQCMjWpK-CLxPNItn.js → p-C3xv7tfs-DHsjc3Ns.js} +4 -4
- package/dist-bundled/es/{p-Ditd1zV7-DdQjXthS.js → p-C56G7JRy-BCGZG2-3.js} +2 -2
- package/dist-bundled/es/{p-DVVJrKxO-Bdl0HX_u.js → p-CI-sN9Lr-BvWzRJw-.js} +20 -19
- package/dist-bundled/es/{p-WHI6NO_h-DHNy0JzV.js → p-COHuQEfZ-DcUxD9TI.js} +11 -11
- package/dist-bundled/es/{p-CkydANOS-CzTX9wng.js → p-Chqeexny-BuJ-PhNi.js} +6 -6
- package/dist-bundled/es/{p-D4Pimu_8-DfEGRQGf.js → p-D4Pimu_8-ARSuGBs4.js} +0 -1
- package/dist-bundled/es/{p-D6lxqcxP-DWrZi1Xi.js → p-D6lxqcxP-C6BOC0kV.js} +1 -1
- package/dist-bundled/es/{p-C2PfO9h9-H_toZwKo.js → p-DO0MyFf4-Ddg5sVMx.js} +5 -5
- package/dist-bundled/es/p-DUojHltk-BQ0ryfLD.js +172 -0
- package/dist-bundled/es/{p-UxDcM-C5-Dr5d_WpJ.js → p-UxDcM-C5-BJO4X0jM.js} +1 -1
- package/dist-bundled/es/{p-KaaOtnwV-D7HTbhvI.js → p-_SIWct9h-jMYFZ-VO.js} +12 -12
- package/dist-bundled/es/{p-qIkbfIF3-B7NovGEi.js → p-pSb81aE0-WzAszFOQ.js} +2 -2
- package/dist-bundled/es/{p-BE2G21MT-WGW-ehxu.js → p-ub0GuVHb-C9vrhXyF.js} +2 -2
- package/dist-bundled/umd/gids-action-bar.umd.js +3 -3
- package/dist-bundled/umd/gids-activity-gauge.umd.js +1 -1
- package/dist-bundled/umd/gids-bar-chart.umd.js +1 -1
- 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 +1 -1
- package/dist-bundled/umd/gids-chart-legend.umd.js +1 -1
- package/dist-bundled/umd/gids-chart.umd.js +1 -1
- 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 +2 -2
- package/dist-bundled/umd/gids-dropdown-picker.umd.js +1 -1
- package/dist-bundled/umd/gids-dropdown.umd.js +2 -2
- package/dist-bundled/umd/gids-expansion-body-list-item.umd.js +1 -1
- package/dist-bundled/umd/gids-expansion-body-list.umd.js +2 -2
- 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 +5 -0
- 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 +2 -2
- package/dist-bundled/umd/gids-pie-chart.umd.js +1 -1
- package/dist-bundled/umd/gids-popover.umd.js +1 -1
- 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-2wB6zkno.js +0 -1
- package/dist/p-Cn-t3SGc.js +0 -1
- package/dist/p-DVVJrKxO.js +0 -1
- package/dist/p-DlI2raNo.js +0 -1
- package/dist/p-KaaOtnwV.js +0 -1
- package/dist-bundled/es/p-2wB6zkno-57WAxATm.js +0 -152
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ganpatiinfo/gids-core-web",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "13.0.0",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "This is a core web package contains html components",
|
|
6
6
|
"homepage": "https://ganpatiinfo-design-system.onrender.com/",
|
|
@@ -385,6 +385,14 @@
|
|
|
385
385
|
"types": "./dist/gids-expansion-group.d.ts",
|
|
386
386
|
"default": "./dist/gids-expansion-group.js"
|
|
387
387
|
},
|
|
388
|
+
"./gids-md-table.js": {
|
|
389
|
+
"types": "./dist/gids-md-table.d.ts",
|
|
390
|
+
"default": "./dist/gids-md-table.js"
|
|
391
|
+
},
|
|
392
|
+
"./dist/gids-md-table.js": {
|
|
393
|
+
"types": "./dist/gids-md-table.d.ts",
|
|
394
|
+
"default": "./dist/gids-md-table.js"
|
|
395
|
+
},
|
|
388
396
|
"./customElements": {
|
|
389
397
|
"default": "./dist/custom-elements.json"
|
|
390
398
|
},
|
|
@@ -398,24 +406,24 @@
|
|
|
398
406
|
}
|
|
399
407
|
},
|
|
400
408
|
"peerDependencies": {
|
|
401
|
-
"@ganpatiinfo/gids-web-theme-interface": "^
|
|
409
|
+
"@ganpatiinfo/gids-web-theme-interface": "^6.0.0"
|
|
402
410
|
},
|
|
403
411
|
"dependencies": {
|
|
404
412
|
"@floating-ui/dom": "1.7.6",
|
|
405
413
|
"clsx": "^2.1.1",
|
|
406
|
-
"@ganpatiinfo/gids-core-shared": "^
|
|
407
|
-
"@ganpatiinfo/gids-web-shared": "^
|
|
414
|
+
"@ganpatiinfo/gids-core-shared": "^12.0.0",
|
|
415
|
+
"@ganpatiinfo/gids-web-shared": "^11.0.0",
|
|
408
416
|
"composed-offset-position": "^0.0.6"
|
|
409
417
|
},
|
|
410
418
|
"devDependencies": {
|
|
411
419
|
"@custom-elements-manifest/analyzer": "^0.11.0",
|
|
412
420
|
"@fontsource/inter": "^5.2.8",
|
|
413
421
|
"@fontsource/libre-caslon-text": "^5.2.7",
|
|
414
|
-
"@ganpatiinfo/gids-liquid-renderer": "^
|
|
415
|
-
"@ganpatiinfo/gids-storybook-theme": "^
|
|
416
|
-
"@ganpatiinfo/gids-storybook-utilities": "^
|
|
417
|
-
"@ganpatiinfo/gids-web-dom-reference": "^
|
|
418
|
-
"@ganpatiinfo/gids-web-theme-ganpatiinfo": "^
|
|
422
|
+
"@ganpatiinfo/gids-liquid-renderer": "^5.0.0",
|
|
423
|
+
"@ganpatiinfo/gids-storybook-theme": "^8.0.0",
|
|
424
|
+
"@ganpatiinfo/gids-storybook-utilities": "^5.0.0",
|
|
425
|
+
"@ganpatiinfo/gids-web-dom-reference": "^12.0.0",
|
|
426
|
+
"@ganpatiinfo/gids-web-theme-ganpatiinfo": "^7.0.0",
|
|
419
427
|
"@jest/globals": "^30.2.0",
|
|
420
428
|
"@stencil/core": "^4.43.2",
|
|
421
429
|
"@stencil/react-output-target": "^1.4.2",
|
package/dist/p-2wB6zkno.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t as e,p as t,H as i,h as s}from"./p-Bf3p-DY2.js";import{GidsFilterWebUtils as n}from"@ganpatiinfo/gids-web-shared";import{G as l}from"./p-D4Pimu_8.js";import{d}from"./p-KaaOtnwV.js";const{getGidsFilterClassNames:r}=n,h=t(class extends i{constructor(e){super(),!1!==e&&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.handleFilterPickerItemSelect=e=>{const{value:t,title:i,disabled:s,id:n,selectedIndex:l,isPlaceholderItem:d,defaultSelected:r}=e.detail;s||"string"!=typeof t||(this.suppressNextMenuClickSelection=!0,queueMicrotask((()=>{this.suppressNextMenuClickSelection=!1})),this.applySelection({id:n,filterId:this?.filterId,value:t,title:i,disabled:!1,selectedFilterMenuIndex:l,defaultSelected:r,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 n=i instanceof HTMLButtonElement?i.id:i.getAttribute("id")??"";if("string"!=typeof n||0===n.length)return;const l=i instanceof HTMLButtonElement?i.tabIndex:i.getAttribute("tabIndex")??"",d=i.getAttribute("is-placeholder-item")??"",r=i.querySelector(".gids-dropdown-item__label")||i.querySelector("span"),h=r?r.textContent?.trim():i.firstChild?.textContent?.trim()||s,a=!(!d||"true"!==d);this.applySelection({id:n,filterId:this.filterId,value:s,title:h,disabled:!1,selectedFilterMenuIndex:Number(l),defaultSelected:this.filterDefaultSelected,filterType:this.type,filterItemType:this.filterItemType,filterTitle:h,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,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")}}handleExpandedChange(e){e&&!this.isInteractive()&&(this.expanded=!1)}handleInteractivityChange(){!this.isInteractive()&&this.expanded&&this.setExpandedState(!1)}handleFilterTypeChange(e){this.type=e}handleFilterSelectedChange(e){this.filterSelected=e}connectedCallback(){this.attachItemListener(),this.attachFormListener()}componentDidLoad(){this.initialValue=this.value,this.evaluateSlottedMenuExistence()}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=r({expanded:e}),i=this.isMenuToggler(),n="string"==typeof this.filterPickerId?this.filterPickerId:void 0,d=n?`${n}__menu`:void 0,h=this.selectedItemTitle??this.value??"",a="more"===this.type,o="all"===this.type,c="none"===this.type;return s("div",{key:"7ce1a0e82d461380ec599d66d82176a6cb4d7912",class:t,"aria-control":d??""},s("gids-toggle-button",{key:"6b546ac9944f8adf858804484e420b6a41f44419",id:n,name:this.name,expanded:e,value:h,disabled:this.disabled,size:this.size,loading:this.loading,tabIndex:this.filterIndex,defaultSelected:this.filterDefaultSelected,selected:this.filterSelected||this.filterDefaultSelected,onSelect:this.handleFilterButtonClickToggle},a||o?s(l,{name:a?"options":"filter",size:this.size,appearance:"regular",alt:"",slot:"leadingIcon"}):void 0,c||o?h:void 0,i&&!a?s(l,{name:"chevron-down",size:this.size,appearance:"regular",alt:"",slot:"trailingIcon"}):void 0),s("div",{key:"f04a85608a8d2bad62687e78da08acca6838f93b",class:"gids-filter__menu",id:d,role:"pickerbox",onClick:this.handleMenuClick},s("slot",{key:"ce7aeb157d8a342cc7ba0479637795516a4ae3b2",onSlotchange:()=>this.evaluateSlottedMenuExistence()})))}get hostElement(){return this}static get watchers(){return{expanded:[{handleExpandedChange:0}],disabled:[{handleInteractivityChange:0}],type:[{handleFilterTypeChange:0}],filterSelected:[{handleFilterSelectedChange:0}]}}static get style(){return".gids-filter{position:relative}.gids-filter__menu{position:absolute;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:[1,"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}],filterSelected:[{handleFilterSelectedChange:0}]}]);function a(){"undefined"!=typeof customElements&&["gids-filter","gids-toggle-button"].forEach((t=>{switch(t){case"gids-filter":customElements.get(e(t))||customElements.define(e(t),h);break;case"gids-toggle-button":customElements.get(e(t))||d()}}))}a();export{h as G,a as d}
|
package/dist/p-Cn-t3SGc.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t,p as e,H as a,h as n}from"./p-Bf3p-DY2.js";import{GidsChartLegendWebUtils as i}from"@ganpatiinfo/gids-web-shared";const{getGidsChartLegendClassNames:s}=i,r=e(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.orientation="horizontal"}handleOrientationChange(t){this.orientation=t}render(){const t=s({orientation:this.orientation});return n("div",{key:"9a2373a89d0abf628fb88acffb9f30c23b65ddad",class:t},n("slot",{key:"bf7b24fc56282dad2ada575add2744bf062965f5"}))}static get watchers(){return{orientation:[{handleOrientationChange:0}]}}static get style(){return".gids-chart-legend{display:inline-flex;align-items:flex-start;gap:var(--gids-gap-150)}.gids-chart-legend--orientation-vertical{flex-direction:column;gap:var(--gids-gap-050)}"}},[260,"gids-chart-legend",{orientation:[1]},void 0,{orientation:[{handleOrientationChange:0}]}]);function d(){"undefined"!=typeof customElements&&["gids-chart-legend"].forEach((e=>{"gids-chart-legend"===e&&(customElements.get(t(e))||customElements.define(t(e),r))}))}d();export{r as G,d}
|
package/dist/p-DVVJrKxO.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t,p as i,H as e,h as s}from"./p-Bf3p-DY2.js";import{GidsDropdownWebUtils as n}from"@ganpatiinfo/gids-web-shared";import{G as o}from"./p-D4Pimu_8.js";import{d}from"./p-DA_atCAU.js";const{getGidsDropdownClassNames:a,getGidsChevronButtonControlClassNames:h}=n,r="gids-dropdown-item--active",c=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.appearance="default",this.expanded=!1,this.filterValue="",this.isFilterEditing=!1,this.hasLeadingIcon=!1,this.hasLeadingAccessory=!1,this.activeIndex=-1,this.hasItemListener=!1,this.suppressNextMenuClickSelection=!1,this.hasDocumentListeners=!1,this.hasPendingControlRevalidation=!1,this.handleDropdownItemSelect=t=>{const{value:i,title:e,disabled:s,id:n,isPlaceholderItem:o}=t.detail;s||"string"!=typeof i||(this.suppressNextMenuClickSelection=!0,queueMicrotask((()=>{this.suppressNextMenuClickSelection=!1})),this.applySelection({id:n,value:i,title:e,disabled:!1,originalEvent:t,isPlaceholderItem:o}))},this.handleMenuClick=t=>{if(this.suppressNextMenuClickSelection)return;const i=t.target;if(!(i instanceof Element))return;const e=i.closest(".gids-dropdown-item");if(!e||!this.hostElement.contains(e))return;if(e.hasAttribute("disabled")||"true"===e.getAttribute("aria-disabled"))return;const s=e instanceof HTMLButtonElement?e.value:e.getAttribute("value")??"";if("string"!=typeof s||0===s.length)return;const n=e instanceof HTMLButtonElement?e.id:e.getAttribute("id")??"";if("string"!=typeof n||0===n.length)return;const o=e.getAttribute("is-placeholder-item")??"";this.applySelection({id:n,value:s,title:e.textContent?.trim()??"",disabled:!1,originalEvent:t,isPlaceholderItem:!(!o||"true"!==o)})},this.handleFilterInput=t=>{const i=t.target;this.filterValue=i?.value??"",this.isFilterEditing=!0,this.clearActive(),this.expanded||this.setExpandedState(!0,t),this.applyFilter()},this.handleInputKeyDown=t=>{if(!this.isInteractive())return;const i=t.key,e="ArrowDown"===i;if((e||"ArrowUp"===i)&&!t.metaKey&&!t.ctrlKey)return t.preventDefault(),this.expanded||this.setExpandedState(!0,t),void this.moveActive(e?1:-1);if("Home"===i&&this.expanded)return t.preventDefault(),void this.setActiveByIndex(0);if("End"===i&&this.expanded)return t.preventDefault(),void this.setActiveByIndex(this.getVisibleEnabledItems().length-1);if("Enter"===i){if(!this.expanded)return t.preventDefault(),this.setExpandedState(!0,t),void this.setActiveByIndex(0);this.selectActive()&&t.preventDefault()}},this.handleTriggerToggle=t=>{this.isInteractive()&&this.setExpandedState(!this.expanded,t)},this.handleInputFocusAndBlur=t=>{this.hostElement.dispatchEvent(new FocusEvent(t.type,{relatedTarget:t.relatedTarget}))},this.handleInputClickToggle=t=>{t.defaultPrevented||this.handleTriggerToggle(t)},this.handleChevronClickToggle=t=>{t.defaultPrevented||(t.stopPropagation(),this.handleTriggerToggle(t))},this.handleDocumentPointerDown=t=>{2!==t.button&&this.expanded&&(("function"==typeof t.composedPath?t.composedPath():[]).includes(this.hostElement)||this.hostElement.contains(t.target)||this.setExpandedState(!1,t))},this.handleDocumentKeyDown=t=>{if(!this.expanded)return;const i=t.key;if("Escape"===i||"Esc"===i)return t.preventDefault(),void this.setExpandedState(!1,t);"Tab"===i&&this.setExpandedState(!1,t)},this.handleFormReset=()=>{this.value=this.initialValue,this.selectedItemTitle=void 0,this.isFilterEditing=!1,this.filterValue="",this.setExpandedState(!1)}}handleExpandedChange(t){t&&!this.isInteractive()&&(this.expanded=!1)}handleInteractivityChange(){!this.isInteractive()&&this.expanded&&this.setExpandedState(!1)}connectedCallback(){this.initialValue=this.value,this.attachItemListener(),this.attachDocumentListeners(),this.attachFormListener()}disconnectedCallback(){this.detachItemListener(),this.detachDocumentListeners(),this.detachFormListener()}componentWillLoad(){this.checkSlots()}componentWillUpdate(){this.checkSlots()}checkSlots(){this.hasLeadingIcon=!!this.hostElement.querySelector('[slot="leadingIconDropdown"]'),this.hasLeadingAccessory=!!this.hostElement.querySelector('[slot="leadingAccessoryDropdown"]')}getItemElements(){return Array.from(this.hostElement.querySelectorAll(".gids-dropdown-item"))}getVisibleEnabledItems(){return this.getItemElements().filter((t=>"none"!==t.style.display&&!t.hasAttribute("disabled")&&"true"!==t.getAttribute("aria-disabled")))}attachItemListener(){this.hasItemListener||(this.hostElement.addEventListener("onPressDropdownItem",this.handleDropdownItemSelect),this.hasItemListener=!0)}detachItemListener(){this.hasItemListener&&(this.hostElement.removeEventListener("onPressDropdownItem",this.handleDropdownItemSelect),this.hasItemListener=!1)}applySelection(t){this.value=t.value,this.selectedItemTitle="string"==typeof t.title?t.title:void 0,this.isFilterEditing=!1,this.filterValue="",this.clearActive(),this.emitNativeSelectionEvents(this.selectedItemTitle??""),this.setExpandedState(!1,this.coerceEvent(t.originalEvent)),this.onSelectionChange?.(t),this.hostElement.dispatchEvent(new CustomEvent("gidsDropdownChange",{bubbles:!0,composed:!0,detail:t}))}getInputControl(){return this.hostElement.querySelector(".gids-input__control")}emitNativeSelectionEvents(t){const i=this.getInputControl();i&&(i.value=t,i.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),i.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}clearActive(){this.activeIndex=-1,this.getItemElements().forEach((t=>t.classList.remove(r))),this.setActiveDescendant(void 0)}setActiveByIndex(t){const i=this.getVisibleEnabledItems();if(this.getItemElements().forEach((t=>t.classList.remove(r))),0===i.length)return this.activeIndex=-1,void this.setActiveDescendant(void 0);const e=Math.max(0,Math.min(t,i.length-1)),s=i[e];if(!s)return this.activeIndex=-1,void this.setActiveDescendant(void 0);this.activeIndex=e,s.classList.add(r),s.scrollIntoView({block:"nearest"}),this.setActiveDescendant(s.id||void 0)}moveActive(t){const i=this.getVisibleEnabledItems();0!==i.length?this.setActiveByIndex(-1===this.activeIndex?t>0?0:i.length-1:(this.activeIndex+t+i.length)%i.length):this.clearActive()}selectActive(){const t=this.getVisibleEnabledItems();if(0===t.length)return!1;const i=this.activeIndex>=0?t[this.activeIndex]:t[0];return!!i&&(i.click(),this.getInputControl()?.focus(),!0)}applyFilter(){const t=this.filterValue.trim().toLowerCase();this.getItemElements().forEach((i=>{const e=(i.textContent??"").toLowerCase(),s=0===t.length||e.includes(t);i.style.display=s?"":"none"}))}setActiveDescendant(t){const i=this.getInputControl();i&&(t?i.setAttribute("aria-activedescendant",t):i.removeAttribute("aria-activedescendant"))}setExpandedState(t,i){const e=Boolean(t);e&&!this.isInteractive()||this.expanded!==e&&(this.expanded=e,e||(this.isFilterEditing=!1,this.filterValue="",this.clearActive(),this.applyFilter(),this.syncInputDisplayValue()),this.hostElement.dispatchEvent(new CustomEvent("gidsDropdownToggle",{bubbles:!0,composed:!0,detail:{expanded:e,originalEvent:i}})))}syncInputDisplayValue(){const t=this.getInputControl();t&&t.value!==(this.selectedItemTitle??"")&&(t.value=this.selectedItemTitle??"")}attachDocumentListeners(){this.hasDocumentListeners||"undefined"==typeof document||(document.addEventListener("pointerdown",this.handleDocumentPointerDown),document.addEventListener("keydown",this.handleDocumentKeyDown),this.hasDocumentListeners=!0)}detachDocumentListeners(){this.hasDocumentListeners&&"undefined"!=typeof document&&(document.removeEventListener("pointerdown",this.handleDocumentPointerDown),document.removeEventListener("keydown",this.handleDocumentKeyDown),this.hasDocumentListeners=!1)}attachFormListener(){const t=this.hostElement.closest("form");this.patternForm!==t&&(this.patternForm&&this.patternForm.removeEventListener("reset",this.handleFormReset),this.patternForm=t??void 0,this.patternForm?.addEventListener("reset",this.handleFormReset))}detachFormListener(){this.patternForm&&(this.patternForm.removeEventListener("reset",this.handleFormReset),this.patternForm=void 0)}get form(){return this.getInputControl()?.form??this.patternForm??null}get validity(){return this.getInputControl()?.validity??{}}get validationMessage(){return this.getInputControl()?.validationMessage??""}get willValidate(){return this.getInputControl()?.willValidate??!1}async checkValidity(){return this.getInputControl()?.checkValidity()??!0}async reportValidity(){return this.getInputControl()?.reportValidity()??!0}async setCustomValidity(t){return this.getInputControl()?.setCustomValidity(t)}isInteractive(){return!(this.disabled||this.readOnly)}coerceEvent(t){if("undefined"!=typeof Event&&null!==t)return t instanceof Event?t:void 0}scheduleControlRevalidation(){if(this.hasPendingControlRevalidation)return;this.hasPendingControlRevalidation=!0;const t=()=>{this.hasPendingControlRevalidation=!1,this.checkValidity()};"function"!=typeof requestAnimationFrame?t():requestAnimationFrame(t)}getEnhancedInputProps(){const t={...this.inputProps??{}};"string"==typeof t.autoComplete&&0!==t?.autoComplete?.trim?.()?.length||(t.autoComplete="off");const i=t.onInput;t.onInput=t=>{i?.(t),this.handleFilterInput(t)};const e=t.onBlur;t.onBlur=t=>{e?.(t),this.scheduleControlRevalidation()};const s=t.onKeyDown;return t.onKeyDown=t=>{s?.(t),t.defaultPrevented||this.handleInputKeyDown(t)},t}render(){const t=this.expanded&&this.isInteractive(),i=a({expanded:t}),e=this.getEnhancedInputProps(),n="string"==typeof e.id?e.id:void 0,d=n?`${n}__menu`:void 0;e.role="combobox",e["aria-expanded"]=t?"true":"false",e["aria-haspopup"]="listbox",e["aria-autocomplete"]="list",d&&(e["aria-controls"]=d);const r=this.isFilterEditing?this.filterValue:this.selectedItemTitle??this.value??"",c=t?"true":"false",l=s("button",{key:"99a40510073627975e39603ce6a8221afa33b1fd",class:h({size:"lg"}),slot:"trailingAccessory",type:"button",onClick:this.handleChevronClickToggle,"aria-label":t?"Collapse options":"Expanded options","aria-expanded":c,"aria-haspopup":"listbox","aria-controls":d,disabled:this.disabled||this.readOnly,tabIndex:-1},s("span",{key:"aaa7754a3a47f4b3d9fd87876ef0d325c2257a13",class:"gids-button__content"},s(o,{key:"666627197262d2001c5daf094b0672ddefea4259",name:"chevron-vertical",alt:""})));return s("div",{key:"377633cfdf472a56971b063704e1cc062900f15a",class:i},s("gids-input",{key:"a33f3bf0dded59fb75e17413e74185a7c61f9694",appearance:this.appearance,loading:this.loading,disabled:this.disabled,readOnly:this.readOnly,required:this.required,value:r,name:this.name,inputProps:e,onClick:this.handleInputClickToggle,onFocus:this.handleInputFocusAndBlur,onBlur:this.handleInputFocusAndBlur},this.hasLeadingIcon&&s("slot",{key:"bcf24ea40c3818afc738167ce5f840170c243e64",name:"leadingIconDropdown",slot:"leadingIcon"}),this.hasLeadingAccessory&&s("slot",{key:"01a8ac787d71ebd9f4c785cc43ced091de62962f",name:"leadingAccessoryDropdown",slot:"leadingAccessory"}),l),s("div",{key:"5de88270802bd09428e42b2f5a9960ab63a4a181",class:"gids-dropdown__menu",id:d,role:"listbox",onClick:this.handleMenuClick},s("slot",{key:"fb52af150876d3805ce00d5dff14ff02378b9415"})))}get hostElement(){return this}static get watchers(){return{expanded:[{handleExpandedChange:0}],disabled:[{handleInteractivityChange:0}],readOnly:[{handleInteractivityChange:0}]}}static get style(){return'@charset "UTF-8";.gids-dropdown{position:relative}.gids-dropdown__menu{position:absolute;inset-inline:0;top:calc(100% + var(--gids-gap-050));z-index:3;display:none;flex-direction:column;min-height:55px;max-height:20rem;overflow-x:hidden;overflow-y:auto;background-color:var(--gids-elevation-surface-overlay-default);box-shadow:var(--gids-elevation-shadow-overlay);border-radius:var(--gids-border-radius-lg)}.gids-dropdown__menu>*{flex-shrink:0}.gids-dropdown--expanded .gids-dropdown__menu{display:flex}.gids-dropdown__leading-icon{display:flex;align-items:center}.gids-dropdown__accessory{display:flex;align-items:center}'}},[260,"gids-dropdown",{appearance:[1],expanded:[1540],inputProps:[16],disabled:[516],readOnly:[516,"read-only"],loading:[516],value:[513],name:[1],onSelectionChange:[16],required:[4],filterValue:[32],isFilterEditing:[32],selectedItemTitle:[32],hasLeadingIcon:[32],hasLeadingAccessory:[32],checkValidity:[64],reportValidity:[64],setCustomValidity:[64]},void 0,{expanded:[{handleExpandedChange:0}],disabled:[{handleInteractivityChange:0}],readOnly:[{handleInteractivityChange:0}]}]);function l(){"undefined"!=typeof customElements&&["gids-dropdown","gids-input"].forEach((i=>{switch(i){case"gids-dropdown":customElements.get(t(i))||customElements.define(t(i),c);break;case"gids-input":customElements.get(t(i))||d()}}))}l();export{c as G,l as d}
|
package/dist/p-DlI2raNo.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{h as t,t as i,p as e,H as s,d as a}from"./p-Bf3p-DY2.js";import{GidsDisplayTagWebUtils as o,GidsExpansionBodyListItemWebUtils as l}from"@ganpatiinfo/gids-web-shared";const{getGidsDisplaTagClassNames:n}=o,r=({label:i,appearance:e="subtle",color:s,size:a="md",icon:o,class:l,...r})=>t("span",{class:n({size:a,appearance:e,color:s},l),...r},o,i),{getGidsExpansionBodyListItemClassNames:d}=l,p=e(class extends s{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 i=d(),e=this?.label,s=this?.subtitle,o=this?.supportingText,l=this.isValidLabel(),n=this.isValidSubtitle(),p=this.isValidSupportingText(),g=this.isDisplayTagVisible(),h=this?.displayTagLabel??"";return t(a,{key:"f8efd33b1166ad50320525759f55707077d46028",class:i},l||n||g?t("div",{class:"gids-expansion-body-list-item__primary-container"},l||g?t("div",{class:"gids-expansion-body-list-item__primary-content"},l?t("span",{class:"gids-expansion-body-list-item__label"},this.convertTextToUppercase(e)):void 0,g?t(r,{color:this.displayTagColor||"accent-5",label:h,size:this.displayTagSize,appearance:this.displayTagAppearance}):void 0):void 0,n?t("button",{type:"button",class:"gids-expansion-body-list-item__subtitle",onClick:this.handleSubtitleClick},s):void 0):void 0,p?t("div",{class:"gids-expansion-body-list-item__secondary-container"},t("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 g(){"undefined"!=typeof customElements&&["gids-expansion-body-list-item"].forEach((t=>{"gids-expansion-body-list-item"===t&&(customElements.get(i(t))||customElements.define(i(t),p))}))}g();export{p as G,g as d}
|
package/dist/p-KaaOtnwV.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t as e,p as t,H as s,c as a,h as i,d as c}from"./p-Bf3p-DY2.js";import{G as n}from"./p-UVmSPzTd.js";import{g as d}from"./p-B2zUuNXz.js";const l=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.select=a(this,"select"),this._toggle=this._toggle.bind(this)}handleSelctedChange(e){this.selected=e}connectedCallback(){const e=d();void 0!==e&&this._el.shadowRoot?.adoptedStyleSheets.push(e)}_toggle(){const e=!this.selected;this._el.selected=this.selected,this.select?.emit(e),this.selected=this.selected}render(){return i(c,{key:"8790bb8cf84e466afbb3b9e2d9d079b75bfa35c9"},i("style",{key:"774d8c36507eba6dcafc908f12bf23e264306c36"},`:host {\n display: ${"full"===this.width?"block":"inline-block"}\n }`),i(n,{key:"4a7a08513aa15cb97cdea1ce89799c2f3969ea37",appearance:this.appearance,size:this.size,width:this.width,disabled:this.disabled,onClick:this._toggle,"aria-pressed":this.selected?"true":"false",leadingIcon:i("slot",{name:"leadingIcon"}),trailingIcon:i("slot",{name:"trailingIcon"}),forceIconOnly:this._onlyHasLeadingIcon()},i("slot",{key:"246d5789eb1aa8cd3fa2c9bc647fae741cc1bc81"})))}_onlyHasLeadingIcon(){const e=this._el.childNodes;return 1===e.length&&e[0]instanceof window.Element&&"leadingIcon"===e[0].slot}get _el(){return this}static get watchers(){return{selected:[{handleSelctedChange:0}]}}},[257,"gids-toggle-button",{disabled:[516],appearance:[513],size:[513],width:[513],defaultSelected:[516,"default-selected"],selected:[1540]},void 0,{selected:[{handleSelctedChange:0}]}]);function o(){"undefined"!=typeof customElements&&["gids-toggle-button"].forEach((t=>{"gids-toggle-button"===t&&(customElements.get(e(t))||customElements.define(e(t),l))}))}o();export{l as G,o as d}
|
|
@@ -1,152 +0,0 @@
|
|
|
1
|
-
import { q as h, L as g, u as m, D as o } from "./p-Bf3p-DY2-CPqEc-vc.js";
|
|
2
|
-
import { d as u } from "./p-D4Pimu_8-DfEGRQGf.js";
|
|
3
|
-
import { o as p } from "./p-KaaOtnwV-D7HTbhvI.js";
|
|
4
|
-
import { c as v } from "./clsx-OuTLNxxd.js";
|
|
5
|
-
const I = ({ expanded: e }, i) => v("gids-filter", {
|
|
6
|
-
"gids-filter--expanded": e
|
|
7
|
-
}, i), y = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
8
|
-
__proto__: null,
|
|
9
|
-
getGidsFilterClassNames: I
|
|
10
|
-
}, Symbol.toStringTag, { value: "Module" })), { getGidsFilterClassNames: x } = y, E = g(class extends m {
|
|
11
|
-
constructor(e) {
|
|
12
|
-
super(), e !== !1 && 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.handleFilterPickerItemSelect = (i) => {
|
|
13
|
-
const { value: s, title: t, disabled: l, id: n, selectedIndex: a, isPlaceholderItem: r, defaultSelected: d } = i.detail;
|
|
14
|
-
l || typeof s != "string" || (this.suppressNextMenuClickSelection = !0, queueMicrotask((() => {
|
|
15
|
-
this.suppressNextMenuClickSelection = !1;
|
|
16
|
-
})), this.applySelection({ id: n, filterId: this?.filterId, value: s, title: t, disabled: !1, selectedFilterMenuIndex: a, defaultSelected: d, filterType: this.type, filterItemType: this.filterItemType, filterTitle: t, filterIndex: this.filterIndex, hasFilterMenu: !0, originalEvent: i, filterSelected: !r, isPlaceholderItem: r || !1 }));
|
|
17
|
-
}, this.handleMenuClick = (i) => {
|
|
18
|
-
if (this.suppressNextMenuClickSelection) return;
|
|
19
|
-
const s = i.target;
|
|
20
|
-
if (!(s instanceof Element)) return;
|
|
21
|
-
const t = s.closest(".gids-dropdown-item");
|
|
22
|
-
if (!t || !this.hostElement.contains(t) || t.hasAttribute("disabled") || t.getAttribute("aria-disabled") === "true") return;
|
|
23
|
-
const l = t instanceof HTMLButtonElement ? t.value : t.getAttribute("value") ?? "";
|
|
24
|
-
if (typeof l != "string" || l.length === 0) return;
|
|
25
|
-
const n = t instanceof HTMLButtonElement ? t.id : t.getAttribute("id") ?? "";
|
|
26
|
-
if (typeof n != "string" || n.length === 0) return;
|
|
27
|
-
const a = t instanceof HTMLButtonElement ? t.tabIndex : t.getAttribute("tabIndex") ?? "", r = t.getAttribute("is-placeholder-item") ?? "", d = t.querySelector(".gids-dropdown-item__label") || t.querySelector("span"), c = d ? d.textContent?.trim() : t.firstChild?.textContent?.trim() || l, f = !(!r || r !== "true");
|
|
28
|
-
this.applySelection({ id: n, filterId: this.filterId, value: l, title: c, disabled: !1, selectedFilterMenuIndex: Number(a), defaultSelected: this.filterDefaultSelected, filterType: this.type, filterItemType: this.filterItemType, filterTitle: c, filterIndex: this.filterIndex, hasFilterMenu: !0, originalEvent: i, filterSelected: !f, isPlaceholderItem: f });
|
|
29
|
-
}, this.handleTriggerToggle = (i) => {
|
|
30
|
-
this.isInteractive() && this.setExpandedState(!this.expanded, i);
|
|
31
|
-
}, this.handleFilterButtonClickToggle = (i) => {
|
|
32
|
-
if (!i.defaultPrevented) if (i.stopPropagation(), this.isMenuToggler()) this.handleTriggerToggle(i);
|
|
33
|
-
else {
|
|
34
|
-
this.filterSelected = i.detail, i?.detail === !1 && 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: i, filterSelected: i.detail, hasFilterMenu: !1, isPlaceholderItem: !1 });
|
|
35
|
-
const s = { expanded: !1, originalEvent: i };
|
|
36
|
-
this.onToggle?.(s);
|
|
37
|
-
}
|
|
38
|
-
}, this.handleFormReset = () => {
|
|
39
|
-
this.value = this.initialValue, this.selectedItemTitle = this.initialValue, this.filterSelected = !1, this.isMenuToggler() ? this.setExpandedState(!1) : this.expanded = !1;
|
|
40
|
-
}, this.setFilterDropdownPosition = () => {
|
|
41
|
-
if (!this.hostElement) return;
|
|
42
|
-
const i = this.hostElement.querySelector(".gids-filter__menu");
|
|
43
|
-
if (!i) return;
|
|
44
|
-
const s = window.innerWidth / 2, t = this.hostElement.getBoundingClientRect();
|
|
45
|
-
t.left + t.width / 2 > s ? i.classList.add("gids-filter__menu--align-right") : i.classList.remove("gids-filter__menu--align-right");
|
|
46
|
-
};
|
|
47
|
-
}
|
|
48
|
-
handleExpandedChange(e) {
|
|
49
|
-
e && !this.isInteractive() && (this.expanded = !1);
|
|
50
|
-
}
|
|
51
|
-
handleInteractivityChange() {
|
|
52
|
-
!this.isInteractive() && this.expanded && this.setExpandedState(!1);
|
|
53
|
-
}
|
|
54
|
-
handleFilterTypeChange(e) {
|
|
55
|
-
this.type = e;
|
|
56
|
-
}
|
|
57
|
-
handleFilterSelectedChange(e) {
|
|
58
|
-
this.filterSelected = e;
|
|
59
|
-
}
|
|
60
|
-
connectedCallback() {
|
|
61
|
-
this.attachItemListener(), this.attachFormListener();
|
|
62
|
-
}
|
|
63
|
-
componentDidLoad() {
|
|
64
|
-
this.initialValue = this.value, this.evaluateSlottedMenuExistence();
|
|
65
|
-
}
|
|
66
|
-
disconnectedCallback() {
|
|
67
|
-
this.detachItemListener(), this.detachFormListener();
|
|
68
|
-
}
|
|
69
|
-
getFilterButtonControl() {
|
|
70
|
-
return this.hostElement.querySelector(".gids-button");
|
|
71
|
-
}
|
|
72
|
-
getItemElements() {
|
|
73
|
-
return Array.from(this.hostElement.querySelectorAll(".gids-dropdown-item"));
|
|
74
|
-
}
|
|
75
|
-
evaluateSlottedMenuExistence() {
|
|
76
|
-
const e = this.hostElement.querySelector(".gids-filter__menu");
|
|
77
|
-
if (!e) return void (this.hasSlottedMenu = !1);
|
|
78
|
-
const i = Array.from(e.childNodes).filter(((s) => s.nodeType !== Node.COMMENT_NODE && !(s.nodeType === Node.TEXT_NODE && !s.textContent?.trim())));
|
|
79
|
-
this.hasSlottedMenu = i.length > 0;
|
|
80
|
-
}
|
|
81
|
-
attachItemListener() {
|
|
82
|
-
this.hasItemListener || (this.hostElement.addEventListener("onPressDropdownItem", this.handleFilterPickerItemSelect), this.hasItemListener = !0);
|
|
83
|
-
}
|
|
84
|
-
detachItemListener() {
|
|
85
|
-
this.hasItemListener && (this.hostElement.removeEventListener("onPressDropdownItem", this.handleFilterPickerItemSelect), this.hasItemListener = !1);
|
|
86
|
-
}
|
|
87
|
-
applySelection(e) {
|
|
88
|
-
this.value = e.value, this.selectedItemTitle = typeof e.title == "string" ? 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 }));
|
|
89
|
-
}
|
|
90
|
-
clearActive() {
|
|
91
|
-
this.getItemElements().forEach(((e) => e.classList.remove("gids-dropdown-item--active")));
|
|
92
|
-
}
|
|
93
|
-
setExpandedState(e, i) {
|
|
94
|
-
const s = !!e;
|
|
95
|
-
if (this.setFilterDropdownPosition(), s && !this.isInteractive() || this.expanded === s) return;
|
|
96
|
-
this.expanded = s, s || (this.clearActive(), this.syncFilterDisplayValue());
|
|
97
|
-
const t = { expanded: s, originalEvent: i };
|
|
98
|
-
this.onToggle?.(t);
|
|
99
|
-
}
|
|
100
|
-
syncFilterDisplayValue() {
|
|
101
|
-
const e = this.getFilterButtonControl();
|
|
102
|
-
e && e.value !== (this.selectedItemTitle ?? "") && (e.value = this.selectedItemTitle ?? "");
|
|
103
|
-
}
|
|
104
|
-
attachFormListener() {
|
|
105
|
-
const e = this.hostElement.closest("form");
|
|
106
|
-
this.patternForm !== e && (this.patternForm && this.patternForm.removeEventListener("reset", this.handleFormReset), this.patternForm = e ?? void 0, this.patternForm?.addEventListener("reset", this.handleFormReset));
|
|
107
|
-
}
|
|
108
|
-
detachFormListener() {
|
|
109
|
-
this.patternForm && (this.patternForm.removeEventListener("reset", this.handleFormReset), this.patternForm = void 0);
|
|
110
|
-
}
|
|
111
|
-
isInteractive() {
|
|
112
|
-
return !this.disabled;
|
|
113
|
-
}
|
|
114
|
-
coerceEvent(e) {
|
|
115
|
-
if (typeof Event < "u" && e !== null) return e instanceof Event ? e : void 0;
|
|
116
|
-
}
|
|
117
|
-
isMenuToggler() {
|
|
118
|
-
return (this.type === "none" || this.type === "more") && this.hasSlottedMenu;
|
|
119
|
-
}
|
|
120
|
-
handleWindowClick(e) {
|
|
121
|
-
this.expanded && (e.composedPath().includes(this.hostElement) || this.setExpandedState(!1, e));
|
|
122
|
-
}
|
|
123
|
-
render() {
|
|
124
|
-
const e = this.expanded && this.isInteractive(), i = x({ expanded: e }), s = this.isMenuToggler(), t = typeof this.filterPickerId == "string" ? this.filterPickerId : void 0, l = t ? `${t}__menu` : void 0, n = this.selectedItemTitle ?? this.value ?? "", a = this.type === "more", r = this.type === "all", d = this.type === "none";
|
|
125
|
-
return o("div", { key: "7ce1a0e82d461380ec599d66d82176a6cb4d7912", class: i, "aria-control": l ?? "" }, o("gids-toggle-button", { key: "6b546ac9944f8adf858804484e420b6a41f44419", id: t, name: this.name, expanded: e, value: n, disabled: this.disabled, size: this.size, loading: this.loading, tabIndex: this.filterIndex, defaultSelected: this.filterDefaultSelected, selected: this.filterSelected || this.filterDefaultSelected, onSelect: this.handleFilterButtonClickToggle }, a || r ? o(u, { name: a ? "options" : "filter", size: this.size, appearance: "regular", alt: "", slot: "leadingIcon" }) : void 0, d || r ? n : void 0, s && !a ? o(u, { name: "chevron-down", size: this.size, appearance: "regular", alt: "", slot: "trailingIcon" }) : void 0), o("div", { key: "f04a85608a8d2bad62687e78da08acca6838f93b", class: "gids-filter__menu", id: l, role: "pickerbox", onClick: this.handleMenuClick }, o("slot", { key: "ce7aeb157d8a342cc7ba0479637795516a4ae3b2", onSlotchange: () => this.evaluateSlottedMenuExistence() })));
|
|
126
|
-
}
|
|
127
|
-
get hostElement() {
|
|
128
|
-
return this;
|
|
129
|
-
}
|
|
130
|
-
static get watchers() {
|
|
131
|
-
return { expanded: [{ handleExpandedChange: 0 }], disabled: [{ handleInteractivityChange: 0 }], type: [{ handleFilterTypeChange: 0 }], filterSelected: [{ handleFilterSelectedChange: 0 }] };
|
|
132
|
-
}
|
|
133
|
-
static get style() {
|
|
134
|
-
return ".gids-filter{position:relative}.gids-filter__menu{position:absolute;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}";
|
|
135
|
-
}
|
|
136
|
-
}, [260, "gids-filter", { name: [1], filterId: [1, "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 }], filterSelected: [{ handleFilterSelectedChange: 0 }] }]);
|
|
137
|
-
function S() {
|
|
138
|
-
typeof customElements < "u" && ["gids-filter", "gids-toggle-button"].forEach(((e) => {
|
|
139
|
-
switch (e) {
|
|
140
|
-
case "gids-filter":
|
|
141
|
-
customElements.get(h(e)) || customElements.define(h(e), E);
|
|
142
|
-
break;
|
|
143
|
-
case "gids-toggle-button":
|
|
144
|
-
customElements.get(h(e)) || p();
|
|
145
|
-
}
|
|
146
|
-
}));
|
|
147
|
-
}
|
|
148
|
-
S();
|
|
149
|
-
export {
|
|
150
|
-
S as a,
|
|
151
|
-
E as h
|
|
152
|
-
};
|