@ganpatiinfo/gids-core-web 10.3.0 → 13.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/index.css +374 -107
- package/dist/css/index.css.map +1 -1
- package/dist/gids-action-bar.js +1 -1
- package/dist/gids-activity-gauge.js +1 -1
- package/dist/gids-bar-chart.js +1 -1
- package/dist/gids-calendar-header-panel.js +1 -1
- package/dist/gids-calendar-month-list.js +1 -1
- package/dist/gids-calendar-year-list.js +1 -1
- package/dist/gids-calendar.js +1 -1
- package/dist/gids-chart-legend-item.js +1 -1
- package/dist/gids-chart-legend.js +1 -1
- package/dist/gids-chart.js +1 -1
- package/dist/gids-chevron-button.js +1 -1
- package/dist/gids-dot.js +1 -1
- package/dist/gids-dropdown-field.js +1 -1
- package/dist/gids-dropdown-picker.js +1 -1
- package/dist/gids-dropdown.js +1 -1
- package/dist/gids-expansion-body-list-item.js +1 -1
- package/dist/gids-expansion-body-list.js +1 -1
- package/dist/gids-expansion-group.js +1 -1
- package/dist/gids-expansion.js +1 -1
- package/dist/gids-field.js +1 -1
- package/dist/gids-filter.js +1 -1
- package/dist/gids-icon.js +1 -1
- package/dist/gids-input.js +1 -1
- package/dist/gids-line-chart.js +1 -1
- package/dist/gids-md-table.d.ts +11 -0
- package/dist/gids-md-table.js +1 -0
- package/dist/gids-overflow-container.js +1 -1
- package/dist/gids-overlay-provider.js +1 -1
- package/dist/gids-password-field.js +1 -1
- package/dist/gids-pie-chart.js +1 -1
- package/dist/gids-popover.js +1 -1
- package/dist/gids-scrim.js +1 -1
- package/dist/gids-tab-item.js +1 -1
- package/dist/gids-tab.js +1 -1
- package/dist/gids-text-field.js +1 -1
- package/dist/gids-toggle-button.js +1 -1
- package/dist/gids-tooltip.js +1 -1
- package/dist/p-4lN1OdcA.js +1 -0
- package/dist/{p-CD_BHkBE.js → p-6APCjBEI.js} +1 -1
- package/dist/p-BCVFQSjK.js +1 -0
- package/dist/{p-DfrYaprq.js → p-BSbOhfLZ.js} +1 -1
- package/dist/{p-DA_atCAU.js → p-BVAtja26.js} +1 -1
- package/dist/{p-BeP2XcqY.js → p-C2O_pGky.js} +1 -1
- package/dist/p-C2POfZhu.js +1 -0
- package/dist/{p-3Ni1-UuQ.js → p-C3We7Q8Q.js} +1 -1
- package/dist/{p-C4yEV6pT.js → p-C3w3wdCt.js} +1 -1
- package/dist/{p-BQCMjWpK.js → p-C3xv7tfs.js} +1 -1
- package/dist/{p-Ditd1zV7.js → p-C56G7JRy.js} +1 -1
- package/dist/p-CI-sN9Lr.js +1 -0
- package/dist/{p-WHI6NO_h.js → p-COHuQEfZ.js} +1 -1
- package/dist/{p-CkydANOS.js → p-Chqeexny.js} +1 -1
- package/dist/{p-C2PfO9h9.js → p-DO0MyFf4.js} +1 -1
- package/dist/p-DUojHltk.js +1 -0
- package/dist/p-_SIWct9h.js +1 -0
- package/dist/{p-qIkbfIF3.js → p-pSb81aE0.js} +1 -1
- package/dist/{p-BE2G21MT.js → p-ub0GuVHb.js} +1 -1
- package/dist/types/components/html/GidsBasicTableBody/GidsBasicTableBody.d.ts +7 -0
- package/dist/types/components/html/GidsBasicTableCell/GidsBasicTableCell.d.ts +5 -0
- package/dist/types/components/html/GidsBasicTableHead/GidsBasicTableHead.d.ts +11 -0
- package/dist/types/components/html/GidsBasicTableHeader/GidsBasicTableHeader.d.ts +5 -0
- package/dist/types/components/html/GidsBasicTableRow/GidsBasicTableRow.d.ts +5 -0
- package/dist/types/components/html/GidsBsTable/GidsBsTable.d.ts +12 -0
- package/dist/types/components/webComponents/GidsActionBar/GidsActionBar.d.ts +15 -2
- package/dist/types/components/webComponents/GidsExpansionBodyList/GidsExpansionBodyList.d.ts +5 -4
- package/dist/types/components/webComponents/GidsFilter/GidsFilter.d.ts +5 -0
- package/dist/types/components/webComponents/GidsMdTable/GidsMdTable.d.ts +42 -0
- package/dist/types/components.d.ts +199 -12
- package/dist-bundled/es/gids-action-bar.js +168 -126
- package/dist-bundled/es/gids-activity-gauge.js +4 -4
- package/dist-bundled/es/gids-bar-chart.js +1 -1
- package/dist-bundled/es/gids-calendar-header-panel.js +4 -4
- package/dist-bundled/es/gids-calendar-month-list.js +1 -1
- package/dist-bundled/es/gids-calendar-year-list.js +4 -4
- package/dist-bundled/es/gids-calendar.js +7 -7
- package/dist-bundled/es/gids-chart-legend-item.js +4 -4
- package/dist-bundled/es/gids-chart-legend.js +4 -4
- package/dist-bundled/es/gids-chart.js +18 -18
- package/dist-bundled/es/gids-chevron-button.js +2 -2
- package/dist-bundled/es/gids-dot.js +1 -1
- package/dist-bundled/es/gids-dropdown-field.js +5 -5
- package/dist-bundled/es/gids-dropdown-picker.js +2 -2
- package/dist-bundled/es/gids-dropdown.js +4 -4
- package/dist-bundled/es/gids-expansion-body-list-item.js +3 -3
- package/dist-bundled/es/gids-expansion-body-list.js +35 -35
- package/dist-bundled/es/gids-expansion-group.js +5 -5
- package/dist-bundled/es/gids-expansion.js +4 -4
- package/dist-bundled/es/gids-field.js +1 -1
- package/dist-bundled/es/gids-filter.js +2 -2
- package/dist-bundled/es/gids-icon.js +4 -4
- package/dist-bundled/es/gids-input.js +1 -1
- package/dist-bundled/es/gids-line-chart.js +4 -4
- package/dist-bundled/es/gids-md-table.js +170 -0
- package/dist-bundled/es/gids-overflow-container.js +1 -1
- package/dist-bundled/es/gids-overlay-provider.js +2 -2
- package/dist-bundled/es/gids-password-field.js +24 -24
- package/dist-bundled/es/gids-pie-chart.js +1 -1
- package/dist-bundled/es/gids-popover.js +1 -1
- package/dist-bundled/es/gids-scrim.js +6 -6
- package/dist-bundled/es/gids-tab-item.js +6 -6
- package/dist-bundled/es/gids-tab.js +4 -4
- package/dist-bundled/es/gids-text-field.js +16 -16
- package/dist-bundled/es/gids-toggle-button.js +1 -1
- package/dist-bundled/es/gids-tooltip.js +4 -4
- package/dist-bundled/es/{p-DlI2raNo-5V-p1A9Z.js → p-4lN1OdcA-xYP8gbDc.js} +17 -34
- package/dist-bundled/es/{p-CD_BHkBE-DX2546yK.js → p-6APCjBEI-BREg63Xr.js} +5 -5
- package/dist-bundled/es/{p-Cn-t3SGc-CwvvOdlK.js → p-BCVFQSjK-CKrYrI4b.js} +15 -15
- package/dist-bundled/es/{p-DfrYaprq-CeZqb0rn.js → p-BSbOhfLZ-BdEHhmFM.js} +3 -3
- package/dist-bundled/es/{p-DA_atCAU-KdxJYYDE.js → p-BVAtja26-C16IjShX.js} +8 -8
- package/dist-bundled/es/{p-BeP2XcqY-DMXmX4Mc.js → p-C2O_pGky-CP4PN55D.js} +10 -10
- package/dist-bundled/es/p-C2POfZhu-DzG_JxV6.js +24 -0
- package/dist-bundled/es/{p-3Ni1-UuQ-CPn15cat.js → p-C3We7Q8Q-2EoDLj5m.js} +2 -2
- package/dist-bundled/es/{p-C4yEV6pT-8IjLINXB.js → p-C3w3wdCt-BTH-jYlI.js} +6 -6
- package/dist-bundled/es/{p-BQCMjWpK-CLxPNItn.js → p-C3xv7tfs-DHsjc3Ns.js} +4 -4
- package/dist-bundled/es/{p-Ditd1zV7-DdQjXthS.js → p-C56G7JRy-BCGZG2-3.js} +2 -2
- package/dist-bundled/es/{p-DVVJrKxO-Bdl0HX_u.js → p-CI-sN9Lr-BvWzRJw-.js} +20 -19
- package/dist-bundled/es/{p-WHI6NO_h-DHNy0JzV.js → p-COHuQEfZ-DcUxD9TI.js} +11 -11
- package/dist-bundled/es/{p-CkydANOS-CzTX9wng.js → p-Chqeexny-BuJ-PhNi.js} +6 -6
- package/dist-bundled/es/{p-D4Pimu_8-DfEGRQGf.js → p-D4Pimu_8-ARSuGBs4.js} +0 -1
- package/dist-bundled/es/{p-D6lxqcxP-DWrZi1Xi.js → p-D6lxqcxP-C6BOC0kV.js} +1 -1
- package/dist-bundled/es/{p-C2PfO9h9-H_toZwKo.js → p-DO0MyFf4-Ddg5sVMx.js} +5 -5
- package/dist-bundled/es/p-DUojHltk-BQ0ryfLD.js +172 -0
- package/dist-bundled/es/{p-UxDcM-C5-Dr5d_WpJ.js → p-UxDcM-C5-BJO4X0jM.js} +1 -1
- package/dist-bundled/es/{p-KaaOtnwV-D7HTbhvI.js → p-_SIWct9h-jMYFZ-VO.js} +12 -12
- package/dist-bundled/es/{p-qIkbfIF3-B7NovGEi.js → p-pSb81aE0-WzAszFOQ.js} +2 -2
- package/dist-bundled/es/{p-BE2G21MT-WGW-ehxu.js → p-ub0GuVHb-C9vrhXyF.js} +2 -2
- package/dist-bundled/umd/gids-action-bar.umd.js +3 -3
- package/dist-bundled/umd/gids-activity-gauge.umd.js +1 -1
- package/dist-bundled/umd/gids-bar-chart.umd.js +1 -1
- package/dist-bundled/umd/gids-calendar-header-panel.umd.js +1 -1
- package/dist-bundled/umd/gids-calendar-month-list.umd.js +1 -1
- package/dist-bundled/umd/gids-calendar-year-list.umd.js +1 -1
- package/dist-bundled/umd/gids-calendar.umd.js +1 -1
- package/dist-bundled/umd/gids-chart-legend-item.umd.js +1 -1
- package/dist-bundled/umd/gids-chart-legend.umd.js +1 -1
- package/dist-bundled/umd/gids-chart.umd.js +1 -1
- package/dist-bundled/umd/gids-chevron-button.umd.js +1 -1
- package/dist-bundled/umd/gids-dot.umd.js +1 -1
- package/dist-bundled/umd/gids-dropdown-field.umd.js +2 -2
- package/dist-bundled/umd/gids-dropdown-picker.umd.js +1 -1
- package/dist-bundled/umd/gids-dropdown.umd.js +2 -2
- package/dist-bundled/umd/gids-expansion-body-list-item.umd.js +1 -1
- package/dist-bundled/umd/gids-expansion-body-list.umd.js +2 -2
- package/dist-bundled/umd/gids-expansion-group.umd.js +1 -1
- package/dist-bundled/umd/gids-expansion.umd.js +1 -1
- package/dist-bundled/umd/gids-field.umd.js +1 -1
- package/dist-bundled/umd/gids-filter.umd.js +3 -3
- package/dist-bundled/umd/gids-icon.umd.js +1 -1
- package/dist-bundled/umd/gids-input.umd.js +1 -1
- package/dist-bundled/umd/gids-line-chart.umd.js +2 -2
- package/dist-bundled/umd/gids-md-table.umd.js +5 -0
- package/dist-bundled/umd/gids-overflow-container.umd.js +1 -1
- package/dist-bundled/umd/gids-overlay-provider.umd.js +1 -1
- package/dist-bundled/umd/gids-password-field.umd.js +2 -2
- package/dist-bundled/umd/gids-pie-chart.umd.js +1 -1
- package/dist-bundled/umd/gids-popover.umd.js +1 -1
- package/dist-bundled/umd/gids-scrim.umd.js +1 -1
- package/dist-bundled/umd/gids-tab-item.umd.js +2 -2
- package/dist-bundled/umd/gids-tab.umd.js +1 -1
- package/dist-bundled/umd/gids-text-field.umd.js +1 -1
- package/dist-bundled/umd/gids-toggle-button.umd.js +2 -2
- package/dist-bundled/umd/gids-tooltip.umd.js +1 -1
- package/dist-bundled/umd-complete/gids-core-web.umd.js +8 -8
- package/package.json +17 -9
- package/dist/p-2wB6zkno.js +0 -1
- package/dist/p-Cn-t3SGc.js +0 -1
- package/dist/p-DVVJrKxO.js +0 -1
- package/dist/p-DlI2raNo.js +0 -1
- package/dist/p-KaaOtnwV.js +0 -1
- package/dist-bundled/es/p-2wB6zkno-57WAxATm.js +0 -152
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as t,t as i,p as n,H as e,F as a}from"./p-Bf3p-DY2.js";import{g as o}from"./p-B2zUuNXz.js";import{g as s,a as r}from"./p-CVtNa0cL.js";import{GidsSnackbarContainerWebUtils as l,GidsNotificationContainerWebUtils as m,GidsOverlayProviderWebUtils as c}from"@ganpatiinfo/gids-web-shared";import{G as d}from"./p-D4Pimu_8.js";import{G as p}from"./p-UVmSPzTd.js";const{getGidsSnackbarContainerClassNames:f,getSnackbarContainerIconNames:u}=l,g=({appearance:i="default",children:n,button:e,class:a,...o})=>{const s=u(i);return t("div",{...o,class:f({appearance:i},a)},t("div",{class:"gids-snackbar-container__content"},"default"!==i&&null!=s?t(d,{name:s,alt:"",appearance:"filled",size:"md",class:"gids-snackbar-container__icon"}):null,"string"==typeof n?t("p",null,n):n),e)},{getGidsNotificationContainerClassNames:h,getNotificationContainerIconNames:v}=m,b=({notificationTitle:i,children:n,button:e,appearance:a="default",pronunciation:o="standard",onCloseNotificationClick:s,class:r,...l})=>{const m=v(a);return t("div",{class:h({appearance:a},r),...l},"default"!==a&&m?t("div",{class:"gids-notification-container__leading-icon-wrapper"},t(d,{size:"md",name:m,alt:"",appearance:"filled"})):null,t("div",{class:"gids-notification-container__content-wrapper"},t("div",{class:"gids-notification-container__top-content"},t("div",{class:"gids-notification-container__text-content"},null!=i&&""!==i?t("span",{class:"gids-notification-container__title"},i):null,n?"string"==typeof n?t("p",null,n):n:null),"standard"===o?t("div",{class:"gids-notification-container__cross-btn-wrapper"},t(p,{size:"sm",appearance:"subtle",width:"intrinsic",leadingIcon:t(d,{name:"cross",size:"md",appearance:"regular"}),onClick:s})):null),e?t("div",{class:"gids-notification-container__bottom-content"},e):null))},{getComponentClasses:y,getComponentStackClasses:k}=c,w=n(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this._parentOverlayProvider=null,this._componentQueue=[],this._allowedComponentQueue=[],this._exitingComponents=[],this._renderSnackbar=(i,n)=>{const{id:e,message:a,appearance:o,buttonLabel:s,onButtonClick:r}=i;return t(g,{key:e,class:n,children:a,appearance:o,button:null!=s&&""!==s?t(p,{appearance:"subtle",onClick:r},s):void 0})},this._renderNotification=(i,n)=>{const{id:e,notificationTitle:a,message:o,pronunciation:s,appearance:r,buttonLabel:l,onButtonClick:m,timerInMs:c}=i;return t(b,{key:e,class:n,notificationTitle:a,children:o,pronunciation:s,appearance:r,onCloseNotificationClick:()=>this.removeComponent(i,c||0,!0),button:null!=l&&""!==l?t(p,{appearance:"default",size:"sm",onClick:m},l):void 0})},this._renderComponent=t=>{const{componentName:i,position:n="bottom-center",id:e}=t,a=y({position:n,id:e,exitingComponents:this._exitingComponents});return null==i||"snackbar"===i?this._renderSnackbar(t,a):"notification"===i?this._renderNotification(t,a):null}}connectedCallback(){const t=o();void 0!==t&&this._el.shadowRoot?.adoptedStyleSheets.push(t),this._parentOverlayProvider=s(this._el)}_isRoot(){return null===this._parentOverlayProvider}async getRootOverlayProvider(){return this._isRoot()?this._el:this._parentOverlayProvider}autoHide(t){return new Promise((i=>{const n=setTimeout((()=>(clearTimeout(n),i({isTimeout:!0}))),t)}))}async _queueSnackbar(t){const{appearance:i,message:n,buttonLabel:e,onButtonClick:a,position:o,componentName:s,...r}=t,l={id:""+(Date.now()+Math.random()),message:n,appearance:i,buttonLabel:e,onButtonClick:a,position:o,componentName:s,...r};this._componentQueue=[...this._componentQueue,l],this.processSingleComponentQueue()}async _queueNotification(t){const{appearance:i,notificationTitle:n,pronunciation:e,message:a,buttonLabel:o,onButtonClick:s,position:r,componentName:l,...m}=t,c={id:""+(Date.now()+Math.random()),notificationTitle:n,message:a,pronunciation:e,appearance:i,buttonLabel:o,onButtonClick:s,position:r,componentName:l,...m};this._componentQueue=[...this._componentQueue,c],this.processMultiComponentQueue()}async queueComponent(t){if(await this._isRoot()){const{componentName:i}=t;null!=i&&"snackbar"!==i||this._queueSnackbar(t),"notification"===i&&this._queueNotification(t)}else(await this.getRootOverlayProvider()).queueComponent(t)}async removeComponent(t,i,n){return n||await this.autoHide(i),this._exitingComponents=[...this._exitingComponents,t.id],new Promise((i=>{setTimeout((()=>{this._componentQueue=this._componentQueue.filter((i=>i.id!==t.id)),this._exitingComponents=this._exitingComponents.filter((i=>i!==t.id)),this._allowedComponentQueue=[],i()}),500)}))}async processSingleComponentQueue(){if(0===this._componentQueue.length)return;const t=this._componentQueue[0];if(!t)return;this._allowedComponentQueue=[t],await new Promise((t=>requestAnimationFrame((()=>t()))));const i=r({componentName:t?.componentName??"snackbar",timerInMs:t?.timerInMs??0});await this.removeComponent(t,i,!1),this.processSingleComponentQueue()}async processMultiComponentQueue(){const t=this._componentQueue;0!==t.length&&(this._allowedComponentQueue=t,await new Promise((t=>requestAnimationFrame((()=>t())))),this._allowedComponentQueue.map((async t=>{const i=r({componentName:t?.componentName??"snackbar",timerInMs:t?.timerInMs??0});await this.removeComponent(t,i,!1)})),this.processMultiComponentQueue())}render(){const i=this._allowedComponentQueue[0]?.position||"bottom-center";return t(a,{key:"cdc05f54de8a4d399e75e8157393182002f53270"},t("slot",{key:"75802b7a93840034e30152934b3689e46bc55116"}),this._isRoot()?t("div",{class:k({position:i})},[...this._allowedComponentQueue].reverse().map((t=>this._renderComponent(t)))):null)}get _el(){return this}static get style(){return".common-component-stack{display:flex;flex-direction:column;position:fixed;gap:var(--gids-gap-200);min-width:var(--gids-width-2-xs);max-width:var(--gids-width-md);width:100%}.component-stack-bottom-left{justify-self:left;bottom:var(--gids-padding-vertical-edge-to-element-250);left:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-bottom-right{justify-self:right;bottom:var(--gids-padding-vertical-edge-to-element-250);right:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-middle-left{top:50%;justify-self:left;align-self:center;left:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-middle-right{top:50%;justify-self:right;align-self:center;right:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-top-center{justify-self:center;top:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-top-left{justify-self:left;top:var(--gids-padding-vertical-edge-to-element-250);left:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-top-right{justify-self:right;top:var(--gids-padding-vertical-edge-to-element-250);right:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-bottom-center{justify-self:center;bottom:var(--gids-padding-vertical-edge-to-element-250)}.component-enter-bottom-left{animation-name:left-to-right-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-bottom-right{animation-name:right-to-left-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-middle-left{animation-name:left-to-right-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-middle-right{animation-name:right-to-left-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-top-center{animation-name:slide-up-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-top-left{animation-name:left-to-right-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-top-right{animation-name:right-to-left-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-bottom-center{animation-name:slide-up-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-bottom-left{animation-name:right-to-left-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-bottom-right{animation-name:left-to-right-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-middle-left{animation-name:right-to-left-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-middle-right{animation-name:left-to-right-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-top-center{animation-name:slide-down-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-top-left{animation-name:right-to-left-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-top-right{animation-name:left-to-right-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-bottom-center{animation-name:slide-down-invisible;animation-duration:0.3s;animation-fill-mode:forwards}@keyframes slide-up-visible{0%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}@keyframes slide-down-invisible{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(100%)}}@keyframes slide-up-invisible{0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}}@keyframes slide-down-visible{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-100%)}}@keyframes left-to-right-visible{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}@keyframes right-to-left-invisible{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-100%)}}@keyframes right-to-left-visible{0%{opacity:0;transform:translateX(100%)}100%{opacity:1;transform:translateX(0)}}@keyframes left-to-right-invisible{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(100%)}}"}},[257,"gids-overlay-provider",{_componentQueue:[32],_allowedComponentQueue:[32],_exitingComponents:[32],queueComponent:[64]}]);function C(){"undefined"!=typeof customElements&&["gids-overlay-provider"].forEach((t=>{"gids-overlay-provider"===t&&(customElements.get(i(t))||customElements.define(i(t),w))}))}C();const _=w,N=C;export{_ as GidsOverlayProvider,N as defineCustomElement}
|
|
1
|
+
import{h as t,t as i,p as n,H as e,F as a}from"./p-Bf3p-DY2.js";import{g as o}from"./p-B2zUuNXz.js";import{g as s,a as r}from"./p-CVtNa0cL.js";import{GidsSnackbarContainerWebUtils as l,GidsNotificationContainerWebUtils as m,GidsOverlayProviderWebUtils as c}from"@ganpatiinfo/gids-web-shared";import{G as d}from"./p-D4Pimu_8.js";import{G as p}from"./p-UVmSPzTd.js";const{getGidsSnackbarContainerClassNames:f,getSnackbarContainerIconNames:u}=l,g=({appearance:i="default",children:n,button:e,class:a,...o})=>{const s=u(i);return t("div",{...o,class:f({appearance:i},a)},t("div",{class:"gids-snackbar-container__content"},"default"!==i&&null!=s?t(d,{name:s,alt:"",appearance:"filled",size:"md",class:"gids-snackbar-container__icon"}):null,"string"==typeof n?t("p",null,n):n),e)},{getGidsNotificationContainerClassNames:h,getNotificationContainerIconNames:b}=m,v=({notificationTitle:i,children:n,button:e,appearance:a="default",pronunciation:o="standard",onCloseNotificationClick:s,class:r,...l})=>{const m=b(a);return t("div",{class:h({appearance:a},r),...l},"default"!==a&&m?t("div",{class:"gids-notification-container__leading-icon-wrapper"},t(d,{size:"md",name:m,alt:"",appearance:"filled"})):null,t("div",{class:"gids-notification-container__content-wrapper"},t("div",{class:"gids-notification-container__top-content"},t("div",{class:"gids-notification-container__text-content"},null!=i&&""!==i?t("span",{class:"gids-notification-container__title"},i):null,n?"string"==typeof n?t("p",null,n):n:null),"standard"===o?t("div",{class:"gids-notification-container__cross-btn-wrapper"},t(p,{size:"sm",appearance:"subtle",width:"intrinsic",leadingIcon:t(d,{name:"cross",size:"md",appearance:"regular"}),onClick:s})):null),e?t("div",{class:"gids-notification-container__bottom-content"},e):null))},{getComponentClasses:y,getComponentStackClasses:k}=c,w=n(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this._parentOverlayProvider=null,this._componentQueue=[],this._allowedComponentQueue=[],this._exitingComponents=[],this._renderSnackbar=(i,n)=>{const{id:e,message:a,appearance:o,buttonLabel:s,onButtonClick:r}=i;return t(g,{key:e,class:n,children:a,appearance:o,button:null!=s&&""!==s?t(p,{appearance:"subtle",onClick:r},s):void 0})},this._renderNotification=(i,n)=>{const{id:e,notificationTitle:a,message:o,pronunciation:s,appearance:r,buttonLabel:l,onButtonClick:m,timerInMs:c}=i;return t(v,{key:e,class:n,notificationTitle:a,children:o,pronunciation:s,appearance:r,onCloseNotificationClick:()=>this.removeComponent(i,c||0,!0),button:null!=l&&""!==l?t(p,{appearance:"default",size:"sm",onClick:m},l):void 0})},this._renderComponent=t=>{const{componentName:i,position:n="bottom-center",id:e}=t,a=y({position:n,id:e,exitingComponents:this._exitingComponents});return null==i||"snackbar"===i?this._renderSnackbar(t,a):"notification"===i?this._renderNotification(t,a):null}}connectedCallback(){const t=o();void 0!==t&&this._el.shadowRoot?.adoptedStyleSheets.push(t),this._parentOverlayProvider=s(this._el)}_isRoot(){return null===this._parentOverlayProvider}async getRootOverlayProvider(){return this._isRoot()?this._el:this._parentOverlayProvider}autoHide(t){return new Promise((i=>{const n=setTimeout((()=>(clearTimeout(n),i({isTimeout:!0}))),t)}))}async _queueSnackbar(t){const{appearance:i,message:n,buttonLabel:e,onButtonClick:a,position:o,componentName:s,...r}=t,l={id:""+(Date.now()+Math.random()),message:n,appearance:i,buttonLabel:e,onButtonClick:a,position:o,componentName:s,...r};this._componentQueue=[...this._componentQueue,l],this.processSingleComponentQueue()}async _queueNotification(t){const{appearance:i,notificationTitle:n,pronunciation:e,message:a,buttonLabel:o,onButtonClick:s,position:r,componentName:l,...m}=t,c={id:""+(Date.now()+Math.random()),notificationTitle:n,message:a,pronunciation:e,appearance:i,buttonLabel:o,onButtonClick:s,position:r,componentName:l,...m};this._componentQueue=[...this._componentQueue,c],this.processMultiComponentQueue()}async queueComponent(t){if(await this._isRoot()){const{componentName:i}=t;null!=i&&"snackbar"!==i||this._queueSnackbar(t),"notification"===i&&this._queueNotification(t)}else(await this.getRootOverlayProvider()).queueComponent(t)}async removeComponent(t,i,n){return n||await this.autoHide(i),this._exitingComponents=[...this._exitingComponents,t.id],new Promise((i=>{setTimeout((()=>{this._componentQueue=this._componentQueue.filter((i=>i.id!==t.id)),this._exitingComponents=this._exitingComponents.filter((i=>i!==t.id)),this._allowedComponentQueue=[],i()}),500)}))}async processSingleComponentQueue(){if(0===this._componentQueue.length)return;const t=this._componentQueue[0];if(!t)return;this._allowedComponentQueue=[t],await new Promise((t=>requestAnimationFrame((()=>t()))));const i=r({componentName:t?.componentName??"snackbar",timerInMs:t?.timerInMs??0});await this.removeComponent(t,i,!1),this.processSingleComponentQueue()}async processMultiComponentQueue(){const t=this._componentQueue;0!==t.length&&(this._allowedComponentQueue=t,await new Promise((t=>requestAnimationFrame((()=>t())))),this._allowedComponentQueue.map((async t=>{const i=r({componentName:t?.componentName??"snackbar",timerInMs:t?.timerInMs??0});await this.removeComponent(t,i,!1)})),this.processMultiComponentQueue())}render(){const i=this._allowedComponentQueue[0]?.position||"bottom-center";return t(a,{key:"bb974c7b42f4efc210a2b879538d3d34c963327c"},t("slot",{key:"3bf4f43195851eda44a7a3adee27388e59842f85"}),this._isRoot()?t("div",{class:k({position:i})},[...this._allowedComponentQueue].reverse().map((t=>this._renderComponent(t)))):null)}get _el(){return this}static get style(){return".common-component-stack{display:flex;flex-direction:column;position:fixed;gap:var(--gids-gap-200);min-width:var(--gids-width-2-xs);max-width:var(--gids-width-md);width:100%}.component-stack-bottom-left{justify-self:left;bottom:var(--gids-padding-vertical-edge-to-element-250);left:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-bottom-right{justify-self:right;bottom:var(--gids-padding-vertical-edge-to-element-250);right:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-middle-left{top:50%;justify-self:left;align-self:center;left:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-middle-right{top:50%;justify-self:right;align-self:center;right:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-top-center{justify-self:center;top:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-top-left{justify-self:left;top:var(--gids-padding-vertical-edge-to-element-250);left:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-top-right{justify-self:right;top:var(--gids-padding-vertical-edge-to-element-250);right:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-bottom-center{justify-self:center;bottom:var(--gids-padding-vertical-edge-to-element-250)}.component-enter-bottom-left{animation-name:left-to-right-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-bottom-right{animation-name:right-to-left-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-middle-left{animation-name:left-to-right-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-middle-right{animation-name:right-to-left-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-top-center{animation-name:slide-up-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-top-left{animation-name:left-to-right-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-top-right{animation-name:right-to-left-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-bottom-center{animation-name:slide-up-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-bottom-left{animation-name:right-to-left-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-bottom-right{animation-name:left-to-right-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-middle-left{animation-name:right-to-left-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-middle-right{animation-name:left-to-right-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-top-center{animation-name:slide-down-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-top-left{animation-name:right-to-left-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-top-right{animation-name:left-to-right-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-bottom-center{animation-name:slide-down-invisible;animation-duration:0.3s;animation-fill-mode:forwards}@keyframes slide-up-visible{0%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}@keyframes slide-down-invisible{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(100%)}}@keyframes slide-up-invisible{0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}}@keyframes slide-down-visible{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-100%)}}@keyframes left-to-right-visible{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}@keyframes right-to-left-invisible{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-100%)}}@keyframes right-to-left-visible{0%{opacity:0;transform:translateX(100%)}100%{opacity:1;transform:translateX(0)}}@keyframes left-to-right-invisible{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(100%)}}"}},[257,"gids-overlay-provider",{_componentQueue:[32],_allowedComponentQueue:[32],_exitingComponents:[32],queueComponent:[64]}]);function C(){"undefined"!=typeof customElements&&["gids-overlay-provider"].forEach((t=>{"gids-overlay-provider"===t&&(customElements.get(i(t))||customElements.define(i(t),w))}))}C();const _=w,N=C;export{_ as GidsOverlayProvider,N as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e,t,p as s,H as i,c as n,f as a,F as r}from"./p-Bf3p-DY2.js";import{GidsStrengthMeterWebUtils as d,GidsRequirementsMeterLabelWebUtils as l,GidsRequirementsMeterWebUtils as o,generateId as h,GidsPasswordFieldWebUtils as u}from"@ganpatiinfo/gids-web-shared";import{g as c}from"./p-B2zUuNXz.js";import{G as m}from"./p-Dg2yoUxw.js";import{G as f}from"./p-UxDcM-C5.js";import{G as g}from"./p-UVmSPzTd.js";import{minLengthRuleCanBeApplied as
|
|
1
|
+
import{h as e,t,p as s,H as i,c as n,f as a,F as r}from"./p-Bf3p-DY2.js";import{GidsStrengthMeterWebUtils as d,GidsRequirementsMeterLabelWebUtils as l,GidsRequirementsMeterWebUtils as o,generateId as h,GidsPasswordFieldWebUtils as u}from"@ganpatiinfo/gids-web-shared";import{g as c}from"./p-B2zUuNXz.js";import{G as m}from"./p-Dg2yoUxw.js";import{G as f}from"./p-UxDcM-C5.js";import{G as g}from"./p-UVmSPzTd.js";import{minLengthRuleCanBeApplied as p,getMeterRulesFromRequirements as b,getDefaultRulesAndRequirementsForMeters as x}from"@ganpatiinfo/gids-core-shared/dist/components/GidsRequirementsMeter/GidsRequirementsMeterCommonUtils.js";import{GidsStrengthMeterCommonUtils as q,GidsRequirementsMeterLabelCommonUtils as R,GidsRequirementsMeterCommonUtils as w}from"@ganpatiinfo/gids-core-shared";import{minLengthRuleCanBeApplied as v}from"@ganpatiinfo/gids-core-shared/dist/components/GidsRequirementsMeter/GidsRequirementsMeterCommonUtils";import{G as y}from"./p-D4Pimu_8.js";import{d as M}from"./p-ub0GuVHb.js";import{d as L}from"./p-BVAtja26.js";const{getGidsStrengthMeterClassNames:C}=d,{getStrengthMeterScore:k,getColorModifierByScore:G}=q,P=({text:t,textMinLength:s,meterRules:i=["1-uppercase","1-lowercase","1-digit","1-special-character","include-min-length"],class:n})=>{const a=(t,s,i)=>e("div",{key:t,class:["gids-strength-meter__strength-"+t,i?"is-active":"",i?s:""].filter(Boolean).join(" ")});return i.length>0?e("div",{class:C(n)},(()=>{const e=i.length,n=k({text:t,textMinLength:s,meterRules:i}),r=G({textScore:n,maxScore:e});return Array.from({length:e},((e,t)=>{const d=t+1,l=d<=n;return"include-min-length"===i[d]?v({requirementRule:"include-min-length",textMinLength:s})?a(d,r,l):null:a(d,r,l)}))})()):null},{getGidsRequirementsMeterLabelClassNames:S}=l,{getRequirementsMeterLabelLeadingIcon:_}=R,T=t=>{const{label:s,status:i="default",leadingIconVisible:n=!0,class:a}=t,r=_(i);return e("div",{class:S({status:i},a)},n&&i&&r?e(y,{name:r,size:"sm",appearance:"filled"}):null,s&&""!==s?e("span",null,s):null)},{checkRequirementRuleSatisfied:j}=w,{getGidsRequirementsMeterClassNames:F}=o,B=({requirements:t=[],text:s,textMinLength:i,class:n})=>{const a=(t,s)=>e(T,{status:s?"success":"error",label:t.requirementText});return e("div",{class:F(n)},t.map((e=>{if(null!=e?.requirementText&&null!=e?.requirementRule){const t=j({rule:e.requirementRule,textMinLength:i,text:s});return"include-min-length"===e.requirementRule?!0===p({requirementRule:e.requirementRule,textMinLength:i})?a(e,t):null:a(e,t)}return null})))},{inputToGidsFieldStatusForPassword:E}=u,z=s(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.gidsPasswordFieldClear=n(this,"gidsPasswordFieldClear"),this.gidsPasswordFieldRevealPassword=n(this,"gidsPasswordFieldRevealPassword"),this.isPasswordRevealed=!1,this.meterRules=[],this.requirementsMeterRequirements=[],this.requirements=[],this.#e=h(),this._handleDismiss=()=>{const e=this.#t?.querySelector("input.gids-input__control");e&&(e.value="",e.dispatchEvent(new globalThis.Event("input",{bubbles:!0}))),this.value="",this.gidsPasswordFieldClear.emit()},this._handleRevealPassword=()=>{const e=this.#t?.querySelector("input.gids-input__control");this.isPasswordRevealed=null!=e?.value&&""!==e.value&&!1===this.isPasswordRevealed,this._el.dispatchEvent(new CustomEvent("gidsPasswordFieldRevealPassword",{detail:{passwordRevealed:this.isPasswordRevealed},bubbles:!0,composed:!0}))},this._handleInput=e=>{this.value=e.target?.value},this._handleInputFocusAndBlur=e=>{this._el.dispatchEvent(new FocusEvent(e.type,{relatedTarget:e.relatedTarget}))},this._isRequirementAndStrengthMeterVisible=()=>{const e=this.requirements;return!!(e&&e.length>0)},this._handleRequirementsMeter=()=>{const e=this._isRequirementAndStrengthMeterVisible();this.requirementsMeterRequirements=this.requirements&&this.requirements.length>0?this.requirements:[],this.meterRules=e?b(this.requirements):[]}}_startSlotContentObserver(){this._slotContentObserver=new MutationObserver((()=>{a(this)})),this._slotContentObserver.observe(this._el,{childList:!0,subtree:!1,attributes:!0,attributeFilter:["slot"]})}handleRequirementsChange(e){void 0===e&&(this.requirements=x(this.textMinLength).defaultRequirementsMeterRules),this._handleRequirementsMeter()}componentWillLoad(){this.requirements||(this.requirements=x(this.textMinLength).defaultRequirementsMeterRules),this._handleRequirementsMeter()}connectedCallback(){const e=c();void 0!==e&&this._el.shadowRoot?.adoptedStyleSheets.push(e),this._handleRequirementsMeter(),this._startSlotContentObserver()}disconnectedCallback(){this._slotContentObserver?.disconnect(),this._slotContentObserver=void 0}#e;#t;render(){const{id:t,...s}=this.inputProps??{},i=t??this.#e,n=this.showClearButton&&void 0!==this.value&&this.value.length>0,a=this.showRevealPasswordButton,d={...s},l=void 0!==d?.placeholder&&null!==d.placeholder&&""!=d.placeholder?d.placeholder:"Enter password",o=this.isPasswordRevealed,h=this.meterRules,u=void 0!==this.textMinLength?this.textMinLength:8;return e(r,{key:"d432cef8c1647b87dedff271d5885e927e43f308"},e("gids-field",{key:"48ef08affb80f0d9b5784a0eb68f38311e3c4f81",disabled:this.disabled,count:void 0,helperText:this.helperText,statusText:this.statusText,status:E(this.status)},e(m,{key:"6a19f405851738b1b8ca2178a5b59dfe910fc8a8",slot:"label",disabled:this.disabled,info:e("slot",{name:"info"}),fieldRequirement:this.fieldRequirement,fieldRequirementOptionalText:this.fieldRequirementOptionalText,fieldRequirementRequiredText:this.fieldRequirementRequiredText,isLabelSentence:this.isLabelSentence,htmlFor:i},this.label),e("gids-input",{key:"628fed42fcc93b0cffa343eb0f36b5873f9602f2",ref:e=>this.#t=e,appearance:"default",status:this.status,loading:this.loading,value:this.value,defaultValue:this.defaultValue,name:this.name,required:this.required,disabled:this.disabled,readOnly:this.readOnly,leadingLabel:void 0,trailingLabel:void 0,onFocus:this._handleInputFocusAndBlur,onBlur:this._handleInputFocusAndBlur,onInput:this._handleInput,inputProps:{...d,placeholder:l,type:o?"text":"password",id:i,maxLength:this.maxLength}},e("slot",{key:"f5eb222b74d657ea54030c23dcc65fdaa0c6613e",name:"leadingIcon"}),e("slot",{key:"a0a850d852fca98bbc5373e4ba768a08276f0538",name:"leadingAccessory"}),e("div",{key:"4ce3a44dcf00ac7d3cac81d9447cc6b715c92e7e",slot:"trailingAccessory",class:"gids-password-field__trailing-accessory"},n&&e(f,{key:"fb8bb65b5efb02717f2d91c59e9abc875cce3a7a",label:"clear text",size:"lg",onPressDismiss:this._handleDismiss}),a&&e(g,{key:"8aff9bce69af15a78d366e286fa7ee63ba1119f7",appearance:"default",size:"xs",width:"intrinsic",disabled:this.disabled,onClick:this._handleRevealPassword},o?"Hide":"Show")))),e("div",{key:"bb9734d4d57e146ea40d8bdee28f14b65a9a6c7b",class:"gids-password-field__meters-container"},e(P,{key:"f3bbc38d7f5d8b3cb26a9dcc6817b72084d1ef77",meterRules:h,text:this.value,textMinLength:u}),e(B,{key:"bd4d1dfb45f868e9bce181a46ef8d60e70d0d492",requirements:this.requirementsMeterRequirements,text:this.value,textMinLength:u})))}get _el(){return this}static get watchers(){return{requirements:[{handleRequirementsChange:0}],textMinLength:[{handleRequirementsChange:0}]}}},[260,"gids-password-field",{label:[513],showClearButton:[516,"show-clear-button"],showRevealPasswordButton:[516,"show-reveal-password-button"],helperText:[513,"helper-text"],statusText:[513,"status-text"],status:[513],loading:[516],name:[513],required:[516],maxLength:[514,"maxlength"],value:[1],defaultValue:[513,"default-value"],disabled:[516],readOnly:[516,"readonly"],inputProps:[16],fieldRequirement:[513,"field-requirement"],fieldRequirementOptionalText:[1,"field-requirement-optional-text"],fieldRequirementRequiredText:[1,"field-requirement-required-text"],isLabelSentence:[16],textMinLength:[514,"text-min-length"],requirements:[16],isPasswordRevealed:[32],meterRules:[32],requirementsMeterRequirements:[32]},void 0,{requirements:[{handleRequirementsChange:0}],textMinLength:[{handleRequirementsChange:0}]}]);function O(){"undefined"!=typeof customElements&&["gids-password-field","gids-field","gids-input"].forEach((e=>{switch(e){case"gids-password-field":customElements.get(t(e))||customElements.define(t(e),z);break;case"gids-field":customElements.get(t(e))||M();break;case"gids-input":customElements.get(t(e))||L()}}))}O();const U=z,V=O;export{U as GidsPasswordField,V as defineCustomElement}
|
package/dist/gids-pie-chart.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{G as o,d as s}from"./p-
|
|
1
|
+
import{G as o,d as s}from"./p-C3We7Q8Q.js";const p=o,r=s;export{p as GidsPieChart,r as defineCustomElement}
|
package/dist/gids-popover.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as e,H as o,h as i,F as s}from"./p-Bf3p-DY2.js";import{G as r}from"./p-a3JfEYJp.js";import{G as a}from"./p-B8kX8Vqv.js";const n=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.placement="bottom",this.previouslyFocusedElement=null,this.focusableElements=[],this.handleToggleEvent=t=>{t.stopPropagation();const e=this.floatingElementManager.isVisible();this.floatingElementManager.toggle(),!e&&this.floatingElementManager.isVisible()?this.onPopoverShow():e&&!this.floatingElementManager.isVisible()&&this.onPopoverHide()},this.handleDocumentClick=t=>{this.floatingElementManager.isVisible()&&!this._el.contains(t.target)&&(this.floatingElementManager.hide(),this.onPopoverHide())},this.handleKeyDown=t=>{if(this.floatingElementManager.isVisible())return"Escape"===t.key?(t.preventDefault(),this.floatingElementManager.hide(),void this.onPopoverHide()):void("Tab"===t.key&&this.trapFocus(t))}}componentDidLoad(){this.floatingElementManager=new r(this._el,{htmlFor:this.htmlFor,placement:this.placement,showWithoutDelay:!0,floatingElementSelector:"#popover",arrowElementSelector:"#arrow",visibilityClass:"gids-popover--visible",elementType:a.POPOVER,getAnchorElementFromSlot:t=>{const e=t.querySelector('slot[name="anchor"]');return e?.assignedElements()[0]||null}}),this.floatingElementManager.initialize(),this.setupEventListeners()}setupEventListeners(){const t=this.floatingElementManager.getAnchorElement();t&&(t.addEventListener("click",this.handleToggleEvent),document.addEventListener("click",this.handleDocumentClick),document.addEventListener("keydown",this.handleKeyDown))}onPopoverShow(){this.previouslyFocusedElement=document.activeElement,this.updateFocusableElements(),setTimeout((()=>{this.focusableElements.length>0&&this.focusableElements[0]&&this.focusableElements[0].focus()}),50)}onPopoverHide(){this.previouslyFocusedElement&&(this.previouslyFocusedElement.focus(),this.previouslyFocusedElement=null)}updateFocusableElements(){const t=this._el.shadowRoot?.querySelector("#popover");if(!t)return;const e=[],o=l(t);e.push(...o);const i=this._el.shadowRoot?.querySelector("slot:not([name])");i&&i.assignedElements({flatten:!0}).forEach((t=>{const o=l(t);e.push(...o)})),this.focusableElements=e.sort(((t,e)=>{const o=t.compareDocumentPosition(e),i=!!(o&Node.DOCUMENT_POSITION_FOLLOWING),s=!!(o&Node.DOCUMENT_POSITION_PRECEDING);return i?-1:s?1:0}))}trapFocus(t){if(0===this.focusableElements.length)return;const e=this.focusableElements[0],o=this.focusableElements[this.focusableElements.length-1];let i=document.activeElement;if(i===this._el){const t=this._el.shadowRoot?.activeElement;null!==t&&(i=t)}const s=-1!==this.focusableElements.indexOf(i);t.shiftKey?i!==e&&s||(t.preventDefault(),o&&o.focus()):i!==o&&s||(t.preventDefault(),e&&e.focus())}placementChanged(t){this.floatingElementManager?.updateConfig({placement:t}),this.floatingElementManager?.isVisible()&&this.floatingElementManager?.reposition()}htmlForChanged(t){this.floatingElementManager?.updateConfig({htmlFor:t}),this.cleanupEventListeners(),this.floatingElementManager?.initialize(),this.setupEventListeners()}cleanupEventListeners(){const t=this.floatingElementManager?.getAnchorElement();t&&t.removeEventListener("click",this.handleToggleEvent),document.removeEventListener("click",this.handleDocumentClick),document.removeEventListener("keydown",this.handleKeyDown)}render(){return i(s,{key:"
|
|
1
|
+
import{t,p as e,H as o,h as i,F as s}from"./p-Bf3p-DY2.js";import{G as r}from"./p-a3JfEYJp.js";import{G as a}from"./p-B8kX8Vqv.js";const n=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.placement="bottom",this.previouslyFocusedElement=null,this.focusableElements=[],this.handleToggleEvent=t=>{t.stopPropagation();const e=this.floatingElementManager.isVisible();this.floatingElementManager.toggle(),!e&&this.floatingElementManager.isVisible()?this.onPopoverShow():e&&!this.floatingElementManager.isVisible()&&this.onPopoverHide()},this.handleDocumentClick=t=>{this.floatingElementManager.isVisible()&&!this._el.contains(t.target)&&(this.floatingElementManager.hide(),this.onPopoverHide())},this.handleKeyDown=t=>{if(this.floatingElementManager.isVisible())return"Escape"===t.key?(t.preventDefault(),this.floatingElementManager.hide(),void this.onPopoverHide()):void("Tab"===t.key&&this.trapFocus(t))}}componentDidLoad(){this.floatingElementManager=new r(this._el,{htmlFor:this.htmlFor,placement:this.placement,showWithoutDelay:!0,floatingElementSelector:"#popover",arrowElementSelector:"#arrow",visibilityClass:"gids-popover--visible",elementType:a.POPOVER,getAnchorElementFromSlot:t=>{const e=t.querySelector('slot[name="anchor"]');return e?.assignedElements()[0]||null}}),this.floatingElementManager.initialize(),this.setupEventListeners()}setupEventListeners(){const t=this.floatingElementManager.getAnchorElement();t&&(t.addEventListener("click",this.handleToggleEvent),document.addEventListener("click",this.handleDocumentClick),document.addEventListener("keydown",this.handleKeyDown))}onPopoverShow(){this.previouslyFocusedElement=document.activeElement,this.updateFocusableElements(),setTimeout((()=>{this.focusableElements.length>0&&this.focusableElements[0]&&this.focusableElements[0].focus()}),50)}onPopoverHide(){this.previouslyFocusedElement&&(this.previouslyFocusedElement.focus(),this.previouslyFocusedElement=null)}updateFocusableElements(){const t=this._el.shadowRoot?.querySelector("#popover");if(!t)return;const e=[],o=l(t);e.push(...o);const i=this._el.shadowRoot?.querySelector("slot:not([name])");i&&i.assignedElements({flatten:!0}).forEach((t=>{const o=l(t);e.push(...o)})),this.focusableElements=e.sort(((t,e)=>{const o=t.compareDocumentPosition(e),i=!!(o&Node.DOCUMENT_POSITION_FOLLOWING),s=!!(o&Node.DOCUMENT_POSITION_PRECEDING);return i?-1:s?1:0}))}trapFocus(t){if(0===this.focusableElements.length)return;const e=this.focusableElements[0],o=this.focusableElements[this.focusableElements.length-1];let i=document.activeElement;if(i===this._el){const t=this._el.shadowRoot?.activeElement;null!==t&&(i=t)}const s=-1!==this.focusableElements.indexOf(i);t.shiftKey?i!==e&&s||(t.preventDefault(),o&&o.focus()):i!==o&&s||(t.preventDefault(),e&&e.focus())}placementChanged(t){this.floatingElementManager?.updateConfig({placement:t}),this.floatingElementManager?.isVisible()&&this.floatingElementManager?.reposition()}htmlForChanged(t){this.floatingElementManager?.updateConfig({htmlFor:t}),this.cleanupEventListeners(),this.floatingElementManager?.initialize(),this.setupEventListeners()}cleanupEventListeners(){const t=this.floatingElementManager?.getAnchorElement();t&&t.removeEventListener("click",this.handleToggleEvent),document.removeEventListener("click",this.handleDocumentClick),document.removeEventListener("keydown",this.handleKeyDown)}render(){return i(s,{key:"8ba926923396baba700ffdd150285e2b1d5fdadb"},i("slot",{key:"f6f2124fa92e77a40d9ef3daad50746d7c19d525",name:"anchor"}),i("div",{key:"e38abaca1c99ae58185684dec56372aac6cdf169",id:"popover",part:"popover",role:"dialog","aria-modal":"true",tabindex:"-1"},i("span",{key:"6eaef30f452a72b3221d2c5ddef5ac21aab3ba62",id:"arrow"}),i("div",{key:"cd3bb7bf24a8f2a8273bcb891df314c50a3d00ce"},i("slot",{key:"18e66983483c84164787fc2f999dbb93bee6f929"}))))}disconnectedCallback(){this.cleanupEventListeners(),this.floatingElementManager?.destroy()}get _el(){return this}static get watchers(){return{placement:[{placementChanged:0}],htmlFor:[{htmlForChanged:0}]}}static get style(){return"gids-popover{--gidsPopover-background:var(--gids-elevation-surface-overlay-default);--gidsPopover-text-color:var(--gids-color-text-default);--gidsPopover-padding:var(--gids-padding-vertical-edge-to-element-200) var(--gids-padding-horizontal-edge-to-element-300);--gidsPopover-border-radius:var(--gids-border-radius-lg);--gidsPopover-tip-border-radius:2px;--gidsPopover-tip-size:12px;--gidsPopover-shadow:var(--gids-elevation-shadow-overlay);--gidsFloatingElement-background:var(--gidsPopover-background);--gidsFloatingElement-tip-border-radius:var(--gidsPopover-tip-border-radius)}[part=popover]{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit);position:absolute;display:inline-block;background-color:var(--gidsPopover-background);color:var(--gidsPopover-text-color);border-radius:var(--gidsPopover-border-radius);box-shadow:var(--gidsPopover-shadow);z-index:1000;opacity:0;pointer-events:none;outline:none}[part=popover]:focus{outline:none}[part=popover].gids-popover--visible{pointer-events:initial;opacity:1}[part=popover] span#arrow{position:absolute;height:var(--gidsPopover-tip-size);width:var(--gidsPopover-tip-size);background-color:var(--gidsPopover-background)}"}},[257,"gids-popover",{htmlFor:[513,"for"],placement:[513]},void 0,{placement:[{placementChanged:0}],htmlFor:[{htmlForChanged:0}]}]),d=t=>{if(!(t instanceof o))return!1;if(-1===t.tabIndex)return!1;if(t.hasAttribute("disabled"))return!1;const e=getComputedStyle(t);if("none"===e.display||"hidden"===e.visibility||t.hidden)return!1;try{const e=t.tabIndex;t.tabIndex=-1,t.focus();const o=document.activeElement===t;return t.tabIndex=e,o&&t.blur(),o}catch{return!1}},l=t=>{const e=document.createTreeWalker(t,NodeFilter.SHOW_ELEMENT,{acceptNode:t=>d(t)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}),o=[];d(t)&&o.push(t);let i=e.nextNode();for(;null!==i;)o.push(i),i=e.nextNode();return o};function p(){"undefined"!=typeof customElements&&["gids-popover"].forEach((e=>{"gids-popover"===e&&(customElements.get(t(e))||customElements.define(t(e),n))}))}p();const h=n,c=p;export{h as GidsPopover,c as defineCustomElement}
|
package/dist/gids-scrim.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as s,p as t,H as e,h as r}from"./p-Bf3p-DY2.js";import{g as
|
|
1
|
+
import{t as s,p as t,H as e,h as r}from"./p-Bf3p-DY2.js";import{g as i}from"./p-B2zUuNXz.js";import{GidsScrimWebUtils as a}from"@ganpatiinfo/gids-web-shared";const{getGidsScrimClassNames:o}=a,c=t(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.activeClasses=""}handleExtraClassesChange(s){this.activeClasses=o(s)}connectedCallback(){const s=i();void 0!==s&&this._el.shadowRoot?.adoptedStyleSheets.push(s),this.activeClasses=o(this.extraClasses)}render(){return r("div",{key:"8167fdb99ddda2dd4db8e27f9dc188586652385d",class:this.activeClasses,part:"root"},r("slot",{key:"e93770f7b43713b32c964fc00492c31de9474e6e"}))}get _el(){return this}static get watchers(){return{extraClasses:[{handleExtraClassesChange:0}]}}static get style(){return".gids-scrim{display:flex;flex-direction:column;background-color:var(--gids-color-background-scrim);height:100vh !important;position:absolute;top:0;bottom:0;left:0;right:0;z-index:1001;align-items:center;justify-content:center;backdrop-filter:blur(12)}"}},[257,"gids-scrim",{extraClasses:[513,"extra-classes"],activeClasses:[32]},void 0,{extraClasses:[{handleExtraClassesChange:0}]}]);function n(){"undefined"!=typeof customElements&&["gids-scrim"].forEach((t=>{"gids-scrim"===t&&(customElements.get(s(t))||customElements.define(s(t),c))}))}n();const d=c,l=n;export{d as GidsScrim,l as defineCustomElement}
|
package/dist/gids-tab-item.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e,t as a,p as r,H as i,d as o}from"./p-Bf3p-DY2.js";import{nonEmpty as t,GidsBadgeWebUtils as d,GidsTabItemWebUtils as c}from"@ganpatiinfo/gids-web-shared";import{GidsBadgeCommonUtils as s}from"@ganpatiinfo/gids-core-shared";const{getDisplayContent:n,shouldIncludeA11yText:g}=s,{getGidsBadgeClassNames:l}=d,b=({appearance:a,type:r,count:i,accessibleText:o,outline:d,class:c,...s})=>{const b=g(r,i,t(o));return e("span",{class:l({appearance:a,type:r,outline:d},c),...s},b&&e("span",{class:"gids-visually-hidden"},t(o)?o:i),"notification"===r?b?e("span",{"aria-hidden":"true"},n(i,o)):n(i,o):null)},{getGidsTabItemClassNames:v}=c,h=r(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.active=!1,this.width="intrinsic",this.appearance="default",this.badgeVisible=!1,this.badgeAppearance="information",this.badgeType="dot",this.hasLeadingIcon=!1,this.hasTrailingIcon=!1,this.handleHostClick=()=>{this.onPressGidsTabItem&&this.onPressGidsTabItem({itemId:this.itemId,label:this?.label??"",active:this?.active??!1,appearance:this?.appearance??"default",name:this?.name,badgeCount:this?.badgeCount??0})}}handleWidthChange(e){this.width=e}handleAppearanceChange(e){this.appearance=e}handleBadgeVisibilityChange(e){this.badgeVisible=e}handleBadgeAppearanceChange(e){this.badgeAppearance=e}handleBadgeTypeChange(e){this.badgeType=e}handleActiveChange(e){this.active=e}componentWillLoad(){this.checkSlots()}componentWillUpdate(){this.checkSlots()}checkSlots(){this.hasLeadingIcon=!!this.hostElement.querySelector('[slot="leadingIconTabItem"]'),this.hasTrailingIcon=!!this.hostElement.querySelector('[slot="trailingIconTabItem"]')}render(){const a=v({appearance:this.appearance,width:this.width,active:this.active}),r=this.hasTrailingIcon,i=this.badgeVisible,t="primary"===this.appearance&&this.active?"inverse":this.badgeAppearance??"information",d=this.label;return e(o,{key:"
|
|
1
|
+
import{h as e,t as a,p as r,H as i,d as o}from"./p-Bf3p-DY2.js";import{nonEmpty as t,GidsBadgeWebUtils as d,GidsTabItemWebUtils as c}from"@ganpatiinfo/gids-web-shared";import{GidsBadgeCommonUtils as s}from"@ganpatiinfo/gids-core-shared";const{getDisplayContent:n,shouldIncludeA11yText:g}=s,{getGidsBadgeClassNames:l}=d,b=({appearance:a,type:r,count:i,accessibleText:o,outline:d,class:c,...s})=>{const b=g(r,i,t(o));return e("span",{class:l({appearance:a,type:r,outline:d},c),...s},b&&e("span",{class:"gids-visually-hidden"},t(o)?o:i),"notification"===r?b?e("span",{"aria-hidden":"true"},n(i,o)):n(i,o):null)},{getGidsTabItemClassNames:v}=c,h=r(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.active=!1,this.width="intrinsic",this.appearance="default",this.badgeVisible=!1,this.badgeAppearance="information",this.badgeType="dot",this.hasLeadingIcon=!1,this.hasTrailingIcon=!1,this.handleHostClick=()=>{this.onPressGidsTabItem&&this.onPressGidsTabItem({itemId:this.itemId,label:this?.label??"",active:this?.active??!1,appearance:this?.appearance??"default",name:this?.name,badgeCount:this?.badgeCount??0})}}handleWidthChange(e){this.width=e}handleAppearanceChange(e){this.appearance=e}handleBadgeVisibilityChange(e){this.badgeVisible=e}handleBadgeAppearanceChange(e){this.badgeAppearance=e}handleBadgeTypeChange(e){this.badgeType=e}handleActiveChange(e){this.active=e}componentWillLoad(){this.checkSlots()}componentWillUpdate(){this.checkSlots()}checkSlots(){this.hasLeadingIcon=!!this.hostElement.querySelector('[slot="leadingIconTabItem"]'),this.hasTrailingIcon=!!this.hostElement.querySelector('[slot="trailingIconTabItem"]')}render(){const a=v({appearance:this.appearance,width:this.width,active:this.active}),r=this.hasTrailingIcon,i=this.badgeVisible,t="primary"===this.appearance&&this.active?"inverse":this.badgeAppearance??"information",d=this.label;return e(o,{key:"df04041b0085eba54f6347803d7dd5795cdcd412",class:a,onClick:this.handleHostClick},this.hasLeadingIcon?e("slot",{name:"leadingIconTabItem"}):void 0,d&&""!==d?e("span",{class:"gids-tab-item__label"},d&&""!==d?d:void 0,i?e(b,{appearance:t,type:this.badgeType,count:this.badgeCount}):void 0):void 0,r?e("slot",{name:"trailingIconTabItem"}):void 0)}get hostElement(){return this}static get watchers(){return{width:[{handleWidthChange:0}],appearance:[{handleAppearanceChange:0}],badgeVisible:[{handleBadgeVisibilityChange:0}],badgeAppearance:[{handleBadgeAppearanceChange:0}],badgeType:[{handleBadgeTypeChange:0}],active:[{handleActiveChange:0}]}}static get style(){return".gids-tab-item{margin:0;padding:0;appearance:none;border:none;background:none;display:inline-flex;justify-content:center;align-items:center;gap:var(--gids-gap-100);padding:var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-150);color:var(--gids-color-text-accent-5);white-space:nowrap;flex-shrink:0;cursor:pointer}.gids-tab-item .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-5)}.gids-tab-item__label{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit);display:flex;justify-content:center;align-items:center;flex:1;gap:var(--gids-gap-150)}.gids-tab-item--full{display:flex}.gids-tab-item--default{border-radius:var(--gids-border-radius-md)}.gids-tab-item--default:hover{background-color:var(--gids-color-background-accent-4-subtler-hovered);color:var(--gids-color-text-accent-4)}.gids-tab-item--default:hover .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--default:active{background-color:var(--gids-color-background-accent-4-subtler-pressed);color:var(--gids-color-text-accent-4)}.gids-tab-item--default:active .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--primary{border-radius:var(--gids-border-radius-md)}.gids-tab-item--primary:hover{background-color:var(--gids-color-background-accent-4-bolder-hovered);color:var(--gids-color-text-inverse)}.gids-tab-item--primary:hover .gids-icon{--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-tab-item--primary:active{background-color:var(--gids-color-background-accent-4-bolder-pressed);color:var(--gids-color-text-inverse)}.gids-tab-item--primary:active .gids-icon{--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-tab-item--bordered{border-radius:var(--gids-border-radius-full)}.gids-tab-item--bordered:hover{background-color:var(--gids-color-background-accent-4-subtlest-hovered);color:var(--gids-color-text-accent-4);border:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4)}.gids-tab-item--bordered:hover .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--bordered:active{background-color:var(--gids-color-background-accent-4-subtlest-pressed);color:var(--gids-color-text-accent-4);border:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4)}.gids-tab-item--bordered:active .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--underlined{border-bottom:var(--gids-border-width-thick) solid var(--gids-color-border-input)}.gids-tab-item--underlined:hover{background-color:var(--gids-color-background-accent-4-subtlest-hovered);border-bottom:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4);border-top-left-radius:var(--gids-border-radius-md);border-top-right-radius:var(--gids-border-radius-md);color:var(--gids-color-text-accent-4)}.gids-tab-item--underlined:active{background-color:var(--gids-color-background-accent-4-subtlest-pressed);border-bottom:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4);border-top-left-radius:var(--gids-border-radius-md);border-top-right-radius:var(--gids-border-radius-md);color:var(--gids-color-text-accent-4)}.gids-tab-item--subtle:hover{color:var(--gids-color-text-accent-4)}.gids-tab-item--subtle:hover .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--subtle:active{color:var(--gids-color-text-accent-4)}.gids-tab-item--subtle:active .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--active-default{border-radius:var(--gids-border-radius-md);background-color:var(--gids-color-background-accent-4-subtler-default);color:var(--gids-color-text-accent-4)}.gids-tab-item--active-default .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--active-default:hover{background-color:var(--gids-color-background-accent-4-subtler-hovered)}.gids-tab-item--active-default:active{background-color:var(--gids-color-background-accent-4-subtler-pressed)}.gids-tab-item--active-primary{border-radius:var(--gids-border-radius-md);background-color:var(--gids-color-background-accent-4-bolder-default);color:var(--gids-color-text-inverse)}.gids-tab-item--active-primary .gids-icon{--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-tab-item--active-primary:hover{background-color:var(--gids-color-background-accent-4-bolder-hovered)}.gids-tab-item--active-primary:active{background-color:var(--gids-color-background-accent-4-bolder-pressed)}.gids-tab-item--active-bordered{border-radius:var(--gids-border-radius-full);border:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4);background-color:var(--gids-color-background-accent-4-subtlest-default);color:var(--gids-color-text-accent-4)}.gids-tab-item--active-bordered .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--active-bordered:hover{background-color:var(--gids-color-background-accent-4-subtlest-hovered)}.gids-tab-item--active-bordered:active{background-color:var(--gids-color-background-accent-4-subtlest-pressed)}.gids-tab-item--active-underlined{border-bottom:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4);border-top-left-radius:var(--gids-border-radius-md);border-top-right-radius:var(--gids-border-radius-md);color:var(--gids-color-text-accent-4);background-color:var(--gids-color-background-accent-4-subtlest-default)}.gids-tab-item--active-underlined .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--active-underlined:hover{background-color:var(--gids-color-background-accent-4-subtlest-hovered)}.gids-tab-item--active-underlined:active{background-color:var(--gids-color-background-accent-4-subtlest-pressed)}.gids-tab-item--active-subtle{color:var(--gids-color-text-accent-4)}.gids-tab-item--active-subtle .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}"}},[260,"gids-tab-item",{itemId:[1,"item-id"],label:[1],active:[4],name:[1],width:[1],appearance:[1],badgeVisible:[4,"badge-visible"],badgeAppearance:[1,"badge-appearance"],badgeCount:[2,"badge-count"],badgeType:[1,"badge-type"],onPressGidsTabItem:[16],hasLeadingIcon:[32],hasTrailingIcon:[32]},void 0,{width:[{handleWidthChange:0}],appearance:[{handleAppearanceChange:0}],badgeVisible:[{handleBadgeVisibilityChange:0}],badgeAppearance:[{handleBadgeAppearanceChange:0}],badgeType:[{handleBadgeTypeChange:0}],active:[{handleActiveChange:0}]}]);function u(){"undefined"!=typeof customElements&&["gids-tab-item"].forEach((e=>{"gids-tab-item"===e&&(customElements.get(a(e))||customElements.define(a(e),h))}))}u();const p=h,m=u;export{p as GidsTabItem,m as defineCustomElement}
|
package/dist/gids-tab.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as e,H as a,h as i,d as s}from"./p-Bf3p-DY2.js";import{GidsTabWebUtils as n}from"@ganpatiinfo/gids-web-shared";const{getGidsTabClassNames:d}=n,h=e(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.width="intrinsic",this.appearance="default"}handleWidthChange(t){this.width=t}handleAppearanceChange(t){this.appearance=t}handleActiveTabIdChange(t){this.activeTabId=t}componentDidLoad(){this.syncPropsToChildren(),this.hostElement.addEventListener("slotchange",(()=>this.syncPropsToChildren()))}componentDidUpdate(){this.syncPropsToChildren()}syncPropsToChildren(){this.hostElement.querySelectorAll("gids-tab-item").forEach((t=>{t&&(t.appearance=this.appearance,t.width=this.width,t.active=this.isTabActive(t.itemId),t.onPressGidsTabItem=t=>{this.activeTabId=t?.itemId,this.onPressGidsTab&&this.onPressGidsTab(t),this.syncPropsToChildren()})}))}isTabActive(t){return t===this.activeTabId}render(){const t=d({width:this.width,appearance:this.appearance});return i(s,{key:"
|
|
1
|
+
import{t,p as e,H as a,h as i,d as s}from"./p-Bf3p-DY2.js";import{GidsTabWebUtils as n}from"@ganpatiinfo/gids-web-shared";const{getGidsTabClassNames:d}=n,h=e(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.width="intrinsic",this.appearance="default"}handleWidthChange(t){this.width=t}handleAppearanceChange(t){this.appearance=t}handleActiveTabIdChange(t){this.activeTabId=t}componentDidLoad(){this.syncPropsToChildren(),this.hostElement.addEventListener("slotchange",(()=>this.syncPropsToChildren()))}componentDidUpdate(){this.syncPropsToChildren()}syncPropsToChildren(){this.hostElement.querySelectorAll("gids-tab-item").forEach((t=>{t&&(t.appearance=this.appearance,t.width=this.width,t.active=this.isTabActive(t.itemId),t.onPressGidsTabItem=t=>{this.activeTabId=t?.itemId,this.onPressGidsTab&&this.onPressGidsTab(t),this.syncPropsToChildren()})}))}isTabActive(t){return t===this.activeTabId}render(){const t=d({width:this.width,appearance:this.appearance});return i(s,{key:"00bf73ca04f70d14966823cdd4d228c3d05222e3",class:t},i("slot",{key:"9b693f9975560d559d972388fb15ca2407ff5d4c"}))}get hostElement(){return this}static get watchers(){return{width:[{handleWidthChange:0}],appearance:[{handleAppearanceChange:0}],activeTabId:[{handleActiveTabIdChange:0}]}}static get style(){return".gids-tab{display:inline-flex;align-items:center;justify-content:flex-start;gap:var(--gids-gap-150);overflow-y:hidden;overflow-x:scroll}.gids-tab--full{display:flex}.gids-tab--item-subtle{gap:0}.gids-tab--item-underlined{gap:0}"}},[260,"gids-tab",{width:[1],appearance:[1],activeTabId:[1,"active-tab-id"],onPressGidsTab:[16]},void 0,{width:[{handleWidthChange:0}],appearance:[{handleAppearanceChange:0}],activeTabId:[{handleActiveTabIdChange:0}]}]);function c(){"undefined"!=typeof customElements&&["gids-tab"].forEach((e=>{"gids-tab"===e&&(customElements.get(t(e))||customElements.define(t(e),h))}))}c();const r=h,l=c;export{r as GidsTab,l as defineCustomElement}
|
package/dist/gids-text-field.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as t,H as i,c as s,f as a,h as n}from"./p-Bf3p-DY2.js";import{GidsTextFieldCommonUtils as l}from"@ganpatiinfo/gids-core-shared";import{generateId as d,GidsTextFieldWebUtils as r}from"@ganpatiinfo/gids-web-shared";import{g as o}from"./p-B2zUuNXz.js";import{G as
|
|
1
|
+
import{t as e,p as t,H as i,c as s,f as a,h as n}from"./p-Bf3p-DY2.js";import{GidsTextFieldCommonUtils as l}from"@ganpatiinfo/gids-core-shared";import{generateId as d,GidsTextFieldWebUtils as r}from"@ganpatiinfo/gids-web-shared";import{g as o}from"./p-B2zUuNXz.js";import{G as h}from"./p-Dg2yoUxw.js";import{G as u}from"./p-UxDcM-C5.js";import{d as f}from"./p-ub0GuVHb.js";import{d as c}from"./p-BVAtja26.js";const{formatCharCount:b}=l,{inputToGidsFieldStatus:m}=r,p=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.gidsTextFieldClear=s(this,"gidsTextFieldClear"),this.#e=d(),this._handleDismiss=()=>{const e=this.#t?.querySelector("input.gids-input__control");e&&(e.value="",e.dispatchEvent(new globalThis.Event("input",{bubbles:!0}))),this.value="",this.gidsTextFieldClear.emit()},this._handleInput=e=>{this.value=e.target?.value},this._handleInputFocusAndBlur=e=>{this._el.dispatchEvent(new FocusEvent(e.type,{relatedTarget:e.relatedTarget}))}}_startSlotContentObserver(){this._slotContentObserver=new MutationObserver((()=>{a(this)})),this._slotContentObserver.observe(this._el,{childList:!0,subtree:!1,attributes:!0,attributeFilter:["slot"]})}connectedCallback(){const e=o();void 0!==e&&this._el.shadowRoot?.adoptedStyleSheets.push(e),this._startSlotContentObserver()}disconnectedCallback(){this._slotContentObserver?.disconnect(),this._slotContentObserver=void 0}#e;#t;render(){const{id:e,...t}=this.inputProps??{},i=e??this.#e,s=this.showClearButton&&void 0!==this.value&&this.value.length>0;return n("gids-field",{key:"31fd12bcfe97625c517a2e85734e01dbbd5b59b5",disabled:this.disabled,count:b(this.value?.length,this.maxLength),helperText:this.helperText,statusText:this.statusText,status:m(this.status)},n(h,{key:"5dd9b4158a9262f88364d07788791f10a037d906",slot:"label",disabled:this.disabled,info:n("slot",{name:"info"}),fieldRequirement:this.fieldRequirement,fieldRequirementOptionalText:this.fieldRequirementOptionalText,fieldRequirementRequiredText:this.fieldRequirementRequiredText,isLabelSentence:this.isLabelSentence,htmlFor:i},this.label),n("gids-input",{key:"45980a5df8d74d027f7d15fb3f2f1dffcfe35ea3",ref:e=>this.#t=e,appearance:this.appearance,status:this.status,loading:this.loading,value:this.value,defaultValue:this.defaultValue,name:this.name,required:this.required,disabled:this.disabled,readOnly:this.readOnly,leadingLabel:this.leadingLabel,trailingLabel:this.trailingLabel,onFocus:this._handleInputFocusAndBlur,onBlur:this._handleInputFocusAndBlur,onInput:this._handleInput,inputProps:{...t,type:this.type,id:i,maxLength:this.maxLength}},n("slot",{key:"ca0f5b7206e450dc4223013a3bfa15922c3ea7ee",name:"leadingIcon"}),n("slot",{key:"2f9809ef064300e999f60fd34305232e2cdb5c97",name:"leadingAccessory"}),s&&n(u,{key:"adcb2d1e5c9eedd94bb6d276333cdb30ff31147c",label:"clear text",slot:"trailingAccessory",size:"lg",onPressDismiss:this._handleDismiss}),n("slot",{key:"5633a1c325c3442044b31e925cda6654764fbb3f",name:"trailingIcon"})))}get _el(){return this}},[260,"gids-text-field",{label:[513],showClearButton:[516,"show-clear-button"],helperText:[513,"helper-text"],statusText:[513,"status-text"],appearance:[513],status:[513],leadingLabel:[513,"leading-label"],trailingLabel:[513,"trailing-label"],loading:[516],type:[513],name:[513],required:[516],maxLength:[514,"maxlength"],value:[1],defaultValue:[513,"default-value"],disabled:[516],readOnly:[516,"readonly"],inputProps:[16],fieldRequirement:[513,"field-requirement"],fieldRequirementOptionalText:[1,"field-requirement-optional-text"],fieldRequirementRequiredText:[1,"field-requirement-required-text"],isLabelSentence:[16]}]);function g(){"undefined"!=typeof customElements&&["gids-text-field","gids-field","gids-input"].forEach((t=>{switch(t){case"gids-text-field":customElements.get(e(t))||customElements.define(e(t),p);break;case"gids-field":customElements.get(e(t))||f();break;case"gids-input":customElements.get(e(t))||c()}}))}g();const x=p,y=g;export{x as GidsTextField,y as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{G as
|
|
1
|
+
import{G as o,d as s}from"./p-_SIWct9h.js";const t=o,p=s;export{t as GidsToggleButton,p 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-Bf3p-DY2.js";import{G as a}from"./p-a3JfEYJp.js";import{g as l}from"./p-B2zUuNXz.js";import{G as r}from"./p-B8kX8Vqv.js";const n=i(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.placement="bottom",this.showWithoutDelay=!1,this.lockToMainAxis=!1,this.handleShowEvent=()=>{this.floatingElementManager.showAfterDelay()},this.handleHideEvent=()=>{this.floatingElementManager.hideAfterDelay()}}connectedCallback(){const t=l();void 0!==t&&this._el.shadowRoot?.adoptedStyleSheets.push(t)}componentDidLoad(){this.floatingElementManager=new a(this._el,{htmlFor:this.htmlFor,placement:this.placement,showWithoutDelay:this.showWithoutDelay,lockToMainAxis:this.lockToMainAxis,floatingElementSelector:"#tooltip",arrowElementSelector:"#arrow",visibilityClass:"gids-tooltip--visible",elementType:r.TOOLTIP,getAnchorElementFromSlot:t=>{const i=t.querySelector("slot");return i?.assignedElements()[0]||null}}),this.floatingElementManager.initialize(),this.setupEventListeners()}setupEventListeners(){const t=this.floatingElementManager.getAnchorElement();t&&(t.addEventListener("mouseenter",this.handleShowEvent),t.addEventListener("focus",this.handleShowEvent),t.addEventListener("mouseleave",this.handleHideEvent),t.addEventListener("blur",this.handleHideEvent))}placementChanged(t){this.floatingElementManager?.updateConfig({placement:t}),this.floatingElementManager?.isVisible()&&this.floatingElementManager?.reposition()}showWithoutDelayChanged(t){this.floatingElementManager?.updateConfig({showWithoutDelay:t})}lockToMainAxisChanged(t){this.floatingElementManager?.updateConfig({lockToMainAxis:t})}htmlForChanged(t){this.floatingElementManager?.updateConfig({htmlFor:t}),this.cleanupEventListeners(),this.floatingElementManager?.initialize(),this.setupEventListeners()}cleanupEventListeners(){const t=this.floatingElementManager?.getAnchorElement();t&&(t.removeEventListener("mouseenter",this.handleShowEvent),t.removeEventListener("focus",this.handleShowEvent),t.removeEventListener("mouseleave",this.handleHideEvent),t.removeEventListener("blur",this.handleHideEvent))}render(){return e(s,{key:"
|
|
1
|
+
import{t,p as i,H as o,h as e,F as s}from"./p-Bf3p-DY2.js";import{G as a}from"./p-a3JfEYJp.js";import{g as l}from"./p-B2zUuNXz.js";import{G as r}from"./p-B8kX8Vqv.js";const n=i(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.placement="bottom",this.showWithoutDelay=!1,this.lockToMainAxis=!1,this.handleShowEvent=()=>{this.floatingElementManager.showAfterDelay()},this.handleHideEvent=()=>{this.floatingElementManager.hideAfterDelay()}}connectedCallback(){const t=l();void 0!==t&&this._el.shadowRoot?.adoptedStyleSheets.push(t)}componentDidLoad(){this.floatingElementManager=new a(this._el,{htmlFor:this.htmlFor,placement:this.placement,showWithoutDelay:this.showWithoutDelay,lockToMainAxis:this.lockToMainAxis,floatingElementSelector:"#tooltip",arrowElementSelector:"#arrow",visibilityClass:"gids-tooltip--visible",elementType:r.TOOLTIP,getAnchorElementFromSlot:t=>{const i=t.querySelector("slot");return i?.assignedElements()[0]||null}}),this.floatingElementManager.initialize(),this.setupEventListeners()}setupEventListeners(){const t=this.floatingElementManager.getAnchorElement();t&&(t.addEventListener("mouseenter",this.handleShowEvent),t.addEventListener("focus",this.handleShowEvent),t.addEventListener("mouseleave",this.handleHideEvent),t.addEventListener("blur",this.handleHideEvent))}placementChanged(t){this.floatingElementManager?.updateConfig({placement:t}),this.floatingElementManager?.isVisible()&&this.floatingElementManager?.reposition()}showWithoutDelayChanged(t){this.floatingElementManager?.updateConfig({showWithoutDelay:t})}lockToMainAxisChanged(t){this.floatingElementManager?.updateConfig({lockToMainAxis:t})}htmlForChanged(t){this.floatingElementManager?.updateConfig({htmlFor:t}),this.cleanupEventListeners(),this.floatingElementManager?.initialize(),this.setupEventListeners()}cleanupEventListeners(){const t=this.floatingElementManager?.getAnchorElement();t&&(t.removeEventListener("mouseenter",this.handleShowEvent),t.removeEventListener("focus",this.handleShowEvent),t.removeEventListener("mouseleave",this.handleHideEvent),t.removeEventListener("blur",this.handleHideEvent))}render(){return e(s,{key:"956f6eced99b0c5e6e514a2a3f10976ca64e22c3"},e("slot",{key:"082d3c166069a309c3ba5f6c1e3eb0519eb84b40"}),e("span",{key:"400f44983016138741b2c3a7b32d5d9f39c09241",id:"tooltip",part:"tooltip",role:"tooltip"},e("span",{key:"1fcc94a2ab42662921470851bbad8fa46b7f0978",id:"arrow"}),this.tooltipText))}disconnectedCallback(){this.cleanupEventListeners(),this.floatingElementManager?.destroy()}get _el(){return this}static get watchers(){return{placement:[{placementChanged:0}],showWithoutDelay:[{showWithoutDelayChanged:0}],lockToMainAxis:[{lockToMainAxisChanged:0}],htmlFor:[{htmlForChanged:0}]}}static get style(){return"gids-tooltip{--gidsTooltip-background:var(--gids-color-background-neutral-bold-default);--gidsTooltip-text-color:var(--gids-color-text-inverse);--gidsTooltip-padding:var(--gids-padding-vertical-edge-to-element-100) var(--gids-padding-horizontal-edge-to-element-200);--gidsTooltip-border-radius:var(--gids-border-radius-sm);--gidsTooltip-tip-border-radius:2px;--gidsTooltip-tip-size:12px;--gidsFloatingElement-background:var(--gidsTooltip-background);--gidsFloatingElement-tip-border-radius:var(--gidsTooltip-tip-border-radius)}[part=tooltip]{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit);position:absolute;display:inline-block;hyphens:auto;background-color:var(--gidsTooltip-background);color:var(--gidsTooltip-text-color);padding:var(--gidsTooltip-padding);border-radius:var(--gidsTooltip-border-radius);z-index:1000;opacity:0;pointer-events:none}[part=tooltip].gids-tooltip--visible{pointer-events:initial;opacity:1}[part=tooltip] span#arrow{position:absolute;height:var(--gidsTooltip-tip-size);width:var(--gidsTooltip-tip-size)}"}},[257,"gids-tooltip",{htmlFor:[513,"for"],tooltipText:[513,"tooltip-text"],placement:[513],showWithoutDelay:[516,"show-without-delay"],lockToMainAxis:[4,"lock-to-main-axis"]},void 0,{placement:[{placementChanged:0}],showWithoutDelay:[{showWithoutDelayChanged:0}],lockToMainAxis:[{lockToMainAxisChanged:0}],htmlFor:[{htmlForChanged:0}]}]);function d(){"undefined"!=typeof customElements&&["gids-tooltip"].forEach((i=>{"gids-tooltip"===i&&(customElements.get(t(i))||customElements.define(t(i),n))}))}d();const h=n,p=d;export{h as GidsTooltip,p as defineCustomElement}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t,p as i,H as e,h as s,d as a}from"./p-Bf3p-DY2.js";import{GidsExpansionBodyListItemWebUtils as o}from"@ganpatiinfo/gids-web-shared";import{G as n}from"./p-C2POfZhu.js";const{getGidsExpansionBodyListItemClassNames:l}=o,r=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.displayTagVisible=!1,this.displayTagColor="accent-5",this.displayTagSize="xs",this.displayTagAppearance="subtle",this.hasSubtitleItemListener=!1,this.hasSupportingTextItemListener=!1,this.handleSubtitleClick=t=>{this.applySubtitleSelection({listItemId:this.listItemId,label:this.label,subtitle:this.subtitle,supportingText:this.supportingText,listItemPressedType:"subtitle",originalEvent:t})},this.handleSupportingTextClick=t=>{this.applySupportingTextSelection({listItemId:this.listItemId,label:this.label,subtitle:this.subtitle,supportingText:this.supportingText,listItemPressedType:"supporting-text",originalEvent:t})}}handleDisplayTagVisibilityChange(t){this.displayTagVisible=t}handleDisplayTagColorChange(t){this.displayTagColor=t}handleDisplayTagSizeChange(t){this.displayTagSize=t}handleDisplayTagAppearanceChange(t){this.displayTagAppearance=t}connectedCallback(){this.attachSubtitleItemListener(),this.attachSupportingTextItemListener()}disconnectedCallback(){this.detachSubtitleItemListener(),this.detachSupportingTextItemListener()}applySubtitleSelection(t){this.onSubtitlePress&&this.onSubtitlePress(t)}applySupportingTextSelection(t){this.onSupportingTextPress&&this.onSupportingTextPress(t)}attachSubtitleItemListener(){this.hasSubtitleItemListener||(this.hostElement.addEventListener("onSubtitlePress",this.handleSubtitleClick),this.hasSubtitleItemListener=!0)}attachSupportingTextItemListener(){this.hasSupportingTextItemListener||(this.hostElement.addEventListener("onSupportingTextPress",this.handleSupportingTextClick),this.hasSupportingTextItemListener=!0)}detachSubtitleItemListener(){this.hasSubtitleItemListener&&(this.hostElement.removeEventListener("onSubtitlePress",this.handleSubtitleClick),this.hasSubtitleItemListener=!1)}detachSupportingTextItemListener(){this.hasSupportingTextItemListener&&(this.hostElement.removeEventListener("onSupportingTextPress",this.handleSupportingTextClick),this.hasSupportingTextItemListener=!1)}isValidLabel(){return!(!this?.label||""===this.label)}isValidSubtitle(){return!(!this?.subtitle||""===this.subtitle)}isValidSupportingText(){return!(!this?.supportingText||""===this.supportingText)}isDisplayTagVisible(){return!(!this.displayTagVisible||!this?.displayTagLabel||""===this.displayTagLabel)}convertTextToUppercase(t){return t&&""!==t?t.toUpperCase():""}render(){const t=l(),i=this?.label,e=this?.subtitle,o=this?.supportingText,r=this.isValidLabel(),d=this.isValidSubtitle(),p=this.isValidSupportingText(),g=this.isDisplayTagVisible(),h=this?.displayTagLabel??"";return s(a,{key:"f70f03c864cc5d3fe92f7f22a1772054636c1e9c",class:t},r||d||g?s("div",{class:"gids-expansion-body-list-item__primary-container"},r||g?s("div",{class:"gids-expansion-body-list-item__primary-content"},r?s("span",{class:"gids-expansion-body-list-item__label"},this.convertTextToUppercase(i)):void 0,g?s(n,{color:this.displayTagColor||"accent-5",label:h,size:this.displayTagSize,appearance:this.displayTagAppearance}):void 0):void 0,d?s("button",{type:"button",class:"gids-expansion-body-list-item__subtitle",onClick:this.handleSubtitleClick},e):void 0):void 0,p?s("div",{class:"gids-expansion-body-list-item__secondary-container"},s("button",{type:"button",class:"gids-expansion-body-list-item__supporting-text",onClick:this.handleSupportingTextClick},this.convertTextToUppercase(o))):void 0)}get hostElement(){return this}static get watchers(){return{displayTagVisible:[{handleDisplayTagVisibilityChange:0}],displayTagColor:[{handleDisplayTagColorChange:0}],displayTagSize:[{handleDisplayTagSizeChange:0}],displayTagAppearance:[{handleDisplayTagAppearanceChange:0}]}}static get style(){return'.gids-expansion-body-list-item{display:flex;flex:1;gap:var(--gids-gap-400);padding-bottom:var(--gids-padding-vertical-edge-to-element-300);position:relative;cursor:default}.gids-expansion-body-list-item::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--gids-color-border-default);transition:background 0.3s ease-in-out;z-index:1}.gids-expansion-body-list-item::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(to right, transparent 0%, transparent 25%, var(--gids-color-background-selected-pressed) 45%, var(--gids-color-background-selected-pressed) 55%, transparent 75%, transparent 100%);opacity:0;transition:opacity 0.3s ease-in-out;z-index:2}.gids-expansion-body-list-item:has(.gids-expansion-body-list-item__subtitle:hover)::after{background:linear-gradient(to right, var(--gids-color-border-default) 0%, var(--gids-color-border-default) 15%, var(--gids-color-background-selected-pressed) 45%, var(--gids-color-background-selected-pressed) 70%, var(--gids-color-border-default) 90%, var(--gids-color-border-default) 100%)}.gids-expansion-body-list-item:has(.gids-expansion-body-list-item__subtitle:hover)::before{opacity:1}.gids-expansion-body-list-item__primary-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:1 0;gap:var(--gids-gap-150)}.gids-expansion-body-list-item__primary-content{display:flex;align-items:center;justify-content:center;gap:var(--gids-gap-200)}.gids-expansion-body-list-item__secondary-container{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end}.gids-expansion-body-list-item__label{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtle);cursor:default}.gids-expansion-body-list-item__subtitle{margin:0;padding:0;appearance:none;border:none;background:none;font-family:var(--gids-typography-label-medium__font-family);font-size:var(--gids-typography-label-medium__font-size);font-weight:var(--gids-typography-label-medium__font-weight);letter-spacing:var(--gids-typography-label-medium__letter-spacing);line-height:var(--gids-typography-label-medium__line-height);text-transform:var(--gids-typography-label-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-label-medium__font-variant-caps, inherit);color:var(--gids-color-text-default);cursor:pointer}.gids-expansion-body-list-item__supporting-text{margin:0;padding:0;appearance:none;border:none;background:none;font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtle);padding:var(--gids-padding-vertical-edge-to-element-050) var(--gids-padding-horizontal-edge-to-element-100);border-radius:var(--gids-border-radius-sm);cursor:pointer;transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out}.gids-expansion-body-list-item__supporting-text:hover{background-color:var(--gids-color-background-brand-bold-hovered);color:var(--gids-color-text-inverse)}.gids-expansion-body-list-item__supporting-text:active{background-color:var(--gids-color-background-brand-bold-pressed);color:var(--gids-color-text-inverse)}'}},[0,"gids-expansion-body-list-item",{listItemId:[1,"list-item-id"],label:[1],subtitle:[1],supportingText:[1,"supporting-text"],displayTagVisible:[4,"display-tag-visible"],displayTagColor:[1,"display-tag-color"],displayTagSize:[1,"display-tag-size"],displayTagAppearance:[1,"display-tag-appearance"],displayTagLabel:[1,"display-tag-label"],onSubtitlePress:[16],onSupportingTextPress:[16]},void 0,{displayTagVisible:[{handleDisplayTagVisibilityChange:0}],displayTagColor:[{handleDisplayTagColorChange:0}],displayTagSize:[{handleDisplayTagSizeChange:0}],displayTagAppearance:[{handleDisplayTagAppearanceChange:0}]}]);function d(){"undefined"!=typeof customElements&&["gids-expansion-body-list-item"].forEach((i=>{"gids-expansion-body-list-item"===i&&(customElements.get(t(i))||customElements.define(t(i),r))}))}d();export{r as G,d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as s,p as e,H as a,h as i}from"./p-Bf3p-DY2.js";import{g as
|
|
1
|
+
import{t as s,p as e,H as a,h as i}from"./p-Bf3p-DY2.js";import{g as t}from"./p-B2zUuNXz.js";import{GidsDotWebUtils as d}from"@ganpatiinfo/gids-web-shared";import{d as n}from"./p-C2O_pGky.js";const{getGidsDotClassNames:o}=d,h=e(class extends a{constructor(s){super(),!1!==s&&this.__registerHost(),this.appearance="subtle",this.size="xs",this.disabled=!1,this.activeClasses=""}handleExtraClassesAndSizeChange(s){this.activeClasses=o({size:this.size,appearance:this.appearance,disabled:this.disabled},s)}handleAppearanceChange(s){this.appearance=s}handleSizeChange(s){this.size=s}handleDisabledChange(s){this.disabled=s}connectedCallback(){const s=t();void 0!==s&&this._el.shadowRoot?.adoptedStyleSheets.push(s),this.activeClasses=o({size:this.size,appearance:this.appearance,disabled:this.disabled},this.extraClasses)}componentDidLoad(){this.activeClasses=o({size:this.size,appearance:this.appearance,disabled:this.disabled},this.extraClasses)}render(){return i("gids-icon",{key:"81581bd6fb72e8ff6ce203c8e63b2f1c5d9c1121",class:this.activeClasses,name:"new",alt:"",appearance:"filled"})}get _el(){return this}static get watchers(){return{extraClasses:[{handleExtraClassesAndSizeChange:0}],appearance:[{handleExtraClassesAndSizeChange:0},{handleAppearanceChange:0}],size:[{handleExtraClassesAndSizeChange:0},{handleSizeChange:0}],disabled:[{handleExtraClassesAndSizeChange:0},{handleDisabledChange:0}]}}static get style(){return".gids-dot{display:flex;--gidsDotIcon-height:var(--gids-size-040);--gidsIcon-height:var(--gidsDotIcon-height);--gidsDotIcon-color:var(--gids-color-icon-subtle);--gidsIcon-color:var(--gidsDotIcon-color)}.gids-dot--sm{--gidsDotIcon-height:var(--gids-size-060)}.gids-dot--md{--gidsDotIcon-height:var(--gids-size-080)}.gids-dot--lg{--gidsDotIcon-height:var(--gids-size-100)}.gids-dot--xl{--gidsDotIcon-height:var(--gids-size-120)}.gids-dot--2xl{--gidsDotIcon-height:var(--gids-size-160)}.gids-dot--3xl{--gidsDotIcon-height:var(--gids-size-200)}.gids-dot--subtle{--gidsDotIcon-color:var(--gids-color-icon-subtle)}.gids-dot--static-inverse{--gidsDotIcon-color:var(--gids-color-icon-inverse)}.gids-dot--disabled{--gidsDotIcon-color:var(--gids-color-icon-disabled)}"}},[0,"gids-dot",{extraClasses:[513,"extra-classes"],appearance:[513],size:[513],disabled:[516],activeClasses:[32]},void 0,{extraClasses:[{handleExtraClassesAndSizeChange:0}],appearance:[{handleExtraClassesAndSizeChange:0},{handleAppearanceChange:0}],size:[{handleExtraClassesAndSizeChange:0},{handleSizeChange:0}],disabled:[{handleExtraClassesAndSizeChange:0},{handleDisabledChange:0}]}]);function g(){"undefined"!=typeof customElements&&["gids-dot","gids-icon"].forEach((e=>{switch(e){case"gids-dot":customElements.get(s(e))||customElements.define(s(e),h);break;case"gids-icon":customElements.get(s(e))||n()}}))}g();export{h as G,g as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as e,p as t,H as n,h as a}from"./p-Bf3p-DY2.js";import{GidsChartLegendWebUtils as i}from"@ganpatiinfo/gids-web-shared";const{getGidsChartLegendClassNames:s}=i,r=t(class extends n{constructor(e){super(),!1!==e&&this.__registerHost(),this.orientation="horizontal"}handleOrientationChange(e){this.orientation=e}render(){const e=s({orientation:this.orientation});return a("div",{key:"644b3200e4de07c715a1da903635dadb90b44c97",class:e},a("slot",{key:"bf5e22c6a549cf9f9fb64e5edc9cc2a48173933e"}))}static get watchers(){return{orientation:[{handleOrientationChange:0}]}}static get style(){return".gids-chart-legend{display:inline-flex;align-items:flex-start;gap:var(--gids-gap-150)}.gids-chart-legend--orientation-vertical{flex-direction:column;gap:var(--gids-gap-050)}"}},[260,"gids-chart-legend",{orientation:[1]},void 0,{orientation:[{handleOrientationChange:0}]}]);function o(){"undefined"!=typeof customElements&&["gids-chart-legend"].forEach((t=>{"gids-chart-legend"===t&&(customElements.get(e(t))||customElements.define(e(t),r))}))}o();export{r as G,o as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as e,H as i,h as s}from"./p-Bf3p-DY2.js";import{GidsDropdownPickerWebUtils as n}from"@ganpatiinfo/gids-web-shared";import{G as o}from"./p-UVmSPzTd.js";import{G as d}from"./p-D4Pimu_8.js";const{getGidsDropdownPickerClassNames:a}=n,r=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.appearance="subtle",this.size="sm",this.idPicker="",this.expanded=!1,this.hasLeadingIcon=!1,this.hasItemListener=!1,this.suppressNextMenuClickSelection=!1,this.hasDocumentListeners=!1,this.handleDropdownPickerItemSelect=t=>{const{value:e,title:i,disabled:s,id:n,isPlaceholderItem:o}=t.detail;s||"string"!=typeof e||(this.suppressNextMenuClickSelection=!0,queueMicrotask((()=>{this.suppressNextMenuClickSelection=!1})),this.applySelection({id:n,value:e,title:i,disabled:!1,originalEvent:t,isPlaceholderItem:o}))},this.handleMenuClick=t=>{if(this.suppressNextMenuClickSelection)return;const e=t.target;if(!(e instanceof Element))return;const i=e.closest(".gids-dropdown-item");if(!i||!this.hostElement.contains(i))return;if(i.hasAttribute("disabled")||"true"===i.getAttribute("aria-disabled"))return;const s=i instanceof HTMLButtonElement?i.value:i.getAttribute("value")
|
|
1
|
+
import{t,p as e,H as i,h as s}from"./p-Bf3p-DY2.js";import{GidsDropdownPickerWebUtils as n}from"@ganpatiinfo/gids-web-shared";import{G as o}from"./p-UVmSPzTd.js";import{G as d}from"./p-D4Pimu_8.js";const{getGidsDropdownPickerClassNames:a}=n,r=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.appearance="subtle",this.size="sm",this.idPicker="",this.expanded=!1,this.hasLeadingIcon=!1,this.hasItemListener=!1,this.suppressNextMenuClickSelection=!1,this.hasDocumentListeners=!1,this.handleDropdownPickerItemSelect=t=>{const{value:e,title:i,disabled:s,id:n,isPlaceholderItem:o}=t.detail;s||"string"!=typeof e||(this.suppressNextMenuClickSelection=!0,queueMicrotask((()=>{this.suppressNextMenuClickSelection=!1})),this.applySelection({id:n,value:e,title:i,disabled:!1,originalEvent:t,isPlaceholderItem:o}))},this.handleMenuClick=t=>{if(this.suppressNextMenuClickSelection)return;const e=t.target;if(!(e instanceof Element))return;const i=e.closest(".gids-dropdown-item");if(!i||!this.hostElement.contains(i))return;if(i.hasAttribute("disabled")||"true"===i.getAttribute("aria-disabled"))return;const s=i instanceof HTMLButtonElement?i.value:i.getAttribute("value")||"";if("string"!=typeof s||0===s.length)return;const n=i instanceof HTMLButtonElement?i.id:i.getAttribute("id")??"";if("string"!=typeof n||0===n.length)return;const o=i.getAttribute("is-placeholder-item")??"";this.applySelection({id:n,value:s,title:i.textContent?.trim()??"",disabled:!1,originalEvent:t,isPlaceholderItem:!(!o||"true"!==o)})},this.handleTriggerToggle=t=>{this.isInteractive()&&this.setExpandedState(!this.expanded,t)},this.handleDropdownButtonClickToggle=t=>{t.defaultPrevented||(t.stopPropagation(),this.handleTriggerToggle(t))},this.handleOutSpaceClickOfDropdownButtonToggle=t=>{this.expanded&&(t.stopPropagation(),this.setExpandedState(!1))},this.handleDocumentPointerDown=t=>{2!==t.button&&this.expanded&&(("function"==typeof t.composedPath?t.composedPath():[]).includes(this.hostElement)||this.hostElement.contains(t.target)||this.setExpandedState(!1,t))},this.handleDocumentKeyDown=t=>{if(!this.expanded)return;const e=t.key;if("Escape"===e||"Esc"===e)return t.preventDefault(),void this.setExpandedState(!1,t);"Tab"===e&&this.setExpandedState(!1,t)},this.handleFormReset=()=>{this.value=this.initialValue,this.selectedItemTitle=void 0,this.setExpandedState(!1)}}handleExpandedChange(t){t&&!this.isInteractive()&&(this.expanded=!1)}handleInteractivityChange(){!this.isInteractive()&&this.expanded&&this.setExpandedState(!1)}connectedCallback(){this.initialValue=this.value,this.attachItemListener(),this.attachDocumentListeners(),this.attachFormListener()}disconnectedCallback(){this.detachItemListener(),this.detachDocumentListeners(),this.detachFormListener()}componentWillLoad(){this.checkSlots()}componentWillUpdate(){this.checkSlots()}checkSlots(){this.hasLeadingIcon=!!this.hostElement.querySelector('[slot="leadingIconDropdownPicker"]')}getDropdownButtonControl(){return this.hostElement.querySelector(".gids-button")}getItemElements(){return Array.from(this.hostElement.querySelectorAll(".gids-dropdown-item"))}attachItemListener(){this.hasItemListener||(this.hostElement.addEventListener("onPressDropdownItem",this.handleDropdownPickerItemSelect),this.hasItemListener=!0)}detachItemListener(){this.hasItemListener&&(this.hostElement.removeEventListener("onPressDropdownItem",this.handleDropdownPickerItemSelect),this.hasItemListener=!1)}applySelection(t){this.value=t.value,this.selectedItemTitle="string"==typeof t.title?t.title:void 0,this.clearActive(),this.setExpandedState(!1,this.coerceEvent(t.originalEvent)),this.onSelectionChange?.(t),this.hostElement.dispatchEvent(new CustomEvent("gidsDropdownPickerChange",{bubbles:!0,composed:!0,detail:t}))}clearActive(){this.getItemElements().forEach((t=>t.classList.remove("gids-dropdown-item--active")))}setExpandedState(t,e){const i=Boolean(t);i&&!this.isInteractive()||this.expanded!==i&&(this.expanded=i,i||(this.clearActive(),this.syncInputDisplayValue()),this.hostElement.dispatchEvent(new CustomEvent("gidsDropdownPickerToggle",{bubbles:!0,composed:!0,detail:{expanded:i,originalEvent:e}})))}syncInputDisplayValue(){const t=this.getDropdownButtonControl();t&&t.value!==(this.selectedItemTitle??"")&&(t.value=this.selectedItemTitle??"")}attachDocumentListeners(){this.hasDocumentListeners||"undefined"==typeof document||(document.addEventListener("pointerdown",this.handleDocumentPointerDown),document.addEventListener("keydown",this.handleDocumentKeyDown),this.hasDocumentListeners=!0)}detachDocumentListeners(){this.hasDocumentListeners&&"undefined"!=typeof document&&(document.removeEventListener("pointerdown",this.handleDocumentPointerDown),document.removeEventListener("keydown",this.handleDocumentKeyDown),this.hasDocumentListeners=!1)}attachFormListener(){const t=this.hostElement.closest("form");this.patternForm!==t&&(this.patternForm&&this.patternForm.removeEventListener("reset",this.handleFormReset),this.patternForm=t??void 0,this.patternForm?.addEventListener("reset",this.handleFormReset))}detachFormListener(){this.patternForm&&(this.patternForm.removeEventListener("reset",this.handleFormReset),this.patternForm=void 0)}isInteractive(){return!this.disabled}coerceEvent(t){if("undefined"!=typeof Event&&null!==t)return t instanceof Event?t:void 0}render(){const t=this.expanded&&this.isInteractive(),e=a({expanded:t}),i="string"==typeof this.idPicker?this.idPicker:void 0,n=i?`${i}__menu`:void 0;return s("div",{key:"853c2b26fc0e64ac2f4d04dc1ae83f72eefd1403",class:e,onClick:this.handleOutSpaceClickOfDropdownButtonToggle},s(o,{key:"e1abb285cd9649aa542620de7a683a9f21dbe19a",role:"pickerbox","aria-expanded":t?"true":"false","aria-haspopup":"pickerlistbox","aria-controls":n??"",onClick:this.handleDropdownButtonClickToggle,disabled:this.disabled,value:this.selectedItemTitle??this.value??"",loading:this.loading,appearance:this.appearance,size:this.size},this.hasLeadingIcon?s("slot",{name:"leadingIconDropdownPicker",slot:"leadingIcon"}):s(d,{name:"chevron-down",size:this.size,appearance:"regular",alt:"",slot:"leadingIcon"})),s("div",{key:"4907e8cc94b306a36096e07a662d87b1b687fee7",class:"gids-dropdown-picker__menu",id:n,role:"pickerbox",onClick:this.handleMenuClick},s("slot",{key:"921b888c10135a2baeda9183b3a06f7bf9aa4abb"})))}get hostElement(){return this}static get watchers(){return{expanded:[{handleExpandedChange:0}],disabled:[{handleInteractivityChange:0}]}}static get style(){return".gids-dropdown-picker{position:relative}.gids-dropdown-picker__menu{position:absolute;inset-inline:0;top:calc(100% + var(--gids-gap-050));z-index:3;display:none;flex-direction:column;align-self:stretch;min-width:var(--gids-width-2-xs);min-height:55px;max-height:15rem;overflow-x:hidden;overflow-y:auto;background-color:var(--gids-elevation-surface-overlay-default);box-shadow:var(--gids-elevation-shadow-overlay);border-radius:var(--gids-border-radius-lg)}.gids-dropdown-picker__menu>*{flex-shrink:0}.gids-dropdown-picker--expanded .gids-dropdown-picker__menu{display:flex}"}},[260,"gids-dropdown-picker",{appearance:[1],size:[1],idPicker:[1,"id-picker"],expanded:[1540],disabled:[516],loading:[516],value:[513],name:[1],onSelectionChange:[16],selectedItemTitle:[32],hasLeadingIcon:[32]},void 0,{expanded:[{handleExpandedChange:0}],disabled:[{handleInteractivityChange:0}]}]);function h(){"undefined"!=typeof customElements&&["gids-dropdown-picker"].forEach((e=>{"gids-dropdown-picker"===e&&(customElements.get(t(e))||customElements.define(t(e),r))}))}h();export{r as G,h as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as t,H as i,h as s,F as a}from"./p-Bf3p-DY2.js";import{isInteractiveElement as n}from"@ganpatiinfo/gids-web-shared";import{G as
|
|
1
|
+
import{t as e,p as t,H as i,h as s,F as a}from"./p-Bf3p-DY2.js";import{isInteractiveElement as n}from"@ganpatiinfo/gids-web-shared";import{G as d}from"./p-D4Pimu_8.js";import{G as l}from"./p-CHGTBObD.js";const c=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.#e={},this._focusInput=e=>{const t=e.target;t===this.#t||this._isWithinInteractiveElement(t)||this.#t?.focus()},this._handleInputFocusAndBlur=e=>{this._el.dispatchEvent(new FocusEvent(e.type,{relatedTarget:e.relatedTarget}))}}get defaultValue(){return this.#t?.defaultValue??this.#e.defaultValue??""}set defaultValue(e){this.#t?this.#t.defaultValue=e:this.#e.defaultValue=e}get value(){return this.#t?.value??this.#e.value??this.#e.defaultValue??""}set value(e){this.#t?this.#t.value=e:this.#e.value=e}#t;#e;_isWithinInteractiveElement(e){if(null===e||e===this._el||!this._el.contains(e))return!1;if(n(e))return!0;{const t=e.parentElement;if(t)return this._isWithinInteractiveElement(t)}return!1}connectedCallback(){this._el.addEventListener("click",this._focusInput)}disconnectedCallback(){this._el.removeEventListener("click",this._focusInput)}render(){return s(a,{key:"afdbc2c51c4a1f688534c76757ef7cdfb27d1cd0"},s("slot",{key:"83781fe23a5648cdd8345326e88e235c03cf60bc",name:"leadingIcon"}),this.leadingLabel&&s("span",{key:"b457d5343b714096c80ffebce6abd9e62fc57664",class:"gids-input__label"},this.leadingLabel),s("slot",{key:"e156f0f311bd7b662eb56c07c101b673c0945d14",name:"leadingAccessory"}),s("input",{key:"34d77865f743fab2e85d154b966c90b1434d212d",...this.inputProps,ref:e=>{this.#t=e,void 0!==this.#e.value&&(this.#t.value=this.#e.value,delete this.#e.value),void 0!==this.#e.defaultValue&&(this.#t.defaultValue=this.#e.defaultValue,delete this.#e.defaultValue)},class:"gids-input__control",name:this.name,disabled:this.disabled,readOnly:this.readOnly,required:this.required,onFocus:this._handleInputFocusAndBlur,onBlur:this._handleInputFocusAndBlur}),s("slot",{key:"fafb91d6e965e33b40577a10475e9a69a83e7a98",name:"trailingAccessory"}),this.trailingLabel&&s("span",{key:"3d673d4b05b850c165817615145e629f39b5859c",class:"gids-input__label"},this.trailingLabel),s("slot",{key:"ee39bb2e061ace41b7192f0fd2eae7edb35918e2",name:"trailingIcon"}),"incomplete"===this.status&&s(d,{key:"5d2faed6c95395d82a2ae1e72483fd15599f14b6",name:"warning",appearance:"filled",class:"gids-input__warning-icon"}),"complete"===this.status&&s(d,{key:"106200c1b025e3ee1467ffed2f246962933d42d0",name:"positive",appearance:"filled",class:"gids-input__positive-icon"}),this.loading&&s(l,{key:"9125ce5ef482066da33b9429e0cb544e1a646cca",size:"md",indeterminate:!0}))}get _el(){return this}},[260,"gids-input",{appearance:[513],defaultValue:[6657,"default-value"],disabled:[516],inputProps:[16],leadingLabel:[513,"leading-label"],trailingLabel:[513,"trailing-label"],loading:[516],name:[513],readOnly:[516,"readonly"],required:[516],status:[513],value:[6145]}]);function r(){"undefined"!=typeof customElements&&["gids-input"].forEach((t=>{"gids-input"===t&&(customElements.get(e(t))||customElements.define(e(t),c))}))}r();export{c as G,r as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as i,p as s,H as t,h as e}from"./p-Bf3p-DY2.js";import{g as o}from"./p-B2zUuNXz.js";import{G as
|
|
1
|
+
import{t as i,p as s,H as t,h as e}from"./p-Bf3p-DY2.js";import{g as o}from"./p-B2zUuNXz.js";import{G as c}from"./p-D4Pimu_8.js";const n=s(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow()}connectedCallback(){const i=o();void 0!==i&&this._el.shadowRoot?.adoptedStyleSheets.push(i)}render(){return e(c,{key:"bc81f0bb3a1e558071dc334873802ac8c8ec31ef",name:this.name,size:this.size,appearance:this.appearance,alt:this.alt,titleId:this.titleId})}get _el(){return this}static get style(){return".gids-icon{color:var(--gidsIcon-color, var(--gids-color-icon-default));fill:var(--gidsIcon-color, var(--gids-color-icon-default));width:auto;height:var(--gidsIcon-height, 100%);flex-shrink:0}.gids-icon--xs{--gidsIcon-height:var(--gids-size-120)}.gids-icon--sm{--gidsIcon-height:var(--gids-size-160)}.gids-icon--md{--gidsIcon-height:var(--gids-size-240)}.gids-icon--lg{--gidsIcon-height:var(--gids-size-320)}"}},[1,"gids-icon",{name:[1],size:[1],appearance:[1],alt:[1],titleId:[1,"title-id"]}]);function d(){"undefined"!=typeof customElements&&["gids-icon"].forEach((s=>{"gids-icon"===s&&(customElements.get(i(s))||customElements.define(i(s),n))}))}d();export{n as G,d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{h as a}from"./p-Bf3p-DY2.js";import{GidsDisplayTagWebUtils as s}from"@ganpatiinfo/gids-web-shared";const{getGidsDisplaTagClassNames:e}=s,o=({label:s,appearance:o="subtle",color:p,size:i="md",icon:r,class:l,...c})=>a("span",{class:e({size:i,appearance:o,color:p},l),...c},r,s);export{o as G}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as i,H as t,h as s}from"./p-Bf3p-DY2.js";import{GidsPieChartWebUtils as r}from"@ganpatiinfo/gids-web-shared";import{G as a}from"./p-DMNS1d8v.js";import{d}from"./p-
|
|
1
|
+
import{t as e,p as i,H as t,h as s}from"./p-Bf3p-DY2.js";import{GidsPieChartWebUtils as r}from"@ganpatiinfo/gids-web-shared";import{G as a}from"./p-DMNS1d8v.js";import{d}from"./p-BCVFQSjK.js";import{d as h}from"./p-C3xv7tfs.js";const{getGidsPieChartClassNames:g}=r,n=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.breakpoint="desktop",this.legendVisible=!1,this.chartData=[],this.size="xxs",this.chartLoaderSize="lg",this.chartLoading=!1,this.width=0,this.height=0}chartDataChanged(){this.updateDimensions()}legendVisibilityChanged(e){this.legendVisible=e}componentDidLoad(){this.updateDimensions(),this.resizeObserver=new ResizeObserver((()=>this.updateDimensions())),this.hostElement.parentElement&&this.resizeObserver.observe(this.hostElement.parentElement)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect()}updateDimensions(){const e=this.hostElement.getBoundingClientRect();this.width=e.width,this.height=e.height>0?e.height:240}render(){if(this.chartLoading)return s("div",{class:"gids-pie-chart__no-data"},s(a,{label:this.chartLoadingTitle,supportingText:this.chartLoadingSupportingText,size:this?.chartLoaderSize??"lg"}));const e=this.chartData.length,i=this.chartData.reduce(((e,i)=>e+(i.value||0)),0);let t=i;e<6&&e>0&&(t=i+i/e*(6-e));const r=t>0?t:1,d=g({breakpoint:this.breakpoint}),h=2*Math.PI*25;let n=0;return s("div",{class:d},s("div",{class:"gids-pie-chart__main-container"},s("div",{class:"gids-pie-chart__chart-stage-container"},s("div",{class:`gids-pie-chart__svg-wrapper gids-pie-chart__svg-wrapper--size-${this.size}`},s("svg",{viewBox:"0 0 100 100",class:"gids-pie-chart__chart-vector"},s("circle",{cx:"50",cy:"50",r:25,class:"gids-pie-chart__track-background"}),this.chartData.map(((e,i)=>{const t=(e.value||0)/r,a=`${t*h} ${h}`,d=-n*h;return n+=t,s("circle",{key:e.label||i,cx:"50",cy:"50",r:25,class:`gids-pie-chart__segment gids-pie-chart__segment-series-${i+1}`,"stroke-dasharray":a,"stroke-dashoffset":d,transform:"rotate(-90 50 50)"})}))))),this.legendVisible?s("div",{class:"gids-pie-chart__legend-container"},s("gids-chart-legend",{orientation:"vertical"},this.chartData.map(((e,i)=>s("gids-chart-legend-item",{key:e.label,seriesType:`${i+1}`,orientation:"vertical"},e.label))))):null))}get hostElement(){return this}static get watchers(){return{chartData:[{chartDataChanged:0}],legendVisible:[{legendVisibilityChanged:0}]}}static get style(){return":host{display:block;width:100%;height:100%;box-sizing:border-box}.gids-pie-chart{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box}.gids-pie-chart--breakpoint-mobile{max-width:var(--gids-width-xs)}.gids-pie-chart__main-container{display:inline-flex;justify-content:center;gap:var(--gids-gap-200);width:100%;height:100%}.gids-pie-chart__chart-stage-container{display:flex;justify-content:center;align-items:center}.gids-pie-chart{}.gids-pie-chart__svg-wrapper{position:relative;display:block;flex-shrink:0}.gids-pie-chart__svg-wrapper--size-xxs{width:180px;height:180px}.gids-pie-chart__svg-wrapper--size-xs{width:220px;height:220px}.gids-pie-chart__svg-wrapper--size-sm{width:260px;height:260px}.gids-pie-chart__svg-wrapper--size-md{width:300px;height:300px}.gids-pie-chart__svg-wrapper--size-lg{width:340px;height:340px}.gids-pie-chart__chart-vector{display:block;width:100%;height:100%}.gids-pie-chart{}.gids-pie-chart__track-background{fill:none;stroke:var(--gids-color-background-neutral-default);stroke-width:12;}.gids-pie-chart__segment{fill:none;stroke-width:12;stroke-linecap:butt;transition:stroke-dashoffset 0.3s ease;}.gids-pie-chart__segment.gids-pie-chart__segment-series-1{stroke:var(--gids-color-icon-subtle);}.gids-pie-chart__segment.gids-pie-chart__segment-series-2{stroke:var(--gids-color-icon-warning);}.gids-pie-chart__segment.gids-pie-chart__segment-series-3{stroke:var(--gids-color-icon-danger);}.gids-pie-chart__segment.gids-pie-chart__segment-series-4{stroke:var(--gids-color-background-positive-bold-hovered);}.gids-pie-chart__segment.gids-pie-chart__segment-series-5{stroke:var(--gids-color-background-information-bold-default);}.gids-pie-chart__segment.gids-pie-chart__segment-series-6{stroke:rgb(238, 70, 188);}.gids-pie-chart__legend-container{display:inline-flex;align-items:flex-start}.gids-pie-chart__no-data{display:flex;align-items:center;justify-content:center;padding:var(--gids-padding-vertical-edge-to-element-300) var(--gids-padding-horizontal-edge-to-element-100);width:100%;height:100%;min-height:200px;color:var(--gids-color-text-subtlest);border:var(--gids-border-width-thin) dashed var(--gids-color-border-default);border-radius:var(--gids-border-radius-md)}"}},[0,"gids-pie-chart",{breakpoint:[1],legendVisible:[4,"legend-visible"],chartData:[16],size:[1],chartLoaderSize:[1,"chart-loader-size"],chartLoading:[4,"chart-loading"],chartLoadingTitle:[1,"chart-loading-title"],chartLoadingSupportingText:[1,"chart-loading-supporting-text"],width:[32],height:[32]},void 0,{chartData:[{chartDataChanged:0}],legendVisible:[{legendVisibilityChanged:0}]}]);function c(){"undefined"!=typeof customElements&&["gids-pie-chart","gids-chart-legend","gids-chart-legend-item"].forEach((i=>{switch(i){case"gids-pie-chart":customElements.get(e(i))||customElements.define(e(i),n);break;case"gids-chart-legend":customElements.get(e(i))||d();break;case"gids-chart-legend-item":customElements.get(e(i))||h()}}))}c();export{n as G,c as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as t,H as i,h as a}from"./p-Bf3p-DY2.js";import{GidsCalendarHeaderPanelWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{G as n}from"./p-UVmSPzTd.js";import{G as h}from"./p-D4Pimu_8.js";import{c as r}from"./p-ChV9xqsO.js";import{d}from"./p-WHI6NO_h.js";import{d as l}from"./p-CkydANOS.js";import{d as c}from"./p-DfrYaprq.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:"e4b66a94d8231d12b192fcd4604ed00785cdbe91",class:e},a(n,{key:"d85879529f2f84aba5767c7d144b427e69ca1a04",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:"2aab7043594f93444499b37616c7e67fe79d02ba",class:"gids-calendar-header-panel__main-container"},a("gids-dropdown-picker",{key:"239d01bd37c5364fc6cf05542799c65c05070c07",expanded:t,appearance:this.appearance,size:"sm",value:`${this.panelMonthNumber}`,disabled:this.monthPickerDisabled},a("gids-calendar-month-list",{key:"1ef396f99523642bf8d789f0781505fc338ed622",type:"default",selectedMonthNumber:this.panelMonthNumber,onSelectionMonthChange:this.handleMonthPickerMenuClick})),a("span",{key:"53a67033648d85511c6a78488b68c1cab5944b83",class:r("gids-calendar-header-panel__panel-value",{"gids-calendar-header-panel__panel-value-disabled":this.panelDisabled})},this.getPanelValue()),a("gids-dropdown-picker",{key:"578c5efef11f30ac846e51edc7931f1e945f7de7",expanded:i,appearance:this.appearance,size:"sm",value:`${this.panelYear}`,disabled:this.yearPickerDisabled},a("gids-calendar-year-list",{key:"281aae60274864b42473b66d87fbe97143c9232f",type:"default",selectedYear:this.panelYear,startYear:this.startYear??this.fallbackStartYear,endYear:this.endYear,onSelectionYearChange:this.handleYearPickerMenuClick}))),a(n,{key:"dfe96fcc37c604f220dcc95568fb8c94e44493dc",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-Bf3p-DY2.js";import{GidsCalendarHeaderPanelWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{G as n}from"./p-UVmSPzTd.js";import{G as h}from"./p-D4Pimu_8.js";import{c as r}from"./p-ChV9xqsO.js";import{d}from"./p-COHuQEfZ.js";import{d as l}from"./p-Chqeexny.js";import{d as c}from"./p-BSbOhfLZ.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:"95eed567dae266c88b75c8fe606ef5dc1f72b8f2",class:e},a(n,{key:"fcaa7636d1dddf0fe32ebeb70cdb6d0b726111ab",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:"91925ca2dc02cc964e58902f0d12a90a670b22fa",class:"gids-calendar-header-panel__main-container"},a("gids-dropdown-picker",{key:"ae734185b01ab0ec8a5776fb7577ef0a051f94d5",expanded:t,appearance:this.appearance,size:"sm",value:`${this.panelMonthNumber}`,disabled:this.monthPickerDisabled},a("gids-calendar-month-list",{key:"c3396d08af747adcba8b066bf750b5cf2194b4a9",type:"default",selectedMonthNumber:this.panelMonthNumber,onSelectionMonthChange:this.handleMonthPickerMenuClick})),a("span",{key:"2789e719ad1774484ce2359b85fc9d54a0f135f4",class:r("gids-calendar-header-panel__panel-value",{"gids-calendar-header-panel__panel-value-disabled":this.panelDisabled})},this.getPanelValue()),a("gids-dropdown-picker",{key:"330f4a4486f308fc2d4680da417dcf7c7a2e5ec3",expanded:i,appearance:this.appearance,size:"sm",value:`${this.panelYear}`,disabled:this.yearPickerDisabled},a("gids-calendar-year-list",{key:"09f54b5d3b93d01595adbd30cf961354cb5e48fa",type:"default",selectedYear:this.panelYear,startYear:this.startYear??this.fallbackStartYear,endYear:this.endYear,onSelectionYearChange:this.handleYearPickerMenuClick}))),a(n,{key:"5f4ce2b0e4c8a55a5691b4c096955e05e49db919",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 as e,p as t,H as a,h as i}from"./p-Bf3p-DY2.js";import{G as r}from"./p-D4Pimu_8.js";import{GidsChartLegendItemWebUtils as s}from"@ganpatiinfo/gids-web-shared";const{getGidsChartLegendItemClassNames:n}=s,
|
|
1
|
+
import{t as e,p as t,H as a,h as i}from"./p-Bf3p-DY2.js";import{G as r}from"./p-D4Pimu_8.js";import{GidsChartLegendItemWebUtils as s}from"@ganpatiinfo/gids-web-shared";const{getGidsChartLegendItemClassNames:n}=s,l=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.orientation="horizontal",this.seriesType="1"}handleOrientationChange(e){this.orientation=e}handleSeriesTypeChange(e){this.seriesType=e}render(){const e=n({seriesType:this.seriesType,orientation:this.orientation});return i("div",{key:"53426e6c9a945d640fd4ac57018c92d19f13ed12",class:e},i("div",{key:"c6a5115aa46ea3b08eb8163d1c572beb9e1133a6",class:"vertical"===this.orientation?"gids-chart-legend-item__dot-wrapper-vertical":"gids-chart-legend-item__dot-wrapper-horizontal"},i(r,{key:"32eda54148964970c44c09149c6962934fb4381e",name:"new",alt:"new_icon",appearance:"filled"})),i("span",{key:"dfad8f6a6cd0f623bfdc827c826a20ca88f0aa56",class:"gids-chart-legend-item__label"},i("slot",{key:"acc890c13bfa893c419a8001998f64fa1ba88bcb"})))}static get watchers(){return{orientation:[{handleOrientationChange:0}],seriesType:[{handleSeriesTypeChange:0}]}}static get style(){return".gids-chart-legend-item{display:flex;align-items:center;gap:var(--gids-gap-100);--gidsChartLegendItemIcon-color:var(--gids-color-icon-subtle);--gidsIcon-color:var(--gidsChartLegendItemIcon-color);--gidsIcon-height:var(--gids-size-080)}.gids-chart-legend-item--orientation-vertical{display:flex}.gids-chart-legend-item--series-2{--gidsChartLegendItemIcon-color:var(--gids-color-icon-warning)}.gids-chart-legend-item--series-3{--gidsChartLegendItemIcon-color:var(--gids-color-icon-danger)}.gids-chart-legend-item--series-4{--gidsChartLegendItemIcon-color:var(--gids-color-background-positive-bold-hovered)}.gids-chart-legend-item--series-5{--gidsChartLegendItemIcon-color:var(--gids-color-background-information-bold-default)}.gids-chart-legend-item--series-6{--gidsChartLegendItemIcon-color:rgb(238, 70, 188)}.gids-chart-legend-item__label{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit);text-align:left;color:var(--gids-color-text-subtlest)}.gids-chart-legend-item__dot-wrapper-vertical{display:flex;padding-top:var(--gids-padding-vertical-edge-to-element-075)}.gids-chart-legend-item__dot-wrapper-horizontal{display:flex;align-items:center}"}},[260,"gids-chart-legend-item",{orientation:[1],seriesType:[1,"series-type"]},void 0,{orientation:[{handleOrientationChange:0}],seriesType:[{handleSeriesTypeChange:0}]}]);function d(){"undefined"!=typeof customElements&&["gids-chart-legend-item"].forEach((t=>{"gids-chart-legend-item"===t&&(customElements.get(e(t))||customElements.define(e(t),l))}))}d();export{l as G,d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as i,H as e,h as a}from"./p-Bf3p-DY2.js";import{GidsLineChartWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{G as r}from"./p-DMNS1d8v.js";import{d as l}from"./p-Cn-t3SGc.js";import{d as n}from"./p-BQCMjWpK.js";const{getGidsLineChartClassNames:o}=s,d=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.breakpoint="desktop",this.legend="none",this.chartData=[],this.yAxisVisible=!1,this.dataPoints=[],this.chartLoaderSize="lg",this.chartLoading=!1,this.width=0,this.height=0}chartDataChanged(){this.updateDimensions()}dataPointsChanged(t){this.dataPoints=t}legendChanged(t){this.legend=t}yAxisVisibilityChanged(t){this.yAxisVisible=t}componentDidLoad(){this.updateDimensions(),this.resizeObserver=new ResizeObserver((()=>this.updateDimensions())),this.hostElement.parentElement&&this.resizeObserver.observe(this.hostElement.parentElement)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect()}updateDimensions(){const t=this.hostElement.getBoundingClientRect();this.width=t.width,this.height=t.height>0?t.height:300}render(){if(this.chartLoading)return a("div",{class:"gids-line-chart__no-data"},a(r,{label:this.chartLoadingTitle,supportingText:this.chartLoadingSupportingText,size:this?.chartLoaderSize??"lg"}));const t=this.chartData.flatMap((t=>Array.isArray(t?.data)?t.data.map((t=>t.value)):[])),i=t.length>0?Math.max(...t):10,e=Math.pow(10,Math.floor(Math.log10(i||1)));let s=e;i/e<=2?s=e/5:i/e<=5&&(s=e/2);const l=Math.ceil(i/s)*s;let n=[];if(Array.isArray(this.dataPoints)&&this.dataPoints.length>0)n=[...this.dataPoints].sort(((t,i)=>t-i));else{const t=5,i=l/(t-1);for(let e=0;e<t;e++)n.push(Math.round(0+e*i))}const d=Math.max(...n,l)-0||1,g=this?.chartData?.[0]?.data?.map((t=>t.label))??[],h=g.length,c=o({breakpoint:this.breakpoint});let p=!1,_=!1;return"mobile"===this.breakpoint?"none"!==this.legend&&(p=!0):"top"===this.legend?p=!0:"right"===this.legend&&(_=!0),a("div",{class:c},p?a("div",{class:"gids-line-chart__header"},a("gids-chart-legend",{orientation:"horizontal"},this.chartData.map(((t,i)=>a("gids-chart-legend-item",{key:t.label,seriesType:`${i+1}`,orientation:"horizontal"},t.label))))):null,a("div",{class:"gids-line-chart__main-container"},a("div",{class:"gids-line-chart__grid-layout"},a("span",{class:"gids-line-chart__y-axis-label"},this.yAxisLabel),a("div",{class:"gids-line-chart__chart-stage-container"},this.yAxisVisible?a("div",{class:"gids-line-chart__y-axis-scale-container"},n.map((t=>a("span",{class:"gids-line-chart__scale-text gids-line-chart__y-axis-scale-value",key:t,style:{bottom:(t-0)/d*100+"%"}},t)))):null,a("div",{class:"gids-line-chart__chart-stage"},a("svg",{viewBox:"0 0 100 100",class:"gids-line-chart__chart-vector",preserveAspectRatio:"none"},a("defs",null,this.chartData.map(((t,i)=>a("linearGradient",{id:`areaGradient-${i}`,x1:"0",y1:"0",x2:"0",y2:"1",key:i},a("stop",{offset:"0%",class:`gids-line-chart__gradient-start-${i}`}),a("stop",{offset:"100%",class:`gids-line-chart__gradient-end-${i}`}))))),n.map((t=>{const i=100-(t-0)/d*100;return a("line",{x1:"0",y1:i,x2:"100",y2:i,class:"gids-line-chart__grid-line",key:t})})),this.chartData.map(((t,i)=>{if(!Array.isArray(t.data)||t.data.length<2)return null;const e=t.data.map(((t,i)=>`${0===i?"M":"L"} ${i/(h-1)*100} ${100-(t.value-0)/d*100}`)).join(" ");return a("g",{key:t.label||i},a("path",{d:`${e} L 100 100 L 0 100 Z`,fill:`url(#areaGradient-${i})`,class:"gids-line-chart__chart-area"}),a("path",{d:e,class:`gids-line-chart__chart-line gids-line-chart__series-line-${i+1}`}))}))))),a("div",{class:"gids-line-chart__x-axis-scale-container"},g.map(((t,i)=>a("span",{class:"gids-line-chart__scale-text",key:i},t)))),a("span",{class:"gids-line-chart__x-axis-label"},this.xAxisLabel)),_?a("gids-chart-legend",{orientation:"vertical"},this.chartData.map(((t,i)=>a("gids-chart-legend-item",{key:t.label,seriesType:`${i+1}`,orientation:"vertical"},t.label)))):null))}get hostElement(){return this}static get watchers(){return{chartData:[{chartDataChanged:0}],dataPoints:[{dataPointsChanged:0}],legend:[{legendChanged:0}],yAxisVisible:[{yAxisVisibilityChanged:0}]}}static get style(){return":host{display:block;width:100%;height:100%;box-sizing:border-box}.gids-line-chart{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box}.gids-line-chart--breakpoint-mobile{max-width:var(--gids-width-xs)}.gids-line-chart__main-container{display:flex;gap:var(--gids-gap-200)}.gids-line-chart__header{display:flex;justify-content:flex-end;align-items:center;width:100%;margin-bottom:var(--gids-padding-vertical-edge-to-element-200)}.gids-line-chart__grid-layout{display:grid;grid-template-columns:auto 1fr;grid-template-rows:minmax(180px, 280px) auto auto;flex:1;width:100%;height:100%;box-sizing:border-box}.gids-line-chart__y-axis-label{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;margin-right:var(--gids-padding-horizontal-edge-to-element-150);font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}.gids-line-chart__chart-stage-container{grid-column:2;grid-row:1;position:relative;width:100%;height:100%;padding-left:var(--gids-container-padding-desktop);box-sizing:border-box}.gids-line-chart__y-axis-scale-container{position:absolute;top:0;bottom:0;left:0;width:calc(var(--gids-container-padding-desktop) - var(--gids-padding-horizontal-edge-to-element-100));pointer-events:none}.gids-line-chart__y-axis-scale-value{position:absolute;right:0;transform:translateY(50%)}.gids-line-chart__chart-stage{position:relative;width:100%;height:100%;border-bottom:var(--gids-border-width-thin) solid var(--gids-color-border-default);box-sizing:border-box}.gids-line-chart__chart-vector{display:block;width:100%;height:100%;overflow:visible}.gids-line-chart__grid-line{stroke:var(--gids-color-border-default);stroke-width:0.5;fill:none}.gids-line-chart__chart-area{stroke:none}.gids-line-chart__chart-line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.gids-line-chart__chart-line.gids-line-chart__series-line-1{stroke:var(--gids-color-icon-subtle)}.gids-line-chart__chart-line.gids-line-chart__series-line-2{stroke:var(--gids-color-icon-warning)}.gids-line-chart__chart-line.gids-line-chart__series-line-3{stroke:var(--gids-color-icon-danger)}.gids-line-chart__gradient-start-0{stop-color:rgba(127, 86, 217, 0.09);stop-opacity:1}.gids-line-chart__gradient-end-0{stop-color:rgba(127, 86, 217, 0.09);stop-opacity:0}.gids-line-chart__gradient-start-1{stop-color:rgba(127, 86, 217, 0.1);stop-opacity:1}.gids-line-chart__gradient-end-1{stop-color:rgba(127, 86, 217, 0.1);stop-opacity:0}.gids-line-chart__gradient-start-2{stop-color:rgba(127, 86, 217, 0.12);stop-opacity:1}.gids-line-chart__gradient-end-2{stop-color:rgba(127, 86, 217, 0.12);stop-opacity:0}.gids-line-chart__x-axis-scale-container{display:flex;grid-column:2;grid-row:2;justify-content:space-between;align-items:center;padding-left:var(--gids-container-padding-desktop);padding-top:var(--gids-padding-vertical-edge-to-element-100);box-sizing:border-box}.gids-line-chart__x-axis-label{grid-column:2;grid-row:3;display:flex;justify-content:center;align-items:center;padding-top:var(--gids-padding-vertical-edge-to-element-100);font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);white-space:nowrap}.gids-line-chart__scale-text{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);user-select:none;white-space:nowrap}.gids-line-chart__no-data{display:flex;align-items:center;justify-content:center;padding:var(--gids-padding-vertical-edge-to-element-300) var(--gids-padding-horizontal-edge-to-element-100);width:100%;height:100%;min-height:200px;color:var(--gids-color-text-subtlest);border:var(--gids-border-width-thin) dashed var(--gids-color-border-default);border-radius:var(--gids-border-radius-md)}"}},[0,"gids-line-chart",{breakpoint:[1],legend:[1],chartData:[16],yAxisVisible:[4,"y-axis-visible"],xAxisLabel:[1,"x-axis-label"],yAxisLabel:[1,"y-axis-label"],dataPoints:[16],chartLoaderSize:[1,"chart-loader-size"],chartLoading:[4,"chart-loading"],chartLoadingTitle:[1,"chart-loading-title"],chartLoadingSupportingText:[1,"chart-loading-supporting-text"],width:[32],height:[32]},void 0,{chartData:[{chartDataChanged:0}],dataPoints:[{dataPointsChanged:0}],legend:[{legendChanged:0}],yAxisVisible:[{yAxisVisibilityChanged:0}]}]);function g(){"undefined"!=typeof customElements&&["gids-line-chart","gids-chart-legend","gids-chart-legend-item"].forEach((i=>{switch(i){case"gids-line-chart":customElements.get(t(i))||customElements.define(t(i),d);break;case"gids-chart-legend":customElements.get(t(i))||l();break;case"gids-chart-legend-item":customElements.get(t(i))||n()}}))}g();export{d as G,g as d}
|
|
1
|
+
import{t,p as i,H as e,h as a}from"./p-Bf3p-DY2.js";import{GidsLineChartWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{G as r}from"./p-DMNS1d8v.js";import{d as l}from"./p-BCVFQSjK.js";import{d as n}from"./p-C3xv7tfs.js";const{getGidsLineChartClassNames:o}=s,d=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.breakpoint="desktop",this.legend="none",this.chartData=[],this.yAxisVisible=!1,this.dataPoints=[],this.chartLoaderSize="lg",this.chartLoading=!1,this.width=0,this.height=0}chartDataChanged(){this.updateDimensions()}dataPointsChanged(t){this.dataPoints=t}legendChanged(t){this.legend=t}yAxisVisibilityChanged(t){this.yAxisVisible=t}componentDidLoad(){this.updateDimensions(),this.resizeObserver=new ResizeObserver((()=>this.updateDimensions())),this.hostElement.parentElement&&this.resizeObserver.observe(this.hostElement.parentElement)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect()}updateDimensions(){const t=this.hostElement.getBoundingClientRect();this.width=t.width,this.height=t.height>0?t.height:300}render(){if(this.chartLoading)return a("div",{class:"gids-line-chart__no-data"},a(r,{label:this.chartLoadingTitle,supportingText:this.chartLoadingSupportingText,size:this?.chartLoaderSize??"lg"}));const t=this.chartData.flatMap((t=>Array.isArray(t?.data)?t.data.map((t=>t.value)):[])),i=t.length>0?Math.max(...t):10,e=Math.pow(10,Math.floor(Math.log10(i||1)));let s=e;i/e<=2?s=e/5:i/e<=5&&(s=e/2);const l=Math.ceil(i/s)*s;let n=[];if(Array.isArray(this.dataPoints)&&this.dataPoints.length>0)n=[...this.dataPoints].sort(((t,i)=>t-i));else{const t=5,i=l/(t-1);for(let e=0;e<t;e++)n.push(Math.round(0+e*i))}const d=Math.max(...n,l)-0||1,g=this?.chartData?.[0]?.data?.map((t=>t.label))??[],h=g.length,c=o({breakpoint:this.breakpoint});let p=!1,_=!1;return"mobile"===this.breakpoint?"none"!==this.legend&&(p=!0):"top"===this.legend?p=!0:"right"===this.legend&&(_=!0),a("div",{class:c},p?a("div",{class:"gids-line-chart__header"},a("gids-chart-legend",{orientation:"horizontal"},this.chartData.map(((t,i)=>a("gids-chart-legend-item",{key:t.label,seriesType:`${i+1}`,orientation:"horizontal"},t.label))))):null,a("div",{class:"gids-line-chart__main-container"},a("div",{class:"gids-line-chart__grid-layout"},a("span",{class:"gids-line-chart__y-axis-label"},this.yAxisLabel),a("div",{class:"gids-line-chart__chart-stage-container"},this.yAxisVisible?a("div",{class:"gids-line-chart__y-axis-scale-container"},n.map((t=>a("span",{class:"gids-line-chart__scale-text gids-line-chart__y-axis-scale-value",key:t,style:{bottom:(t-0)/d*100+"%"}},t)))):null,a("div",{class:"gids-line-chart__chart-stage"},a("svg",{viewBox:"0 0 100 100",class:"gids-line-chart__chart-vector",preserveAspectRatio:"none"},a("defs",null,this.chartData.map(((t,i)=>a("linearGradient",{id:`areaGradient-${i}`,x1:"0",y1:"0",x2:"0",y2:"1",key:i},a("stop",{offset:"0%",class:`gids-line-chart__gradient-start-${i}`}),a("stop",{offset:"100%",class:`gids-line-chart__gradient-end-${i}`}))))),n.map((t=>{const i=100-(t-0)/d*100;return a("line",{x1:"0",y1:i,x2:"100",y2:i,class:"gids-line-chart__grid-line",key:t})})),this.chartData.map(((t,i)=>{if(!Array.isArray(t.data)||t.data.length<2)return null;const e=t.data.map(((t,i)=>`${0===i?"M":"L"} ${i/(h-1)*100} ${100-(t.value-0)/d*100}`)).join(" ");return a("g",{key:t.label||i},a("path",{d:`${e} L 100 100 L 0 100 Z`,fill:`url(#areaGradient-${i})`,class:"gids-line-chart__chart-area"}),a("path",{d:e,class:`gids-line-chart__chart-line gids-line-chart__series-line-${i+1}`}))}))))),a("div",{class:"gids-line-chart__x-axis-scale-container"},g.map(((t,i)=>a("span",{class:"gids-line-chart__scale-text",key:i},t)))),a("span",{class:"gids-line-chart__x-axis-label"},this.xAxisLabel)),_?a("gids-chart-legend",{orientation:"vertical"},this.chartData.map(((t,i)=>a("gids-chart-legend-item",{key:t.label,seriesType:`${i+1}`,orientation:"vertical"},t.label)))):null))}get hostElement(){return this}static get watchers(){return{chartData:[{chartDataChanged:0}],dataPoints:[{dataPointsChanged:0}],legend:[{legendChanged:0}],yAxisVisible:[{yAxisVisibilityChanged:0}]}}static get style(){return":host{display:block;width:100%;height:100%;box-sizing:border-box}.gids-line-chart{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box}.gids-line-chart--breakpoint-mobile{max-width:var(--gids-width-xs)}.gids-line-chart__main-container{display:flex;gap:var(--gids-gap-200)}.gids-line-chart__header{display:flex;justify-content:flex-end;align-items:center;width:100%;margin-bottom:var(--gids-padding-vertical-edge-to-element-200)}.gids-line-chart__grid-layout{display:grid;grid-template-columns:auto 1fr;grid-template-rows:minmax(180px, 280px) auto auto;flex:1;width:100%;height:100%;box-sizing:border-box}.gids-line-chart__y-axis-label{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;margin-right:var(--gids-padding-horizontal-edge-to-element-150);font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}.gids-line-chart__chart-stage-container{grid-column:2;grid-row:1;position:relative;width:100%;height:100%;padding-left:var(--gids-container-padding-desktop);box-sizing:border-box}.gids-line-chart__y-axis-scale-container{position:absolute;top:0;bottom:0;left:0;width:calc(var(--gids-container-padding-desktop) - var(--gids-padding-horizontal-edge-to-element-100));pointer-events:none}.gids-line-chart__y-axis-scale-value{position:absolute;right:0;transform:translateY(50%)}.gids-line-chart__chart-stage{position:relative;width:100%;height:100%;border-bottom:var(--gids-border-width-thin) solid var(--gids-color-border-default);box-sizing:border-box}.gids-line-chart__chart-vector{display:block;width:100%;height:100%;overflow:visible}.gids-line-chart__grid-line{stroke:var(--gids-color-border-default);stroke-width:0.5;fill:none}.gids-line-chart__chart-area{stroke:none}.gids-line-chart__chart-line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.gids-line-chart__chart-line.gids-line-chart__series-line-1{stroke:var(--gids-color-icon-subtle)}.gids-line-chart__chart-line.gids-line-chart__series-line-2{stroke:var(--gids-color-icon-warning)}.gids-line-chart__chart-line.gids-line-chart__series-line-3{stroke:var(--gids-color-icon-danger)}.gids-line-chart__gradient-start-0{stop-color:rgba(127, 86, 217, 0.09);stop-opacity:1}.gids-line-chart__gradient-end-0{stop-color:rgba(127, 86, 217, 0.09);stop-opacity:0}.gids-line-chart__gradient-start-1{stop-color:rgba(127, 86, 217, 0.1);stop-opacity:1}.gids-line-chart__gradient-end-1{stop-color:rgba(127, 86, 217, 0.1);stop-opacity:0}.gids-line-chart__gradient-start-2{stop-color:rgba(127, 86, 217, 0.12);stop-opacity:1}.gids-line-chart__gradient-end-2{stop-color:rgba(127, 86, 217, 0.12);stop-opacity:0}.gids-line-chart__x-axis-scale-container{display:flex;grid-column:2;grid-row:2;justify-content:space-between;align-items:center;padding-left:var(--gids-container-padding-desktop);padding-top:var(--gids-padding-vertical-edge-to-element-100);box-sizing:border-box}.gids-line-chart__x-axis-label{grid-column:2;grid-row:3;display:flex;justify-content:center;align-items:center;padding-top:var(--gids-padding-vertical-edge-to-element-100);font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);white-space:nowrap}.gids-line-chart__scale-text{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);user-select:none;white-space:nowrap}.gids-line-chart__no-data{display:flex;align-items:center;justify-content:center;padding:var(--gids-padding-vertical-edge-to-element-300) var(--gids-padding-horizontal-edge-to-element-100);width:100%;height:100%;min-height:200px;color:var(--gids-color-text-subtlest);border:var(--gids-border-width-thin) dashed var(--gids-color-border-default);border-radius:var(--gids-border-radius-md)}"}},[0,"gids-line-chart",{breakpoint:[1],legend:[1],chartData:[16],yAxisVisible:[4,"y-axis-visible"],xAxisLabel:[1,"x-axis-label"],yAxisLabel:[1,"y-axis-label"],dataPoints:[16],chartLoaderSize:[1,"chart-loader-size"],chartLoading:[4,"chart-loading"],chartLoadingTitle:[1,"chart-loading-title"],chartLoadingSupportingText:[1,"chart-loading-supporting-text"],width:[32],height:[32]},void 0,{chartData:[{chartDataChanged:0}],dataPoints:[{dataPointsChanged:0}],legend:[{legendChanged:0}],yAxisVisible:[{yAxisVisibilityChanged:0}]}]);function g(){"undefined"!=typeof customElements&&["gids-line-chart","gids-chart-legend","gids-chart-legend-item"].forEach((i=>{switch(i){case"gids-line-chart":customElements.get(t(i))||customElements.define(t(i),d);break;case"gids-chart-legend":customElements.get(t(i))||l();break;case"gids-chart-legend-item":customElements.get(t(i))||n()}}))}g();export{d as G,g as d}
|