@ganpatiinfo/gids-core-web 23.0.0 → 24.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 +28 -30
- 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-advanced-tooltip.js +1 -1
- package/dist/gids-bar-chart.js +1 -1
- package/dist/gids-bento-card.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-picker.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-date-picker-field.js +1 -1
- package/dist/gids-date-picker.js +1 -1
- package/dist/gids-day-dropdown-picker.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-flyout-panel.js +1 -1
- package/dist/gids-form.js +1 -1
- package/dist/gids-header-navigation-item.js +1 -1
- package/dist/gids-header-navigation.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.js +1 -1
- package/dist/gids-month-dropdown-picker.js +1 -1
- 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-profile-menu-header.js +1 -1
- package/dist/gids-profile-menu.js +1 -1
- package/dist/gids-profile.js +1 -1
- package/dist/gids-scrim.js +1 -1
- package/dist/gids-sidebar-item.js +1 -1
- package/dist/gids-sidebar-menu.js +1 -1
- package/dist/gids-sidebar.js +1 -1
- package/dist/gids-skeleton.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/gids-transfer-list.js +1 -1
- package/dist/gids-year-dropdown-picker.js +1 -1
- package/dist/{p-vz4tzbld.js → p-3H10HA8U.js} +1 -1
- package/dist/{p-iEUyQs9t.js → p-5SNf54JN.js} +1 -1
- package/dist/{p-B2YjHZsu.js → p-69VXkSHc.js} +1 -1
- package/dist/{p-B18yNcA0.js → p-B2CvDGSE.js} +1 -1
- package/dist/{p-DOiDD7cS.js → p-BGBsQSqM.js} +1 -1
- package/dist/{p-CueywyHC.js → p-BWrCtA6O.js} +1 -1
- package/dist/{p-DLX-l0-L.js → p-BZdaC92p.js} +1 -1
- package/dist/{p-BcXumkjZ.js → p-Bbw1WCO7.js} +1 -1
- package/dist/{p-FSv82P6v.js → p-Bi-yBBYT.js} +1 -1
- package/dist/{p-DjnREsH0.js → p-BwDi-0yS.js} +1 -1
- package/dist/{p-C88Z_F_m.js → p-By0R-oJV.js} +1 -1
- package/dist/{p-MaJDBE6u.js → p-CCX8DA2Z.js} +1 -1
- package/dist/{p-B4d07GWP.js → p-CJ1tQlEt.js} +1 -1
- package/dist/{p-x1tVOUSt.js → p-CL9pZVrx.js} +1 -1
- package/dist/{p-CxfmNDsm.js → p-CS2U2Mro.js} +1 -1
- package/dist/{p-lvArnlBV.js → p-Cf9ipNLT.js} +1 -1
- package/dist/{p-DXlBK8TS.js → p-Cs-QTqUM.js} +1 -1
- package/dist/{p-DYKcsBzA.js → p-CytAVtIP.js} +1 -1
- package/dist/{p-fE-MdTCH.js → p-D8vooi3L.js} +1 -1
- package/dist/{p-DKe6orSY.js → p-DB0ZJi5J.js} +1 -1
- package/dist/{p-BNW2xgxF.js → p-DHOvFnv4.js} +1 -1
- package/dist/{p-D_mszaeq.js → p-DIrAYgqX.js} +1 -1
- package/dist/{p-XVlT5H5q.js → p-DJH7wtiu.js} +1 -1
- package/dist/{p-CKj2Ru6e.js → p-DMN5PI18.js} +1 -1
- package/dist/{p-jtpLLxuw.js → p-Dt270JVs.js} +1 -1
- package/dist/{p-DiX4HaE6.js → p-DuonIHDh.js} +1 -1
- package/dist/{p-CZgH5rZs.js → p-_OVEnTXa.js} +1 -1
- package/dist/{p-CSXuAs_X.js → p-cXOH6OAQ.js} +1 -1
- package/dist/{p-62akP0Ad.js → p-lVcUFx2e.js} +1 -1
- package/dist/{p-gK9DvcL8.js → p-peMqbYbz.js} +1 -1
- package/dist/p-piTNUZit.js +1 -0
- package/dist/types/components/webComponents/GidsHeaderNavigation/GidsHeaderNavigation.d.ts +0 -1
- package/dist/types/components/webComponents/GidsHeaderNavigationItem/GidsHeaderNavigationItem.d.ts +4 -6
- package/dist/types/components.d.ts +24 -7
- package/dist-bundled/es/gids-action-bar.js +16 -16
- package/dist-bundled/es/gids-activity-gauge.js +1 -1
- package/dist-bundled/es/gids-advanced-tooltip.js +4 -4
- package/dist-bundled/es/gids-bar-chart.js +3 -3
- package/dist-bundled/es/gids-bento-card.js +1 -1
- package/dist-bundled/es/gids-calendar-header-panel.js +1 -1
- package/dist-bundled/es/gids-calendar-month-list.js +1 -1
- package/dist-bundled/es/gids-calendar-picker.js +1 -1
- package/dist-bundled/es/gids-calendar-year-list.js +4 -4
- package/dist-bundled/es/gids-calendar.js +2 -2
- 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 +21 -21
- package/dist-bundled/es/gids-chevron-button.js +5 -5
- package/dist-bundled/es/gids-date-picker-field.js +21 -21
- package/dist-bundled/es/gids-date-picker.js +4 -4
- package/dist-bundled/es/gids-day-dropdown-picker.js +3 -3
- package/dist-bundled/es/gids-dot.js +1 -1
- package/dist-bundled/es/gids-dropdown-field.js +11 -11
- package/dist-bundled/es/gids-dropdown-picker.js +1 -1
- package/dist-bundled/es/gids-dropdown.js +3 -3
- package/dist-bundled/es/gids-expansion-body-list-item.js +1 -1
- package/dist-bundled/es/gids-expansion-body-list.js +2 -2
- package/dist-bundled/es/gids-expansion-group.js +5 -5
- package/dist-bundled/es/gids-expansion.js +1 -1
- package/dist-bundled/es/gids-field.js +2 -2
- package/dist-bundled/es/gids-filter.js +1 -1
- package/dist-bundled/es/gids-flyout-panel.js +3 -3
- package/dist-bundled/es/gids-form.js +4 -4
- package/dist-bundled/es/gids-header-navigation-item.js +4 -4
- package/dist-bundled/es/gids-header-navigation.js +59 -60
- package/dist-bundled/es/gids-icon.js +3 -3
- package/dist-bundled/es/gids-input.js +4 -4
- package/dist-bundled/es/gids-line-chart.js +3 -3
- package/dist-bundled/es/gids-md-table.js +60 -60
- package/dist-bundled/es/gids-month-dropdown-picker.js +4 -4
- package/dist-bundled/es/gids-overflow-container.js +9 -9
- package/dist-bundled/es/gids-overlay-provider.js +1 -1
- package/dist-bundled/es/gids-password-field.js +10 -10
- package/dist-bundled/es/gids-pie-chart.js +1 -1
- package/dist-bundled/es/gids-popover.js +1 -1
- package/dist-bundled/es/gids-profile-menu-header.js +4 -4
- package/dist-bundled/es/gids-profile-menu.js +3 -3
- package/dist-bundled/es/gids-profile.js +3 -3
- package/dist-bundled/es/gids-scrim.js +3 -3
- package/dist-bundled/es/gids-sidebar-item.js +1 -1
- package/dist-bundled/es/gids-sidebar-menu.js +1 -1
- package/dist-bundled/es/gids-sidebar.js +9 -9
- package/dist-bundled/es/gids-skeleton.js +8 -8
- 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 +8 -8
- package/dist-bundled/es/gids-toggle-button.js +1 -1
- package/dist-bundled/es/gids-tooltip.js +3 -3
- package/dist-bundled/es/gids-transfer-list.js +2 -2
- package/dist-bundled/es/gids-year-dropdown-picker.js +1 -1
- package/dist-bundled/es/{p-vz4tzbld-BYJRjHJw.js → p-3H10HA8U-DWG31yfh.js} +9 -9
- package/dist-bundled/es/{p-iEUyQs9t-BUXXVuwz.js → p-5SNf54JN-Dke4QoYK.js} +2 -2
- package/dist-bundled/es/{p-B2YjHZsu-DxdrSYcE.js → p-69VXkSHc-vZd5gQWS.js} +2 -2
- package/dist-bundled/es/{p-B18yNcA0-BaaXQYM_.js → p-B2CvDGSE-B-50q6JD.js} +5 -5
- package/dist-bundled/es/{p-DOiDD7cS-j1RR9K9r.js → p-BGBsQSqM-DtooH-AA.js} +3 -3
- package/dist-bundled/es/{p-CueywyHC-CsEetdha.js → p-BWrCtA6O-DHaJx1bg.js} +3 -3
- package/dist-bundled/es/{p-DLX-l0-L-gumz4bOG.js → p-BZdaC92p-DjVPKyfk.js} +5 -5
- package/dist-bundled/es/{p-BcXumkjZ-zNpzLmjI.js → p-Bbw1WCO7-CJU0y0iF.js} +7 -7
- package/dist-bundled/es/{p-FSv82P6v-C6jFH7Zo.js → p-Bi-yBBYT-CC0Ktxng.js} +1 -1
- package/dist-bundled/es/{p-DjnREsH0-Cm8vBvIX.js → p-BwDi-0yS-vyn3pUko.js} +5 -5
- package/dist-bundled/es/{p-C88Z_F_m-wMA27lx_.js → p-By0R-oJV-DkI-JpEG.js} +3 -3
- package/dist-bundled/es/{p-MaJDBE6u-DjtEX6-I.js → p-CCX8DA2Z-D0OkaCKx.js} +25 -25
- package/dist-bundled/es/{p-B4d07GWP-DLyo7HQ9.js → p-CJ1tQlEt-B8GYL1we.js} +11 -11
- package/dist-bundled/es/{p-x1tVOUSt-CdB8Szfe.js → p-CL9pZVrx-BYVOaGDA.js} +8 -8
- package/dist-bundled/es/{p-CxfmNDsm-JHseL2it.js → p-CS2U2Mro-6wGJ-t9P.js} +2 -2
- package/dist-bundled/es/{p-lvArnlBV-BxkIAxHG.js → p-Cf9ipNLT-HF4MWnLF.js} +10 -10
- package/dist-bundled/es/{p-DXlBK8TS-DazOvEm2.js → p-Cs-QTqUM-CcvsSUzr.js} +2 -2
- package/dist-bundled/es/{p-DYKcsBzA-BcupA9sw.js → p-CytAVtIP-IZSm6SZx.js} +6 -6
- package/dist-bundled/es/{p-fE-MdTCH-CDvG1Xn1.js → p-D8vooi3L-C5jeoC6H.js} +30 -30
- package/dist-bundled/es/{p-DKe6orSY-D1kYOeuX.js → p-DB0ZJi5J-BEYBVVuq.js} +10 -10
- package/dist-bundled/es/{p-BNW2xgxF-DWKLliyn.js → p-DHOvFnv4-DZQmbUn3.js} +5 -5
- package/dist-bundled/es/{p-D_mszaeq-ndcXN34-.js → p-DIrAYgqX-BoR42JaL.js} +2 -2
- package/dist-bundled/es/{p-XVlT5H5q-CFIMyrM3.js → p-DJH7wtiu-BDWtYcRw.js} +21 -21
- package/dist-bundled/es/{p-CKj2Ru6e-B-Nk5B_P.js → p-DMN5PI18-CiBpBUeE.js} +3 -3
- package/dist-bundled/es/{p-jtpLLxuw-BlEPhjmU.js → p-Dt270JVs-DJODMRWa.js} +1 -1
- package/dist-bundled/es/{p-DiX4HaE6-C35K492C.js → p-DuonIHDh-B6YKWTfP.js} +8 -8
- package/dist-bundled/es/{p-CZgH5rZs-Clk0qfHN.js → p-_OVEnTXa-q7qjnzI3.js} +3 -3
- package/dist-bundled/es/{p-CSXuAs_X-Hw6bT-8r.js → p-cXOH6OAQ-BRmZ0lXm.js} +11 -11
- package/dist-bundled/es/{p-62akP0Ad-D4pJ0a_I.js → p-lVcUFx2e-D6N6qefs.js} +11 -11
- package/dist-bundled/es/{p-gK9DvcL8-Chw-ya2Q.js → p-peMqbYbz-BnWVSfKD.js} +1 -1
- package/dist-bundled/es/p-piTNUZit-Jq4qQLgn.js +137 -0
- 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-advanced-tooltip.umd.js +1 -1
- package/dist-bundled/umd/gids-bar-chart.umd.js +1 -1
- package/dist-bundled/umd/gids-bento-card.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-picker.umd.js +1 -1
- package/dist-bundled/umd/gids-calendar-year-list.umd.js +1 -1
- package/dist-bundled/umd/gids-calendar.umd.js +2 -2
- 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-date-picker-field.umd.js +2 -2
- package/dist-bundled/umd/gids-date-picker.umd.js +1 -1
- package/dist-bundled/umd/gids-day-dropdown-picker.umd.js +2 -2
- package/dist-bundled/umd/gids-dot.umd.js +1 -1
- package/dist-bundled/umd/gids-dropdown-field.umd.js +1 -1
- package/dist-bundled/umd/gids-dropdown-picker.umd.js +1 -1
- package/dist-bundled/umd/gids-dropdown.umd.js +1 -1
- package/dist-bundled/umd/gids-expansion-body-list-item.umd.js +1 -1
- package/dist-bundled/umd/gids-expansion-body-list.umd.js +1 -1
- package/dist-bundled/umd/gids-expansion-group.umd.js +1 -1
- package/dist-bundled/umd/gids-expansion.umd.js +1 -1
- package/dist-bundled/umd/gids-field.umd.js +1 -1
- package/dist-bundled/umd/gids-filter.umd.js +2 -2
- package/dist-bundled/umd/gids-flyout-panel.umd.js +1 -1
- package/dist-bundled/umd/gids-form.umd.js +1 -1
- package/dist-bundled/umd/gids-header-navigation-item.umd.js +2 -2
- package/dist-bundled/umd/gids-header-navigation.umd.js +2 -2
- package/dist-bundled/umd/gids-icon.umd.js +2 -2
- package/dist-bundled/umd/gids-input.umd.js +1 -1
- package/dist-bundled/umd/gids-line-chart.umd.js +1 -1
- package/dist-bundled/umd/gids-md-table.umd.js +1 -1
- package/dist-bundled/umd/gids-month-dropdown-picker.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 +1 -1
- package/dist-bundled/umd/gids-popover.umd.js +1 -1
- package/dist-bundled/umd/gids-profile-menu-header.umd.js +1 -1
- package/dist-bundled/umd/gids-profile-menu.umd.js +2 -2
- package/dist-bundled/umd/gids-profile.umd.js +2 -2
- package/dist-bundled/umd/gids-scrim.umd.js +1 -1
- package/dist-bundled/umd/gids-sidebar-item.umd.js +1 -1
- package/dist-bundled/umd/gids-sidebar-menu.umd.js +1 -1
- package/dist-bundled/umd/gids-sidebar.umd.js +2 -2
- package/dist-bundled/umd/gids-skeleton.umd.js +2 -2
- package/dist-bundled/umd/gids-tab-item.umd.js +1 -1
- package/dist-bundled/umd/gids-tab.umd.js +1 -1
- package/dist-bundled/umd/gids-text-field.umd.js +1 -1
- package/dist-bundled/umd/gids-toggle-button.umd.js +2 -2
- package/dist-bundled/umd/gids-tooltip.umd.js +2 -2
- package/dist-bundled/umd/gids-transfer-list.umd.js +1 -1
- package/dist-bundled/umd/gids-year-dropdown-picker.umd.js +2 -2
- package/dist-bundled/umd-complete/gids-core-web.umd.js +9 -9
- package/package.json +4 -4
- package/dist/p-COsSHfdc.js +0 -1
- package/dist-bundled/es/p-COsSHfdc-DfDYoLSS.js +0 -151
package/dist/gids-popover.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as e,H as o,h as i,F as s}from"./p-B4hcsDH0.js";import{G as r}from"./p-CTri3IsV.js";import{G as a}from"./p-CPgZgSBN.js";const n=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.placement="bottom",this.previouslyFocusedElement=null,this.focusableElements=[],this.handleToggleEvent=t=>{t.stopPropagation();const e=this.floatingElementManager.isVisible();this.floatingElementManager.toggle(),!e&&this.floatingElementManager.isVisible()?this.onPopoverShow():e&&!this.floatingElementManager.isVisible()&&this.onPopoverHide()},this.handleDocumentClick=t=>{this.floatingElementManager.isVisible()&&!this._el.contains(t.target)&&(this.floatingElementManager.hide(),this.onPopoverHide())},this.handleKeyDown=t=>{if(this.floatingElementManager.isVisible())return"Escape"===t.key?(t.preventDefault(),this.floatingElementManager.hide(),void this.onPopoverHide()):void("Tab"===t.key&&this.trapFocus(t))}}componentDidLoad(){this.floatingElementManager=new r(this._el,{htmlFor:this.htmlFor,placement:this.placement,showWithoutDelay:!0,floatingElementSelector:"#popover",arrowElementSelector:"#arrow",visibilityClass:"gids-popover--visible",elementType:a.POPOVER,getAnchorElementFromSlot:t=>{const e=t.querySelector('slot[name="anchor"]');return e?.assignedElements()[0]||null}}),this.floatingElementManager.initialize(),this.setupEventListeners()}setupEventListeners(){const t=this.floatingElementManager.getAnchorElement();t&&(t.addEventListener("click",this.handleToggleEvent),document.addEventListener("click",this.handleDocumentClick),document.addEventListener("keydown",this.handleKeyDown))}onPopoverShow(){this.previouslyFocusedElement=document.activeElement,this.updateFocusableElements(),setTimeout((()=>{this.focusableElements.length>0&&this.focusableElements[0]&&this.focusableElements[0].focus()}),50)}onPopoverHide(){this.previouslyFocusedElement&&(this.previouslyFocusedElement.focus(),this.previouslyFocusedElement=null)}updateFocusableElements(){const t=this._el.shadowRoot?.querySelector("#popover");if(!t)return;const e=[],o=l(t);e.push(...o);const i=this._el.shadowRoot?.querySelector("slot:not([name])");i&&i.assignedElements({flatten:!0}).forEach((t=>{const o=l(t);e.push(...o)})),this.focusableElements=e.sort(((t,e)=>{const o=t.compareDocumentPosition(e),i=!!(o&Node.DOCUMENT_POSITION_FOLLOWING),s=!!(o&Node.DOCUMENT_POSITION_PRECEDING);return i?-1:s?1:0}))}trapFocus(t){if(0===this.focusableElements.length)return;const e=this.focusableElements[0],o=this.focusableElements[this.focusableElements.length-1];let i=document.activeElement;if(i===this._el){const t=this._el.shadowRoot?.activeElement;null!==t&&(i=t)}const s=-1!==this.focusableElements.indexOf(i);t.shiftKey?i!==e&&s||(t.preventDefault(),o&&o.focus()):i!==o&&s||(t.preventDefault(),e&&e.focus())}placementChanged(t){this.floatingElementManager?.updateConfig({placement:t}),this.floatingElementManager?.isVisible()&&this.floatingElementManager?.reposition()}htmlForChanged(t){this.floatingElementManager?.updateConfig({htmlFor:t}),this.cleanupEventListeners(),this.floatingElementManager?.initialize(),this.setupEventListeners()}cleanupEventListeners(){const t=this.floatingElementManager?.getAnchorElement();t&&t.removeEventListener("click",this.handleToggleEvent),document.removeEventListener("click",this.handleDocumentClick),document.removeEventListener("keydown",this.handleKeyDown)}render(){return i(s,{key:"
|
|
1
|
+
import{t,p as e,H as o,h as i,F as s}from"./p-B4hcsDH0.js";import{G as r}from"./p-CTri3IsV.js";import{G as a}from"./p-CPgZgSBN.js";const n=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.placement="bottom",this.previouslyFocusedElement=null,this.focusableElements=[],this.handleToggleEvent=t=>{t.stopPropagation();const e=this.floatingElementManager.isVisible();this.floatingElementManager.toggle(),!e&&this.floatingElementManager.isVisible()?this.onPopoverShow():e&&!this.floatingElementManager.isVisible()&&this.onPopoverHide()},this.handleDocumentClick=t=>{this.floatingElementManager.isVisible()&&!this._el.contains(t.target)&&(this.floatingElementManager.hide(),this.onPopoverHide())},this.handleKeyDown=t=>{if(this.floatingElementManager.isVisible())return"Escape"===t.key?(t.preventDefault(),this.floatingElementManager.hide(),void this.onPopoverHide()):void("Tab"===t.key&&this.trapFocus(t))}}componentDidLoad(){this.floatingElementManager=new r(this._el,{htmlFor:this.htmlFor,placement:this.placement,showWithoutDelay:!0,floatingElementSelector:"#popover",arrowElementSelector:"#arrow",visibilityClass:"gids-popover--visible",elementType:a.POPOVER,getAnchorElementFromSlot:t=>{const e=t.querySelector('slot[name="anchor"]');return e?.assignedElements()[0]||null}}),this.floatingElementManager.initialize(),this.setupEventListeners()}setupEventListeners(){const t=this.floatingElementManager.getAnchorElement();t&&(t.addEventListener("click",this.handleToggleEvent),document.addEventListener("click",this.handleDocumentClick),document.addEventListener("keydown",this.handleKeyDown))}onPopoverShow(){this.previouslyFocusedElement=document.activeElement,this.updateFocusableElements(),setTimeout((()=>{this.focusableElements.length>0&&this.focusableElements[0]&&this.focusableElements[0].focus()}),50)}onPopoverHide(){this.previouslyFocusedElement&&(this.previouslyFocusedElement.focus(),this.previouslyFocusedElement=null)}updateFocusableElements(){const t=this._el.shadowRoot?.querySelector("#popover");if(!t)return;const e=[],o=l(t);e.push(...o);const i=this._el.shadowRoot?.querySelector("slot:not([name])");i&&i.assignedElements({flatten:!0}).forEach((t=>{const o=l(t);e.push(...o)})),this.focusableElements=e.sort(((t,e)=>{const o=t.compareDocumentPosition(e),i=!!(o&Node.DOCUMENT_POSITION_FOLLOWING),s=!!(o&Node.DOCUMENT_POSITION_PRECEDING);return i?-1:s?1:0}))}trapFocus(t){if(0===this.focusableElements.length)return;const e=this.focusableElements[0],o=this.focusableElements[this.focusableElements.length-1];let i=document.activeElement;if(i===this._el){const t=this._el.shadowRoot?.activeElement;null!==t&&(i=t)}const s=-1!==this.focusableElements.indexOf(i);t.shiftKey?i!==e&&s||(t.preventDefault(),o&&o.focus()):i!==o&&s||(t.preventDefault(),e&&e.focus())}placementChanged(t){this.floatingElementManager?.updateConfig({placement:t}),this.floatingElementManager?.isVisible()&&this.floatingElementManager?.reposition()}htmlForChanged(t){this.floatingElementManager?.updateConfig({htmlFor:t}),this.cleanupEventListeners(),this.floatingElementManager?.initialize(),this.setupEventListeners()}cleanupEventListeners(){const t=this.floatingElementManager?.getAnchorElement();t&&t.removeEventListener("click",this.handleToggleEvent),document.removeEventListener("click",this.handleDocumentClick),document.removeEventListener("keydown",this.handleKeyDown)}render(){return i(s,{key:"c4e632570862480013ccd269beae45f17d74c8c2"},i("slot",{key:"21ba826d596028ada112f2d37059dda691cafcc5",name:"anchor"}),i("div",{key:"5e88905735a3eb4c8d8cd2df23249e5b10ab912d",id:"popover",part:"popover",role:"dialog","aria-modal":"true",tabindex:"-1"},i("span",{key:"2a6e6de7810ac84fb2b97e0ba878dc5cba951dc5",id:"arrow"}),i("div",{key:"cea7f80fae6004966672ab22ec7b7656a8a8b854"},i("slot",{key:"cce96163a7ec7a5c400b25b1e60a20944f0b5537"}))))}disconnectedCallback(){this.cleanupEventListeners(),this.floatingElementManager?.destroy()}get _el(){return this}static get watchers(){return{placement:[{placementChanged:0}],htmlFor:[{htmlForChanged:0}]}}static get style(){return"gids-popover{--gidsPopover-background:var(--gids-elevation-surface-overlay-default);--gidsPopover-text-color:var(--gids-color-text-default);--gidsPopover-padding:var(--gids-padding-vertical-edge-to-element-200) var(--gids-padding-horizontal-edge-to-element-300);--gidsPopover-border-radius:var(--gids-border-radius-lg);--gidsPopover-tip-border-radius:2px;--gidsPopover-tip-size:12px;--gidsPopover-shadow:var(--gids-elevation-shadow-overlay);--gidsFloatingElement-background:var(--gidsPopover-background);--gidsFloatingElement-tip-border-radius:var(--gidsPopover-tip-border-radius)}[part=popover]{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit);position:absolute;display:inline-block;background-color:var(--gidsPopover-background);color:var(--gidsPopover-text-color);border-radius:var(--gidsPopover-border-radius);box-shadow:var(--gidsPopover-shadow);z-index:1000;opacity:0;pointer-events:none;outline:none}[part=popover]:focus{outline:none}[part=popover].gids-popover--visible{pointer-events:initial;opacity:1}[part=popover] span#arrow{position:absolute;height:var(--gidsPopover-tip-size);width:var(--gidsPopover-tip-size);background-color:var(--gidsPopover-background)}"}},[257,"gids-popover",{htmlFor:[513,"for"],placement:[513]},void 0,{placement:[{placementChanged:0}],htmlFor:[{htmlForChanged:0}]}]),d=t=>{if(!(t instanceof o))return!1;if(-1===t.tabIndex)return!1;if(t.hasAttribute("disabled"))return!1;const e=getComputedStyle(t);if("none"===e.display||"hidden"===e.visibility||t.hidden)return!1;try{const e=t.tabIndex;t.tabIndex=-1,t.focus();const o=document.activeElement===t;return t.tabIndex=e,o&&t.blur(),o}catch{return!1}},l=t=>{const e=document.createTreeWalker(t,NodeFilter.SHOW_ELEMENT,{acceptNode:t=>d(t)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}),o=[];d(t)&&o.push(t);let i=e.nextNode();for(;null!==i;)o.push(i),i=e.nextNode();return o};function p(){"undefined"!=typeof customElements&&["gids-popover"].forEach((e=>{"gids-popover"===e&&(customElements.get(t(e))||customElements.define(t(e),n))}))}p();const c=n,h=p;export{c as GidsPopover,h as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as
|
|
1
|
+
import{a as s,d as o}from"./p-Dt270JVs.js";const t=s,a=o;export{t as GidsProfileMenuHeader,a as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{G as
|
|
1
|
+
import{G as o,d as r}from"./p-DIrAYgqX.js";const s=o,p=r;export{s as GidsProfileMenu,p as defineCustomElement}
|
package/dist/gids-profile.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as o,H as i,h as r,c as a}from"./p-B4hcsDH0.js";import{GidsProfileWebUtils as t}from"@ganpatiinfo/gids-web-shared";import{GidsProfileMenuHeaderCommonUtils as l}from"@ganpatiinfo/gids-core-shared";import{d as s,G as n}from"./p-jtpLLxuw.js";import{G as d}from"./p-CcKHKwS0.js";import{G as p}from"./p-iQRr_fAH.js";import{d as g}from"./p-D_mszaeq.js";const{getGidsProfileClassNames:c,getGidsProfileTextClassNames:h}=t,{getProfileHeaderMenuAvatarText:f}=l,u=o(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.expanded=!1,this.profileControlAppearance="default",this.profileControlAvatarVisible=!0,this.profileControlAvatarBadgeVisible=!0,this.profileControlBorderRadius="none",this.profileControlShadow="none",this.profileControlLeadingIconSize="sm",this.profileControlTrailingIconSize="sm",this.profileControlLeadingIconAppearance="filled",this.profileControlTrailingIconAppearance="filled",this.profileMenuItems=[],this.headerDividerVisible=!1,this.headerVisible=!1,this.listSectionDividerVisible=!1,this.isMenuExpanded=!1,this.selectedProfileMenuItemId=void 0,this.onProfileControlPress=e=>{if(e&&e.stopPropagation(),this.hasMenu()){const o=!this.isMenuExpanded;this.isMenuExpanded=o,this.onPressProfileControl&&this.onPressProfileControl({originalEvent:e,id:this.id,menuId:this?.menuId,expanded:o,profileControlTitle:this?.profileControlTitle,profileControlSupportingText:this?.profileControlSupportingText})}},this.onPressProfileMenuItem=e=>{e?.originalEvent&&(e.originalEvent?.stopPropagation(),e.originalEvent?.preventDefault()),this.isMenuExpanded=!1,this.selectedProfileMenuItemId=e.id,this.onProfileMenuItemPress&&this.onProfileMenuItemPress({...e})},this.onPressHeaderAvatar=e=>{e?.originalEvent&&e.originalEvent?.stopPropagation(),this.isMenuExpanded=!1,this.onHeaderAvatarPress&&this.onHeaderAvatarPress({...e})},this.onPressHeaderTitle=e=>{e?.originalEvent&&e.originalEvent?.stopPropagation(),this.isMenuExpanded=!1,this.onHeaderAvatarPress&&this.onHeaderAvatarPress({...e})},this.onPressHeaderSupportingText=e=>{e?.originalEvent&&e.originalEvent?.stopPropagation(),this.isMenuExpanded=!1,this.onHeaderAvatarPress&&this.onHeaderAvatarPress({...e})},this.positionProfileMenu=()=>{const e=this.hostElement?.querySelector(".gids-profile__dropdown-menu-container");if(!e)return;const o=this.hostElement.getBoundingClientRect(),i=window.innerWidth,r=window.innerHeight;e.style.maxHeight="none";const a=e.getBoundingClientRect(),t=r-o.bottom-8,l=o.top-4,s=a.height>t&&l>t,n=s?l:t;e.style.maxHeight=a.height>n?n+"px":"none";const d=e.getBoundingClientRect();let p=o.left;p+d.width>i-4&&(p=i-d.width-4),p<4&&(p=4),e.style.left=p-o.left+"px",e.style.top=s?-d.height-4+"px":o.height+4+"px"},this.getProfileControlAvatarText=()=>{const e=this?.profileControlAvatarProps,o=this?.profileControlTitle;return e?.text??f({headerTitle:o})},this.hasHeaderItem=()=>{const e=this?.headerItem,o=this?.headerVisible;return!(!o||!(e?.avatarVisible||e?.avatarProps&&Object.keys(e).length>0||e?.headerSupportingText||e?.headerTitle))},this.hasMenu=()=>!!(this?.profileMenuItems&&this.profileMenuItems.length>0||this.hasHeaderItem()),this.handleDocumentClick=e=>{this.isMenuExpanded&&(e.composedPath().includes(this.hostElement)||(this.isMenuExpanded=!1))}}idChanged(e){this.id=e}profileControlAppearanceChanged(e){this.profileControlAppearance=e}profileControlAvatarPropsChanged(e){this.profileControlAvatarProps=e}expansionChanged(e){this.expanded=e,this.isMenuExpanded=e}profileControlAvatarVisibleChanged(e){this.profileControlAvatarVisible=e}profileControlAvatarBadgeVisibleChanged(e){this.profileControlAvatarBadgeVisible=e}profileControlBorderRadiusChanged(e){this.profileControlBorderRadius=e}profileControlShadowChanged(e){this.profileControlShadow=e}listSectionDividerVisibleChanged(e){this.listSectionDividerVisible=e}profileControlLeadingIconChanged(e){this.profileControlLeadingIcon=e}profileControlTrailingIconChanged(e){this.profileControlTrailingIcon=e}profileControlTitleChanged(e){this.profileControlTitle=e}profileControlSupportingTextChanged(e){this.profileControlSupportingText=e}headerDividerVisibleChanged(e){this.headerDividerVisible=e}headerItemChanged(e){this.headerItem=e}headerVisibleChanged(e){this.headerVisible=e}profileMenuItemsChanged(e){this.profileMenuItems=e}connectedCallback(){this.isMenuExpanded=this?.expanded??!1}componentDidLoad(){document.addEventListener("click",this.handleDocumentClick)}componentDidRender(){this.isMenuExpanded&&this.hasMenu()&&requestAnimationFrame((()=>{this.positionProfileMenu()}))}disconnectedCallback(){document.removeEventListener("click",this.handleDocumentClick)}render(){const e=this?.profileControlAppearance??"default",o=this?.profileControlAvatarProps,i=o?.badgeProps,t=this?.profileControlAvatarVisible??!1,l=this?.profileControlAvatarBadgeVisible??!1,s=this?.profileControlBorderRadius??"none",g=this?.profileControlShadow??"none",f=this?.profileControlLeadingIcon,u=this?.profileControlTrailingIcon,v=this?.profileControlTitle??"",b=this?.profileControlSupportingText??"",C=this?.profileMenuItems??[],m=this?.headerDividerVisible??!1,x=this?.headerVisible??!1,_=this?.headerItem,k=this?.listSectionDividerVisible??!1,y=this?.menuId,w=this?.isMenuExpanded??!1,I=this.hasMenu(),A=this.selectedProfileMenuItemId,V=this?.profileControlLeadingIconSize??"sm",T=this?.profileControlTrailingIconSize??"sm",S=this?.profileControlLeadingIconAppearance??"filled",P=this?.profileControlTrailingIconAppearance??"filled",D=c({profileControlAppearance:e,profileControlBorderRadius:s,profileControlShadow:g,expanded:w&&I}),z=o?.size??"sm",{titleClasses:B,supportingTextClasses:M}=h({profileControlAppearance:e});let L=o?.color??"brand";return"brand"===e&&(L=o?.color??"default"),r(a,{key:"1757a0fd6ac6d1f3a980530591ba881dbeeddffe",class:D,onClick:this.onProfileControlPress,"menu-expanded":w},f?r(p,{name:f,size:V,appearance:S}):void 0,r("div",{key:"fba459a0a7e65675f89fd5813db84ff85610e516",class:"gids-profile__main-container"},t?r(n,{appearance:o?.appearance??"text",color:L,size:z,text:this.getProfileControlAvatarText(),imageSrc:o?.imageSrc??"",alt:o?.alt??"alt-img",badge:l?r(d,{appearance:i?.appearance??"information",type:i?.type,count:i?.count,outline:i?.outline}):void 0}):void 0,r("div",{key:"10d5e2d94c0dc9b8315980adbbd8699b0204b990",class:"gids-profile__content-container"},r("span",{key:"e86a04355c50312591c0fb8533d591616a60023c",class:B},v),r("p",{key:"feacb20a36fd943a4276ed85a2f2b06154aeaecb",class:M},b))),u?r(p,{name:u,size:T,appearance:P}):void 0,I&&w?r("div",{class:"gids-profile__dropdown-menu-container",id:y,role:"profilePickerbox",onClick:e=>e.stopPropagation()},r("gids-profile-menu",{headerItem:_,headerDividerVisible:m,headerVisible:x,listSectionDividerVisible:k,profileMenuItems:C,onHeaderAvatarPress:this.onPressHeaderAvatar,onHeaderTitlePress:this.onPressHeaderTitle,onHeaderSupportingTextPress:this.onPressHeaderSupportingText,onProfileMenuItemPress:this.onPressProfileMenuItem,selectedProfileMenuItemId:A})):void 0)}get hostElement(){return this}static get watchers(){return{id:[{idChanged:0}],profileControlAppearance:[{profileControlAppearanceChanged:0}],profileControlAvatarProps:[{profileControlAvatarPropsChanged:0}],expanded:[{expansionChanged:0}],profileControlAvatarVisible:[{profileControlAvatarVisibleChanged:0}],profileControlAvatarBadgeVisible:[{profileControlAvatarBadgeVisibleChanged:0}],profileControlBorderRadius:[{profileControlBorderRadiusChanged:0}],profileControlShadow:[{profileControlShadowChanged:0}],listSectionDividerVisible:[{listSectionDividerVisibleChanged:0}],profileControlLeadingIcon:[{profileControlLeadingIconChanged:0}],profileControlTrailingIcon:[{profileControlTrailingIconChanged:0}],profileControlTitle:[{profileControlTitleChanged:0}],profileControlSupportingText:[{profileControlSupportingTextChanged:0}],headerDividerVisible:[{headerDividerVisibleChanged:0}],headerItem:[{headerItemChanged:0}],headerVisible:[{headerVisibleChanged:0}],profileMenuItems:[{profileMenuItemsChanged:0}]}}static get style(){return".gids-profile{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--gids-gap-150);cursor:pointer;background-color:var(--gids-color-background-neutral-default);padding:var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-200);--gidsIcon-color:var(--gids-color-icon-subtle);border-radius:var(--gids-border-radius-none)}.gids-profile:hover{background-color:var(--gids-color-background-neutral-hovered)}.gids-profile:active{background-color:var(--gids-color-background-neutral-pressed)}.gids-profile__main-container{display:flex;align-items:center;flex:1;gap:var(--gids-gap-100)}.gids-profile__content-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.gids-profile__title-typography{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit)}.gids-profile__supporting-text-typography{margin:0;padding:0;font-family:var(--gids-typography-paragraph-x-small__font-family);font-size:var(--gids-typography-paragraph-x-small__font-size);font-weight:var(--gids-typography-paragraph-x-small__font-weight);letter-spacing:var(--gids-typography-paragraph-x-small__letter-spacing);line-height:var(--gids-typography-paragraph-x-small__line-height);text-transform:var(--gids-typography-paragraph-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-paragraph-x-small__font-variant-caps, inherit)}.gids-profile__title-default{color:var(--gids-color-text-default)}.gids-profile__supporting-text-default{color:var(--gids-color-text-subtlest)}.gids-profile__title-brand{color:var(--gids-color-text-default)}.gids-profile__supporting-text-brand{color:var(--gids-color-text-subtlest)}.gids-profile__title-subtle{color:var(--gids-color-text-default)}.gids-profile__supporting-text-subtle{color:var(--gids-color-text-subtlest)}.gids-profile__title-positive{color:var(--gids-color-text-default)}.gids-profile__supporting-text-positive{color:var(--gids-color-text-subtlest)}.gids-profile__title-information{color:var(--gids-color-text-default)}.gids-profile__supporting-text-information{color:var(--gids-color-text-subtlest)}.gids-profile__title-warning{color:var(--gids-color-text-default)}.gids-profile__supporting-text-warning{color:var(--gids-color-text-subtlest)}.gids-profile__title-danger{color:var(--gids-color-text-default)}.gids-profile__supporting-text-danger{color:var(--gids-color-text-subtlest)}.gids-profile--appearance-brand{background-color:var(--gids-color-background-brand-subtlest-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-brand:hover{background-color:var(--gids-color-background-brand-subtlest-hovered)}.gids-profile--appearance-brand:active{background-color:var(--gids-color-background-brand-subtlest-pressed)}.gids-profile--appearance-danger{background-color:var(--gids-color-background-danger-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-danger:hover{background-color:var(--gids-color-background-danger-hovered)}.gids-profile--appearance-danger:active{background-color:var(--gids-color-background-danger-pressed)}.gids-profile--appearance-information{background-color:var(--gids-color-background-information-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-information:hover{background-color:var(--gids-color-background-information-hovered)}.gids-profile--appearance-information:active{background-color:var(--gids-color-background-information-pressed)}.gids-profile--appearance-positive{background-color:var(--gids-color-background-positive-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-positive:hover{background-color:var(--gids-color-background-positive-hovered)}.gids-profile--appearance-positive:active{background-color:var(--gids-color-background-positive-pressed)}.gids-profile--appearance-subtle{background-color:var(--gids-color-background-neutral-subtle-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-subtle:hover{background-color:var(--gids-color-background-neutral-subtle-hovered)}.gids-profile--appearance-subtle:active{background-color:var(--gids-color-background-neutral-subtle-pressed)}.gids-profile--appearance-warning{background-color:var(--gids-color-background-warning-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-warning:hover{background-color:var(--gids-color-background-warning-hovered)}.gids-profile--appearance-warning:active{background-color:var(--gids-color-background-warning-pressed)}.gids-profile--border-radius-sm{border-radius:var(--gids-border-radius-sm)}.gids-profile--border-radius-md{border-radius:var(--gids-border-radius-md)}.gids-profile--border-radius-lg{border-radius:var(--gids-border-radius-lg)}.gids-profile--border-radius-full{border-radius:var(--gids-border-radius-full)}.gids-profile--shadow-overflow{box-shadow:var(--gids-elevation-shadow-overflow)}.gids-profile--shadow-overlay{box-shadow:var(--gids-elevation-shadow-overlay)}.gids-profile--shadow-raised{box-shadow:var(--gids-elevation-shadow-raised)}.gids-profile__dropdown-menu-container{position:absolute;left: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;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-profile__dropdown-menu-container>*{flex-shrink:0}.gids-profile--expanded .gids-profile__dropdown-menu-container{display:flex}"}},[0,"gids-profile",{id:[1],menuId:[1,"menu-id"],expanded:[4],profileControlAppearance:[1,"profile-control-appearance"],profileControlAvatarProps:[16],profileControlAvatarVisible:[4,"profile-control-avatar-visible"],profileControlAvatarBadgeVisible:[4,"profile-control-avatar-badge-visible"],profileControlBorderRadius:[1,"profile-control-border-radius"],profileControlShadow:[1,"profile-control-shadow"],profileControlLeadingIcon:[1,"profile-control-leading-icon"],profileControlTrailingIcon:[1,"profile-control-trailing-icon"],profileControlLeadingIconSize:[1,"profile-control-leading-icon-size"],profileControlTrailingIconSize:[1,"profile-control-trailing-icon-size"],profileControlLeadingIconAppearance:[1,"profile-control-leading-icon-appearance"],profileControlTrailingIconAppearance:[1,"profile-control-trailing-icon-appearance"],profileControlTitle:[1,"profile-control-title"],profileControlSupportingText:[1,"profile-control-supporting-text"],profileMenuItems:[16],headerDividerVisible:[4,"header-divider-visible"],headerVisible:[4,"header-visible"],headerItem:[16],listSectionDividerVisible:[4,"list-section-divider-visible"],onHeaderAvatarPress:[16],onHeaderTitlePress:[16],onHeaderSupportingTextPress:[16],onProfileMenuItemPress:[16],onPressProfileControl:[16],isMenuExpanded:[32],selectedProfileMenuItemId:[32]},void 0,{id:[{idChanged:0}],profileControlAppearance:[{profileControlAppearanceChanged:0}],profileControlAvatarProps:[{profileControlAvatarPropsChanged:0}],expanded:[{expansionChanged:0}],profileControlAvatarVisible:[{profileControlAvatarVisibleChanged:0}],profileControlAvatarBadgeVisible:[{profileControlAvatarBadgeVisibleChanged:0}],profileControlBorderRadius:[{profileControlBorderRadiusChanged:0}],profileControlShadow:[{profileControlShadowChanged:0}],listSectionDividerVisible:[{listSectionDividerVisibleChanged:0}],profileControlLeadingIcon:[{profileControlLeadingIconChanged:0}],profileControlTrailingIcon:[{profileControlTrailingIconChanged:0}],profileControlTitle:[{profileControlTitleChanged:0}],profileControlSupportingText:[{profileControlSupportingTextChanged:0}],headerDividerVisible:[{headerDividerVisibleChanged:0}],headerItem:[{headerItemChanged:0}],headerVisible:[{headerVisibleChanged:0}],profileMenuItems:[{profileMenuItemsChanged:0}]}]);function v(){"undefined"!=typeof customElements&&["gids-profile","gids-profile-menu","gids-profile-menu-header"].forEach((o=>{switch(o){case"gids-profile":customElements.get(e(o))||customElements.define(e(o),u);break;case"gids-profile-menu":customElements.get(e(o))||g();break;case"gids-profile-menu-header":customElements.get(e(o))||s()}}))}v();const b=u,C=v;export{b as GidsProfile,C as defineCustomElement}
|
|
1
|
+
import{t as e,p as o,H as i,h as r,c as a}from"./p-B4hcsDH0.js";import{GidsProfileWebUtils as t}from"@ganpatiinfo/gids-web-shared";import{GidsProfileMenuHeaderCommonUtils as l}from"@ganpatiinfo/gids-core-shared";import{d as s,G as n}from"./p-Dt270JVs.js";import{G as d}from"./p-CcKHKwS0.js";import{G as p}from"./p-iQRr_fAH.js";import{d as g}from"./p-DIrAYgqX.js";const{getGidsProfileClassNames:c,getGidsProfileTextClassNames:h}=t,{getProfileHeaderMenuAvatarText:f}=l,u=o(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.expanded=!1,this.profileControlAppearance="default",this.profileControlAvatarVisible=!0,this.profileControlAvatarBadgeVisible=!0,this.profileControlBorderRadius="none",this.profileControlShadow="none",this.profileControlLeadingIconSize="sm",this.profileControlTrailingIconSize="sm",this.profileControlLeadingIconAppearance="filled",this.profileControlTrailingIconAppearance="filled",this.profileMenuItems=[],this.headerDividerVisible=!1,this.headerVisible=!1,this.listSectionDividerVisible=!1,this.isMenuExpanded=!1,this.selectedProfileMenuItemId=void 0,this.onProfileControlPress=e=>{if(e&&e.stopPropagation(),this.hasMenu()){const o=!this.isMenuExpanded;this.isMenuExpanded=o,this.onPressProfileControl&&this.onPressProfileControl({originalEvent:e,id:this.id,menuId:this?.menuId,expanded:o,profileControlTitle:this?.profileControlTitle,profileControlSupportingText:this?.profileControlSupportingText})}},this.onPressProfileMenuItem=e=>{e?.originalEvent&&(e.originalEvent?.stopPropagation(),e.originalEvent?.preventDefault()),this.isMenuExpanded=!1,this.selectedProfileMenuItemId=e.id,this.onProfileMenuItemPress&&this.onProfileMenuItemPress({...e})},this.onPressHeaderAvatar=e=>{e?.originalEvent&&e.originalEvent?.stopPropagation(),this.isMenuExpanded=!1,this.onHeaderAvatarPress&&this.onHeaderAvatarPress({...e})},this.onPressHeaderTitle=e=>{e?.originalEvent&&e.originalEvent?.stopPropagation(),this.isMenuExpanded=!1,this.onHeaderAvatarPress&&this.onHeaderAvatarPress({...e})},this.onPressHeaderSupportingText=e=>{e?.originalEvent&&e.originalEvent?.stopPropagation(),this.isMenuExpanded=!1,this.onHeaderAvatarPress&&this.onHeaderAvatarPress({...e})},this.positionProfileMenu=()=>{const e=this.hostElement?.querySelector(".gids-profile__dropdown-menu-container");if(!e)return;const o=this.hostElement.getBoundingClientRect(),i=window.innerWidth,r=window.innerHeight;e.style.maxHeight="none";const a=e.getBoundingClientRect(),t=r-o.bottom-8,l=o.top-4,s=a.height>t&&l>t,n=s?l:t;e.style.maxHeight=a.height>n?n+"px":"none";const d=e.getBoundingClientRect();let p=o.left;p+d.width>i-4&&(p=i-d.width-4),p<4&&(p=4),e.style.left=p-o.left+"px",e.style.top=s?-d.height-4+"px":o.height+4+"px"},this.getProfileControlAvatarText=()=>{const e=this?.profileControlAvatarProps,o=this?.profileControlTitle;return e?.text??f({headerTitle:o})},this.hasHeaderItem=()=>{const e=this?.headerItem,o=this?.headerVisible;return!(!o||!(e?.avatarVisible||e?.avatarProps&&Object.keys(e).length>0||e?.headerSupportingText||e?.headerTitle))},this.hasMenu=()=>!!(this?.profileMenuItems&&this.profileMenuItems.length>0||this.hasHeaderItem()),this.handleDocumentClick=e=>{this.isMenuExpanded&&(e.composedPath().includes(this.hostElement)||(this.isMenuExpanded=!1))}}idChanged(e){this.id=e}profileControlAppearanceChanged(e){this.profileControlAppearance=e}profileControlAvatarPropsChanged(e){this.profileControlAvatarProps=e}expansionChanged(e){this.expanded=e,this.isMenuExpanded=e}profileControlAvatarVisibleChanged(e){this.profileControlAvatarVisible=e}profileControlAvatarBadgeVisibleChanged(e){this.profileControlAvatarBadgeVisible=e}profileControlBorderRadiusChanged(e){this.profileControlBorderRadius=e}profileControlShadowChanged(e){this.profileControlShadow=e}listSectionDividerVisibleChanged(e){this.listSectionDividerVisible=e}profileControlLeadingIconChanged(e){this.profileControlLeadingIcon=e}profileControlTrailingIconChanged(e){this.profileControlTrailingIcon=e}profileControlTitleChanged(e){this.profileControlTitle=e}profileControlSupportingTextChanged(e){this.profileControlSupportingText=e}headerDividerVisibleChanged(e){this.headerDividerVisible=e}headerItemChanged(e){this.headerItem=e}headerVisibleChanged(e){this.headerVisible=e}profileMenuItemsChanged(e){this.profileMenuItems=e}connectedCallback(){this.isMenuExpanded=this?.expanded??!1}componentDidLoad(){document.addEventListener("click",this.handleDocumentClick)}componentDidRender(){this.isMenuExpanded&&this.hasMenu()&&requestAnimationFrame((()=>{this.positionProfileMenu()}))}disconnectedCallback(){document.removeEventListener("click",this.handleDocumentClick)}render(){const e=this?.profileControlAppearance??"default",o=this?.profileControlAvatarProps,i=o?.badgeProps,t=this?.profileControlAvatarVisible??!1,l=this?.profileControlAvatarBadgeVisible??!1,s=this?.profileControlBorderRadius??"none",g=this?.profileControlShadow??"none",f=this?.profileControlLeadingIcon,u=this?.profileControlTrailingIcon,v=this?.profileControlTitle??"",b=this?.profileControlSupportingText??"",C=this?.profileMenuItems??[],m=this?.headerDividerVisible??!1,x=this?.headerVisible??!1,_=this?.headerItem,k=this?.listSectionDividerVisible??!1,y=this?.menuId,w=this?.isMenuExpanded??!1,I=this.hasMenu(),A=this.selectedProfileMenuItemId,V=this?.profileControlLeadingIconSize??"sm",T=this?.profileControlTrailingIconSize??"sm",S=this?.profileControlLeadingIconAppearance??"filled",P=this?.profileControlTrailingIconAppearance??"filled",D=c({profileControlAppearance:e,profileControlBorderRadius:s,profileControlShadow:g,expanded:w&&I}),B=o?.size??"sm",{titleClasses:z,supportingTextClasses:M}=h({profileControlAppearance:e});let H=o?.color??"brand";return"brand"===e&&(H=o?.color??"default"),r(a,{key:"89495ba91ebb0dc283ee22e822a1f8e2f40c784f",class:D,onClick:this.onProfileControlPress,"menu-expanded":w},f?r(p,{name:f,size:V,appearance:S}):void 0,r("div",{key:"dff2ef5b5715ddf4ad057fb2c2adde60867ca761",class:"gids-profile__main-container"},t?r(n,{appearance:o?.appearance??"text",color:H,size:B,text:this.getProfileControlAvatarText(),imageSrc:o?.imageSrc??"",alt:o?.alt??"alt-img",badge:l?r(d,{appearance:i?.appearance??"information",type:i?.type,count:i?.count,outline:i?.outline}):void 0}):void 0,r("div",{key:"1c502055d1852cf09061d2ba67fd3c3d0193e5ce",class:"gids-profile__content-container"},r("span",{key:"6bb63ec756bff613c970bc9f461697d503a30ef2",class:z},v),r("p",{key:"fc73f0fd7065e5f9b2d4d8fda09e37387e565ee7",class:M},b))),u?r(p,{name:u,size:T,appearance:P}):void 0,I&&w?r("div",{class:"gids-profile__dropdown-menu-container",id:y,role:"profilePickerbox",onClick:e=>e.stopPropagation()},r("gids-profile-menu",{headerItem:_,headerDividerVisible:m,headerVisible:x,listSectionDividerVisible:k,profileMenuItems:C,onHeaderAvatarPress:this.onPressHeaderAvatar,onHeaderTitlePress:this.onPressHeaderTitle,onHeaderSupportingTextPress:this.onPressHeaderSupportingText,onProfileMenuItemPress:this.onPressProfileMenuItem,selectedProfileMenuItemId:A})):void 0)}get hostElement(){return this}static get watchers(){return{id:[{idChanged:0}],profileControlAppearance:[{profileControlAppearanceChanged:0}],profileControlAvatarProps:[{profileControlAvatarPropsChanged:0}],expanded:[{expansionChanged:0}],profileControlAvatarVisible:[{profileControlAvatarVisibleChanged:0}],profileControlAvatarBadgeVisible:[{profileControlAvatarBadgeVisibleChanged:0}],profileControlBorderRadius:[{profileControlBorderRadiusChanged:0}],profileControlShadow:[{profileControlShadowChanged:0}],listSectionDividerVisible:[{listSectionDividerVisibleChanged:0}],profileControlLeadingIcon:[{profileControlLeadingIconChanged:0}],profileControlTrailingIcon:[{profileControlTrailingIconChanged:0}],profileControlTitle:[{profileControlTitleChanged:0}],profileControlSupportingText:[{profileControlSupportingTextChanged:0}],headerDividerVisible:[{headerDividerVisibleChanged:0}],headerItem:[{headerItemChanged:0}],headerVisible:[{headerVisibleChanged:0}],profileMenuItems:[{profileMenuItemsChanged:0}]}}static get style(){return".gids-profile{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--gids-gap-150);cursor:pointer;background-color:var(--gids-color-background-neutral-default);padding:var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-200);--gidsIcon-color:var(--gids-color-icon-subtle);border-radius:var(--gids-border-radius-none)}.gids-profile:hover{background-color:var(--gids-color-background-neutral-hovered)}.gids-profile:active{background-color:var(--gids-color-background-neutral-pressed)}.gids-profile__main-container{display:flex;align-items:center;flex:1;gap:var(--gids-gap-100)}.gids-profile__content-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.gids-profile__title-typography{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit)}.gids-profile__supporting-text-typography{margin:0;padding:0;font-family:var(--gids-typography-paragraph-x-small__font-family);font-size:var(--gids-typography-paragraph-x-small__font-size);font-weight:var(--gids-typography-paragraph-x-small__font-weight);letter-spacing:var(--gids-typography-paragraph-x-small__letter-spacing);line-height:var(--gids-typography-paragraph-x-small__line-height);text-transform:var(--gids-typography-paragraph-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-paragraph-x-small__font-variant-caps, inherit)}.gids-profile__title-default{color:var(--gids-color-text-default)}.gids-profile__supporting-text-default{color:var(--gids-color-text-subtlest)}.gids-profile__title-brand{color:var(--gids-color-text-default)}.gids-profile__supporting-text-brand{color:var(--gids-color-text-subtlest)}.gids-profile__title-subtle{color:var(--gids-color-text-default)}.gids-profile__supporting-text-subtle{color:var(--gids-color-text-subtlest)}.gids-profile__title-positive{color:var(--gids-color-text-default)}.gids-profile__supporting-text-positive{color:var(--gids-color-text-subtlest)}.gids-profile__title-information{color:var(--gids-color-text-default)}.gids-profile__supporting-text-information{color:var(--gids-color-text-subtlest)}.gids-profile__title-warning{color:var(--gids-color-text-default)}.gids-profile__supporting-text-warning{color:var(--gids-color-text-subtlest)}.gids-profile__title-danger{color:var(--gids-color-text-default)}.gids-profile__supporting-text-danger{color:var(--gids-color-text-subtlest)}.gids-profile--appearance-brand{background-color:var(--gids-color-background-brand-subtlest-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-brand:hover{background-color:var(--gids-color-background-brand-subtlest-hovered)}.gids-profile--appearance-brand:active{background-color:var(--gids-color-background-brand-subtlest-pressed)}.gids-profile--appearance-danger{background-color:var(--gids-color-background-danger-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-danger:hover{background-color:var(--gids-color-background-danger-hovered)}.gids-profile--appearance-danger:active{background-color:var(--gids-color-background-danger-pressed)}.gids-profile--appearance-information{background-color:var(--gids-color-background-information-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-information:hover{background-color:var(--gids-color-background-information-hovered)}.gids-profile--appearance-information:active{background-color:var(--gids-color-background-information-pressed)}.gids-profile--appearance-positive{background-color:var(--gids-color-background-positive-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-positive:hover{background-color:var(--gids-color-background-positive-hovered)}.gids-profile--appearance-positive:active{background-color:var(--gids-color-background-positive-pressed)}.gids-profile--appearance-subtle{background-color:var(--gids-color-background-neutral-subtle-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-subtle:hover{background-color:var(--gids-color-background-neutral-subtle-hovered)}.gids-profile--appearance-subtle:active{background-color:var(--gids-color-background-neutral-subtle-pressed)}.gids-profile--appearance-warning{background-color:var(--gids-color-background-warning-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-warning:hover{background-color:var(--gids-color-background-warning-hovered)}.gids-profile--appearance-warning:active{background-color:var(--gids-color-background-warning-pressed)}.gids-profile--border-radius-sm{border-radius:var(--gids-border-radius-sm)}.gids-profile--border-radius-md{border-radius:var(--gids-border-radius-md)}.gids-profile--border-radius-lg{border-radius:var(--gids-border-radius-lg)}.gids-profile--border-radius-full{border-radius:var(--gids-border-radius-full)}.gids-profile--shadow-overflow{box-shadow:var(--gids-elevation-shadow-overflow)}.gids-profile--shadow-overlay{box-shadow:var(--gids-elevation-shadow-overlay)}.gids-profile--shadow-raised{box-shadow:var(--gids-elevation-shadow-raised)}.gids-profile__dropdown-menu-container{position:absolute;left: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;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-profile__dropdown-menu-container>*{flex-shrink:0}.gids-profile--expanded .gids-profile__dropdown-menu-container{display:flex}"}},[0,"gids-profile",{id:[1],menuId:[1,"menu-id"],expanded:[4],profileControlAppearance:[1,"profile-control-appearance"],profileControlAvatarProps:[16],profileControlAvatarVisible:[4,"profile-control-avatar-visible"],profileControlAvatarBadgeVisible:[4,"profile-control-avatar-badge-visible"],profileControlBorderRadius:[1,"profile-control-border-radius"],profileControlShadow:[1,"profile-control-shadow"],profileControlLeadingIcon:[1,"profile-control-leading-icon"],profileControlTrailingIcon:[1,"profile-control-trailing-icon"],profileControlLeadingIconSize:[1,"profile-control-leading-icon-size"],profileControlTrailingIconSize:[1,"profile-control-trailing-icon-size"],profileControlLeadingIconAppearance:[1,"profile-control-leading-icon-appearance"],profileControlTrailingIconAppearance:[1,"profile-control-trailing-icon-appearance"],profileControlTitle:[1,"profile-control-title"],profileControlSupportingText:[1,"profile-control-supporting-text"],profileMenuItems:[16],headerDividerVisible:[4,"header-divider-visible"],headerVisible:[4,"header-visible"],headerItem:[16],listSectionDividerVisible:[4,"list-section-divider-visible"],onHeaderAvatarPress:[16],onHeaderTitlePress:[16],onHeaderSupportingTextPress:[16],onProfileMenuItemPress:[16],onPressProfileControl:[16],isMenuExpanded:[32],selectedProfileMenuItemId:[32]},void 0,{id:[{idChanged:0}],profileControlAppearance:[{profileControlAppearanceChanged:0}],profileControlAvatarProps:[{profileControlAvatarPropsChanged:0}],expanded:[{expansionChanged:0}],profileControlAvatarVisible:[{profileControlAvatarVisibleChanged:0}],profileControlAvatarBadgeVisible:[{profileControlAvatarBadgeVisibleChanged:0}],profileControlBorderRadius:[{profileControlBorderRadiusChanged:0}],profileControlShadow:[{profileControlShadowChanged:0}],listSectionDividerVisible:[{listSectionDividerVisibleChanged:0}],profileControlLeadingIcon:[{profileControlLeadingIconChanged:0}],profileControlTrailingIcon:[{profileControlTrailingIconChanged:0}],profileControlTitle:[{profileControlTitleChanged:0}],profileControlSupportingText:[{profileControlSupportingTextChanged:0}],headerDividerVisible:[{headerDividerVisibleChanged:0}],headerItem:[{headerItemChanged:0}],headerVisible:[{headerVisibleChanged:0}],profileMenuItems:[{profileMenuItemsChanged:0}]}]);function v(){"undefined"!=typeof customElements&&["gids-profile","gids-profile-menu","gids-profile-menu-header"].forEach((o=>{switch(o){case"gids-profile":customElements.get(e(o))||customElements.define(e(o),u);break;case"gids-profile-menu":customElements.get(e(o))||g();break;case"gids-profile-menu-header":customElements.get(e(o))||s()}}))}v();const b=u,C=v;export{b as GidsProfile,C as defineCustomElement}
|
package/dist/gids-scrim.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as s,p as t,H as e,h as a}from"./p-B4hcsDH0.js";import{g as r}from"./p-B2zUuNXz.js";import{GidsScrimWebUtils as i}from"@ganpatiinfo/gids-web-shared";const{getGidsScrimClassNames:
|
|
1
|
+
import{t as s,p as t,H as e,h as a}from"./p-B4hcsDH0.js";import{g as r}from"./p-B2zUuNXz.js";import{GidsScrimWebUtils as i}from"@ganpatiinfo/gids-web-shared";const{getGidsScrimClassNames:o}=i,c=t(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.activeClasses=""}handleExtraClassesChange(s){this.activeClasses=o(s)}connectedCallback(){const s=r();void 0!==s&&this._el.shadowRoot?.adoptedStyleSheets.push(s),this.activeClasses=o(this.extraClasses)}render(){return a("div",{key:"afee2cdcc550ba80921f82b755d42f72605226fa",class:this.activeClasses,part:"root"},a("slot",{key:"aef36cdad954f7f7f025ae5fbfa686099af8af31"}))}get _el(){return this}static get watchers(){return{extraClasses:[{handleExtraClassesChange:0}]}}static get style(){return".gids-scrim{display:flex;flex-direction:column;background-color:var(--gids-color-background-scrim);height:100vh !important;position:absolute;top:0;bottom:0;left:0;right:0;z-index:1001;align-items:center;justify-content:center;backdrop-filter:blur(12)}"}},[257,"gids-scrim",{extraClasses:[513,"extra-classes"],activeClasses:[32]},void 0,{extraClasses:[{handleExtraClassesChange:0}]}]);function n(){"undefined"!=typeof customElements&&["gids-scrim"].forEach((t=>{"gids-scrim"===t&&(customElements.get(s(t))||customElements.define(s(t),c))}))}n();const l=c,d=n;export{l as GidsScrim,d as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{G as o,d as s}from"./p-
|
|
1
|
+
import{G as o,d as s}from"./p-DMN5PI18.js";const p=o,r=s;export{p as GidsSidebarItem,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{e as
|
|
1
|
+
import{e as o,d as s}from"./p-69VXkSHc.js";const p=o,r=s;export{p as GidsSidebarMenu,r as defineCustomElement}
|
package/dist/gids-sidebar.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as t,H as i,h as s,c as a}from"./p-B4hcsDH0.js";import{GidsSidebarWebUtils as d}from"@ganpatiinfo/gids-web-shared";import{G as n}from"./p-CcKHKwS0.js";import{G as r}from"./p-BsC3-MVH.js";import{G as c}from"./p-iQRr_fAH.js";import{d as o,G as l,a as h,b as m}from"./p-B2YjHZsu.js";import{G as g}from"./p-BRNvHMdK.js";import{d as p}from"./p-CxfmNDsm.js";import{d as u}from"./p-CKj2Ru6e.js";const{getGidsSidebarClassNames:I}=d,b=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.id="sidebar",this.appearance="default",this.sidebarItemAppearance="subtle",this.sidebarItemSelectionAppearance="default",this.sidebarMenuItemAppearance="subtle",this.sidebarMenuItemSelectionAppearance="default",this.height="intrinsic",this.sectionDividers=!0,this.itemDividers=!1,this.headerDivider=!0,this.menuPlacement="right-end",this.menuConstrainPlacements=["right-end","left-end","left","right","right-start","left-start"],this.listData=[],this.selectedMenuItemSectionIdState=void 0,this.selectedMenuItemIdState=void 0,this.selectedSectionIdState=void 0,this.selectedItemIdState=void 0,this.hasHeaderContent=!1,this.onSidebarItemPress=({event:e,sectionId:t,sectionIndex:i,itemIndex:s})=>{this.selectedSectionIdState=t,this.selectedItemIdState=e?.sidebarItemId??void 0,this.selectedMenuItemSectionIdState=e?.sidebarMenuItemSectionId??void 0,this.selectedMenuItemIdState=e?.sidebarMenuItemId??void 0,this.onSidebarChange&&this.onSidebarChange({...e,originalEvent:e?.originalEvent,sidebarSectionId:t,sidebarSectionIndex:i,sidebarItemIndex:s})},this.hasMenu=e=>{const t=e?.menuData??[];if(t.length<=0)return!1;const i=t[0]?.menuItems??[];if(i.length<=0)return!1;const s=i[0];return!!s?.id},this.sidebarMenuItemSelected=({listItem:e,listItemSectionId:t})=>{if(t===this.selectedSectionIdState&&e.id===this.selectedItemIdState){const t=(e?.menuData??[]).find((e=>e?.sectionId===this?.selectedMenuItemSectionIdState));if(t){const e=t?.menuItems??[];return!!(e.length>0&&e.find((e=>e.id===this?.selectedMenuItemIdState)))}return!1}return!1},this.sidebarItemSelected=({listItem:e,listItemSectionId:t})=>this.hasMenu(e)?this.sidebarMenuItemSelected({listItem:e,listItemSectionId:t}):t===this.selectedSectionIdState&&e.id===this.selectedItemIdState,this.renderAccessory=({accessoryType:e,accessory:t,slotName:i})=>{switch(e){case"badge":return s(n,{...t?.badgeProps,slot:i});case"display-tag":return s(r,{...t?.displayTagProps,label:t?.displayTagProps?.label??"",color:t?.displayTagProps?.color??"accent-1",slot:i,icon:t?.displayTagProps?.iconName?s(c,{name:t.displayTagProps.iconName,appearance:t?.displayTagProps?.iconAppearance??"regular",size:t?.displayTagProps?.iconSize??"md",alt:t?.displayTagProps?.iconAlt}):void 0});case"status-tag":return s(m,{...t?.statusTagProps,slot:i});case"checkbox":return s(h,{checked:t?.checkboxProps?.checked,disabled:t?.checkboxProps?.disabled,indeterminate:t?.checkboxProps?.indeterminate,slot:i},t?.checkboxProps?.label);case"radio":return s(l,{checked:t?.radioProps?.checked,disabled:t?.radioProps?.disabled,slot:i},t?.radioProps?.label);default:return}},this.renderIcon=e=>e?.name?s(c,{name:e.name,appearance:e?.appearance??"regular",size:e?.size??"md",alt:e?.alt,slot:"sidebarItemLeadingIcon"}):void 0}idChanged(e){this.id=e}appearanceChanged(e){this.appearance=e}sidebarItemAppearanceChanged(e){this.sidebarItemAppearance=e}sidebarItemSelectionAppearanceChanged(e){this.sidebarItemSelectionAppearance=e}sidebarMenuItemAppearanceChanged(e){this.sidebarMenuItemAppearance=e}sidebarMenuItemSelectionAppearanceChanged(e){this.sidebarMenuItemSelectionAppearance=e}selectedSectionIdChanged(e){this.selectedSectionId=e,this.selectedSectionIdState=e}selectedItemIdChanged(e){this.selectedItemId=e,this.selectedItemIdState=e}selectedMenuItemSectionIdChanged(e){this.selectedMenuItemSectionId=e,this.selectedMenuItemSectionIdState=e}selectedMenuItemIdChanged(e){this.selectedMenuItemId=e,this.selectedMenuItemIdState=e}heightChanged(e){this.height=e}sectionDividersChanged(e){this.sectionDividers=e}itemDividersChanged(e){this.itemDividers=e}menuPlacementChanged(e){this.menuPlacement=e}menuConstrainPlacementsChanged(e){this.menuConstrainPlacements=e}listDataChanged(e){this.listData=e}connectedCallback(){this.selectedMenuItemSectionIdState=this.selectedMenuItemSectionId,this.selectedMenuItemIdState=this.selectedMenuItemId,this.selectedSectionIdState=this.selectedSectionId,this.selectedItemIdState=this.selectedItemId,this.hasHeaderContent=Array.from(this.hostElement.childNodes).some((e=>e.nodeType===Node.ELEMENT_NODE||e.nodeType===Node.TEXT_NODE&&(e.textContent?.trim().length??0)>0))}render(){const e=this.id,t=this?.appearance??"default",i=this?.sidebarItemAppearance??"subtle",d=this?.sidebarItemSelectionAppearance??"default",n=this?.sidebarMenuItemAppearance??"subtle",r=this?.sidebarMenuItemSelectionAppearance??"default",c=this?.height??"intrinsic",o=this?.menuPlacement??"right-end",l=this?.menuConstrainPlacements&&this.menuConstrainPlacements.length>0?this.menuConstrainPlacements:["right-end","left-end","left","right","right-start","left-start"],h=this?.listData??[],m=this?.sectionDividers??!0,p=this?.itemDividers??!1,u=this?.headerDivider??!0,b=this?.selectedMenuItemSectionIdState??void 0,C=this?.selectedMenuItemIdState??void 0,v=this.hasHeaderContent,f=I({appearance:t,height:c});return s(a,{key:"91b0ee66c7ea0bca4e40daa4deab382eda41af65",class:f,id:e,"data-appearance":t},v?s("div",{class:"gids-sidebar__header-container"},s("slot",null),v&&u?s(g,null):void 0):void 0,h.map(((e,t)=>{const a=e?.lisItems??[],c=e?.listSectionLabel,u=e?.listSectionId;return s("div",{key:`${t+1}-${u}`,class:"gids-sidebar__list-section-container"},c?s("h4",null,c):void 0,a.map(((e,c)=>{const h=`${c+1}-${t+1}-${e.id}`,{leadingAccessoryType:m,leadingAccessory:I,trailingAccessoryType:v,trailingAccessory:f,leadingIconProps:S,...A}=e;return s("div",{class:"gids-sidebar__item-container"},s("gids-sidebar-item",{...A,key:h,id:e.id,appearance:i,selectionAppearance:d,sidebarMenuItemAppearance:n,sidebarMenuItemSelectionAppearance:r,menuPlacement:o,menuConstrainPlacements:l,menuData:e?.menuData??[],menuId:e?.menuId,leadingLabel:e?.leadingLabel,leadingSupportingText:e?.leadingSupportingText,trailingLabel:e?.trailingLabel,trailingSupportingText:e?.trailingSupportingText,disabled:e?.disabled,selectedMenuItemSectionId:b,selectedMenuItemId:C,selected:this.sidebarItemSelected({listItem:e,listItemSectionId:u}),onPressSidebarItem:e=>this.onSidebarItemPress({event:e,sectionId:u,sectionIndex:t,itemIndex:c})},this.renderAccessory({accessoryType:m,accessory:I,slotName:"sidebarItemLeadingAccessory"}),this.renderIcon(S),this.renderAccessory({accessoryType:v,accessory:f,slotName:"sidebarItemTrailingAccessory"})),p&&c<a.length-1?s(g,null):void 0)})),m&&t<h.length-1?s("div",{class:"gids-sidebar__section-divider-container"},s(g,null)):void 0)})))}get hostElement(){return this}static get watchers(){return{id:[{idChanged:0}],appearance:[{appearanceChanged:0}],sidebarItemAppearance:[{sidebarItemAppearanceChanged:0}],sidebarItemSelectionAppearance:[{sidebarItemSelectionAppearanceChanged:0}],sidebarMenuItemAppearance:[{sidebarMenuItemAppearanceChanged:0}],sidebarMenuItemSelectionAppearance:[{sidebarMenuItemSelectionAppearanceChanged:0}],selectedSectionId:[{selectedSectionIdChanged:0}],selectedItemId:[{selectedItemIdChanged:0}],selectedMenuItemSectionId:[{selectedMenuItemSectionIdChanged:0}],selectedMenuItemId:[{selectedMenuItemIdChanged:0}],height:[{heightChanged:0}],sectionDividers:[{sectionDividersChanged:0}],itemDividers:[{itemDividersChanged:0}],menuPlacement:[{menuPlacementChanged:0}],menuConstrainPlacements:[{menuConstrainPlacementsChanged:0}],listData:[{listDataChanged:0}]}}static get style(){return".gids-sidebar{display:flex;flex-direction:column;gap:var(--gids-gap-300);padding:var(--gids-padding-vertical-edge-to-element-250) var(--gids-padding-horizontal-edge-to-element-300);background-color:var(--gids-color-background-canvas);border-radius:var(--gids-border-radius-lg);border:var(--gids-border-width-thin) solid var(--gids-color-border-default)}.gids-sidebar__header-container{display:flex;flex-direction:column;width:100%;gap:var(--gids-gap-400)}.gids-sidebar__list-section-container{display:flex;flex-direction:column;gap:var(--gids-gap-150)}.gids-sidebar__list-section-container h4{margin:0;color:var(--gids-color-text-subtlest)}.gids-sidebar__item-container{display:flex;flex-direction:column;width:100%;gap:var(--gids-gap-200)}.gids-sidebar__section-divider-container{display:flex;flex-direction:column;width:100%;padding:var(--gids-padding-vertical-edge-to-element-250) 0}.gids-sidebar--appearance-subtle{background-color:transparent}.gids-sidebar--appearance-primary{background-color:var(--gids-color-background-brand-subtlest-default)}.gids-sidebar--height-full{height:100vh !important;overflow-x:hidden;overflow-y:auto}"}},[260,"gids-sidebar",{id:[1],appearance:[1],sidebarItemAppearance:[1,"sidebar-item-appearance"],sidebarItemSelectionAppearance:[1,"sidebar-item-selection-appearance"],sidebarMenuItemAppearance:[1,"sidebar-menu-item-appearance"],sidebarMenuItemSelectionAppearance:[1,"sidebar-menu-item-selection-appearance"],selectedSectionId:[1,"selected-section-id"],selectedItemId:[1,"selected-item-id"],selectedMenuItemId:[1,"selected-menu-item-id"],selectedMenuItemSectionId:[1,"selected-menu-item-section-id"],height:[1],sectionDividers:[4,"section-dividers"],itemDividers:[4,"item-dividers"],headerDivider:[4,"header-divider"],menuPlacement:[1,"menu-placement"],menuConstrainPlacements:[16],listData:[16],onSidebarChange:[16],selectedMenuItemSectionIdState:[32],selectedMenuItemIdState:[32],selectedSectionIdState:[32],selectedItemIdState:[32],hasHeaderContent:[32]},void 0,{id:[{idChanged:0}],appearance:[{appearanceChanged:0}],sidebarItemAppearance:[{sidebarItemAppearanceChanged:0}],sidebarItemSelectionAppearance:[{sidebarItemSelectionAppearanceChanged:0}],sidebarMenuItemAppearance:[{sidebarMenuItemAppearanceChanged:0}],sidebarMenuItemSelectionAppearance:[{sidebarMenuItemSelectionAppearanceChanged:0}],selectedSectionId:[{selectedSectionIdChanged:0}],selectedItemId:[{selectedItemIdChanged:0}],selectedMenuItemSectionId:[{selectedMenuItemSectionIdChanged:0}],selectedMenuItemId:[{selectedMenuItemIdChanged:0}],height:[{heightChanged:0}],sectionDividers:[{sectionDividersChanged:0}],itemDividers:[{itemDividersChanged:0}],menuPlacement:[{menuPlacementChanged:0}],menuConstrainPlacements:[{menuConstrainPlacementsChanged:0}],listData:[{listDataChanged:0}]}]);function C(){"undefined"!=typeof customElements&&["gids-sidebar","gids-flyout-panel","gids-sidebar-item","gids-sidebar-menu"].forEach((t=>{switch(t){case"gids-sidebar":customElements.get(e(t))||customElements.define(e(t),b);break;case"gids-flyout-panel":customElements.get(e(t))||p();break;case"gids-sidebar-item":customElements.get(e(t))||u();break;case"gids-sidebar-menu":customElements.get(e(t))||o()}}))}C();const v=b,f=C;export{v as GidsSidebar,f as defineCustomElement}
|
|
1
|
+
import{t as e,p as t,H as i,h as s,c as a}from"./p-B4hcsDH0.js";import{GidsSidebarWebUtils as d}from"@ganpatiinfo/gids-web-shared";import{G as n}from"./p-CcKHKwS0.js";import{G as r}from"./p-BsC3-MVH.js";import{G as c}from"./p-iQRr_fAH.js";import{d as o,G as l,a as h,b as m}from"./p-69VXkSHc.js";import{G as g}from"./p-BRNvHMdK.js";import{d as p}from"./p-CS2U2Mro.js";import{d as u}from"./p-DMN5PI18.js";const{getGidsSidebarClassNames:I}=d,b=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.id="sidebar",this.appearance="default",this.sidebarItemAppearance="subtle",this.sidebarItemSelectionAppearance="default",this.sidebarMenuItemAppearance="subtle",this.sidebarMenuItemSelectionAppearance="default",this.height="intrinsic",this.sectionDividers=!0,this.itemDividers=!1,this.headerDivider=!0,this.menuPlacement="right-end",this.menuConstrainPlacements=["right-end","left-end","left","right","right-start","left-start"],this.listData=[],this.selectedMenuItemSectionIdState=void 0,this.selectedMenuItemIdState=void 0,this.selectedSectionIdState=void 0,this.selectedItemIdState=void 0,this.hasHeaderContent=!1,this.onSidebarItemPress=({event:e,sectionId:t,sectionIndex:i,itemIndex:s})=>{this.selectedSectionIdState=t,this.selectedItemIdState=e?.sidebarItemId??void 0,this.selectedMenuItemSectionIdState=e?.sidebarMenuItemSectionId??void 0,this.selectedMenuItemIdState=e?.sidebarMenuItemId??void 0,this.onSidebarChange&&this.onSidebarChange({...e,originalEvent:e?.originalEvent,sidebarSectionId:t,sidebarSectionIndex:i,sidebarItemIndex:s})},this.hasMenu=e=>{const t=e?.menuData??[];if(t.length<=0)return!1;const i=t[0]?.menuItems??[];if(i.length<=0)return!1;const s=i[0];return!!s?.id},this.sidebarMenuItemSelected=({listItem:e,listItemSectionId:t})=>{if(t===this.selectedSectionIdState&&e.id===this.selectedItemIdState){const t=(e?.menuData??[]).find((e=>e?.sectionId===this?.selectedMenuItemSectionIdState));if(t){const e=t?.menuItems??[];return!!(e.length>0&&e.find((e=>e.id===this?.selectedMenuItemIdState)))}return!1}return!1},this.sidebarItemSelected=({listItem:e,listItemSectionId:t})=>this.hasMenu(e)?this.sidebarMenuItemSelected({listItem:e,listItemSectionId:t}):t===this.selectedSectionIdState&&e.id===this.selectedItemIdState,this.renderAccessory=({accessoryType:e,accessory:t,slotName:i})=>{switch(e){case"badge":return s(n,{...t?.badgeProps,slot:i});case"display-tag":return s(r,{...t?.displayTagProps,label:t?.displayTagProps?.label??"",color:t?.displayTagProps?.color??"accent-1",slot:i,icon:t?.displayTagProps?.iconName?s(c,{name:t.displayTagProps.iconName,appearance:t?.displayTagProps?.iconAppearance??"regular",size:t?.displayTagProps?.iconSize??"md",alt:t?.displayTagProps?.iconAlt}):void 0});case"status-tag":return s(m,{...t?.statusTagProps,slot:i});case"checkbox":return s(h,{checked:t?.checkboxProps?.checked,disabled:t?.checkboxProps?.disabled,indeterminate:t?.checkboxProps?.indeterminate,slot:i},t?.checkboxProps?.label);case"radio":return s(l,{checked:t?.radioProps?.checked,disabled:t?.radioProps?.disabled,slot:i},t?.radioProps?.label);default:return}},this.renderIcon=e=>e?.name?s(c,{name:e.name,appearance:e?.appearance??"regular",size:e?.size??"md",alt:e?.alt,slot:"sidebarItemLeadingIcon"}):void 0}idChanged(e){this.id=e}appearanceChanged(e){this.appearance=e}sidebarItemAppearanceChanged(e){this.sidebarItemAppearance=e}sidebarItemSelectionAppearanceChanged(e){this.sidebarItemSelectionAppearance=e}sidebarMenuItemAppearanceChanged(e){this.sidebarMenuItemAppearance=e}sidebarMenuItemSelectionAppearanceChanged(e){this.sidebarMenuItemSelectionAppearance=e}selectedSectionIdChanged(e){this.selectedSectionId=e,this.selectedSectionIdState=e}selectedItemIdChanged(e){this.selectedItemId=e,this.selectedItemIdState=e}selectedMenuItemSectionIdChanged(e){this.selectedMenuItemSectionId=e,this.selectedMenuItemSectionIdState=e}selectedMenuItemIdChanged(e){this.selectedMenuItemId=e,this.selectedMenuItemIdState=e}heightChanged(e){this.height=e}sectionDividersChanged(e){this.sectionDividers=e}itemDividersChanged(e){this.itemDividers=e}menuPlacementChanged(e){this.menuPlacement=e}menuConstrainPlacementsChanged(e){this.menuConstrainPlacements=e}listDataChanged(e){this.listData=e}connectedCallback(){this.selectedMenuItemSectionIdState=this.selectedMenuItemSectionId,this.selectedMenuItemIdState=this.selectedMenuItemId,this.selectedSectionIdState=this.selectedSectionId,this.selectedItemIdState=this.selectedItemId,this.hasHeaderContent=Array.from(this.hostElement.childNodes).some((e=>e.nodeType===Node.ELEMENT_NODE||e.nodeType===Node.TEXT_NODE&&(e.textContent?.trim().length??0)>0))}render(){const e=this.id,t=this?.appearance??"default",i=this?.sidebarItemAppearance??"subtle",d=this?.sidebarItemSelectionAppearance??"default",n=this?.sidebarMenuItemAppearance??"subtle",r=this?.sidebarMenuItemSelectionAppearance??"default",c=this?.height??"intrinsic",o=this?.menuPlacement??"right-end",l=this?.menuConstrainPlacements&&this.menuConstrainPlacements.length>0?this.menuConstrainPlacements:["right-end","left-end","left","right","right-start","left-start"],h=this?.listData??[],m=this?.sectionDividers??!0,p=this?.itemDividers??!1,u=this?.headerDivider??!0,b=this?.selectedMenuItemSectionIdState??void 0,v=this?.selectedMenuItemIdState??void 0,C=this.hasHeaderContent,f=I({appearance:t,height:c});return s(a,{key:"71b93e935f9da8f1748243314eec925f6a66d328",class:f,id:e,"data-appearance":t},C?s("div",{class:"gids-sidebar__header-container"},s("slot",null),C&&u?s(g,null):void 0):void 0,h.map(((e,t)=>{const a=e?.lisItems??[],c=e?.listSectionLabel,u=e?.listSectionId;return s("div",{key:`${t+1}-${u}`,class:"gids-sidebar__list-section-container"},c?s("h4",null,c):void 0,a.map(((e,c)=>{const h=`${c+1}-${t+1}-${e.id}`,{leadingAccessoryType:m,leadingAccessory:I,trailingAccessoryType:C,trailingAccessory:f,leadingIconProps:S,...A}=e;return s("div",{class:"gids-sidebar__item-container"},s("gids-sidebar-item",{...A,key:h,id:e.id,appearance:i,selectionAppearance:d,sidebarMenuItemAppearance:n,sidebarMenuItemSelectionAppearance:r,menuPlacement:o,menuConstrainPlacements:l,menuData:e?.menuData??[],menuId:e?.menuId,leadingLabel:e?.leadingLabel,leadingSupportingText:e?.leadingSupportingText,trailingLabel:e?.trailingLabel,trailingSupportingText:e?.trailingSupportingText,disabled:e?.disabled,selectedMenuItemSectionId:b,selectedMenuItemId:v,selected:this.sidebarItemSelected({listItem:e,listItemSectionId:u}),onPressSidebarItem:e=>this.onSidebarItemPress({event:e,sectionId:u,sectionIndex:t,itemIndex:c})},this.renderAccessory({accessoryType:m,accessory:I,slotName:"sidebarItemLeadingAccessory"}),this.renderIcon(S),this.renderAccessory({accessoryType:C,accessory:f,slotName:"sidebarItemTrailingAccessory"})),p&&c<a.length-1?s(g,null):void 0)})),m&&t<h.length-1?s("div",{class:"gids-sidebar__section-divider-container"},s(g,null)):void 0)})))}get hostElement(){return this}static get watchers(){return{id:[{idChanged:0}],appearance:[{appearanceChanged:0}],sidebarItemAppearance:[{sidebarItemAppearanceChanged:0}],sidebarItemSelectionAppearance:[{sidebarItemSelectionAppearanceChanged:0}],sidebarMenuItemAppearance:[{sidebarMenuItemAppearanceChanged:0}],sidebarMenuItemSelectionAppearance:[{sidebarMenuItemSelectionAppearanceChanged:0}],selectedSectionId:[{selectedSectionIdChanged:0}],selectedItemId:[{selectedItemIdChanged:0}],selectedMenuItemSectionId:[{selectedMenuItemSectionIdChanged:0}],selectedMenuItemId:[{selectedMenuItemIdChanged:0}],height:[{heightChanged:0}],sectionDividers:[{sectionDividersChanged:0}],itemDividers:[{itemDividersChanged:0}],menuPlacement:[{menuPlacementChanged:0}],menuConstrainPlacements:[{menuConstrainPlacementsChanged:0}],listData:[{listDataChanged:0}]}}static get style(){return".gids-sidebar{display:flex;flex-direction:column;gap:var(--gids-gap-300);padding:var(--gids-padding-vertical-edge-to-element-250) var(--gids-padding-horizontal-edge-to-element-300);background-color:var(--gids-color-background-canvas);border-radius:var(--gids-border-radius-lg);border:var(--gids-border-width-thin) solid var(--gids-color-border-default)}.gids-sidebar__header-container{display:flex;flex-direction:column;width:100%;gap:var(--gids-gap-400)}.gids-sidebar__list-section-container{display:flex;flex-direction:column;gap:var(--gids-gap-150)}.gids-sidebar__list-section-container h4{margin:0;color:var(--gids-color-text-subtlest)}.gids-sidebar__item-container{display:flex;flex-direction:column;width:100%;gap:var(--gids-gap-200)}.gids-sidebar__section-divider-container{display:flex;flex-direction:column;width:100%;padding:var(--gids-padding-vertical-edge-to-element-250) 0}.gids-sidebar--appearance-subtle{background-color:transparent}.gids-sidebar--appearance-primary{background-color:var(--gids-color-background-brand-subtlest-default)}.gids-sidebar--height-full{height:100vh !important;overflow-x:hidden;overflow-y:auto}"}},[260,"gids-sidebar",{id:[1],appearance:[1],sidebarItemAppearance:[1,"sidebar-item-appearance"],sidebarItemSelectionAppearance:[1,"sidebar-item-selection-appearance"],sidebarMenuItemAppearance:[1,"sidebar-menu-item-appearance"],sidebarMenuItemSelectionAppearance:[1,"sidebar-menu-item-selection-appearance"],selectedSectionId:[1,"selected-section-id"],selectedItemId:[1,"selected-item-id"],selectedMenuItemId:[1,"selected-menu-item-id"],selectedMenuItemSectionId:[1,"selected-menu-item-section-id"],height:[1],sectionDividers:[4,"section-dividers"],itemDividers:[4,"item-dividers"],headerDivider:[4,"header-divider"],menuPlacement:[1,"menu-placement"],menuConstrainPlacements:[16],listData:[16],onSidebarChange:[16],selectedMenuItemSectionIdState:[32],selectedMenuItemIdState:[32],selectedSectionIdState:[32],selectedItemIdState:[32],hasHeaderContent:[32]},void 0,{id:[{idChanged:0}],appearance:[{appearanceChanged:0}],sidebarItemAppearance:[{sidebarItemAppearanceChanged:0}],sidebarItemSelectionAppearance:[{sidebarItemSelectionAppearanceChanged:0}],sidebarMenuItemAppearance:[{sidebarMenuItemAppearanceChanged:0}],sidebarMenuItemSelectionAppearance:[{sidebarMenuItemSelectionAppearanceChanged:0}],selectedSectionId:[{selectedSectionIdChanged:0}],selectedItemId:[{selectedItemIdChanged:0}],selectedMenuItemSectionId:[{selectedMenuItemSectionIdChanged:0}],selectedMenuItemId:[{selectedMenuItemIdChanged:0}],height:[{heightChanged:0}],sectionDividers:[{sectionDividersChanged:0}],itemDividers:[{itemDividersChanged:0}],menuPlacement:[{menuPlacementChanged:0}],menuConstrainPlacements:[{menuConstrainPlacementsChanged:0}],listData:[{listDataChanged:0}]}]);function v(){"undefined"!=typeof customElements&&["gids-sidebar","gids-flyout-panel","gids-sidebar-item","gids-sidebar-menu"].forEach((t=>{switch(t){case"gids-sidebar":customElements.get(e(t))||customElements.define(e(t),b);break;case"gids-flyout-panel":customElements.get(e(t))||p();break;case"gids-sidebar-item":customElements.get(e(t))||u();break;case"gids-sidebar-menu":customElements.get(e(t))||o()}}))}v();const C=b,f=v;export{C as GidsSidebar,f as defineCustomElement}
|
package/dist/gids-skeleton.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as t,H as n,h as i,c as s}from"./p-B4hcsDH0.js";import{GidsSkeletonWebUtils as a}from"@ganpatiinfo/gids-web-shared";const{getSkeletonBaseClassNames:o}=a,r=t(class extends n{constructor(e){super(),!1!==e&&this.__registerHost(),this.variant="text",this.animation="none"}getDimension(e){if(null!=e)return"number"==typeof e?e+"px":e}getStyle(){const e={},t=this.getDimension(this.width),n=this.getDimension(this.height);return void 0!==t&&(e.width=t),void 0!==n&&(e.height=n),e}render(){const e=o({variant:this.variant??"text",animation:this.animation??"none"});return i(s,{key:"
|
|
1
|
+
import{t as e,p as t,H as n,h as i,c as s}from"./p-B4hcsDH0.js";import{GidsSkeletonWebUtils as a}from"@ganpatiinfo/gids-web-shared";const{getSkeletonBaseClassNames:o}=a,r=t(class extends n{constructor(e){super(),!1!==e&&this.__registerHost(),this.variant="text",this.animation="none"}getDimension(e){if(null!=e)return"number"==typeof e?e+"px":e}getStyle(){const e={},t=this.getDimension(this.width),n=this.getDimension(this.height);return void 0!==t&&(e.width=t),void 0!==n&&(e.height=n),e}render(){const e=o({variant:this.variant??"text",animation:this.animation??"none"});return i(s,{key:"5de75518be515770f799ef9aa6dfaf79ef3c3116",class:e,style:this.getStyle(),"aria-hidden":"true"})}static get style(){return'gids-skeleton,.gids-skeleton-host{--gidsSkeleton-background:var( --gids-color-background-accent-9-subtle-default );--gidsSkeleton-wave-background:linear-gradient( 90deg, transparent 0%, var(--gids-color-background-accent-9-subtler-default) 50%, transparent 100% );--gidsSkeleton-text-border-radius:var(--gids-border-radius-sm);--gidsSkeleton-border-radius:var(--gids-border-radius-md);display:inline-block;position:relative;vertical-align:middle;background-color:var(--gidsSkeleton-background);overflow:hidden;width:auto;height:auto}.gids-skeleton--variant-text{border-radius:var(--gidsSkeleton-text-border-radius);min-height:1.2em;transform:scaleY(0.6);transform-origin:0 50%}.gids-skeleton--variant-circular{border-radius:100% !important;aspect-ratio:1/1}.gids-skeleton--variant-rectangular{border-radius:0}.gids-skeleton--variant-rounded{border-radius:var(--gidsSkeleton-border-radius)}.gids-skeleton--animation-none{animation:none}.gids-skeleton--animation-pulse{animation:gids-skeleton-pulse 1.5s ease-in-out infinite}.gids-skeleton--animation-wave::after{content:"";position:absolute;inset:0;width:100%;height:100%;background:var(--gidsSkeleton-wave-background);transform:translateX(-100%);animation:gids-skeleton-wave 1.6s linear infinite}@keyframes gids-skeleton-pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}@keyframes gids-skeleton-wave{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@media (prefers-reduced-motion: reduce){.gids-skeleton--animation-pulse{animation:none}.gids-skeleton--animation-wave::after{animation:none}}'}},[0,"gids-skeleton",{variant:[1],animation:[1],width:[8],height:[8]}]);function d(){"undefined"!=typeof customElements&&["gids-skeleton"].forEach((t=>{"gids-skeleton"===t&&(customElements.get(e(t))||customElements.define(e(t),r))}))}d();const l=r,g=d;export{l as GidsSkeleton,g as defineCustomElement}
|
package/dist/gids-tab-item.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as r,H as a,h as i,c as o}from"./p-B4hcsDH0.js";import{GidsTabItemWebUtils as t}from"@ganpatiinfo/gids-web-shared";import{G as d}from"./p-CcKHKwS0.js";const{getGidsTabItemClassNames:c}=t,s=r(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.active=!1,this.width="intrinsic",this.appearance="default",this.badgeVisible=!1,this.badgeAppearance="information",this.badgeType="dot",this.hasLeadingIcon=!1,this.hasTrailingIcon=!1,this.handleHostClick=()=>{this.onPressGidsTabItem&&this.onPressGidsTabItem({itemId:this.itemId,label:this?.label??"",active:this?.active??!1,appearance:this?.appearance??"default",name:this?.name,badgeCount:this?.badgeCount??0})}}handleWidthChange(e){this.width=e}handleAppearanceChange(e){this.appearance=e}handleBadgeVisibilityChange(e){this.badgeVisible=e}handleBadgeAppearanceChange(e){this.badgeAppearance=e}handleBadgeTypeChange(e){this.badgeType=e}handleActiveChange(e){this.active=e}componentWillLoad(){this.checkSlots()}componentWillUpdate(){this.checkSlots()}checkSlots(){this.hasLeadingIcon=!!this.hostElement.querySelector('[slot="leadingIconTabItem"]'),this.hasTrailingIcon=!!this.hostElement.querySelector('[slot="trailingIconTabItem"]')}render(){const e=c({appearance:this.appearance,width:this.width,active:this.active}),r=this.hasTrailingIcon,a=this.badgeVisible,t="primary"===this.appearance&&this.active?"inverse":this.badgeAppearance??"information",s=this.label;return i(o,{key:"
|
|
1
|
+
import{t as e,p as r,H as a,h as i,c as o}from"./p-B4hcsDH0.js";import{GidsTabItemWebUtils as t}from"@ganpatiinfo/gids-web-shared";import{G as d}from"./p-CcKHKwS0.js";const{getGidsTabItemClassNames:c}=t,s=r(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.active=!1,this.width="intrinsic",this.appearance="default",this.badgeVisible=!1,this.badgeAppearance="information",this.badgeType="dot",this.hasLeadingIcon=!1,this.hasTrailingIcon=!1,this.handleHostClick=()=>{this.onPressGidsTabItem&&this.onPressGidsTabItem({itemId:this.itemId,label:this?.label??"",active:this?.active??!1,appearance:this?.appearance??"default",name:this?.name,badgeCount:this?.badgeCount??0})}}handleWidthChange(e){this.width=e}handleAppearanceChange(e){this.appearance=e}handleBadgeVisibilityChange(e){this.badgeVisible=e}handleBadgeAppearanceChange(e){this.badgeAppearance=e}handleBadgeTypeChange(e){this.badgeType=e}handleActiveChange(e){this.active=e}componentWillLoad(){this.checkSlots()}componentWillUpdate(){this.checkSlots()}checkSlots(){this.hasLeadingIcon=!!this.hostElement.querySelector('[slot="leadingIconTabItem"]'),this.hasTrailingIcon=!!this.hostElement.querySelector('[slot="trailingIconTabItem"]')}render(){const e=c({appearance:this.appearance,width:this.width,active:this.active}),r=this.hasTrailingIcon,a=this.badgeVisible,t="primary"===this.appearance&&this.active?"inverse":this.badgeAppearance??"information",s=this.label;return i(o,{key:"5848ae28d9a7071c451a16d66229f8057249fd6d",class:e,onClick:this.handleHostClick},this.hasLeadingIcon?i("slot",{name:"leadingIconTabItem"}):void 0,s&&""!==s?i("span",{class:"gids-tab-item__label"},s&&""!==s?s:void 0,a?i(d,{appearance:t,type:this.badgeType,count:this.badgeCount}):void 0):void 0,r?i("slot",{name:"trailingIconTabItem"}):void 0)}get hostElement(){return this}static get watchers(){return{width:[{handleWidthChange:0}],appearance:[{handleAppearanceChange:0}],badgeVisible:[{handleBadgeVisibilityChange:0}],badgeAppearance:[{handleBadgeAppearanceChange:0}],badgeType:[{handleBadgeTypeChange:0}],active:[{handleActiveChange:0}]}}static get style(){return".gids-tab-item{margin:0;padding:0;appearance:none;border:none;background:none;display:inline-flex;justify-content:center;align-items:center;gap:var(--gids-gap-100);padding:var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-150);color:var(--gids-color-text-accent-5);white-space:nowrap;flex-shrink:0;cursor:pointer}.gids-tab-item .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-5)}.gids-tab-item__label{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit);display:flex;justify-content:center;align-items:center;flex:1;gap:var(--gids-gap-150)}.gids-tab-item--full{display:flex}.gids-tab-item--default{border-radius:var(--gids-border-radius-md)}.gids-tab-item--default:hover{background-color:var(--gids-color-background-accent-4-subtler-hovered);color:var(--gids-color-text-accent-4)}.gids-tab-item--default:hover .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--default:active{background-color:var(--gids-color-background-accent-4-subtler-pressed);color:var(--gids-color-text-accent-4)}.gids-tab-item--default:active .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--primary{border-radius:var(--gids-border-radius-md)}.gids-tab-item--primary:hover{background-color:var(--gids-color-background-accent-4-bolder-hovered);color:var(--gids-color-text-inverse)}.gids-tab-item--primary:hover .gids-icon{--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-tab-item--primary:active{background-color:var(--gids-color-background-accent-4-bolder-pressed);color:var(--gids-color-text-inverse)}.gids-tab-item--primary:active .gids-icon{--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-tab-item--bordered{border-radius:var(--gids-border-radius-full)}.gids-tab-item--bordered:hover{background-color:var(--gids-color-background-accent-4-subtlest-hovered);color:var(--gids-color-text-accent-4);border:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4)}.gids-tab-item--bordered:hover .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--bordered:active{background-color:var(--gids-color-background-accent-4-subtlest-pressed);color:var(--gids-color-text-accent-4);border:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4)}.gids-tab-item--bordered:active .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--underlined{border-bottom:var(--gids-border-width-thick) solid var(--gids-color-border-input)}.gids-tab-item--underlined:hover{background-color:var(--gids-color-background-accent-4-subtlest-hovered);border-bottom:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4);border-top-left-radius:var(--gids-border-radius-md);border-top-right-radius:var(--gids-border-radius-md);color:var(--gids-color-text-accent-4)}.gids-tab-item--underlined:active{background-color:var(--gids-color-background-accent-4-subtlest-pressed);border-bottom:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4);border-top-left-radius:var(--gids-border-radius-md);border-top-right-radius:var(--gids-border-radius-md);color:var(--gids-color-text-accent-4)}.gids-tab-item--subtle:hover{color:var(--gids-color-text-accent-4)}.gids-tab-item--subtle:hover .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--subtle:active{color:var(--gids-color-text-accent-4)}.gids-tab-item--subtle:active .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--active-default{border-radius:var(--gids-border-radius-md);background-color:var(--gids-color-background-accent-4-subtler-default);color:var(--gids-color-text-accent-4)}.gids-tab-item--active-default .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--active-default:hover{background-color:var(--gids-color-background-accent-4-subtler-hovered)}.gids-tab-item--active-default:active{background-color:var(--gids-color-background-accent-4-subtler-pressed)}.gids-tab-item--active-primary{border-radius:var(--gids-border-radius-md);background-color:var(--gids-color-background-accent-4-bolder-default);color:var(--gids-color-text-inverse)}.gids-tab-item--active-primary .gids-icon{--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-tab-item--active-primary:hover{background-color:var(--gids-color-background-accent-4-bolder-hovered)}.gids-tab-item--active-primary:active{background-color:var(--gids-color-background-accent-4-bolder-pressed)}.gids-tab-item--active-bordered{border-radius:var(--gids-border-radius-full);border:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4);background-color:var(--gids-color-background-accent-4-subtlest-default);color:var(--gids-color-text-accent-4)}.gids-tab-item--active-bordered .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--active-bordered:hover{background-color:var(--gids-color-background-accent-4-subtlest-hovered)}.gids-tab-item--active-bordered:active{background-color:var(--gids-color-background-accent-4-subtlest-pressed)}.gids-tab-item--active-underlined{border-bottom:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4);border-top-left-radius:var(--gids-border-radius-md);border-top-right-radius:var(--gids-border-radius-md);color:var(--gids-color-text-accent-4);background-color:var(--gids-color-background-accent-4-subtlest-default)}.gids-tab-item--active-underlined .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--active-underlined:hover{background-color:var(--gids-color-background-accent-4-subtlest-hovered)}.gids-tab-item--active-underlined:active{background-color:var(--gids-color-background-accent-4-subtlest-pressed)}.gids-tab-item--active-subtle{color:var(--gids-color-text-accent-4)}.gids-tab-item--active-subtle .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}"}},[260,"gids-tab-item",{itemId:[1,"item-id"],label:[1],active:[4],name:[1],width:[1],appearance:[1],badgeVisible:[4,"badge-visible"],badgeAppearance:[1,"badge-appearance"],badgeCount:[2,"badge-count"],badgeType:[1,"badge-type"],onPressGidsTabItem:[16],hasLeadingIcon:[32],hasTrailingIcon:[32]},void 0,{width:[{handleWidthChange:0}],appearance:[{handleAppearanceChange:0}],badgeVisible:[{handleBadgeVisibilityChange:0}],badgeAppearance:[{handleBadgeAppearanceChange:0}],badgeType:[{handleBadgeTypeChange:0}],active:[{handleActiveChange:0}]}]);function n(){"undefined"!=typeof customElements&&["gids-tab-item"].forEach((r=>{"gids-tab-item"===r&&(customElements.get(e(r))||customElements.define(e(r),s))}))}n();const g=s,l=n;export{g as GidsTabItem,l as defineCustomElement}
|
package/dist/gids-tab.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as t,H as a,h as s,c as i}from"./p-B4hcsDH0.js";import{GidsTabWebUtils as n}from"@ganpatiinfo/gids-web-shared";const{getGidsTabClassNames:d}=n,h=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.width="intrinsic",this.appearance="default"}handleWidthChange(e){this.width=e}handleAppearanceChange(e){this.appearance=e}handleActiveTabIdChange(e){this.activeTabId=e}componentDidLoad(){this.syncPropsToChildren(),this.hostElement.addEventListener("slotchange",(()=>this.syncPropsToChildren()))}componentDidUpdate(){this.syncPropsToChildren()}syncPropsToChildren(){this.hostElement.querySelectorAll("gids-tab-item").forEach((e=>{e&&(e.appearance=this.appearance,e.width=this.width,e.active=this.isTabActive(e.itemId),e.onPressGidsTabItem=e=>{this.activeTabId=e?.itemId,this.onPressGidsTab&&this.onPressGidsTab(e),this.syncPropsToChildren()})}))}isTabActive(e){return e===this.activeTabId}render(){const e=d({width:this.width,appearance:this.appearance});return s(i,{key:"
|
|
1
|
+
import{t as e,p as t,H as a,h as s,c as i}from"./p-B4hcsDH0.js";import{GidsTabWebUtils as n}from"@ganpatiinfo/gids-web-shared";const{getGidsTabClassNames:d}=n,h=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.width="intrinsic",this.appearance="default"}handleWidthChange(e){this.width=e}handleAppearanceChange(e){this.appearance=e}handleActiveTabIdChange(e){this.activeTabId=e}componentDidLoad(){this.syncPropsToChildren(),this.hostElement.addEventListener("slotchange",(()=>this.syncPropsToChildren()))}componentDidUpdate(){this.syncPropsToChildren()}syncPropsToChildren(){this.hostElement.querySelectorAll("gids-tab-item").forEach((e=>{e&&(e.appearance=this.appearance,e.width=this.width,e.active=this.isTabActive(e.itemId),e.onPressGidsTabItem=e=>{this.activeTabId=e?.itemId,this.onPressGidsTab&&this.onPressGidsTab(e),this.syncPropsToChildren()})}))}isTabActive(e){return e===this.activeTabId}render(){const e=d({width:this.width,appearance:this.appearance});return s(i,{key:"bf4ff19523b01e6b50f32b47613a7ee743b110e8",class:e},s("slot",{key:"5d324badcc753b4abd616817ac913e79fc5c2ed0"}))}get hostElement(){return this}static get watchers(){return{width:[{handleWidthChange:0}],appearance:[{handleAppearanceChange:0}],activeTabId:[{handleActiveTabIdChange:0}]}}static get style(){return".gids-tab{display:inline-flex;align-items:center;justify-content:flex-start;gap:var(--gids-gap-150);overflow-y:hidden;overflow-x:scroll}.gids-tab--full{display:flex}.gids-tab--item-subtle{gap:0}.gids-tab--item-underlined{gap:0}"}},[260,"gids-tab",{width:[1],appearance:[1],activeTabId:[1,"active-tab-id"],onPressGidsTab:[16]},void 0,{width:[{handleWidthChange:0}],appearance:[{handleAppearanceChange:0}],activeTabId:[{handleActiveTabIdChange:0}]}]);function c(){"undefined"!=typeof customElements&&["gids-tab"].forEach((t=>{"gids-tab"===t&&(customElements.get(e(t))||customElements.define(e(t),h))}))}c();const r=h,l=c;export{r as GidsTab,l as defineCustomElement}
|
package/dist/gids-text-field.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as t,H as i,d as s,f as a,h as n}from"./p-B4hcsDH0.js";import{GidsTextFieldCommonUtils as
|
|
1
|
+
import{t as e,p as t,H as i,d as s,f as a,h as n}from"./p-B4hcsDH0.js";import{GidsTextFieldCommonUtils as l}from"@ganpatiinfo/gids-core-shared";import{generateId as d,GidsTextFieldWebUtils as r}from"@ganpatiinfo/gids-web-shared";import{g as o}from"./p-B2zUuNXz.js";import{G as h}from"./p-BkxmRN-4.js";import{G as c}from"./p-DdJKIFk0.js";import{d as u}from"./p-peMqbYbz.js";import{d as f}from"./p-_OVEnTXa.js";const{formatCharCount:b}=l,{inputToGidsFieldStatus:m}=r,p=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.gidsTextFieldClear=s(this,"gidsTextFieldClear"),this.#e=d(),this._handleDismiss=()=>{const e=this.#t?.querySelector("input.gids-input__control");e&&(e.value="",e.dispatchEvent(new globalThis.Event("input",{bubbles:!0}))),this.value="",this.gidsTextFieldClear.emit()},this._handleInput=e=>{this.value=e.target?.value},this._handleInputFocusAndBlur=e=>{this._el.dispatchEvent(new FocusEvent(e.type,{relatedTarget:e.relatedTarget}))}}_startSlotContentObserver(){this._slotContentObserver=new MutationObserver((()=>{a(this)})),this._slotContentObserver.observe(this._el,{childList:!0,subtree:!1,attributes:!0,attributeFilter:["slot"]})}connectedCallback(){const e=o();void 0!==e&&this._el.shadowRoot?.adoptedStyleSheets.push(e),this._startSlotContentObserver()}disconnectedCallback(){this._slotContentObserver?.disconnect(),this._slotContentObserver=void 0}#e;#t;render(){const{id:e,...t}=this.inputProps??{},i=e??this.#e,s=this.showClearButton&&void 0!==this.value&&this.value.length>0;return n("gids-field",{key:"57738cea13f14510c13f71f1b9ae9df832972707",disabled:this.disabled,count:b(this.value?.length,this.maxLength),helperText:this.helperText,statusText:this.statusText,status:m(this.status)},n(h,{key:"7b55143df4fbc1443d2a69f5ac1c2fbc843f21a1",slot:"label",disabled:this.disabled,info:n("slot",{name:"info"}),fieldRequirement:this.fieldRequirement,fieldRequirementOptionalText:this.fieldRequirementOptionalText,fieldRequirementRequiredText:this.fieldRequirementRequiredText,isLabelSentence:this.isLabelSentence,htmlFor:i},this.label),n("gids-input",{key:"061a3711651de6b3d4662cf6f582da7f744c5df1",ref:e=>this.#t=e,appearance:this.appearance,status:this.status,loading:this.loading,value:this.value,defaultValue:this.defaultValue,name:this.name,required:this.required,disabled:this.disabled,readOnly:this.readOnly,leadingLabel:this.leadingLabel,trailingLabel:this.trailingLabel,onFocus:this._handleInputFocusAndBlur,onBlur:this._handleInputFocusAndBlur,onInput:this._handleInput,inputProps:{...t,type:this.type,id:i,maxLength:this.maxLength}},n("slot",{key:"fa59ceedb8cf030f2282264f4ac7453551762aea",name:"leadingIcon"}),n("slot",{key:"00585648c652064fbb56663588c0de101db56934",name:"leadingAccessory"}),s&&n(c,{key:"9c56c8ab2b27ac3f2885ba2d55c7b51bc00f2542",label:"clear text",slot:"trailingAccessory",size:"lg",onPressDismiss:this._handleDismiss}),n("slot",{key:"427830f0d9b7472ce26c5200b062a617cc415e8a",name:"trailingIcon"})))}get _el(){return this}},[260,"gids-text-field",{label:[513],showClearButton:[516,"show-clear-button"],helperText:[513,"helper-text"],statusText:[513,"status-text"],appearance:[513],status:[513],leadingLabel:[513,"leading-label"],trailingLabel:[513,"trailing-label"],loading:[516],type:[513],name:[513],required:[516],maxLength:[514,"maxlength"],value:[1],defaultValue:[513,"default-value"],disabled:[516],readOnly:[516,"readonly"],inputProps:[16],fieldRequirement:[513,"field-requirement"],fieldRequirementOptionalText:[1,"field-requirement-optional-text"],fieldRequirementRequiredText:[1,"field-requirement-required-text"],isLabelSentence:[16]}]);function g(){"undefined"!=typeof customElements&&["gids-text-field","gids-field","gids-input"].forEach((t=>{switch(t){case"gids-text-field":customElements.get(e(t))||customElements.define(e(t),p);break;case"gids-field":customElements.get(e(t))||u();break;case"gids-input":customElements.get(e(t))||f()}}))}g();const x=p,q=g;export{x as GidsTextField,q as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{G as
|
|
1
|
+
import{G as o,d as s}from"./p-BwDi-0yS.js";const p=o,r=s;export{p as GidsToggleButton,r as defineCustomElement}
|
package/dist/gids-tooltip.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as i,H as o,h as e,F as s}from"./p-B4hcsDH0.js";import{G as a}from"./p-CTri3IsV.js";import{g as l}from"./p-B2zUuNXz.js";import{G as r}from"./p-CPgZgSBN.js";const n=i(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.placement="bottom",this.showWithoutDelay=!1,this.lockToMainAxis=!1,this.handleShowEvent=()=>{this.floatingElementManager.showAfterDelay()},this.handleHideEvent=()=>{this.floatingElementManager.hideAfterDelay()}}connectedCallback(){const t=l();void 0!==t&&this._el.shadowRoot?.adoptedStyleSheets.push(t)}componentDidLoad(){this.floatingElementManager=new a(this._el,{htmlFor:this.htmlFor,placement:this.placement,showWithoutDelay:this.showWithoutDelay,lockToMainAxis:this.lockToMainAxis,floatingElementSelector:"#tooltip",arrowElementSelector:"#arrow",visibilityClass:"gids-tooltip--visible",elementType:r.TOOLTIP,getAnchorElementFromSlot:t=>{const i=t.querySelector("slot");return i?.assignedElements()[0]||null}}),this.floatingElementManager.initialize(),this.setupEventListeners()}setupEventListeners(){const t=this.floatingElementManager.getAnchorElement();t&&(t.addEventListener("mouseenter",this.handleShowEvent),t.addEventListener("focus",this.handleShowEvent),t.addEventListener("mouseleave",this.handleHideEvent),t.addEventListener("blur",this.handleHideEvent))}placementChanged(t){this.floatingElementManager?.updateConfig({placement:t}),this.floatingElementManager?.isVisible()&&this.floatingElementManager?.reposition()}showWithoutDelayChanged(t){this.floatingElementManager?.updateConfig({showWithoutDelay:t})}lockToMainAxisChanged(t){this.floatingElementManager?.updateConfig({lockToMainAxis:t})}htmlForChanged(t){this.floatingElementManager?.updateConfig({htmlFor:t}),this.cleanupEventListeners(),this.floatingElementManager?.initialize(),this.setupEventListeners()}cleanupEventListeners(){const t=this.floatingElementManager?.getAnchorElement();t&&(t.removeEventListener("mouseenter",this.handleShowEvent),t.removeEventListener("focus",this.handleShowEvent),t.removeEventListener("mouseleave",this.handleHideEvent),t.removeEventListener("blur",this.handleHideEvent))}render(){return e(s,{key:"
|
|
1
|
+
import{t,p as i,H as o,h as e,F as s}from"./p-B4hcsDH0.js";import{G as a}from"./p-CTri3IsV.js";import{g as l}from"./p-B2zUuNXz.js";import{G as r}from"./p-CPgZgSBN.js";const n=i(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.placement="bottom",this.showWithoutDelay=!1,this.lockToMainAxis=!1,this.handleShowEvent=()=>{this.floatingElementManager.showAfterDelay()},this.handleHideEvent=()=>{this.floatingElementManager.hideAfterDelay()}}connectedCallback(){const t=l();void 0!==t&&this._el.shadowRoot?.adoptedStyleSheets.push(t)}componentDidLoad(){this.floatingElementManager=new a(this._el,{htmlFor:this.htmlFor,placement:this.placement,showWithoutDelay:this.showWithoutDelay,lockToMainAxis:this.lockToMainAxis,floatingElementSelector:"#tooltip",arrowElementSelector:"#arrow",visibilityClass:"gids-tooltip--visible",elementType:r.TOOLTIP,getAnchorElementFromSlot:t=>{const i=t.querySelector("slot");return i?.assignedElements()[0]||null}}),this.floatingElementManager.initialize(),this.setupEventListeners()}setupEventListeners(){const t=this.floatingElementManager.getAnchorElement();t&&(t.addEventListener("mouseenter",this.handleShowEvent),t.addEventListener("focus",this.handleShowEvent),t.addEventListener("mouseleave",this.handleHideEvent),t.addEventListener("blur",this.handleHideEvent))}placementChanged(t){this.floatingElementManager?.updateConfig({placement:t}),this.floatingElementManager?.isVisible()&&this.floatingElementManager?.reposition()}showWithoutDelayChanged(t){this.floatingElementManager?.updateConfig({showWithoutDelay:t})}lockToMainAxisChanged(t){this.floatingElementManager?.updateConfig({lockToMainAxis:t})}htmlForChanged(t){this.floatingElementManager?.updateConfig({htmlFor:t}),this.cleanupEventListeners(),this.floatingElementManager?.initialize(),this.setupEventListeners()}cleanupEventListeners(){const t=this.floatingElementManager?.getAnchorElement();t&&(t.removeEventListener("mouseenter",this.handleShowEvent),t.removeEventListener("focus",this.handleShowEvent),t.removeEventListener("mouseleave",this.handleHideEvent),t.removeEventListener("blur",this.handleHideEvent))}render(){return e(s,{key:"6caed45a03495bc806582bc41579a8b3b835f935"},e("slot",{key:"ff2dbe3d0d337b8a413cb1ba6d5797aea333da64"}),e("span",{key:"8faf24f98277dfbb44c34ad8bf6e700270a15fa2",id:"tooltip",part:"tooltip",role:"tooltip"},e("span",{key:"efc5280e4bf08551f3bb32ed966fd3b1921d5741",id:"arrow"}),this.tooltipText))}disconnectedCallback(){this.cleanupEventListeners(),this.floatingElementManager?.destroy()}get _el(){return this}static get watchers(){return{placement:[{placementChanged:0}],showWithoutDelay:[{showWithoutDelayChanged:0}],lockToMainAxis:[{lockToMainAxisChanged:0}],htmlFor:[{htmlForChanged:0}]}}static get style(){return"gids-tooltip{--gidsTooltip-background:var(--gids-color-background-neutral-bold-default);--gidsTooltip-text-color:var(--gids-color-text-inverse);--gidsTooltip-padding:var(--gids-padding-vertical-edge-to-element-100) var(--gids-padding-horizontal-edge-to-element-200);--gidsTooltip-border-radius:var(--gids-border-radius-sm);--gidsTooltip-tip-border-radius:2px;--gidsTooltip-tip-size:12px;--gidsFloatingElement-background:var(--gidsTooltip-background);--gidsFloatingElement-tip-border-radius:var(--gidsTooltip-tip-border-radius)}[part=tooltip]{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit);position:absolute;display:inline-block;hyphens:auto;background-color:var(--gidsTooltip-background);color:var(--gidsTooltip-text-color);padding:var(--gidsTooltip-padding);border-radius:var(--gidsTooltip-border-radius);z-index:1000;opacity:0;pointer-events:none}[part=tooltip].gids-tooltip--visible{pointer-events:initial;opacity:1}[part=tooltip] span#arrow{position:absolute;height:var(--gidsTooltip-tip-size);width:var(--gidsTooltip-tip-size)}"}},[257,"gids-tooltip",{htmlFor:[513,"for"],tooltipText:[513,"tooltip-text"],placement:[513],showWithoutDelay:[516,"show-without-delay"],lockToMainAxis:[4,"lock-to-main-axis"]},void 0,{placement:[{placementChanged:0}],showWithoutDelay:[{showWithoutDelayChanged:0}],lockToMainAxis:[{lockToMainAxisChanged:0}],htmlFor:[{htmlForChanged:0}]}]);function d(){"undefined"!=typeof customElements&&["gids-tooltip"].forEach((i=>{"gids-tooltip"===i&&(customElements.get(t(i))||customElements.define(t(i),n))}))}d();const h=n,p=d;export{h as GidsTooltip,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e,t,p as i,H as s,c as n}from"./p-B4hcsDH0.js";import{GidsMenuGroupWebUtils as a,GidsMenuWebUtils as l,GidsTransferListWebUtils as r}from"@ganpatiinfo/gids-web-shared";import{G as h}from"./p-C-Lpfqcg.js";import{a as d,b as o}from"./p-D2VR17v2.js";import{G as g}from"./p-BRNvHMdK.js";import{G as m}from"./p-DZ1ZcTMe.js";import{G as f}from"./p-Dg_WeHpV.js";import{G as c}from"./p-iQRr_fAH.js";const{getGidsMenuGroupClassNames:p}=a,v=({type:t="no-options",supportingText:i="No options",class:s,...n},a)=>e("div",{class:p({type:t},s),...n},"loading"===t?e(h,{indeterminate:!0,size:"md"}):null,"no-options"===t?e("span",null,i):null,"default"===t&&null!=a?a:null),{getGidsMenuClassNames:y}=l,u=({heading:t,supportingText:i,level:s,supportingTextTypography:n,isHeaderDividerVisible:a=!1,class:l,...r},h)=>e("div",{class:y(l),...r},null!=t&&""!==t||null!=i&&""!==i?e(d,{heading:t,supportingText:i,level:s,supportingTextTypography:n??"eyebrow-medium"}):null,a?e("div",{class:"gids-menu__header-divider"},e(g,{orientation:"horizontal"})):void 0,null!=h?e("div",{class:"gids-menu__children"},h):null),{getGidsTransferListClassNames:L}=r,x=i(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.leftListHeading="Choices",this.rightListHeading="Choosen",this.moveAllVisible=!1,this.transferListType="basic",this.leftListItems=[],this.rightListItems=[],this.listsMaxHeight="200px",this.leftListItemsState=[],this.rightListItemsState=[],this.tempLeftListItemsState=[],this.tempRightListItemsState=[]}handleListsMaxHeightChange(e){this.listsMaxHeight=e}handleLeftListHeadingChange(e){this.leftListHeading=e}handleRightListHeadingChange(e){this.rightListHeading=e}handleMoveAllVisibilityChange(e){this.moveAllVisible=e}handleTransferListTypeChange(e){this.transferListType=e}handleLeftListItemsChange(e){this.leftListItems=e,this.setListItemsStates()}handleRightListItemsChange(e){this.rightListItems=e,this.setListItemsStates()}componentDidLoad(){this.setListItemsStates()}setListItemsStates(){this.leftListItemsState=this.leftListItems,this.rightListItemsState=this.rightListItems}getListHeading(e){return"left"===e?this.leftListHeading:this.rightListHeading}getListSupportingText(e){let t=this?.tempLeftListItemsState??[],i=this?.leftListItemsState??[];return"right"===e&&(t=this?.tempRightListItemsState??[],i=this?.rightListItemsState??[]),`${t.length} of ${i.length} selected`}isAllItemsSelectedInList({listSide:e}){const t=this.getStateListsItemsArr(e),i=this.getTempListsItemsArr(e);return t.length>0&&t.length===i.length}isAtleastOneItemSelectedInList({listSide:e}){const t=this.getStateListsItemsArr(e),i=this.getTempListsItemsArr(e);return i.length>0&&i.length<t.length}renderListHeading(t){if("basic"!==(this?.transferListType??"basic")){const i=this.isAllItemsSelectedInList({listSide:t}),s=this.isAtleastOneItemSelectedInList({listSide:t});return e("div",{class:"gids-transfer-list__menu-heading-container"},e(m,{checked:i||s,onChange:e=>this.selectUnselectAllItems({event:e,listSide:t}),indeterminate:s}),e("div",{class:"gids-transfer-list__menu-heading-text-content-container"},e("span",{class:"gids-transfer-list__heading-text"},this.getListHeading(t)),e("span",{class:"gids-transfer-list__heading-support-text"},this.getListSupportingText(t))))}}listItemSelection({event:e,pressedIndex:t,listSide:i}){this.selectUnselectListItem({event:e,pressedIndex:t,listSide:i})}onPressingListItem({event:e,pressedIndex:t,listSide:i}){this.listItemSelection({event:e,pressedIndex:t,listSide:i})}selectUnselectListItem({event:e,pressedIndex:t,listSide:i}){const s=this.getStateListsItemsArr(i)[t];let n=!1;if("left"===i&&s){const e=this?.tempLeftListItemsState??[],t=e.findIndex((e=>e?.id===s?.id));null!=t&&-1!==t?(e.splice(t,1),n=!1):(e.push(s),n=!0),this.tempLeftListItemsState=e,this.leftListItemsState=this?.leftListItemsState?[...this.leftListItemsState]:[]}else if("right"===i&&s){const e=this?.tempRightListItemsState??[],t=e.findIndex((e=>e?.id===s?.id));null!=t&&-1!==t?(e.splice(t,1),n=!1):(e.push(s),n=!0),this.tempRightListItemsState=e,this.rightListItemsState=this?.rightListItemsState?[...this.rightListItemsState]:[]}this.callOnTransferListSelectFunc({event:e,isSelected:n,listSide:i,selectedIndexes:[t],selectionType:"single"})}isItemSelected({id:e,listSide:t}){const i=this.getTempListsItemsArr(t);return i.length>0&&!!i.find((t=>t?.id===e))}getStateListsItemsArr(e){let t=this?.leftListItemsState??[];return"right"===e&&(t=this?.rightListItemsState??[]),t}getTempListsItemsArr(e){let t=this?.tempLeftListItemsState??[];return"right"===e&&(t=this?.tempRightListItemsState??[]),t}selectUnselectAllItems({event:e,listSide:t}){const i=this.getStateListsItemsArr(t),s=this.isAllItemsSelectedInList({listSide:t}),n=this.isAtleastOneItemSelectedInList({listSide:t});"left"===t?this.tempLeftListItemsState=s||n?[]:[...i]:this.tempRightListItemsState=s||n?[]:[...i];const a=[];s||n||i.map(((e,t)=>{a.push(t)})),this.callOnTransferListSelectFunc({event:e,isSelected:!s&&!n,listSide:t,selectedIndexes:a,selectionType:"all"})}callOnTransferListSelectFunc({event:e,isSelected:t,listSide:i,selectedIndexes:s,selectionType:n}){this.onTransferListSelect&&this.onTransferListSelect({originalEvent:e,originalLeftListItems:this?.leftListItems??[],originalRightListItems:this?.rightListItems??[],currentLeftListItems:this?.leftListItemsState??[],currentRightListItems:this?.rightListItemsState??[],leftListSelectedItems:this?.tempLeftListItemsState??[],rightListSelectedItems:this?.tempRightListItemsState??[],selectedIndexes:s,selectionType:n,listSide:i,isSelected:t})}movementButtonDisabled({listSide:e,movementType:t}){if("left"===e){const e=this?.leftListItemsState&&this.leftListItemsState.length>0?this.leftListItemsState.length:0;if("move-single"===t)return!(e>0&&(this?.tempLeftListItemsState&&this.tempLeftListItemsState.length>0?this.tempLeftListItemsState.length:0)>0);if("move-all"===t)return!(e>0)}else if("right"===e){const e=this?.rightListItemsState&&this.rightListItemsState.length>0?this.rightListItemsState.length:0;if("move-single"===t)return!(e>0&&(this?.tempRightListItemsState&&this.tempRightListItemsState.length>0?this.tempRightListItemsState.length:0)>0);if("move-all"===t)return!(e>0)}return!0}callOnTransferAction({transferTo:e,transferFrom:t,movementType:i,newTransferredItems:s}){this.onTransferAction&&this.onTransferAction({transferTo:e,transferFrom:t,originalLeftListItems:this?.leftListItems??[],originalRightListItems:this?.rightListItems??[],currentLeftListItems:this?.leftListItemsState??[],currentRightListItems:this?.rightListItemsState??[],leftListSelectedItems:this?.tempLeftListItemsState??[],rightListSelectedItems:this?.tempRightListItemsState??[],newTransferredItems:s,movementType:i})}clearListSystem({event:e,listSide:t,movementType:i}){if(console.log("event",e),console.log("listSide",t),console.log("movementType",i),!this.movementButtonDisabled({listSide:t,movementType:i}))if("left"===t)if("move-single"===i){const e=this?.tempLeftListItemsState??[],t=this?.leftListItemsState??[];if(t.length>0){const i=[];t.map((t=>{e.find((e=>e?.id===t?.id))||i.push(t)})),this.leftListItemsState=[...i]}this.tempLeftListItemsState=[]}else"move-all"===i&&(this.leftListItemsState=[],this.tempLeftListItemsState=[]);else if("right"===t)if("move-single"===i){const e=this?.tempRightListItemsState??[],t=this?.rightListItemsState??[];if(t.length>0){const i=[];t.map((t=>{e.find((e=>e?.id===t?.id))||i.push(t)})),this.rightListItemsState=[...i]}this.tempRightListItemsState=[]}else"move-all"===i&&(this.rightListItemsState=[],this.tempRightListItemsState=[])}moveListItems({event:e,listSide:t,movementType:i}){if(!this.movementButtonDisabled({listSide:t,movementType:i})){const s=this?.leftListItemsState??[],n=this?.rightListItemsState??[],a=this?.tempLeftListItemsState??[],l=this?.tempRightListItemsState??[];let r=[];"left"===t?"move-single"===i?(this.rightListItemsState=[...a,...n],r=[...a]):"move-all"===i&&(this.rightListItemsState=[...s,...n],r=[...s]):"right"===t&&("move-single"===i?(this.leftListItemsState=[...l,...s],r=[...l]):"move-all"===i&&(this.leftListItemsState=[...n,...s],r=[...n])),this.clearListSystem({event:e,listSide:t,movementType:i}),this.callOnTransferAction({transferTo:"left"===t?"right":"left",transferFrom:t,movementType:i,newTransferredItems:r})}}onItemsMovement({event:e,listSide:t,movementType:i}){this.moveListItems({event:e,listSide:t,movementType:i})}render(){const t=L(),i=this?.leftListItemsState??[],s=this?.rightListItemsState??[],a=this.listsMaxHeight,l=this?.transferListType??"basic";return e(n,{key:"6826edf610868b22fa769d4de0f0ce1bb42b032a",class:t},e("div",{key:"f3e7ed446a1f1a1f4a66a4fca2ea2a734f266b90",class:"gids-transfer-list__left-container"},e(v,{key:"9dc5e0d7aacfcd946a5a68cabd0b59e1b67757e3",type:i.length>0?"default":"no-options"},e(u,{key:"4d88a61bf4aa13ae9e6faaccfad010922f2a21bd",heading:this.renderListHeading("left"),style:{"--gidsMenuChildren-max-height":a},isHeaderDividerVisible:"basic"!==l},i.map(((t,i)=>{const s=t?.id?t.id:""+(i+1),n=this.isItemSelected({id:s,listSide:"left"});return e(o,{id:""+s,index:i,leadingAccessory:e(m,{checked:n}),selected:n,onPressListItem:e=>this.onPressingListItem({event:e,pressedIndex:i,listSide:"left"})},t?.listLabel)}))))),e("div",{key:"746d754b86fe794fff358b1f79d4610a6a5a9d0e",class:"gids-transfer-list__middle-container"},e(f,{key:"b0fb6acbd3f8fe24bd8704975416e4f17b218c5f",leadingIcon:e(c,{name:"forward"}),appearance:"default",size:"sm",width:"full",disabled:this.movementButtonDisabled({listSide:"left",movementType:"move-all"}),onClick:e=>this.onItemsMovement({event:e,listSide:"left",movementType:"move-all"})}),e(f,{key:"f35faf5c97f43f11f11bbd8d460a4488cdb0d61f",leadingIcon:e(c,{name:"chevron-right"}),appearance:"default",size:"sm",width:"full",disabled:this.movementButtonDisabled({listSide:"left",movementType:"move-single"}),onClick:e=>this.onItemsMovement({event:e,listSide:"left",movementType:"move-single"})}),e(f,{key:"b3887d6815d5af03ca0dc58b36e0852e08d5c37f",leadingIcon:e(c,{name:"chevron-left"}),appearance:"default",size:"sm",width:"full",disabled:this.movementButtonDisabled({listSide:"right",movementType:"move-single"}),onClick:e=>this.onItemsMovement({event:e,listSide:"right",movementType:"move-single"})}),e(f,{key:"748f919c47be306fb4d92b290da75c2167bea9b5",leadingIcon:e(c,{name:"backward"}),appearance:"default",size:"sm",width:"full",disabled:this.movementButtonDisabled({listSide:"right",movementType:"move-all"}),onClick:e=>this.onItemsMovement({event:e,listSide:"right",movementType:"move-all"})})),e("div",{key:"47605e0f6132e2fd75bc8de226057508e2fdb960",class:"gids-transfer-list__right-container"},e(v,{key:"625a4c912e56168c749cea12097862ef267d080f",type:s.length>0?"default":"no-options"},e(u,{key:"bfc5bcb19835937ade88b5be82879dfc6dfd66f4",heading:this.renderListHeading("right"),style:{"--gidsMenuChildren-max-height":a},isHeaderDividerVisible:"basic"!==l},s.map(((t,i)=>{const s=t?.id?t.id:""+(i+1),n=this.isItemSelected({id:s,listSide:"right"});return e(o,{id:""+s,index:i,selected:n,leadingAccessory:e(m,{checked:n}),onPressListItem:e=>this.onPressingListItem({event:e,pressedIndex:i,listSide:"right"})},t?.listLabel)}))))))}get hostElement(){return this}static get watchers(){return{listsMaxHeight:[{handleListsMaxHeightChange:0}],leftListHeading:[{handleLeftListHeadingChange:0}],rightListHeading:[{handleRightListHeadingChange:0}],moveAllVisible:[{handleMoveAllVisibilityChange:0}],transferListType:[{handleTransferListTypeChange:0}],leftListItems:[{handleLeftListItemsChange:0}],rightListItems:[{handleRightListItemsChange:0}]}}static get style(){return".gids-transfer-list{display:flex;align-items:center;justify-content:center;gap:var(--gids-gap-500)}.gids-transfer-list .gids-menu__children{max-height:var(--gidsMenuChildren-max-height);overflow:auto}.gids-transfer-list__left-container{display:flex;width:100%;flex-direction:column}.gids-transfer-list__middle-container{display:flex;width:15%;flex-direction:column;gap:var(--gids-gap-150)}.gids-transfer-list__right-container{display:flex;width:100%;flex-direction:column}.gids-transfer-list__menu-heading-container{display:flex;align-items:flex-start;justify-content:flex-start;gap:var(--gids-gap-100)}.gids-transfer-list__menu-heading-text-content-container{display:flex;flex-direction:column}.gids-transfer-list__heading-text{font-family:var(--gids-typography-heading-x-small__font-family);font-size:var(--gids-typography-heading-x-small__font-size);font-weight:var(--gids-typography-heading-x-small__font-weight);letter-spacing:var(--gids-typography-heading-x-small__letter-spacing);line-height:var(--gids-typography-heading-x-small__line-height);text-transform:var(--gids-typography-heading-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtle)}.gids-transfer-list__heading-support-text{font-family:var(--gids-typography-paragraph-medium__font-family);font-size:var(--gids-typography-paragraph-medium__font-size);font-weight:var(--gids-typography-paragraph-medium__font-weight);letter-spacing:var(--gids-typography-paragraph-medium__letter-spacing);line-height:var(--gids-typography-paragraph-medium__line-height);text-transform:var(--gids-typography-paragraph-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-paragraph-medium__font-variant-caps, inherit);color:var(--gids-color-text-subtlest)}"}},[0,"gids-transfer-list",{leftListHeading:[1,"left-list-heading"],rightListHeading:[1,"right-list-heading"],moveAllVisible:[4,"move-all-visible"],transferListType:[1,"transfer-list-type"],leftListItems:[16],rightListItems:[16],listsMaxHeight:[1,"lists-max-height"],onTransferAction:[16],onTransferListSelect:[16],leftListItemsState:[32],rightListItemsState:[32],tempLeftListItemsState:[32],tempRightListItemsState:[32]},void 0,{listsMaxHeight:[{handleListsMaxHeightChange:0}],leftListHeading:[{handleLeftListHeadingChange:0}],rightListHeading:[{handleRightListHeadingChange:0}],moveAllVisible:[{handleMoveAllVisibilityChange:0}],transferListType:[{handleTransferListTypeChange:0}],leftListItems:[{handleLeftListItemsChange:0}],rightListItems:[{handleRightListItemsChange:0}]}]);function _(){"undefined"!=typeof customElements&&["gids-transfer-list"].forEach((e=>{"gids-transfer-list"===e&&(customElements.get(t(e))||customElements.define(t(e),x))}))}_();const I=x,b=_;export{I as GidsTransferList,b as defineCustomElement}
|
|
1
|
+
import{h as e,t,p as i,H as s,c as n}from"./p-B4hcsDH0.js";import{GidsMenuGroupWebUtils as a,GidsMenuWebUtils as l,GidsTransferListWebUtils as r}from"@ganpatiinfo/gids-web-shared";import{G as h}from"./p-C-Lpfqcg.js";import{a as d,b as o}from"./p-D2VR17v2.js";import{G as g}from"./p-BRNvHMdK.js";import{G as m}from"./p-DZ1ZcTMe.js";import{G as f}from"./p-Dg_WeHpV.js";import{G as c}from"./p-iQRr_fAH.js";const{getGidsMenuGroupClassNames:p}=a,v=({type:t="no-options",supportingText:i="No options",class:s,...n},a)=>e("div",{class:p({type:t},s),...n},"loading"===t?e(h,{indeterminate:!0,size:"md"}):null,"no-options"===t?e("span",null,i):null,"default"===t&&null!=a?a:null),{getGidsMenuClassNames:y}=l,u=({heading:t,supportingText:i,level:s,supportingTextTypography:n,isHeaderDividerVisible:a=!1,class:l,...r},h)=>e("div",{class:y(l),...r},null!=t&&""!==t||null!=i&&""!==i?e(d,{heading:t,supportingText:i,level:s,supportingTextTypography:n??"eyebrow-medium"}):null,a?e("div",{class:"gids-menu__header-divider"},e(g,{orientation:"horizontal"})):void 0,null!=h?e("div",{class:"gids-menu__children"},h):null),{getGidsTransferListClassNames:L}=r,b=i(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.leftListHeading="Choices",this.rightListHeading="Choosen",this.moveAllVisible=!1,this.transferListType="basic",this.leftListItems=[],this.rightListItems=[],this.listsMaxHeight="200px",this.leftListItemsState=[],this.rightListItemsState=[],this.tempLeftListItemsState=[],this.tempRightListItemsState=[]}handleListsMaxHeightChange(e){this.listsMaxHeight=e}handleLeftListHeadingChange(e){this.leftListHeading=e}handleRightListHeadingChange(e){this.rightListHeading=e}handleMoveAllVisibilityChange(e){this.moveAllVisible=e}handleTransferListTypeChange(e){this.transferListType=e}handleLeftListItemsChange(e){this.leftListItems=e,this.setListItemsStates()}handleRightListItemsChange(e){this.rightListItems=e,this.setListItemsStates()}componentDidLoad(){this.setListItemsStates()}setListItemsStates(){this.leftListItemsState=this.leftListItems,this.rightListItemsState=this.rightListItems}getListHeading(e){return"left"===e?this.leftListHeading:this.rightListHeading}getListSupportingText(e){let t=this?.tempLeftListItemsState??[],i=this?.leftListItemsState??[];return"right"===e&&(t=this?.tempRightListItemsState??[],i=this?.rightListItemsState??[]),`${t.length} of ${i.length} selected`}isAllItemsSelectedInList({listSide:e}){const t=this.getStateListsItemsArr(e),i=this.getTempListsItemsArr(e);return t.length>0&&t.length===i.length}isAtleastOneItemSelectedInList({listSide:e}){const t=this.getStateListsItemsArr(e),i=this.getTempListsItemsArr(e);return i.length>0&&i.length<t.length}renderListHeading(t){if("basic"!==(this?.transferListType??"basic")){const i=this.isAllItemsSelectedInList({listSide:t}),s=this.isAtleastOneItemSelectedInList({listSide:t});return e("div",{class:"gids-transfer-list__menu-heading-container"},e(m,{checked:i||s,onChange:e=>this.selectUnselectAllItems({event:e,listSide:t}),indeterminate:s}),e("div",{class:"gids-transfer-list__menu-heading-text-content-container"},e("span",{class:"gids-transfer-list__heading-text"},this.getListHeading(t)),e("span",{class:"gids-transfer-list__heading-support-text"},this.getListSupportingText(t))))}}listItemSelection({event:e,pressedIndex:t,listSide:i}){this.selectUnselectListItem({event:e,pressedIndex:t,listSide:i})}onPressingListItem({event:e,pressedIndex:t,listSide:i}){this.listItemSelection({event:e,pressedIndex:t,listSide:i})}selectUnselectListItem({event:e,pressedIndex:t,listSide:i}){const s=this.getStateListsItemsArr(i)[t];let n=!1;if("left"===i&&s){const e=this?.tempLeftListItemsState??[],t=e.findIndex((e=>e?.id===s?.id));null!=t&&-1!==t?(e.splice(t,1),n=!1):(e.push(s),n=!0),this.tempLeftListItemsState=e,this.leftListItemsState=this?.leftListItemsState?[...this.leftListItemsState]:[]}else if("right"===i&&s){const e=this?.tempRightListItemsState??[],t=e.findIndex((e=>e?.id===s?.id));null!=t&&-1!==t?(e.splice(t,1),n=!1):(e.push(s),n=!0),this.tempRightListItemsState=e,this.rightListItemsState=this?.rightListItemsState?[...this.rightListItemsState]:[]}this.callOnTransferListSelectFunc({event:e,isSelected:n,listSide:i,selectedIndexes:[t],selectionType:"single"})}isItemSelected({id:e,listSide:t}){const i=this.getTempListsItemsArr(t);return i.length>0&&!!i.find((t=>t?.id===e))}getStateListsItemsArr(e){let t=this?.leftListItemsState??[];return"right"===e&&(t=this?.rightListItemsState??[]),t}getTempListsItemsArr(e){let t=this?.tempLeftListItemsState??[];return"right"===e&&(t=this?.tempRightListItemsState??[]),t}selectUnselectAllItems({event:e,listSide:t}){const i=this.getStateListsItemsArr(t),s=this.isAllItemsSelectedInList({listSide:t}),n=this.isAtleastOneItemSelectedInList({listSide:t});"left"===t?this.tempLeftListItemsState=s||n?[]:[...i]:this.tempRightListItemsState=s||n?[]:[...i];const a=[];s||n||i.map(((e,t)=>{a.push(t)})),this.callOnTransferListSelectFunc({event:e,isSelected:!s&&!n,listSide:t,selectedIndexes:a,selectionType:"all"})}callOnTransferListSelectFunc({event:e,isSelected:t,listSide:i,selectedIndexes:s,selectionType:n}){this.onTransferListSelect&&this.onTransferListSelect({originalEvent:e,originalLeftListItems:this?.leftListItems??[],originalRightListItems:this?.rightListItems??[],currentLeftListItems:this?.leftListItemsState??[],currentRightListItems:this?.rightListItemsState??[],leftListSelectedItems:this?.tempLeftListItemsState??[],rightListSelectedItems:this?.tempRightListItemsState??[],selectedIndexes:s,selectionType:n,listSide:i,isSelected:t})}movementButtonDisabled({listSide:e,movementType:t}){if("left"===e){const e=this?.leftListItemsState&&this.leftListItemsState.length>0?this.leftListItemsState.length:0;if("move-single"===t)return!(e>0&&(this?.tempLeftListItemsState&&this.tempLeftListItemsState.length>0?this.tempLeftListItemsState.length:0)>0);if("move-all"===t)return!(e>0)}else if("right"===e){const e=this?.rightListItemsState&&this.rightListItemsState.length>0?this.rightListItemsState.length:0;if("move-single"===t)return!(e>0&&(this?.tempRightListItemsState&&this.tempRightListItemsState.length>0?this.tempRightListItemsState.length:0)>0);if("move-all"===t)return!(e>0)}return!0}callOnTransferAction({transferTo:e,transferFrom:t,movementType:i,newTransferredItems:s}){this.onTransferAction&&this.onTransferAction({transferTo:e,transferFrom:t,originalLeftListItems:this?.leftListItems??[],originalRightListItems:this?.rightListItems??[],currentLeftListItems:this?.leftListItemsState??[],currentRightListItems:this?.rightListItemsState??[],leftListSelectedItems:this?.tempLeftListItemsState??[],rightListSelectedItems:this?.tempRightListItemsState??[],newTransferredItems:s,movementType:i})}clearListSystem({event:e,listSide:t,movementType:i}){if(console.log("event",e),console.log("listSide",t),console.log("movementType",i),!this.movementButtonDisabled({listSide:t,movementType:i}))if("left"===t)if("move-single"===i){const e=this?.tempLeftListItemsState??[],t=this?.leftListItemsState??[];if(t.length>0){const i=[];t.map((t=>{e.find((e=>e?.id===t?.id))||i.push(t)})),this.leftListItemsState=[...i]}this.tempLeftListItemsState=[]}else"move-all"===i&&(this.leftListItemsState=[],this.tempLeftListItemsState=[]);else if("right"===t)if("move-single"===i){const e=this?.tempRightListItemsState??[],t=this?.rightListItemsState??[];if(t.length>0){const i=[];t.map((t=>{e.find((e=>e?.id===t?.id))||i.push(t)})),this.rightListItemsState=[...i]}this.tempRightListItemsState=[]}else"move-all"===i&&(this.rightListItemsState=[],this.tempRightListItemsState=[])}moveListItems({event:e,listSide:t,movementType:i}){if(!this.movementButtonDisabled({listSide:t,movementType:i})){const s=this?.leftListItemsState??[],n=this?.rightListItemsState??[],a=this?.tempLeftListItemsState??[],l=this?.tempRightListItemsState??[];let r=[];"left"===t?"move-single"===i?(this.rightListItemsState=[...a,...n],r=[...a]):"move-all"===i&&(this.rightListItemsState=[...s,...n],r=[...s]):"right"===t&&("move-single"===i?(this.leftListItemsState=[...l,...s],r=[...l]):"move-all"===i&&(this.leftListItemsState=[...n,...s],r=[...n])),this.clearListSystem({event:e,listSide:t,movementType:i}),this.callOnTransferAction({transferTo:"left"===t?"right":"left",transferFrom:t,movementType:i,newTransferredItems:r})}}onItemsMovement({event:e,listSide:t,movementType:i}){this.moveListItems({event:e,listSide:t,movementType:i})}render(){const t=L(),i=this?.leftListItemsState??[],s=this?.rightListItemsState??[],a=this.listsMaxHeight,l=this?.transferListType??"basic";return e(n,{key:"204cb69d84cc8957fe51c9ac37f01009db59756a",class:t},e("div",{key:"6ea166769c28f7bd9717ec8d916d5a62589facb0",class:"gids-transfer-list__left-container"},e(v,{key:"697d02bf9a9eb6b27308120a7ae8a988e0dbc492",type:i.length>0?"default":"no-options"},e(u,{key:"186b95114e6a0a7d5aeb3ba1d64301b06b8b13da",heading:this.renderListHeading("left"),style:{"--gidsMenuChildren-max-height":a},isHeaderDividerVisible:"basic"!==l},i.map(((t,i)=>{const s=t?.id?t.id:""+(i+1),n=this.isItemSelected({id:s,listSide:"left"});return e(o,{id:""+s,index:i,leadingAccessory:e(m,{checked:n}),selected:n,onPressListItem:e=>this.onPressingListItem({event:e,pressedIndex:i,listSide:"left"})},t?.listLabel)}))))),e("div",{key:"54746b827f3521525b79118b10314e0513039849",class:"gids-transfer-list__middle-container"},e(f,{key:"450602d58efe7a93019670cebbb7fdc444a21194",leadingIcon:e(c,{name:"forward"}),appearance:"default",size:"sm",width:"full",disabled:this.movementButtonDisabled({listSide:"left",movementType:"move-all"}),onClick:e=>this.onItemsMovement({event:e,listSide:"left",movementType:"move-all"})}),e(f,{key:"7890ffb0b4059d9febd9852ac1f3da2e80dcbc06",leadingIcon:e(c,{name:"chevron-right"}),appearance:"default",size:"sm",width:"full",disabled:this.movementButtonDisabled({listSide:"left",movementType:"move-single"}),onClick:e=>this.onItemsMovement({event:e,listSide:"left",movementType:"move-single"})}),e(f,{key:"0de37783b705b9ddc1f3db8fbbed1728e8f589ec",leadingIcon:e(c,{name:"chevron-left"}),appearance:"default",size:"sm",width:"full",disabled:this.movementButtonDisabled({listSide:"right",movementType:"move-single"}),onClick:e=>this.onItemsMovement({event:e,listSide:"right",movementType:"move-single"})}),e(f,{key:"2ff344a7ee67a68e108322333cd8bf8bb116b58f",leadingIcon:e(c,{name:"backward"}),appearance:"default",size:"sm",width:"full",disabled:this.movementButtonDisabled({listSide:"right",movementType:"move-all"}),onClick:e=>this.onItemsMovement({event:e,listSide:"right",movementType:"move-all"})})),e("div",{key:"58a9d3a843871a24fbb1f3597a228e64d6729c2d",class:"gids-transfer-list__right-container"},e(v,{key:"ce70f53e7f24f91a17fd3cdcb98cd0163ad50732",type:s.length>0?"default":"no-options"},e(u,{key:"2fc87d113eb7f7f0e469962fc0bc806bcd6a8234",heading:this.renderListHeading("right"),style:{"--gidsMenuChildren-max-height":a},isHeaderDividerVisible:"basic"!==l},s.map(((t,i)=>{const s=t?.id?t.id:""+(i+1),n=this.isItemSelected({id:s,listSide:"right"});return e(o,{id:""+s,index:i,selected:n,leadingAccessory:e(m,{checked:n}),onPressListItem:e=>this.onPressingListItem({event:e,pressedIndex:i,listSide:"right"})},t?.listLabel)}))))))}get hostElement(){return this}static get watchers(){return{listsMaxHeight:[{handleListsMaxHeightChange:0}],leftListHeading:[{handleLeftListHeadingChange:0}],rightListHeading:[{handleRightListHeadingChange:0}],moveAllVisible:[{handleMoveAllVisibilityChange:0}],transferListType:[{handleTransferListTypeChange:0}],leftListItems:[{handleLeftListItemsChange:0}],rightListItems:[{handleRightListItemsChange:0}]}}static get style(){return".gids-transfer-list{display:flex;align-items:center;justify-content:center;gap:var(--gids-gap-500)}.gids-transfer-list .gids-menu__children{max-height:var(--gidsMenuChildren-max-height);overflow:auto}.gids-transfer-list__left-container{display:flex;width:100%;flex-direction:column}.gids-transfer-list__middle-container{display:flex;width:15%;flex-direction:column;gap:var(--gids-gap-150)}.gids-transfer-list__right-container{display:flex;width:100%;flex-direction:column}.gids-transfer-list__menu-heading-container{display:flex;align-items:flex-start;justify-content:flex-start;gap:var(--gids-gap-100)}.gids-transfer-list__menu-heading-text-content-container{display:flex;flex-direction:column}.gids-transfer-list__heading-text{font-family:var(--gids-typography-heading-x-small__font-family);font-size:var(--gids-typography-heading-x-small__font-size);font-weight:var(--gids-typography-heading-x-small__font-weight);letter-spacing:var(--gids-typography-heading-x-small__letter-spacing);line-height:var(--gids-typography-heading-x-small__line-height);text-transform:var(--gids-typography-heading-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtle)}.gids-transfer-list__heading-support-text{font-family:var(--gids-typography-paragraph-medium__font-family);font-size:var(--gids-typography-paragraph-medium__font-size);font-weight:var(--gids-typography-paragraph-medium__font-weight);letter-spacing:var(--gids-typography-paragraph-medium__letter-spacing);line-height:var(--gids-typography-paragraph-medium__line-height);text-transform:var(--gids-typography-paragraph-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-paragraph-medium__font-variant-caps, inherit);color:var(--gids-color-text-subtlest)}"}},[0,"gids-transfer-list",{leftListHeading:[1,"left-list-heading"],rightListHeading:[1,"right-list-heading"],moveAllVisible:[4,"move-all-visible"],transferListType:[1,"transfer-list-type"],leftListItems:[16],rightListItems:[16],listsMaxHeight:[1,"lists-max-height"],onTransferAction:[16],onTransferListSelect:[16],leftListItemsState:[32],rightListItemsState:[32],tempLeftListItemsState:[32],tempRightListItemsState:[32]},void 0,{listsMaxHeight:[{handleListsMaxHeightChange:0}],leftListHeading:[{handleLeftListHeadingChange:0}],rightListHeading:[{handleRightListHeadingChange:0}],moveAllVisible:[{handleMoveAllVisibilityChange:0}],transferListType:[{handleTransferListTypeChange:0}],leftListItems:[{handleLeftListItemsChange:0}],rightListItems:[{handleRightListItemsChange:0}]}]);function x(){"undefined"!=typeof customElements&&["gids-transfer-list"].forEach((e=>{"gids-transfer-list"===e&&(customElements.get(t(e))||customElements.define(t(e),b))}))}x();const _=b,I=x;export{_ as GidsTransferList,I as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{G as o,d as s}from"./p-
|
|
1
|
+
import{G as o,d as s}from"./p-DuonIHDh.js";const p=o,r=s;export{p as GidsYearDropdownPicker,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as t,H as i,h as a}from"./p-B4hcsDH0.js";import{GidsCalendarHeaderPanelWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{G as n}from"./p-Dg_WeHpV.js";import{G as h}from"./p-iQRr_fAH.js";import{c as r}from"./p-ChV9xqsO.js";import{d}from"./p-CSXuAs_X.js";import{d as l}from"./p-B4d07GWP.js";import{d as c}from"./p-DOiDD7cS.js";const{getGidsCalendarHeaderPanelClassNames:o,getCalendarMonthNameViaMonthNumber:p}=s,m=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.appearance="primary",this.monthPickerDisabled=!1,this.yearPickerDisabled=!1,this.panelDisabled=!1,this.previousDisabled=!1,this.nextDisabled=!1,this.expandedMonthPicker=!1,this.expandedYearPicker=!1,this.internalPreviousDisabled=!1,this.internalNextDisabled=!1,this.suppressNextMenuClickSelection=!1,this.suppressNextActionClickSelection=!1,this.fallbackYear=(new Date).getFullYear(),this.fallbackMonth=1,this.fallbackStartYear=(new Date).getFullYear(),this.fallbackEndYear=(new Date).getFullYear()+100,this.handleMonthPickerMenuClick=e=>{if(this.suppressNextMenuClickSelection)return;const t=e;this.updateActionProps({newSelectedMonthNumber:t?.monthInNumber??this.fallbackMonth,newSelectedYear:this.panelYear??this.fallbackYear}),this.applyMonthSelection({id:t.id,type:"month",month:t.month,monthNumber:Number(t.monthInNumber),year:this.panelYear,disabled:!1,panelValue:`${t.month} ${this.panelYear}`})},this.handleYearPickerMenuClick=e=>{if(this.suppressNextMenuClickSelection)return;const t=e;this.updateActionProps({newSelectedMonthNumber:this?.panelMonthNumber??this.fallbackMonth,newSelectedYear:t?.year??this.fallbackYear}),this.applyYearSelection({id:t.id,type:"year",month:this.panelMonth,monthNumber:Number(this?.panelMonthNumber),year:t?.year,disabled:!1,panelValue:`${this.panelMonth} ${t.year}`})},this.handlePreviousActionClick=e=>{if(this.suppressNextActionClickSelection)return;if(!(e.target instanceof Element))return;if(!this.isPreviousActionInteractive())return;const{newSelectedMonthNumber:t,newSelectedYear:i}=this.onPreviousActionChange();this.updateActionProps({newSelectedMonthNumber:t,newSelectedYear:i});const a=p(t);this.applyActionsSelection({type:"previous",month:a,monthNumber:t,year:i,disabled:!1,panelValue:`${a} ${i}`})},this.handleNextActionClick=e=>{if(this.suppressNextActionClickSelection)return;if(!(e.target instanceof Element))return;if(!this.isNextActionInteractive())return;const{newSelectedMonthNumber:t,newSelectedYear:i}=this.onNextActionChange();this.updateActionProps({newSelectedMonthNumber:t,newSelectedYear:i});const a=p(t);this.applyActionsSelection({type:"next",month:a,monthNumber:t,year:i,disabled:!1,panelValue:`${a} ${i}`})}}handleSelectedMonthNumberChange(e){null!=e&&(this.panelMonthNumber=e,this.panelMonth=p(e),this.syncPanelDisplayValue())}handleSelectedYearChange(e){null!=e&&(this.panelYear=e,this.syncPanelDisplayValue())}handleExpandedMonthPickerChange(e){e&&!this.isMonthPickerInteractive()&&this.setExpandedMonthPickerState(!1),e&&this.isMonthPickerInteractive()&&this.setExpandedMonthPickerState(!1)}handleExpandedYearPickerChange(e){e&&!this.isYearPickerInteractive()&&this.setExpandedYearPickerState(!1),e&&this.isYearPickerInteractive()&&this.setExpandedYearPickerState(!1)}handleMonthPickerInteractivityChange(){!this.isMonthPickerInteractive()&&this.expandedMonthPicker&&this.setExpandedMonthPickerState(!1)}handleYearPickerInteractivityChange(){!this.isYearPickerInteractive()&&this.expandedYearPicker&&this.setExpandedYearPickerState(!1)}handleAppearanceChange(e){this.appearance=e}connectedCallback(){this.panelMonthNumber=this.selectedMonthNumber??this.fallbackMonth,this.panelMonth=p(this.selectedMonthNumber??this.fallbackMonth),this.panelYear=this.selectedYear??this.fallbackYear,this.panelDisplayValue=`${this.panelMonth} ${this.panelYear}`,this.syncPanelDisplayValue(),this.setPreviousActionInteractivity(),this.setNextActionInteractivity()}applyMonthSelection(e){this.setExpandedMonthPickerState(!1,this.coerceEvent(e?.originalEvent)),this.setPreviousActionInteractivity(),this.setNextActionInteractivity(),this.onPanelMonthChange?.(e),this.hostElement.dispatchEvent(new CustomEvent("gidsPanelMonthChange",{bubbles:!0,composed:!0,detail:e}))}applyYearSelection(e){this.setExpandedYearPickerState(!1,this.coerceEvent(e?.originalEvent)),this.setPreviousActionInteractivity(),this.setNextActionInteractivity(),this.onPanelYearChange?.(e),this.hostElement.dispatchEvent(new CustomEvent("gidsPanelYearChange",{bubbles:!0,composed:!0,detail:e}))}setExpandedMonthPickerState(e,t){const i=Boolean(e);i&&!this.isMonthPickerInteractive()||this.expandedMonthPicker!==i&&(this.expandedMonthPicker=i,i||this.syncPanelDisplayValue(),this.hostElement.dispatchEvent(new CustomEvent("gidsCalendarHeaderPanelMonthToggle",{bubbles:!0,composed:!0,detail:{expandedMonthPicker:i,expandedYearPicker:Boolean(this.expandedYearPicker),originalEvent:t}})))}setExpandedYearPickerState(e,t){const i=Boolean(e);i&&!this.isYearPickerInteractive()||this.expandedYearPicker!==i&&(this.expandedYearPicker=i,i||this.syncPanelDisplayValue(),this.hostElement.dispatchEvent(new CustomEvent("gidsCalendarHeaderPanelYearToggle",{bubbles:!0,composed:!0,detail:{expandedMonthPicker:Boolean(this.expandedMonthPicker),expandedYearPicker:i,originalEvent:t}})))}syncPanelDisplayValue(){this.panelMonth&&this.panelYear&&(this.panelDisplayValue=`${this.panelMonth} ${this.panelYear}`)}applyActionsSelection(e){this.setNextActionInteractivity(),this.setPreviousActionInteractivity(),"previous"===e.type&&this.onPreviousChange?.(e),"next"===e.type&&this.onNextChange?.(e)}checkPrevYearIsAllowed(e){return e>=(this.startYear??this.fallbackStartYear)}checkNextYearIsAllowed(e){return e<=(this.endYear??this.fallbackEndYear)}isPreviousActionInteractive(){return 1===(this.panelMonthNumber??this.fallbackMonth)?this.checkPrevYearIsAllowed((this.panelYear??this.fallbackYear)-1)&&!this.previousDisabled:!this.previousDisabled}isNextActionInteractive(){return 12===(this.panelMonthNumber??this.fallbackMonth)?this.checkNextYearIsAllowed((this.panelYear??this.fallbackYear)+1)&&!this.nextDisabled:!this.nextDisabled}onPreviousActionChange(){const e=this.panelMonthNumber??this.fallbackMonth,t=this.panelYear??this.fallbackYear;return this.isPreviousActionInteractive()?{newSelectedMonthNumber:1===e?12:e-1,newSelectedYear:1===e?t-1:t}:{newSelectedMonthNumber:e,newSelectedYear:t}}onNextActionChange(){const e=this.panelMonthNumber??this.fallbackMonth,t=this.panelYear??this.fallbackYear;return this.isNextActionInteractive()?{newSelectedMonthNumber:12===e?1:e+1,newSelectedYear:12===e?t+1:t}:{newSelectedMonthNumber:e,newSelectedYear:t}}isMonthPickerInteractive(){return!this.monthPickerDisabled}isYearPickerInteractive(){return!this.yearPickerDisabled}coerceEvent(e){if("undefined"!=typeof Event&&null!==e)return e instanceof Event?e:void 0}updatePanelMonth(e){e?(this.selectedMonthNumber=e,this.panelMonth=p(e),this.panelMonthNumber=e):(this.selectedMonthNumber=this.fallbackMonth,this.panelMonth=p(this.fallbackMonth),this.panelMonthNumber=this.fallbackMonth)}updatePanelYear(e){e?(this.selectedYear=e,this.panelYear=e):this.panelYear=this.fallbackYear}setPreviousActionInteractivity(){this.internalPreviousDisabled=!this.isPreviousActionInteractive()}setNextActionInteractivity(){this.internalNextDisabled=!this.isNextActionInteractive()}updateActionProps({newSelectedYear:e,newSelectedMonthNumber:t}){this.updatePanelYear(e),this.updatePanelMonth(t),this.syncPanelDisplayValue()}getPanelValue(){return this.panelDisplayValue}render(){const e=o(),t=this.expandedMonthPicker&&this.isMonthPickerInteractive()&&!this.expandedYearPicker,i=this.expandedYearPicker&&this.isYearPickerInteractive()&&!this.expandedMonthPicker,s=this.internalPreviousDisabled||this.previousDisabled,d=this.internalNextDisabled||this.nextDisabled;return a("div",{key:"6f3a9f33504c28ebc0135aa7176267172378e184",class:e},a(n,{key:"e12e0ab1a440338aec9a600eeb2e63678da0c0e5",leadingIcon:a(h,{name:"arrow-left",size:"md",appearance:"regular"}),appearance:this.appearance,size:"sm",width:"intrinsic",onClick:this.handlePreviousActionClick,disabled:s}),a("div",{key:"915a9603380adfcff5586038bd9d902b354d298b",class:"gids-calendar-header-panel__main-container"},a("gids-dropdown-picker",{key:"b6cdfbf2e722b7749ac851189e88501ae5011ec6",expanded:t,appearance:this.appearance,size:"sm",value:`${this.panelMonthNumber}`,disabled:this.monthPickerDisabled},a("gids-calendar-month-list",{key:"328169b55bca1c6b61ce10dd8db5fe7bb758879c",type:"default",selectedMonthNumber:this.panelMonthNumber,onSelectionMonthChange:this.handleMonthPickerMenuClick})),a("span",{key:"b77e36f39d1599ef39c7dab120d692c0e3ec9b83",class:r("gids-calendar-header-panel__panel-value",{"gids-calendar-header-panel__panel-value-disabled":this.panelDisabled})},this.getPanelValue()),a("gids-dropdown-picker",{key:"2f48db7f8fd971693a03886cc560abe3abcd65c3",expanded:i,appearance:this.appearance,size:"sm",value:`${this.panelYear}`,disabled:this.yearPickerDisabled},a("gids-calendar-year-list",{key:"c1af31e67f962bf71f81bada6fbb673f8a004c12",type:"default",selectedYear:this.panelYear,startYear:this.startYear??this.fallbackStartYear,endYear:this.endYear,onSelectionYearChange:this.handleYearPickerMenuClick}))),a(n,{key:"de0e78ea6bfdb3ee1fe533c4215bb7df642ca824",leadingIcon:a(h,{name:"arrow-right",size:"md",appearance:"regular"}),appearance:this.appearance,size:"sm",width:"intrinsic",onClick:this.handleNextActionClick,disabled:d}))}get hostElement(){return this}static get watchers(){return{selectedMonthNumber:[{handleSelectedMonthNumberChange:0}],selectedYear:[{handleSelectedYearChange:0}],expandedMonthPicker:[{handleExpandedMonthPickerChange:0}],expandedYearPicker:[{handleExpandedYearPickerChange:0}],monthPickerDisabled:[{handleMonthPickerInteractivityChange:0}],yearPickerDisabled:[{handleYearPickerInteractivityChange:0}],appearance:[{handleAppearanceChange:0}]}}static get style(){return".gids-calendar-header-panel{display:flex;justify-content:center;align-items:center;align-self:stretch;gap:var(--gids-gap-150);width:100%}.gids-calendar-header-panel__main-container{display:flex;flex:1 0 0;align-items:center;justify-content:center;align-self:stretch;gap:var(--gids-gap-100)}.gids-calendar-header-panel__panel-value{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);text-align:center}.gids-calendar-header-panel__panel-value-disabled{color:var(--gids-color-text-disabled)}"}},[0,"gids-calendar-header-panel",{selectedMonthNumber:[1538,"selected-month-number"],selectedYear:[1538,"selected-year"],startYear:[1538,"start-year"],endYear:[1538,"end-year"],appearance:[1],monthPickerDisabled:[4,"month-picker-disabled"],yearPickerDisabled:[4,"year-picker-disabled"],panelDisabled:[4,"panel-disabled"],previousDisabled:[4,"previous-disabled"],nextDisabled:[4,"next-disabled"],expandedMonthPicker:[1540,"expanded-month-picker"],expandedYearPicker:[1540,"expanded-year-picker"],onPreviousChange:[16],onNextChange:[16],onPanelMonthChange:[16],onPanelYearChange:[16],panelMonth:[32],panelMonthNumber:[32],panelYear:[32],panelDisplayValue:[32],internalPreviousDisabled:[32],internalNextDisabled:[32]},void 0,{selectedMonthNumber:[{handleSelectedMonthNumberChange:0}],selectedYear:[{handleSelectedYearChange:0}],expandedMonthPicker:[{handleExpandedMonthPickerChange:0}],expandedYearPicker:[{handleExpandedYearPickerChange:0}],monthPickerDisabled:[{handleMonthPickerInteractivityChange:0}],yearPickerDisabled:[{handleYearPickerInteractivityChange:0}],appearance:[{handleAppearanceChange:0}]}]);function u(){"undefined"!=typeof customElements&&["gids-calendar-header-panel","gids-calendar-month-list","gids-calendar-year-list","gids-dropdown-picker"].forEach((t=>{switch(t){case"gids-calendar-header-panel":customElements.get(e(t))||customElements.define(e(t),m);break;case"gids-calendar-month-list":customElements.get(e(t))||d();break;case"gids-calendar-year-list":customElements.get(e(t))||l();break;case"gids-dropdown-picker":customElements.get(e(t))||c()}}))}u();export{m as G,u as d}
|
|
1
|
+
import{t as e,p as t,H as i,h as a}from"./p-B4hcsDH0.js";import{GidsCalendarHeaderPanelWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{G as n}from"./p-Dg_WeHpV.js";import{G as h}from"./p-iQRr_fAH.js";import{c as r}from"./p-ChV9xqsO.js";import{d}from"./p-cXOH6OAQ.js";import{d as l}from"./p-CJ1tQlEt.js";import{d as c}from"./p-BGBsQSqM.js";const{getGidsCalendarHeaderPanelClassNames:o,getCalendarMonthNameViaMonthNumber:p}=s,m=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.appearance="primary",this.monthPickerDisabled=!1,this.yearPickerDisabled=!1,this.panelDisabled=!1,this.previousDisabled=!1,this.nextDisabled=!1,this.expandedMonthPicker=!1,this.expandedYearPicker=!1,this.internalPreviousDisabled=!1,this.internalNextDisabled=!1,this.suppressNextMenuClickSelection=!1,this.suppressNextActionClickSelection=!1,this.fallbackYear=(new Date).getFullYear(),this.fallbackMonth=1,this.fallbackStartYear=(new Date).getFullYear(),this.fallbackEndYear=(new Date).getFullYear()+100,this.handleMonthPickerMenuClick=e=>{if(this.suppressNextMenuClickSelection)return;const t=e;this.updateActionProps({newSelectedMonthNumber:t?.monthInNumber??this.fallbackMonth,newSelectedYear:this.panelYear??this.fallbackYear}),this.applyMonthSelection({id:t.id,type:"month",month:t.month,monthNumber:Number(t.monthInNumber),year:this.panelYear,disabled:!1,panelValue:`${t.month} ${this.panelYear}`})},this.handleYearPickerMenuClick=e=>{if(this.suppressNextMenuClickSelection)return;const t=e;this.updateActionProps({newSelectedMonthNumber:this?.panelMonthNumber??this.fallbackMonth,newSelectedYear:t?.year??this.fallbackYear}),this.applyYearSelection({id:t.id,type:"year",month:this.panelMonth,monthNumber:Number(this?.panelMonthNumber),year:t?.year,disabled:!1,panelValue:`${this.panelMonth} ${t.year}`})},this.handlePreviousActionClick=e=>{if(this.suppressNextActionClickSelection)return;if(!(e.target instanceof Element))return;if(!this.isPreviousActionInteractive())return;const{newSelectedMonthNumber:t,newSelectedYear:i}=this.onPreviousActionChange();this.updateActionProps({newSelectedMonthNumber:t,newSelectedYear:i});const a=p(t);this.applyActionsSelection({type:"previous",month:a,monthNumber:t,year:i,disabled:!1,panelValue:`${a} ${i}`})},this.handleNextActionClick=e=>{if(this.suppressNextActionClickSelection)return;if(!(e.target instanceof Element))return;if(!this.isNextActionInteractive())return;const{newSelectedMonthNumber:t,newSelectedYear:i}=this.onNextActionChange();this.updateActionProps({newSelectedMonthNumber:t,newSelectedYear:i});const a=p(t);this.applyActionsSelection({type:"next",month:a,monthNumber:t,year:i,disabled:!1,panelValue:`${a} ${i}`})}}handleSelectedMonthNumberChange(e){null!=e&&(this.panelMonthNumber=e,this.panelMonth=p(e),this.syncPanelDisplayValue())}handleSelectedYearChange(e){null!=e&&(this.panelYear=e,this.syncPanelDisplayValue())}handleExpandedMonthPickerChange(e){e&&!this.isMonthPickerInteractive()&&this.setExpandedMonthPickerState(!1),e&&this.isMonthPickerInteractive()&&this.setExpandedMonthPickerState(!1)}handleExpandedYearPickerChange(e){e&&!this.isYearPickerInteractive()&&this.setExpandedYearPickerState(!1),e&&this.isYearPickerInteractive()&&this.setExpandedYearPickerState(!1)}handleMonthPickerInteractivityChange(){!this.isMonthPickerInteractive()&&this.expandedMonthPicker&&this.setExpandedMonthPickerState(!1)}handleYearPickerInteractivityChange(){!this.isYearPickerInteractive()&&this.expandedYearPicker&&this.setExpandedYearPickerState(!1)}handleAppearanceChange(e){this.appearance=e}connectedCallback(){this.panelMonthNumber=this.selectedMonthNumber??this.fallbackMonth,this.panelMonth=p(this.selectedMonthNumber??this.fallbackMonth),this.panelYear=this.selectedYear??this.fallbackYear,this.panelDisplayValue=`${this.panelMonth} ${this.panelYear}`,this.syncPanelDisplayValue(),this.setPreviousActionInteractivity(),this.setNextActionInteractivity()}applyMonthSelection(e){this.setExpandedMonthPickerState(!1,this.coerceEvent(e?.originalEvent)),this.setPreviousActionInteractivity(),this.setNextActionInteractivity(),this.onPanelMonthChange?.(e),this.hostElement.dispatchEvent(new CustomEvent("gidsPanelMonthChange",{bubbles:!0,composed:!0,detail:e}))}applyYearSelection(e){this.setExpandedYearPickerState(!1,this.coerceEvent(e?.originalEvent)),this.setPreviousActionInteractivity(),this.setNextActionInteractivity(),this.onPanelYearChange?.(e),this.hostElement.dispatchEvent(new CustomEvent("gidsPanelYearChange",{bubbles:!0,composed:!0,detail:e}))}setExpandedMonthPickerState(e,t){const i=Boolean(e);i&&!this.isMonthPickerInteractive()||this.expandedMonthPicker!==i&&(this.expandedMonthPicker=i,i||this.syncPanelDisplayValue(),this.hostElement.dispatchEvent(new CustomEvent("gidsCalendarHeaderPanelMonthToggle",{bubbles:!0,composed:!0,detail:{expandedMonthPicker:i,expandedYearPicker:Boolean(this.expandedYearPicker),originalEvent:t}})))}setExpandedYearPickerState(e,t){const i=Boolean(e);i&&!this.isYearPickerInteractive()||this.expandedYearPicker!==i&&(this.expandedYearPicker=i,i||this.syncPanelDisplayValue(),this.hostElement.dispatchEvent(new CustomEvent("gidsCalendarHeaderPanelYearToggle",{bubbles:!0,composed:!0,detail:{expandedMonthPicker:Boolean(this.expandedMonthPicker),expandedYearPicker:i,originalEvent:t}})))}syncPanelDisplayValue(){this.panelMonth&&this.panelYear&&(this.panelDisplayValue=`${this.panelMonth} ${this.panelYear}`)}applyActionsSelection(e){this.setNextActionInteractivity(),this.setPreviousActionInteractivity(),"previous"===e.type&&this.onPreviousChange?.(e),"next"===e.type&&this.onNextChange?.(e)}checkPrevYearIsAllowed(e){return e>=(this.startYear??this.fallbackStartYear)}checkNextYearIsAllowed(e){return e<=(this.endYear??this.fallbackEndYear)}isPreviousActionInteractive(){return 1===(this.panelMonthNumber??this.fallbackMonth)?this.checkPrevYearIsAllowed((this.panelYear??this.fallbackYear)-1)&&!this.previousDisabled:!this.previousDisabled}isNextActionInteractive(){return 12===(this.panelMonthNumber??this.fallbackMonth)?this.checkNextYearIsAllowed((this.panelYear??this.fallbackYear)+1)&&!this.nextDisabled:!this.nextDisabled}onPreviousActionChange(){const e=this.panelMonthNumber??this.fallbackMonth,t=this.panelYear??this.fallbackYear;return this.isPreviousActionInteractive()?{newSelectedMonthNumber:1===e?12:e-1,newSelectedYear:1===e?t-1:t}:{newSelectedMonthNumber:e,newSelectedYear:t}}onNextActionChange(){const e=this.panelMonthNumber??this.fallbackMonth,t=this.panelYear??this.fallbackYear;return this.isNextActionInteractive()?{newSelectedMonthNumber:12===e?1:e+1,newSelectedYear:12===e?t+1:t}:{newSelectedMonthNumber:e,newSelectedYear:t}}isMonthPickerInteractive(){return!this.monthPickerDisabled}isYearPickerInteractive(){return!this.yearPickerDisabled}coerceEvent(e){if("undefined"!=typeof Event&&null!==e)return e instanceof Event?e:void 0}updatePanelMonth(e){e?(this.selectedMonthNumber=e,this.panelMonth=p(e),this.panelMonthNumber=e):(this.selectedMonthNumber=this.fallbackMonth,this.panelMonth=p(this.fallbackMonth),this.panelMonthNumber=this.fallbackMonth)}updatePanelYear(e){e?(this.selectedYear=e,this.panelYear=e):this.panelYear=this.fallbackYear}setPreviousActionInteractivity(){this.internalPreviousDisabled=!this.isPreviousActionInteractive()}setNextActionInteractivity(){this.internalNextDisabled=!this.isNextActionInteractive()}updateActionProps({newSelectedYear:e,newSelectedMonthNumber:t}){this.updatePanelYear(e),this.updatePanelMonth(t),this.syncPanelDisplayValue()}getPanelValue(){return this.panelDisplayValue}render(){const e=o(),t=this.expandedMonthPicker&&this.isMonthPickerInteractive()&&!this.expandedYearPicker,i=this.expandedYearPicker&&this.isYearPickerInteractive()&&!this.expandedMonthPicker,s=this.internalPreviousDisabled||this.previousDisabled,d=this.internalNextDisabled||this.nextDisabled;return a("div",{key:"58c5ea4f5980766a7de4ab0aa1f5cac1e8f63b9e",class:e},a(n,{key:"63636e2b1ba9b8c51c3867ed3aacbf6650d24b94",leadingIcon:a(h,{name:"arrow-left",size:"md",appearance:"regular"}),appearance:this.appearance,size:"sm",width:"intrinsic",onClick:this.handlePreviousActionClick,disabled:s}),a("div",{key:"8553dc4c307250f60e72c058700f41f9e2b62d81",class:"gids-calendar-header-panel__main-container"},a("gids-dropdown-picker",{key:"66517fe1ee2337dead5c2967f5a28bc36cd87101",expanded:t,appearance:this.appearance,size:"sm",value:`${this.panelMonthNumber}`,disabled:this.monthPickerDisabled},a("gids-calendar-month-list",{key:"05edc8f408d56e80f2403cb7b9960c1eb4382492",type:"default",selectedMonthNumber:this.panelMonthNumber,onSelectionMonthChange:this.handleMonthPickerMenuClick})),a("span",{key:"6f0371f222645093696ee90e28583417652352da",class:r("gids-calendar-header-panel__panel-value",{"gids-calendar-header-panel__panel-value-disabled":this.panelDisabled})},this.getPanelValue()),a("gids-dropdown-picker",{key:"f736ae3cd81ee0681e2c90e4f9f3584b48e11934",expanded:i,appearance:this.appearance,size:"sm",value:`${this.panelYear}`,disabled:this.yearPickerDisabled},a("gids-calendar-year-list",{key:"dd1592c6e1d525dfa5aaa5eb095ba505e723fca3",type:"default",selectedYear:this.panelYear,startYear:this.startYear??this.fallbackStartYear,endYear:this.endYear,onSelectionYearChange:this.handleYearPickerMenuClick}))),a(n,{key:"76183404c1c03cd5156736cf90b444a7cdeed7f6",leadingIcon:a(h,{name:"arrow-right",size:"md",appearance:"regular"}),appearance:this.appearance,size:"sm",width:"intrinsic",onClick:this.handleNextActionClick,disabled:d}))}get hostElement(){return this}static get watchers(){return{selectedMonthNumber:[{handleSelectedMonthNumberChange:0}],selectedYear:[{handleSelectedYearChange:0}],expandedMonthPicker:[{handleExpandedMonthPickerChange:0}],expandedYearPicker:[{handleExpandedYearPickerChange:0}],monthPickerDisabled:[{handleMonthPickerInteractivityChange:0}],yearPickerDisabled:[{handleYearPickerInteractivityChange:0}],appearance:[{handleAppearanceChange:0}]}}static get style(){return".gids-calendar-header-panel{display:flex;justify-content:center;align-items:center;align-self:stretch;gap:var(--gids-gap-150);width:100%}.gids-calendar-header-panel__main-container{display:flex;flex:1 0 0;align-items:center;justify-content:center;align-self:stretch;gap:var(--gids-gap-100)}.gids-calendar-header-panel__panel-value{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);text-align:center}.gids-calendar-header-panel__panel-value-disabled{color:var(--gids-color-text-disabled)}"}},[0,"gids-calendar-header-panel",{selectedMonthNumber:[1538,"selected-month-number"],selectedYear:[1538,"selected-year"],startYear:[1538,"start-year"],endYear:[1538,"end-year"],appearance:[1],monthPickerDisabled:[4,"month-picker-disabled"],yearPickerDisabled:[4,"year-picker-disabled"],panelDisabled:[4,"panel-disabled"],previousDisabled:[4,"previous-disabled"],nextDisabled:[4,"next-disabled"],expandedMonthPicker:[1540,"expanded-month-picker"],expandedYearPicker:[1540,"expanded-year-picker"],onPreviousChange:[16],onNextChange:[16],onPanelMonthChange:[16],onPanelYearChange:[16],panelMonth:[32],panelMonthNumber:[32],panelYear:[32],panelDisplayValue:[32],internalPreviousDisabled:[32],internalNextDisabled:[32]},void 0,{selectedMonthNumber:[{handleSelectedMonthNumberChange:0}],selectedYear:[{handleSelectedYearChange:0}],expandedMonthPicker:[{handleExpandedMonthPickerChange:0}],expandedYearPicker:[{handleExpandedYearPickerChange:0}],monthPickerDisabled:[{handleMonthPickerInteractivityChange:0}],yearPickerDisabled:[{handleYearPickerInteractivityChange:0}],appearance:[{handleAppearanceChange:0}]}]);function u(){"undefined"!=typeof customElements&&["gids-calendar-header-panel","gids-calendar-month-list","gids-calendar-year-list","gids-dropdown-picker"].forEach((t=>{switch(t){case"gids-calendar-header-panel":customElements.get(e(t))||customElements.define(e(t),m);break;case"gids-calendar-month-list":customElements.get(e(t))||d();break;case"gids-calendar-year-list":customElements.get(e(t))||l();break;case"gids-dropdown-picker":customElements.get(e(t))||c()}}))}u();export{m as G,u as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as a,H as i,h as e}from"./p-B4hcsDH0.js";import{GidsActivityGaugeWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{G as g}from"./p-C-Lpfqcg.js";import{d as l}from"./p-x1tVOUSt.js";import{d as r}from"./p-DYKcsBzA.js";const{getGidsActivityGaugeClassNames:n}=s,o=a(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.breakpoint="desktop",this.chartData=[],this.label="",this.size="xs",this.legend="none",this.chartLoaderSize="lg",this.chartLoading=!1,this.width=0,this.height=0}chartDataChanged(){this.updateDimensions()}legendChanged(t){this.legend=t}componentDidLoad(){this.updateDimensions(),this.resizeObserver=new ResizeObserver((()=>this.updateDimensions())),this.hostElement.parentElement&&this.resizeObserver.observe(this.hostElement.parentElement)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect()}updateDimensions(){const t=this.hostElement.getBoundingClientRect();this.width=t.width,this.height=t.height>0?t.height:240}render(){if(this.chartLoading)return e("div",{class:"gids-activity-gauge__no-data"},e(g,{label:this.chartLoadingTitle,supportingText:this.chartLoadingSupportingText,size:this?.chartLoaderSize??"lg"}));const t=this.chartData.map((t=>t.value||0)),a=t.length>0?Math.max(...t):0,i=Math.max(1e3,a),s=i.toLocaleString(),l=n({breakpoint:this.breakpoint}),r=[{radius:42,strokeWidth:5.5},{radius:34,strokeWidth:5.5},{radius:26,strokeWidth:5.5}],o="xxs"===this.size,d="string"==typeof this.label&&""!==this.label.trim(),h=this.legend&&"right"===this.legend&&"mobile"!==this.breakpoint,p=this.legend&&("bottom"===this.legend||"mobile"===this.breakpoint);return e("div",{class:l},e("div",{class:"gids-activity-gauge__main-container"},e("div",{class:"gids-activity-gauge__chart-stage-container"},e("div",{class:`gids-activity-gauge__svg-wrapper gids-activity-gauge--size-${this.size}`},e("svg",{viewBox:"0 0 100 100",class:"gids-activity-gauge__chart-vector"},this.chartData.slice(0,3).map(((t,a)=>{const s=r[a]||r[0]||{radius:26,strokeWidth:5.5},g=i>0?Math.min(Math.max((t.value||0)/i,0),1):0,l=2*Math.PI*s.radius,n=`${g*l} ${l}`;return e("g",{key:t.label||a},e("circle",{cx:"50",cy:"50",r:s.radius,"stroke-width":s.strokeWidth,class:"gids-activity-gauge__track-background"}),e("circle",{cx:"50",cy:"50",r:s.radius,"stroke-width":s.strokeWidth,class:`gids-activity-gauge__segment gids-activity-gauge__segment-series-${a+1}`,"stroke-dasharray":n,"stroke-dashoffset":"0",transform:"rotate(-90 50 50)"}))}))),e("div",{class:"gids-activity-gauge__center-content"},d&&!o?e("span",{class:`gids-activity-gauge__label-common gids-activity-gauge__label-${this.size}`},this.label):null,e("span",{class:`gids-activity-gauge__value-common gids-activity-gauge__value-${this.size}`},s)))),h?e("div",{class:"gids-activity-gauge__sidebar"},e("gids-chart-legend",{orientation:"vertical"},this.chartData.slice(0,3).map(((t,a)=>e("gids-chart-legend-item",{key:t.label,seriesType:`${a+1}`,orientation:"vertical"},t.label))))):null),o&&d?e("div",{class:"gids-activity-gauge__bottom-content"},e("span",{class:`gids-activity-gauge__label-common gids-activity-gauge__label-${this.size}`},this.label)):null,p?e("div",{class:"gids-activity-gauge__legend-container gids-activity-gauge__legend-container--bottom"},e("gids-chart-legend",{orientation:"horizontal"},this.chartData.slice(0,3).map(((t,a)=>e("gids-chart-legend-item",{key:t.label,seriesType:`${a+1}`,orientation:"horizontal"},t.label))))):null)}get hostElement(){return this}static get watchers(){return{chartData:[{chartDataChanged:0}],legend:[{legendChanged:0}]}}static get style(){return":host{display:block;width:100%;height:100%;box-sizing:border-box}.gids-activity-gauge{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;box-sizing:border-box}.gids-activity-gauge--breakpoint-mobile{max-width:var(--gids-width-xs)}.gids-activity-gauge__main-container{display:inline-flex;justify-content:center;gap:var(--gids-gap-200);width:100%;height:100%}.gids-activity-gauge__svg-wrapper{position:relative;display:block;flex-shrink:0}.gids-activity-gauge--size-xxs{width:180px;height:180px}.gids-activity-gauge--size-xs{width:220px;height:220px}.gids-activity-gauge--size-sm{width:260px;height:260px}.gids-activity-gauge--size-md{width:300px;height:300px}.gids-activity-gauge--size-lg{width:340px;height:340px}.gids-activity-gauge__chart-stage-container{display:flex;justify-content:center;align-items:center}.gids-activity-gauge__chart-vector{display:block;width:100%;height:100%}.gids-activity-gauge__track-background{fill:none;stroke:var(--gids-color-background-brand-subtlest-default);stroke-linecap:round}.gids-activity-gauge__segment{fill:none;stroke-linecap:round;transition:stroke-dasharray 0.4s ease-out}.gids-activity-gauge__segment.gids-activity-gauge__segment-series-1{stroke:var(--gids-color-icon-subtle)}.gids-activity-gauge__segment.gids-activity-gauge__segment-series-2{stroke:var(--gids-color-icon-warning)}.gids-activity-gauge__segment.gids-activity-gauge__segment-series-3{stroke:var(--gids-color-icon-danger)}.gids-activity-gauge__center-content{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}.gids-activity-gauge__label-xxs{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit)}.gids-activity-gauge__label-xs{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit)}.gids-activity-gauge__label-sm{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit)}.gids-activity-gauge__label-md{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit)}.gids-activity-gauge__label-lg{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit)}.gids-activity-gauge__label-common{color:var(--gids-color-text-subtlest)}.gids-activity-gauge__value-xxs{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit)}.gids-activity-gauge__value-xs{font-family:var(--gids-typography-display-x-small__font-family);font-size:var(--gids-typography-display-x-small__font-size);font-weight:var(--gids-typography-display-x-small__font-weight);letter-spacing:var(--gids-typography-display-x-small__letter-spacing);line-height:var(--gids-typography-display-x-small__line-height);text-transform:var(--gids-typography-display-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-x-small__font-variant-caps, inherit)}.gids-activity-gauge__value-sm{font-family:var(--gids-typography-display-x-small__font-family);font-size:var(--gids-typography-display-x-small__font-size);font-weight:var(--gids-typography-display-x-small__font-weight);letter-spacing:var(--gids-typography-display-x-small__letter-spacing);line-height:var(--gids-typography-display-x-small__line-height);text-transform:var(--gids-typography-display-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-x-small__font-variant-caps, inherit)}.gids-activity-gauge__value-md{font-family:var(--gids-typography-display-small__font-family);font-size:var(--gids-typography-display-small__font-size);font-weight:var(--gids-typography-display-small__font-weight);letter-spacing:var(--gids-typography-display-small__letter-spacing);line-height:var(--gids-typography-display-small__line-height);text-transform:var(--gids-typography-display-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-small__font-variant-caps, inherit)}.gids-activity-gauge__value-lg{font-family:var(--gids-typography-display-small__font-family);font-size:var(--gids-typography-display-small__font-size);font-weight:var(--gids-typography-display-small__font-weight);letter-spacing:var(--gids-typography-display-small__letter-spacing);line-height:var(--gids-typography-display-small__line-height);text-transform:var(--gids-typography-display-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-small__font-variant-caps, inherit)}.gids-activity-gauge__value-common{color:var(--gids-color-text-default)}.gids-activity-gauge__bottom-content{display:flex;justify-content:center;align-items:center;text-align:center}.gids-activity-gauge__no-data{display:flex;align-items:center;justify-content:center;padding:var(--gids-padding-vertical-edge-to-element-300) var(--gids-padding-horizontal-edge-to-element-100);width:100%;height:100%;min-height:200px;color:var(--gids-color-text-subtlest);border:var(--gids-border-width-thin) dashed var(--gids-color-border-default);border-radius:var(--gids-border-radius-md)}"}},[0,"gids-activity-gauge",{breakpoint:[1],chartData:[16],label:[1],size:[1],legend:[1],chartLoaderSize:[1,"chart-loader-size"],chartLoading:[4,"chart-loading"],chartLoadingTitle:[1,"chart-loading-title"],chartLoadingSupportingText:[1,"chart-loading-supporting-text"],width:[32],height:[32]},void 0,{chartData:[{chartDataChanged:0}],legend:[{legendChanged:0}]}]);function d(){"undefined"!=typeof customElements&&["gids-activity-gauge","gids-chart-legend","gids-chart-legend-item"].forEach((a=>{switch(a){case"gids-activity-gauge":customElements.get(t(a))||customElements.define(t(a),o);break;case"gids-chart-legend":customElements.get(t(a))||l();break;case"gids-chart-legend-item":customElements.get(t(a))||r()}}))}d();export{o as G,d}
|
|
1
|
+
import{t,p as a,H as i,h as e}from"./p-B4hcsDH0.js";import{GidsActivityGaugeWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{G as g}from"./p-C-Lpfqcg.js";import{d as l}from"./p-CL9pZVrx.js";import{d as r}from"./p-CytAVtIP.js";const{getGidsActivityGaugeClassNames:n}=s,o=a(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.breakpoint="desktop",this.chartData=[],this.label="",this.size="xs",this.legend="none",this.chartLoaderSize="lg",this.chartLoading=!1,this.width=0,this.height=0}chartDataChanged(){this.updateDimensions()}legendChanged(t){this.legend=t}componentDidLoad(){this.updateDimensions(),this.resizeObserver=new ResizeObserver((()=>this.updateDimensions())),this.hostElement.parentElement&&this.resizeObserver.observe(this.hostElement.parentElement)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect()}updateDimensions(){const t=this.hostElement.getBoundingClientRect();this.width=t.width,this.height=t.height>0?t.height:240}render(){if(this.chartLoading)return e("div",{class:"gids-activity-gauge__no-data"},e(g,{label:this.chartLoadingTitle,supportingText:this.chartLoadingSupportingText,size:this?.chartLoaderSize??"lg"}));const t=this.chartData.map((t=>t.value||0)),a=t.length>0?Math.max(...t):0,i=Math.max(1e3,a),s=i.toLocaleString(),l=n({breakpoint:this.breakpoint}),r=[{radius:42,strokeWidth:5.5},{radius:34,strokeWidth:5.5},{radius:26,strokeWidth:5.5}],o="xxs"===this.size,d="string"==typeof this.label&&""!==this.label.trim(),h=this.legend&&"right"===this.legend&&"mobile"!==this.breakpoint,p=this.legend&&("bottom"===this.legend||"mobile"===this.breakpoint);return e("div",{class:l},e("div",{class:"gids-activity-gauge__main-container"},e("div",{class:"gids-activity-gauge__chart-stage-container"},e("div",{class:`gids-activity-gauge__svg-wrapper gids-activity-gauge--size-${this.size}`},e("svg",{viewBox:"0 0 100 100",class:"gids-activity-gauge__chart-vector"},this.chartData.slice(0,3).map(((t,a)=>{const s=r[a]||r[0]||{radius:26,strokeWidth:5.5},g=i>0?Math.min(Math.max((t.value||0)/i,0),1):0,l=2*Math.PI*s.radius,n=`${g*l} ${l}`;return e("g",{key:t.label||a},e("circle",{cx:"50",cy:"50",r:s.radius,"stroke-width":s.strokeWidth,class:"gids-activity-gauge__track-background"}),e("circle",{cx:"50",cy:"50",r:s.radius,"stroke-width":s.strokeWidth,class:`gids-activity-gauge__segment gids-activity-gauge__segment-series-${a+1}`,"stroke-dasharray":n,"stroke-dashoffset":"0",transform:"rotate(-90 50 50)"}))}))),e("div",{class:"gids-activity-gauge__center-content"},d&&!o?e("span",{class:`gids-activity-gauge__label-common gids-activity-gauge__label-${this.size}`},this.label):null,e("span",{class:`gids-activity-gauge__value-common gids-activity-gauge__value-${this.size}`},s)))),h?e("div",{class:"gids-activity-gauge__sidebar"},e("gids-chart-legend",{orientation:"vertical"},this.chartData.slice(0,3).map(((t,a)=>e("gids-chart-legend-item",{key:t.label,seriesType:`${a+1}`,orientation:"vertical"},t.label))))):null),o&&d?e("div",{class:"gids-activity-gauge__bottom-content"},e("span",{class:`gids-activity-gauge__label-common gids-activity-gauge__label-${this.size}`},this.label)):null,p?e("div",{class:"gids-activity-gauge__legend-container gids-activity-gauge__legend-container--bottom"},e("gids-chart-legend",{orientation:"horizontal"},this.chartData.slice(0,3).map(((t,a)=>e("gids-chart-legend-item",{key:t.label,seriesType:`${a+1}`,orientation:"horizontal"},t.label))))):null)}get hostElement(){return this}static get watchers(){return{chartData:[{chartDataChanged:0}],legend:[{legendChanged:0}]}}static get style(){return":host{display:block;width:100%;height:100%;box-sizing:border-box}.gids-activity-gauge{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;box-sizing:border-box}.gids-activity-gauge--breakpoint-mobile{max-width:var(--gids-width-xs)}.gids-activity-gauge__main-container{display:inline-flex;justify-content:center;gap:var(--gids-gap-200);width:100%;height:100%}.gids-activity-gauge__svg-wrapper{position:relative;display:block;flex-shrink:0}.gids-activity-gauge--size-xxs{width:180px;height:180px}.gids-activity-gauge--size-xs{width:220px;height:220px}.gids-activity-gauge--size-sm{width:260px;height:260px}.gids-activity-gauge--size-md{width:300px;height:300px}.gids-activity-gauge--size-lg{width:340px;height:340px}.gids-activity-gauge__chart-stage-container{display:flex;justify-content:center;align-items:center}.gids-activity-gauge__chart-vector{display:block;width:100%;height:100%}.gids-activity-gauge__track-background{fill:none;stroke:var(--gids-color-background-brand-subtlest-default);stroke-linecap:round}.gids-activity-gauge__segment{fill:none;stroke-linecap:round;transition:stroke-dasharray 0.4s ease-out}.gids-activity-gauge__segment.gids-activity-gauge__segment-series-1{stroke:var(--gids-color-icon-subtle)}.gids-activity-gauge__segment.gids-activity-gauge__segment-series-2{stroke:var(--gids-color-icon-warning)}.gids-activity-gauge__segment.gids-activity-gauge__segment-series-3{stroke:var(--gids-color-icon-danger)}.gids-activity-gauge__center-content{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}.gids-activity-gauge__label-xxs{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit)}.gids-activity-gauge__label-xs{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit)}.gids-activity-gauge__label-sm{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit)}.gids-activity-gauge__label-md{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit)}.gids-activity-gauge__label-lg{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit)}.gids-activity-gauge__label-common{color:var(--gids-color-text-subtlest)}.gids-activity-gauge__value-xxs{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit)}.gids-activity-gauge__value-xs{font-family:var(--gids-typography-display-x-small__font-family);font-size:var(--gids-typography-display-x-small__font-size);font-weight:var(--gids-typography-display-x-small__font-weight);letter-spacing:var(--gids-typography-display-x-small__letter-spacing);line-height:var(--gids-typography-display-x-small__line-height);text-transform:var(--gids-typography-display-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-x-small__font-variant-caps, inherit)}.gids-activity-gauge__value-sm{font-family:var(--gids-typography-display-x-small__font-family);font-size:var(--gids-typography-display-x-small__font-size);font-weight:var(--gids-typography-display-x-small__font-weight);letter-spacing:var(--gids-typography-display-x-small__letter-spacing);line-height:var(--gids-typography-display-x-small__line-height);text-transform:var(--gids-typography-display-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-x-small__font-variant-caps, inherit)}.gids-activity-gauge__value-md{font-family:var(--gids-typography-display-small__font-family);font-size:var(--gids-typography-display-small__font-size);font-weight:var(--gids-typography-display-small__font-weight);letter-spacing:var(--gids-typography-display-small__letter-spacing);line-height:var(--gids-typography-display-small__line-height);text-transform:var(--gids-typography-display-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-small__font-variant-caps, inherit)}.gids-activity-gauge__value-lg{font-family:var(--gids-typography-display-small__font-family);font-size:var(--gids-typography-display-small__font-size);font-weight:var(--gids-typography-display-small__font-weight);letter-spacing:var(--gids-typography-display-small__letter-spacing);line-height:var(--gids-typography-display-small__line-height);text-transform:var(--gids-typography-display-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-small__font-variant-caps, inherit)}.gids-activity-gauge__value-common{color:var(--gids-color-text-default)}.gids-activity-gauge__bottom-content{display:flex;justify-content:center;align-items:center;text-align:center}.gids-activity-gauge__no-data{display:flex;align-items:center;justify-content:center;padding:var(--gids-padding-vertical-edge-to-element-300) var(--gids-padding-horizontal-edge-to-element-100);width:100%;height:100%;min-height:200px;color:var(--gids-color-text-subtlest);border:var(--gids-border-width-thin) dashed var(--gids-color-border-default);border-radius:var(--gids-border-radius-md)}"}},[0,"gids-activity-gauge",{breakpoint:[1],chartData:[16],label:[1],size:[1],legend:[1],chartLoaderSize:[1,"chart-loader-size"],chartLoading:[4,"chart-loading"],chartLoadingTitle:[1,"chart-loading-title"],chartLoadingSupportingText:[1,"chart-loading-supporting-text"],width:[32],height:[32]},void 0,{chartData:[{chartDataChanged:0}],legend:[{legendChanged:0}]}]);function d(){"undefined"!=typeof customElements&&["gids-activity-gauge","gids-chart-legend","gids-chart-legend-item"].forEach((a=>{switch(a){case"gids-activity-gauge":customElements.get(t(a))||customElements.define(t(a),o);break;case"gids-chart-legend":customElements.get(t(a))||l();break;case"gids-chart-legend-item":customElements.get(t(a))||r()}}))}d();export{o as G,d}
|