@ganpatiinfo/gids-core-web 10.2.0 → 10.3.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 +266 -0
- 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.d.ts +11 -0
- package/dist/gids-expansion-body-list-item.js +1 -0
- package/dist/gids-expansion-body-list.d.ts +11 -0
- package/dist/gids-expansion-body-list.js +1 -0
- package/dist/gids-expansion-group.d.ts +11 -0
- package/dist/gids-expansion-group.js +1 -0
- package/dist/gids-expansion.d.ts +11 -0
- package/dist/gids-expansion.js +1 -0
- 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-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-qrjEbv6g.js → p-2wB6zkno.js} +1 -1
- package/dist/{p-BfnzH6wp.js → p-3Ni1-UuQ.js} +1 -1
- package/dist/{p-C7ifjRCE.js → p-BE2G21MT.js} +1 -1
- package/dist/{p-BYDimyG-.js → p-BQCMjWpK.js} +1 -1
- package/dist/{p-8tOn5SjU.js → p-BeP2XcqY.js} +1 -1
- package/dist/{p-bPPm7cuw.js → p-C2PfO9h9.js} +1 -1
- package/dist/p-C4yEV6pT.js +1 -0
- package/dist/{p-Jdpe4Sgj.js → p-CD_BHkBE.js} +1 -1
- package/dist/p-ChV9xqsO.js +1 -0
- package/dist/{p-C-cUL-aA.js → p-CkydANOS.js} +1 -1
- package/dist/p-Cn-t3SGc.js +1 -0
- package/dist/{p-Doi8Yizl.js → p-DA_atCAU.js} +1 -1
- package/dist/{p-xITwQAMz.js → p-DVVJrKxO.js} +1 -1
- package/dist/{p-Ciw-O9qN.js → p-DfrYaprq.js} +1 -1
- package/dist/{p-DoPuGtJd.js → p-Ditd1zV7.js} +1 -1
- package/dist/p-DlI2raNo.js +1 -0
- package/dist/{p-Bj28yqMD.js → p-KaaOtnwV.js} +1 -1
- package/dist/{p-B1Jgtjhu.js → p-WHI6NO_h.js} +1 -1
- package/dist/{p-5VIPb1eU.js → p-qIkbfIF3.js} +1 -1
- package/dist/types/components/webComponents/GidsExpansion/GidsExpansion.d.ts +24 -0
- package/dist/types/components/webComponents/GidsExpansionBodyList/GidsExpansionBodyList.d.ts +24 -0
- package/dist/types/components/webComponents/GidsExpansionBodyListItem/GidsExpansionBodyListItem.d.ts +38 -0
- package/dist/types/components/webComponents/GidsExpansionGroup/GidsExpansionGroup.d.ts +4 -0
- package/dist/types/components.d.ts +148 -2
- package/dist-bundled/es/gids-action-bar.js +3 -3
- package/dist-bundled/es/gids-activity-gauge.js +1 -1
- package/dist-bundled/es/gids-bar-chart.js +3 -3
- 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 +3 -3
- 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 +1 -1
- package/dist-bundled/es/gids-chart.js +46 -46
- package/dist-bundled/es/gids-chevron-button.js +7 -7
- package/dist-bundled/es/gids-dot.js +3 -3
- package/dist-bundled/es/gids-dropdown-field.js +4 -4
- package/dist-bundled/es/gids-dropdown-picker.js +1 -1
- package/dist-bundled/es/gids-dropdown.js +4 -4
- package/dist-bundled/es/gids-expansion-body-list-item.js +6 -0
- package/dist-bundled/es/gids-expansion-body-list.js +78 -0
- package/dist-bundled/es/gids-expansion-group.js +28 -0
- package/dist-bundled/es/gids-expansion.js +90 -0
- package/dist-bundled/es/gids-field.js +1 -1
- package/dist-bundled/es/gids-filter.js +4 -4
- package/dist-bundled/es/gids-icon.js +4 -4
- package/dist-bundled/es/gids-input.js +3 -3
- package/dist-bundled/es/gids-line-chart.js +1 -1
- package/dist-bundled/es/gids-overflow-container.js +6 -6
- package/dist-bundled/es/gids-overlay-provider.js +1 -1
- package/dist-bundled/es/gids-password-field.js +7 -7
- package/dist-bundled/es/gids-pie-chart.js +4 -4
- package/dist-bundled/es/gids-popover.js +1 -1
- package/dist-bundled/es/gids-scrim.js +3 -3
- package/dist-bundled/es/gids-tab-item.js +1 -1
- package/dist-bundled/es/gids-tab.js +5 -5
- package/dist-bundled/es/gids-text-field.js +10 -10
- package/dist-bundled/es/gids-toggle-button.js +1 -1
- package/dist-bundled/es/gids-tooltip.js +1 -1
- package/dist-bundled/es/{p-qrjEbv6g-ITSp3ky_.js → p-2wB6zkno-57WAxATm.js} +2 -2
- package/dist-bundled/es/{p-BfnzH6wp-BfLC7Nak.js → p-3Ni1-UuQ-CPn15cat.js} +2 -2
- package/dist-bundled/es/{p-C7ifjRCE-CRlorwoN.js → p-BE2G21MT-WGW-ehxu.js} +9 -9
- package/dist-bundled/es/{p-BYDimyG--DBCLrqDJ.js → p-BQCMjWpK-CLxPNItn.js} +1 -1
- package/dist-bundled/es/{p-8tOn5SjU-D9rZ28cf.js → p-BeP2XcqY-DMXmX4Mc.js} +7 -7
- package/dist-bundled/es/{p-bPPm7cuw-B-dtPJF9.js → p-C2PfO9h9-H_toZwKo.js} +2 -2
- package/dist-bundled/es/{p-DiNad9Px-uOCMHqAq.js → p-C4yEV6pT-8IjLINXB.js} +25 -38
- package/dist-bundled/es/{p-Jdpe4Sgj-acwaxLtK.js → p-CD_BHkBE-DX2546yK.js} +8 -8
- package/dist-bundled/es/p-ChV9xqsO-CJSPCx6p.js +16 -0
- package/dist-bundled/es/{p-C-cUL-aA-2jsvw-Lr.js → p-CkydANOS-CzTX9wng.js} +14 -14
- package/dist-bundled/es/{p-qb1aWgjh-CzmMPIME.js → p-Cn-t3SGc-CwvvOdlK.js} +14 -14
- package/dist-bundled/es/{p-Doi8Yizl-BszWK5Dq.js → p-DA_atCAU-KdxJYYDE.js} +5 -5
- package/dist-bundled/es/{p-xITwQAMz-BMXjOAAQ.js → p-DVVJrKxO-Bdl0HX_u.js} +13 -13
- package/dist-bundled/es/{p-Ciw-O9qN-DkWfirFu.js → p-DfrYaprq-CeZqb0rn.js} +6 -6
- package/dist-bundled/es/{p-DoPuGtJd-DYlbhh57.js → p-Ditd1zV7-DdQjXthS.js} +2 -2
- package/dist-bundled/es/p-DlI2raNo-5V-p1A9Z.js +106 -0
- package/dist-bundled/es/{p-Bj28yqMD-Dz1SWSqM.js → p-KaaOtnwV-D7HTbhvI.js} +10 -10
- package/dist-bundled/es/{p-B1Jgtjhu-B_VYp-ZP.js → p-WHI6NO_h-DHNy0JzV.js} +11 -11
- package/dist-bundled/es/{p-5VIPb1eU-MCAo8JCp.js → p-qIkbfIF3-B7NovGEi.js} +2 -2
- package/dist-bundled/umd/gids-action-bar.umd.js +2 -2
- 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 +2 -2
- package/dist-bundled/umd/gids-calendar-year-list.umd.js +2 -2
- package/dist-bundled/umd/gids-calendar.umd.js +1 -1
- package/dist-bundled/umd/gids-chart-legend-item.umd.js +1 -1
- package/dist-bundled/umd/gids-chart-legend.umd.js +1 -1
- package/dist-bundled/umd/gids-chart.umd.js +2 -2
- 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 +1 -1
- package/dist-bundled/umd/gids-expansion-body-list-item.umd.js +5 -0
- package/dist-bundled/umd/gids-expansion-body-list.umd.js +5 -0
- package/dist-bundled/umd/gids-expansion-group.umd.js +5 -0
- package/dist-bundled/umd/gids-expansion.umd.js +5 -0
- package/dist-bundled/umd/gids-field.umd.js +1 -1
- package/dist-bundled/umd/gids-filter.umd.js +2 -2
- package/dist-bundled/umd/gids-icon.umd.js +1 -1
- package/dist-bundled/umd/gids-input.umd.js +2 -2
- package/dist-bundled/umd/gids-line-chart.umd.js +2 -2
- package/dist-bundled/umd/gids-overflow-container.umd.js +1 -1
- package/dist-bundled/umd/gids-overlay-provider.umd.js +1 -1
- package/dist-bundled/umd/gids-password-field.umd.js +2 -2
- package/dist-bundled/umd/gids-pie-chart.umd.js +2 -2
- 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 +1 -1
- package/dist-bundled/umd/gids-tab.umd.js +2 -2
- package/dist-bundled/umd/gids-text-field.umd.js +2 -2
- 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 +9 -9
- package/package.json +36 -4
- package/dist/p-DiNad9Px.js +0 -1
- package/dist/p-qb1aWgjh.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as s,H as a,c as t,h as i}from"./p-Bf3p-DY2.js";import{g as n}from"./p-B2zUuNXz.js";import{GidsChevronButtonWebUtils as o}from"@ganpatiinfo/gids-web-shared";import{G as r}from"./p-D4Pimu_8.js";const{getGidsChevronButtonClassNames:d}=o,c=s(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.gidsChevronButton=t(this,"gidsChevronButton"),this.activeClasses="",this.size="xs"}handleExtraClassesAndSizeChange(e){this.activeClasses=d({size:this.size},e)}handleSizeChange(e){this.size=e}handleDisabledChange(e){this.disabled=e}connectedCallback(){const e=n();void 0!==e&&this._el.shadowRoot?.adoptedStyleSheets.push(e),this.activeClasses=d({size:this.size},this.extraClasses)}componentDidLoad(){this.activeClasses=d({size:this.size},this.extraClasses)}render(){return i("button",{key:"
|
|
1
|
+
import{t as e,p as s,H as a,c as t,h as i}from"./p-Bf3p-DY2.js";import{g as n}from"./p-B2zUuNXz.js";import{GidsChevronButtonWebUtils as o}from"@ganpatiinfo/gids-web-shared";import{G as r}from"./p-D4Pimu_8.js";const{getGidsChevronButtonClassNames:d}=o,c=s(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.gidsChevronButton=t(this,"gidsChevronButton"),this.activeClasses="",this.size="xs"}handleExtraClassesAndSizeChange(e){this.activeClasses=d({size:this.size},e)}handleSizeChange(e){this.size=e}handleDisabledChange(e){this.disabled=e}connectedCallback(){const e=n();void 0!==e&&this._el.shadowRoot?.adoptedStyleSheets.push(e),this.activeClasses=d({size:this.size},this.extraClasses)}componentDidLoad(){this.activeClasses=d({size:this.size},this.extraClasses)}render(){return i("button",{key:"f0b5e69e84b26b646b437307e334335024f6a40b",class:this.activeClasses,slot:"trailingAccessory",type:"button",onClick:e=>this.gidsChevronButton.emit(e),"aria-label":this?.ariaLabel??"","aria-expanded":this?.ariaExpanded??"","aria-haspopup":this?.ariaHaspopup??"","aria-controls":this?.ariaControls??"",disabled:this.disabled,tabIndex:-1},i("span",{key:"a3c8be4bfca7dfccc5d5ddc7625a29390a780d2b",class:"gids-button__content"},i(r,{key:"3f135507cc90509b64249ed8f4d3d234128e2625",name:"chevron-vertical",alt:""})))}get _el(){return this}static get watchers(){return{extraClasses:[{handleExtraClassesAndSizeChange:0}],size:[{handleExtraClassesAndSizeChange:0},{handleSizeChange:0}],disabled:[{handleDisabledChange:0}]}}static get style(){return".gids-chevron-button{color:inherit;background-color:transparent;border:none;margin:0;padding:0;text-align:inherit;font:inherit;border-radius:0;appearance:none;display:inline-flex;justify-content:center;align-self:center;border-radius:var(--gids-border-radius-full);--gidsIcon-color:var(--gids-color-icon-default);--gidsIcon-height:var(--gidsChevronButtonIcon-height);--gidsChevronButtonIcon-height:var(--gids-size-120)}.gids-chevron-button--sm{--gidsIcon-height:var(--gids-size-160)}.gids-chevron-button--md{--gidsIcon-height:var(--gids-size-200)}.gids-chevron-button--lg{--gidsIcon-height:var(--gids-size-240)}.gids-chevron-button:hover{background-color:var(--gids-color-background-neutral-subtle-hovered)}.gids-chevron-button:active{background-color:var(--gids-color-background-neutral-subtle-pressed)}.gids-chevron-button:disabled .gids-icon{--gidsIcon-color:var(--gids-color-icon-disabled)}.gids-chevron-button:disabled:hover{background-color:transparent}.gids-chevron-button:disabled:active{background-color:transparent}"}},[1,"gids-chevron-button",{extraClasses:[513,"extra-classes"],size:[513],disabled:[516],ariaLabel:[513,"aria-label"],ariaHaspopup:[513,"aria-haspopup"],ariaExpanded:[513,"aria-expanded"],ariaControls:[513,"aria-controls"],activeClasses:[32]},void 0,{extraClasses:[{handleExtraClassesAndSizeChange:0}],size:[{handleExtraClassesAndSizeChange:0},{handleSizeChange:0}],disabled:[{handleDisabledChange:0}]}]);function h(){"undefined"!=typeof customElements&&["gids-chevron-button"].forEach((s=>{"gids-chevron-button"===s&&(customElements.get(e(s))||customElements.define(e(s),c))}))}h();const l=c,g=h;export{l as GidsChevronButton,g as defineCustomElement}
|
package/dist/gids-dot.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{G as o,d as
|
|
1
|
+
import{G as o,d as s}from"./p-CD_BHkBE.js";const p=o,r=s;export{p as GidsDot,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as t,H as s,h as i}from"./p-Bf3p-DY2.js";import{generateId as a}from"@ganpatiinfo/gids-web-shared";import{G as d}from"./p-Dg2yoUxw.js";import{d as n}from"./p-
|
|
1
|
+
import{t as e,p as t,H as s,h as i}from"./p-Bf3p-DY2.js";import{generateId as a}from"@ganpatiinfo/gids-web-shared";import{G as d}from"./p-Dg2yoUxw.js";import{d as n}from"./p-DVVJrKxO.js";import{d as o}from"./p-BE2G21MT.js";import{d as r}from"./p-DA_atCAU.js";const l=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.internals=this.attachInternals(),this.appearance="default",this.expanded=!1,this.#e=a(),this.handleSelectionChange=e=>{this.value=e.value,this.syncFormValue(e.value),this.onSelectionChange?.(e)},this.handleDropdownFocusAndBlur=e=>{this.hostElement.dispatchEvent(new FocusEvent(e.type,{relatedTarget:e.relatedTarget}))}}#e;componentWillLoad(){this.syncFormValue(this.value)}handleValueChange(e){this.syncFormValue(e)}syncFormValue(e){this.internals.setFormValue(e??"")}getDropdownControl(){return this.hostElement.querySelector("gids-dropdown")}get form(){return this.getDropdownControl()?.form??null}get validity(){return this.getDropdownControl()?.validity??{}}get validationMessage(){return this.getDropdownControl()?.validationMessage??""}get willValidate(){return this.getDropdownControl()?.willValidate??!1}async checkValidity(){const e=this.getDropdownControl();return!e?.checkValidity||await e.checkValidity()}async reportValidity(){const e=this.getDropdownControl();return!e?.reportValidity||await e.reportValidity()}async setCustomValidity(e){const t=this.getDropdownControl();if(t?.setCustomValidity)return await t.setCustomValidity(e)}render(){const e=this.inputProps?.id??this.#e,t={...this.inputProps,id:e,placeholder:this.inputProps?.placeholder??"Please select an option"};return i("gids-field",{key:"955fc1bb51a0f03f8385dbe839d369763e42e7fc",disabled:this.disabled,helperText:this.helperText,statusText:this.statusText,status:this.status},void 0!==this.label?i(d,{slot:"label",disabled:this.disabled,htmlFor:e,fieldRequirement:this.required?"required":void 0},this.label):null,i("gids-dropdown",{key:"bba762ea7edb1ebaa2b14d0c8851858763172a08",appearance:this.appearance,expanded:this.expanded,inputProps:t,disabled:this.disabled,readOnly:this.readOnly,loading:this.loading,value:this.value,name:this.name,onSelectionChange:this.handleSelectionChange,onFocus:this.handleDropdownFocusAndBlur,onBlur:this.handleDropdownFocusAndBlur,required:this.required},i("slot",{key:"649ff40ddce21ad400c9a5026c73ee911115b085",name:"leadingIconDropdown"}),i("slot",{key:"43d91c9a9fc3a4ccfc78b37bc0abe291cceef511",name:"leadingAccessoryDropdown"}),i("slot",{key:"20e8a20ed143207e35aca5087c92bb48235a21aa"})))}static get formAssociated(){return!0}get hostElement(){return this}static get watchers(){return{value:[{handleValueChange:0}]}}},[324,"gids-dropdown-field",{label:[513],helperText:[513,"helper-text"],statusText:[513,"status-text"],status:[513],appearance:[513],expanded:[516],readOnly:[516,"readonly"],disabled:[516],loading:[516],inputProps:[16],value:[1025],name:[513],onSelectionChange:[16],required:[516],checkValidity:[64],reportValidity:[64],setCustomValidity:[64]},void 0,{value:[{handleValueChange:0}]}]);function h(){"undefined"!=typeof customElements&&["gids-dropdown-field","gids-dropdown","gids-field","gids-input"].forEach((t=>{switch(t){case"gids-dropdown-field":customElements.get(e(t))||customElements.define(e(t),l);break;case"gids-dropdown":customElements.get(e(t))||n();break;case"gids-field":customElements.get(e(t))||o();break;case"gids-input":customElements.get(e(t))||r()}}))}h();const c=l,u=h;export{c as GidsDropdownField,u as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{G as
|
|
1
|
+
import{G as r,d as o}from"./p-DfrYaprq.js";const p=r,s=o;export{p as GidsDropdownPicker,s as defineCustomElement}
|
package/dist/gids-dropdown.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{G as o,d as
|
|
1
|
+
import{G as o,d as r}from"./p-DVVJrKxO.js";const s=o,p=r;export{s as GidsDropdown,p as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../dist-dev/types/components";
|
|
2
|
+
|
|
3
|
+
interface GidsExpansionBodyListItem extends Components.GidsExpansionBodyListItem, HTMLElement {}
|
|
4
|
+
export const GidsExpansionBodyListItem: {
|
|
5
|
+
prototype: GidsExpansionBodyListItem;
|
|
6
|
+
new (): GidsExpansionBodyListItem;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{G as o,d as r}from"./p-DlI2raNo.js";const s=o,a=r;export{s as GidsExpansionBodyListItem,a as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../dist-dev/types/components";
|
|
2
|
+
|
|
3
|
+
interface GidsExpansionBodyList extends Components.GidsExpansionBodyList, HTMLElement {}
|
|
4
|
+
export const GidsExpansionBodyList: {
|
|
5
|
+
prototype: GidsExpansionBodyList;
|
|
6
|
+
new (): GidsExpansionBodyList;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t,p as s,H as i,h as e,d as n}from"./p-Bf3p-DY2.js";import{GidsExpansionBodyListWebUtils as o}from"@ganpatiinfo/gids-web-shared";import{d as a}from"./p-DlI2raNo.js";const{getGidsExpansionBodyListClassNames:p}=o,d=s(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.expansionBodyListItems=[],this.hasExpansionBodyListSubtitleItemListener=!1,this.hasExpansionBodyListSupportingTextItemListener=!1,this.handleExpansionBodyListSubtitleClick=t=>{this.applyExpansionBodyListSubtitleSelection(t)},this.handleExpansionBodyListSupportingTextClick=t=>{this.applyExpansionBodyListSupportingTextSelection(t)},this.handleExpansionBodyListSubtitleSelect=t=>{const{listItemId:s,label:i,subtitle:e,supportingText:n,listItemPressedType:o}=t.detail;this.applyExpansionBodyListSubtitleSelection({listItemId:s,label:i,subtitle:e,supportingText:n,listItemPressedType:o,originalEvent:t})},this.handleExpansionBodyListSupportingTextSelect=t=>{const{listItemId:s,label:i,subtitle:e,supportingText:n,listItemPressedType:o}=t.detail;this.applyExpansionBodyListSupportingTextSelection({listItemId:s,label:i,subtitle:e,supportingText:n,listItemPressedType:o,originalEvent:t})}}handleExpansionBodyListItemsChange(t){this.expansionBodyListItems=t}connectedCallback(){this.attachExpansionBodyListSubtitleItemListener(),this.attachExpansionBodyListSupportingTextItemListener()}disconnectedCallback(){this.detachExpansionBodyListSubtitleItemListener(),this.detachExpansionBodyListSupportingTextItemListener()}applyExpansionBodyListSubtitleSelection(t){this.onExpansionBodyListSubtitlePress&&this.onExpansionBodyListSubtitlePress(t)}applyExpansionBodyListSupportingTextSelection(t){this.onExpansionBodyListSupportingTextPress&&this.onExpansionBodyListSupportingTextPress(t)}attachExpansionBodyListSubtitleItemListener(){this.hasExpansionBodyListSubtitleItemListener||(this.hostElement.addEventListener("onExpansionBodyListSubtitlePress",this.handleExpansionBodyListSubtitleSelect),this.hasExpansionBodyListSubtitleItemListener=!0)}attachExpansionBodyListSupportingTextItemListener(){this.hasExpansionBodyListSupportingTextItemListener||(this.hostElement.addEventListener("onExpansionBodyListSupportingTextPress",this.handleExpansionBodyListSupportingTextSelect),this.hasExpansionBodyListSupportingTextItemListener=!0)}detachExpansionBodyListSubtitleItemListener(){this.hasExpansionBodyListSubtitleItemListener&&(this.hostElement.removeEventListener("onExpansionBodyListSubtitlePress",this.handleExpansionBodyListSubtitleSelect),this.hasExpansionBodyListSubtitleItemListener=!1)}detachExpansionBodyListSupportingTextItemListener(){this.hasExpansionBodyListSupportingTextItemListener&&(this.hostElement.removeEventListener("onExpansionBodyListSupportingTextPress",this.handleExpansionBodyListSupportingTextSelect),this.hasExpansionBodyListSupportingTextItemListener=!1)}render(){const t=p();return e(n,{key:"15f3772895a64b74baab61c2e9067b1e9081b1aa",class:t},(this?.expansionBodyListItems??[]).map(((t,s)=>e("gids-expansion-body-list-item",{key:""+(s+1),...t,onSubtitlePress:this.handleExpansionBodyListSubtitleClick,onSupportingTextPress:this.handleExpansionBodyListSupportingTextClick}))))}get hostElement(){return this}static get watchers(){return{expansionBodyListItems:[{handleExpansionBodyListItemsChange:0}]}}static get style(){return".gids-expansion-body-list{display:flex;flex-direction:column;width:100%;gap:var(--gids-gap-400);overflow-y:scroll;overflow-x:hidden}"}},[0,"gids-expansion-body-list",{expansionBodyListItems:[16],onExpansionBodyListSubtitlePress:[16],onExpansionBodyListSupportingTextPress:[16]},void 0,{expansionBodyListItems:[{handleExpansionBodyListItemsChange:0}]}]);function l(){"undefined"!=typeof customElements&&["gids-expansion-body-list","gids-expansion-body-list-item"].forEach((s=>{switch(s){case"gids-expansion-body-list":customElements.get(t(s))||customElements.define(t(s),d);break;case"gids-expansion-body-list-item":customElements.get(t(s))||a()}}))}l();const r=d,h=l;export{r as GidsExpansionBodyList,h as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../dist-dev/types/components";
|
|
2
|
+
|
|
3
|
+
interface GidsExpansionGroup extends Components.GidsExpansionGroup, HTMLElement {}
|
|
4
|
+
export const GidsExpansionGroup: {
|
|
5
|
+
prototype: GidsExpansionGroup;
|
|
6
|
+
new (): GidsExpansionGroup;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as s,p as e,H as t,h as n,d as o}from"./p-Bf3p-DY2.js";import{GidsExpansionGroupWebUtils as i}from"@ganpatiinfo/gids-web-shared";const{getGidsExpansionGroupClassNames:a}=i,r=e(class extends t{constructor(s){super(),!1!==s&&this.__registerHost()}render(){const s=a();return n(o,{key:"ee7546a3490605f3d1ae5a7ffaf2bdacb4dd4541",class:s},n("slot",{key:"dbb9e5f1c031fb05ef01c6bb5ceccf422f3b2325"}))}static get style(){return".gids-expansion-group{display:flex;flex-direction:column;width:100%}"}},[260,"gids-expansion-group"]);function c(){"undefined"!=typeof customElements&&["gids-expansion-group"].forEach((e=>{"gids-expansion-group"===e&&(customElements.get(s(e))||customElements.define(s(e),r))}))}c();const d=r,p=c;export{d as GidsExpansionGroup,p as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../dist-dev/types/components";
|
|
2
|
+
|
|
3
|
+
interface GidsExpansion extends Components.GidsExpansion, HTMLElement {}
|
|
4
|
+
export const GidsExpansion: {
|
|
5
|
+
prototype: GidsExpansion;
|
|
6
|
+
new (): GidsExpansion;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as e,p as i,H as n,h as a,d as s}from"./p-Bf3p-DY2.js";import{GidsExpansionWebUtils as d}from"@ganpatiinfo/gids-web-shared";import{G as t}from"./p-D4Pimu_8.js";import{c as o}from"./p-ChV9xqsO.js";const{getGidsExpansionClassNames:r}=d,l=i(class extends n{constructor(e){super(),!1!==e&&this.__registerHost(),this.labelLevel="h1",this.hasContent=!1,this.handleExpansionClick=()=>{if(this.isInteractive()){const e=!this.isExpanded();this.expanded=e,this.onExpand&&this.onExpand({expansionId:this.expansionId,expanded:e,label:this?.label,labelLevel:this?.labelLevel,disabled:this?.disabled})}}}handleDisabledChange(e){this.disabled=e}handleExpandedChange(e){this.expanded=e}handleLabelLevelChange(e){this.labelLevel=e}componentDidLoad(){this.checkSlotContent()}checkSlotContent(){const e=this.hostElement.querySelector(".gids-expansion__content");if(e){const i=e.children.length>0,n=!!e.textContent&&e.textContent.trim().length>0;this.hasContent=i||n}}isInteractive(){return!this.disabled&&this.hasContent}isExpanded(){return!!this.expanded&&this.isInteractive()}isHavingLabelValue(){return!(!this.label||""===this.label)}getIconSize(){switch(this.labelLevel){case"h2":case"h3":return"md";default:return"lg"}}getLabelClass(){switch(this.labelLevel){case"h2":return"gids-expansion__level-h2";case"h3":return"gids-expansion__level-h3";default:return"gids-expansion__level-h1"}}render(){const e=r({expanded:this.isExpanded()&&this.isInteractive()}),i=this.label;return a(s,{key:"61ba4970c6dba5eb82d52ee61398bff60238e295",class:e},a("button",{key:"6cda4b165bd27dc0fb7727c6ee15393c21c33a0e",onClick:this.handleExpansionClick,class:o("gids-expansion__container",{"gids-expansion__disabled":this.disabled}),disabled:this.disabled,type:"button"},this.isHavingLabelValue()?a("span",{class:this.getLabelClass()},i):void 0,this.isInteractive()?a(t,{name:"chevron-down",size:this.getIconSize(),appearance:"filled"}):void 0),a("div",{key:"3720c533ad28b3d66ea2898e85ef7afd8065a3d7",class:"gids-expansion__body","aria-hidden":this.isExpanded()?"false":"true"},a("div",{key:"c59bbeb5fc5574dde1bbe2cfd97b4f713afbfd03",class:"gids-expansion__content"},a("slot",{key:"f1f85de8407c8fd992cd47c95076c955835174c4"}))))}get hostElement(){return this}static get watchers(){return{disabled:[{handleDisabledChange:0}],expanded:[{handleExpandedChange:0}],labelLevel:[{handleLabelLevelChange:0}]}}static get style(){return'.gids-expansion{display:flex;align-items:center;position:relative;padding:var(--gids-padding-vertical-edge-to-element-300) 0}.gids-expansion:not(.gids-expansion--expanded):not([expanded])::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--gids-color-border-default);transition:background 0.3s ease-in-out;z-index:1}.gids-expansion:not(.gids-expansion--expanded):not([expanded])::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(to right, transparent 0%, transparent 25%, var(--gids-color-background-selected-pressed) 45%, var(--gids-color-background-selected-pressed) 55%, transparent 75%, transparent 100%);opacity:0;transition:opacity 0.3s ease-in-out;z-index:2}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled)::after{background:linear-gradient(to right, var(--gids-color-border-default) 0%, var(--gids-color-border-default) 15%, var(--gids-color-background-selected-pressed) 45%, var(--gids-color-background-selected-pressed) 70%, var(--gids-color-border-default) 90%, var(--gids-color-border-default) 100%)}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled)::before{opacity:1}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled) .gids-expansion__level-h1{color:var(--gids-color-background-brand-bold-default)}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled) .gids-expansion__level-h2{color:var(--gids-color-background-brand-bold-default)}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled) .gids-expansion__level-h3{color:var(--gids-color-background-brand-bold-default)}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled) .gids-icon{--gidsIcon-color:var(--gids-color-background-brand-bold-default)}.gids-expansion__container{margin:0;padding:0;appearance:none;border:none;background:none;cursor:pointer;display:flex;align-items:center;gap:var(--gids-gap-050);white-space:nowrap;color:var(--gids-color-text-default)}.gids-expansion__container gids-icon,.gids-expansion__container .gids-icon,.gids-expansion__container GidsIcon,.gids-expansion__container svg{display:inline-block;transform:rotate3d(0, 0, 1, 0deg);transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);transform-origin:center center;backface-visibility:hidden}.gids-expansion__level-h1{font-family:var(--gids-typography-heading-medium__font-family);font-size:var(--gids-typography-heading-medium__font-size);font-weight:var(--gids-typography-heading-medium__font-weight);letter-spacing:var(--gids-typography-heading-medium__letter-spacing);line-height:var(--gids-typography-heading-medium__line-height);text-transform:var(--gids-typography-heading-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-medium__font-variant-caps, inherit)}.gids-expansion__level-h2{font-family:var(--gids-typography-heading-small__font-family);font-size:var(--gids-typography-heading-small__font-size);font-weight:var(--gids-typography-heading-small__font-weight);letter-spacing:var(--gids-typography-heading-small__letter-spacing);line-height:var(--gids-typography-heading-small__line-height);text-transform:var(--gids-typography-heading-small__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-small__font-variant-caps, inherit)}.gids-expansion__level-h3{font-family:var(--gids-typography-heading-x-small__font-family);font-size:var(--gids-typography-heading-x-small__font-size);font-weight:var(--gids-typography-heading-x-small__font-weight);letter-spacing:var(--gids-typography-heading-x-small__letter-spacing);line-height:var(--gids-typography-heading-x-small__line-height);text-transform:var(--gids-typography-heading-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-x-small__font-variant-caps, inherit)}.gids-expansion__body{position:absolute;top:100%;left:0;width:100%;z-index:10;transform:scaleY(0);transform-origin:top center;opacity:0;visibility:hidden;transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease, visibility 0.4s;overflow:hidden}.gids-expansion--expanded{position:relative;display:block}.gids-expansion--expanded .gids-expansion__container gids-icon,.gids-expansion--expanded .gids-expansion__container .gids-icon,.gids-expansion--expanded .gids-expansion__container GidsIcon,.gids-expansion--expanded .gids-expansion__container svg{transform:rotate3d(0, 0, 1, -180deg)}.gids-expansion--expanded .gids-expansion__body{position:relative;top:auto;transform:scaleY(1);opacity:1;visibility:visible}.gids-expansion__content{min-height:0;padding:var(--gids-padding-vertical-edge-to-element-500) 0 var(--gids-padding-horizontal-edge-to-element-500)}.gids-expansion__disabled{color:var(--gids-color-text-disabled);cursor:not-allowed}.gids-expansion__disabled .gids-icon{--gidsIcon-color:var(--gids-color-icon-disabled)}'}},[260,"gids-expansion",{expansionId:[1,"expansion-id"],label:[1],labelLevel:[1,"label-level"],expanded:[516],disabled:[516],onExpand:[16],hasContent:[32]},void 0,{disabled:[{handleDisabledChange:0}],expanded:[{handleExpandedChange:0}],labelLevel:[{handleLabelLevelChange:0}]}]);function g(){"undefined"!=typeof customElements&&["gids-expansion"].forEach((i=>{"gids-expansion"===i&&(customElements.get(e(i))||customElements.define(e(i),l))}))}g();const p=l,h=g;export{p as GidsExpansion,h as defineCustomElement}
|
package/dist/gids-field.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{G as o,d as s}from"./p-
|
|
1
|
+
import{G as o,d as s}from"./p-BE2G21MT.js";const p=o,r=s;export{p as GidsField,r as defineCustomElement}
|
package/dist/gids-filter.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{G as o,d as
|
|
1
|
+
import{G as o,d as s}from"./p-2wB6zkno.js";const p=o,r=s;export{p as GidsFilter,r as defineCustomElement}
|
package/dist/gids-icon.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{G as o,d as s}from"./p-
|
|
1
|
+
import{G as o,d as s}from"./p-BeP2XcqY.js";const p=o,r=s;export{p as GidsIcon,r as defineCustomElement}
|
package/dist/gids-input.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{G as o,d as s}from"./p-
|
|
1
|
+
import{G as o,d as s}from"./p-DA_atCAU.js";const t=o,a=s;export{t as GidsInput,a as defineCustomElement}
|
package/dist/gids-line-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-Ditd1zV7.js";const t=o,p=s;export{t as GidsLineChart,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as o,H as i,h as s}from"./p-Bf3p-DY2.js";import{g as e}from"./p-B2zUuNXz.js";import{GidsOverflowContainerCommonUtils as a}from"@ganpatiinfo/gids-core-shared";const{showGidsOverflowContainerBottomShadow:r,showGidsOverflowContainerTopShadow:n}=a,c=o(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.shadowLocation="bottom"}connectedCallback(){const t=e();void 0!==t&&this._el.shadowRoot?.adoptedStyleSheets.push(t)}componentDidLoad(){this._textArea=this._el.shadowRoot?.querySelector(".gids-overflow-container__text-area"),r(this.shadowLocation)&&this._textArea.scrollHeight>this._textArea.offsetHeight&&this._el.style.setProperty("--gidsOverflowContainer-after-opacity","1")}calculateShadows(){const t=this._textArea.scrollTop<=0?0:this._textArea.scrollTop;this._textArea.scrollTop+this._textArea.offsetHeight>=this._textArea.scrollHeight?this._el.style.setProperty("--gidsOverflowContainer-after-opacity","0"):0!==t?t>0&&(n(this.shadowLocation)&&this._el.style.setProperty("--gidsOverflowContainer-before-opacity",""+Math.min(t/20,1)),r(this.shadowLocation)&&this._el.style.setProperty("--gidsOverflowContainer-after-opacity",""+Math.min((this._textArea.scrollHeight-(this._textArea.scrollTop+this._textArea.offsetHeight))/20,1))):this._el.style.setProperty("--gidsOverflowContainer-after-opacity","0")}render(){return s("div",{key:"
|
|
1
|
+
import{t,p as o,H as i,h as s}from"./p-Bf3p-DY2.js";import{g as e}from"./p-B2zUuNXz.js";import{GidsOverflowContainerCommonUtils as a}from"@ganpatiinfo/gids-core-shared";const{showGidsOverflowContainerBottomShadow:r,showGidsOverflowContainerTopShadow:n}=a,c=o(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.shadowLocation="bottom"}connectedCallback(){const t=e();void 0!==t&&this._el.shadowRoot?.adoptedStyleSheets.push(t)}componentDidLoad(){this._textArea=this._el.shadowRoot?.querySelector(".gids-overflow-container__text-area"),r(this.shadowLocation)&&this._textArea.scrollHeight>this._textArea.offsetHeight&&this._el.style.setProperty("--gidsOverflowContainer-after-opacity","1")}calculateShadows(){const t=this._textArea.scrollTop<=0?0:this._textArea.scrollTop;this._textArea.scrollTop+this._textArea.offsetHeight>=this._textArea.scrollHeight?this._el.style.setProperty("--gidsOverflowContainer-after-opacity","0"):0!==t?t>0&&(n(this.shadowLocation)&&this._el.style.setProperty("--gidsOverflowContainer-before-opacity",""+Math.min(t/20,1)),r(this.shadowLocation)&&this._el.style.setProperty("--gidsOverflowContainer-after-opacity",""+Math.min((this._textArea.scrollHeight-(this._textArea.scrollTop+this._textArea.offsetHeight))/20,1))):this._el.style.setProperty("--gidsOverflowContainer-after-opacity","0")}render(){return s("div",{key:"3a313522f843cc56f7121cecbf30a623d95f078f",class:"gids-overflow-container__text-area",onScroll:this.calculateShadows.bind(this)},s("slot",{key:"ba7ae7dd609ab37ccde05f5479184bc2379147ff"}))}get _el(){return this}},[257,"gids-overflow-container",{shadowLocation:[513,"shadow-location"]}]);function h(){"undefined"!=typeof customElements&&["gids-overflow-container"].forEach((o=>{"gids-overflow-container"===o&&(customElements.get(t(o))||customElements.define(t(o),c))}))}h();const f=c,d=h;export{f as GidsOverflowContainer,d as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as t,t as i,p as n,H as e,F as a}from"./p-Bf3p-DY2.js";import{g as o}from"./p-B2zUuNXz.js";import{g as s,a as r}from"./p-CVtNa0cL.js";import{GidsSnackbarContainerWebUtils as l,GidsNotificationContainerWebUtils as m,GidsOverlayProviderWebUtils as c}from"@ganpatiinfo/gids-web-shared";import{G as d}from"./p-D4Pimu_8.js";import{G as p}from"./p-UVmSPzTd.js";const{getGidsSnackbarContainerClassNames:f,getSnackbarContainerIconNames:u}=l,g=({appearance:i="default",children:n,button:e,class:a,...o})=>{const s=u(i);return t("div",{...o,class:f({appearance:i},a)},t("div",{class:"gids-snackbar-container__content"},"default"!==i&&null!=s?t(d,{name:s,alt:"",appearance:"filled",size:"md",class:"gids-snackbar-container__icon"}):null,"string"==typeof n?t("p",null,n):n),e)},{getGidsNotificationContainerClassNames:h,getNotificationContainerIconNames: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:"c33ac4169b668a47a2a2a68dd2578378379e8b71"},t("slot",{key:"a404014f33eb6a13ca999a97c657e4d6c743e946"}),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: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 +1 @@
|
|
|
1
|
-
import{h as e,t,p as s,H as i,c as n,f as a,F as r}from"./p-Bf3p-DY2.js";import{GidsStrengthMeterWebUtils as
|
|
1
|
+
import{h as e,t,p as s,H as i,c as n,f as a,F as r}from"./p-Bf3p-DY2.js";import{GidsStrengthMeterWebUtils as 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 b,getMeterRulesFromRequirements as p,getDefaultRulesAndRequirementsForMeters as x}from"@ganpatiinfo/gids-core-shared/dist/components/GidsRequirementsMeter/GidsRequirementsMeterCommonUtils.js";import{GidsStrengthMeterCommonUtils as q,GidsRequirementsMeterLabelCommonUtils as R,GidsRequirementsMeterCommonUtils as w}from"@ganpatiinfo/gids-core-shared";import{minLengthRuleCanBeApplied as v}from"@ganpatiinfo/gids-core-shared/dist/components/GidsRequirementsMeter/GidsRequirementsMeterCommonUtils";import{G as M}from"./p-D4Pimu_8.js";import{d as y}from"./p-BE2G21MT.js";import{d as L}from"./p-DA_atCAU.js";const{getGidsStrengthMeterClassNames:C}=d,{getStrengthMeterScore:k,getColorModifierByScore:_}=q,G=({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=_({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:P}=l,{getRequirementsMeterLabelLeadingIcon:S}=R,T=t=>{const{label:s,status:i="default",leadingIconVisible:n=!0,class:a}=t,r=S(i);return e("div",{class:P({status:i},a)},n&&i&&r?e(M,{name:r,size:"sm",appearance:"filled"}):null,s&&""!==s?e("span",null,s):null)},{checkRequirementRuleSatisfied:F}=w,{getGidsRequirementsMeterClassNames:j}=o,B=({requirements:t=[],text:s,textMinLength:i,class:n})=>{const a=(t,s)=>e(T,{status:s?"success":"error",label:t.requirementText});return e("div",{class:j(n)},t.map((e=>{if(null!=e?.requirementText&&null!=e?.requirementRule){const t=F({rule:e.requirementRule,textMinLength:i,text:s});return"include-min-length"===e.requirementRule?!0===b({requirementRule:e.requirementRule,textMinLength:i})?a(e,t):null:a(e,t)}return null})))},{inputToGidsFieldStatusForPassword:E}=u,U=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?p(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:"2da63c508dfad92a039d34311f6722cde5a0030a"},e("gids-field",{key:"681e7949267bcb1309bc384f8326bba5177f6e97",disabled:this.disabled,count:void 0,helperText:this.helperText,statusText:this.statusText,status:E(this.status)},e(m,{key:"c9c8971bb1305522a61598b4f59cef9a45ef001e",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:"1f5b913b8f3765b73190d0decd74b6c671a5626e",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:"5393b401150edd4b4faf94218ff8b247bf053f75",name:"leadingIcon"}),e("slot",{key:"0fdb5e09ae68b25a1c162bdb367e7beaed78bd6a",name:"leadingAccessory"}),e("div",{key:"0a103f3591bb5945f0fb46dd65ef621c197a0028",slot:"trailingAccessory",class:"gids-password-field__trailing-accessory"},n&&e(f,{key:"2b68afbbc62f56a4718651c30426370041514cd8",label:"clear text",size:"lg",onPressDismiss:this._handleDismiss}),a&&e(g,{key:"700e248901f3b7e5bbe95fad09f62ba3ac6e599e",appearance:"default",size:"xs",width:"intrinsic",disabled:this.disabled,onClick:this._handleRevealPassword},o?"Hide":"Show")))),e("div",{key:"244b5458eb80cb6c7c4dddb61db206d57863328b",class:"gids-password-field__meters-container"},e(G,{key:"002bd407d2de934008988dac37fea8f458bec4ce",meterRules:h,text:this.value,textMinLength:u}),e(B,{key:"b2cdf85a5a68abf33f1868c9f0cfc1263d276f66",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 z(){"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),U);break;case"gids-field":customElements.get(t(e))||y();break;case"gids-input":customElements.get(t(e))||L()}}))}z();const A=U,D=z;export{A as GidsPasswordField,D as defineCustomElement}
|
package/dist/gids-pie-chart.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{G as o,d as
|
|
1
|
+
import{G as o,d as s}from"./p-3Ni1-UuQ.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:"ac91483b7fd0c658f25a226a6b9850ee93e87db0"},i("slot",{key:"9d3d05d24ce4bda0eb63449d3e382cde02316942",name:"anchor"}),i("div",{key:"85c2ef2857e33a2df493a74c1187cb02d761d3d3",id:"popover",part:"popover",role:"dialog","aria-modal":"true",tabindex:"-1"},i("span",{key:"703447615dcb3bbdab7a998b978f22de6b15ec03",id:"arrow"}),i("div",{key:"76e91b31374d09e9408c4f8596bb7fb2f4d4aed7"},i("slot",{key:"a9efd3f47efb3b08e4322da56417ca93e69c0fa2"}))))}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
|
|
1
|
+
import{t as s,p as t,H as e,h as r}from"./p-Bf3p-DY2.js";import{g as a}from"./p-B2zUuNXz.js";import{GidsScrimWebUtils as i}from"@ganpatiinfo/gids-web-shared";const{getGidsScrimClassNames:o}=i,c=t(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.activeClasses=""}handleExtraClassesChange(s){this.activeClasses=o(s)}connectedCallback(){const s=a();void 0!==s&&this._el.shadowRoot?.adoptedStyleSheets.push(s),this.activeClasses=o(this.extraClasses)}render(){return r("div",{key:"739b431734a261fbae14c743c57df459246b69b6",class:this.activeClasses,part:"root"},r("slot",{key:"8edb4dc441316e613f436d00911b5469661cf245"}))}get _el(){return this}static get watchers(){return{extraClasses:[{handleExtraClassesChange:0}]}}static get style(){return".gids-scrim{display:flex;flex-direction:column;background-color:var(--gids-color-background-scrim);height:100vh !important;position:absolute;top:0;bottom:0;left:0;right:0;z-index:1001;align-items:center;justify-content:center;backdrop-filter:blur(12)}"}},[257,"gids-scrim",{extraClasses:[513,"extra-classes"],activeClasses:[32]},void 0,{extraClasses:[{handleExtraClassesChange:0}]}]);function n(){"undefined"!=typeof customElements&&["gids-scrim"].forEach((t=>{"gids-scrim"===t&&(customElements.get(s(t))||customElements.define(s(t),c))}))}n();const l=c,d=n;export{l as GidsScrim,d as defineCustomElement}
|
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:"e5da712f4c782e26eec2c448896841999085f426",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);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;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
|
|
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:"38866821d37edc4393a72972c944a94cf0f277e4",class:t},i("slot",{key:"edfefab3cc002e1935c1a49f84f34d24bcbaa281"}))}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)}.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,p=c;export{r as GidsTab,p 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
|
|
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 c}from"./p-Dg2yoUxw.js";import{G as h}from"./p-UxDcM-C5.js";import{d as u}from"./p-BE2G21MT.js";import{d as b}from"./p-DA_atCAU.js";const{formatCharCount:f}=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:"1afb001542da72cbc0c7d9cef733bd7b9005fc1b",disabled:this.disabled,count:f(this.value?.length,this.maxLength),helperText:this.helperText,statusText:this.statusText,status:m(this.status)},n(c,{key:"6c1ab66cefcc2b75793c41c970adcdc3b5206c0f",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:"413c676b85ea6332b03e94901c2645cd4846aa76",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:"0d9f234f1fb10bb1c7e607a2f6a787a29d7e47de",name:"leadingIcon"}),n("slot",{key:"5a2d8b98924b9c76874c1967e0a532ae023dfbc0",name:"leadingAccessory"}),s&&n(h,{key:"27145c73ac38c854be2ca8c1bf7406afe4e965ed",label:"clear text",slot:"trailingAccessory",size:"lg",onPressDismiss:this._handleDismiss}),n("slot",{key:"6b85b3a79ee36ec7d76514adfeeb7b7121f5ca81",name:"trailingIcon"})))}get _el(){return this}},[260,"gids-text-field",{label:[513],showClearButton:[516,"show-clear-button"],helperText:[513,"helper-text"],statusText:[513,"status-text"],appearance:[513],status:[513],leadingLabel:[513,"leading-label"],trailingLabel:[513,"trailing-label"],loading:[516],type:[513],name:[513],required:[516],maxLength:[514,"maxlength"],value:[1],defaultValue:[513,"default-value"],disabled:[516],readOnly:[516,"readonly"],inputProps:[16],fieldRequirement:[513,"field-requirement"],fieldRequirementOptionalText:[1,"field-requirement-optional-text"],fieldRequirementRequiredText:[1,"field-requirement-required-text"],isLabelSentence:[16]}]);function g(){"undefined"!=typeof customElements&&["gids-text-field","gids-field","gids-input"].forEach((t=>{switch(t){case"gids-text-field":customElements.get(e(t))||customElements.define(e(t),p);break;case"gids-field":customElements.get(e(t))||u();break;case"gids-input":customElements.get(e(t))||b()}}))}g();const x=p,y=g;export{x as GidsTextField,y as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{G as
|
|
1
|
+
import{G as a,d as o}from"./p-KaaOtnwV.js";const s=a,t=o;export{s as GidsToggleButton,t 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:"b0f08c29ac34e9b5dc1f0ebbc677d6eb0bc0e832"},e("slot",{key:"a43f148f89fc86e1f02ee24a001159c3719e96e1"}),e("span",{key:"df16bd00d7b07684669ec8f446d9b9ddb4be2ada",id:"tooltip",part:"tooltip",role:"tooltip"},e("span",{key:"03335fae5e572f20f19882a7ca30ca43b1199dca",id:"arrow"}),this.tooltipText))}disconnectedCallback(){this.cleanupEventListeners(),this.floatingElementManager?.destroy()}get _el(){return this}static get watchers(){return{placement:[{placementChanged:0}],showWithoutDelay:[{showWithoutDelayChanged:0}],lockToMainAxis:[{lockToMainAxisChanged:0}],htmlFor:[{htmlForChanged:0}]}}static get style(){return"gids-tooltip{--gidsTooltip-background:var(--gids-color-background-neutral-bold-default);--gidsTooltip-text-color:var(--gids-color-text-inverse);--gidsTooltip-padding:var(--gids-padding-vertical-edge-to-element-100) var(--gids-padding-horizontal-edge-to-element-200);--gidsTooltip-border-radius:var(--gids-border-radius-sm);--gidsTooltip-tip-border-radius:2px;--gidsTooltip-tip-size:12px;--gidsFloatingElement-background:var(--gidsTooltip-background);--gidsFloatingElement-tip-border-radius:var(--gidsTooltip-tip-border-radius)}[part=tooltip]{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit);position:absolute;display:inline-block;hyphens:auto;background-color:var(--gidsTooltip-background);color:var(--gidsTooltip-text-color);padding:var(--gidsTooltip-padding);border-radius:var(--gidsTooltip-border-radius);z-index:1000;opacity:0;pointer-events:none}[part=tooltip].gids-tooltip--visible{pointer-events:initial;opacity:1}[part=tooltip] span#arrow{position:absolute;height:var(--gidsTooltip-tip-size);width:var(--gidsTooltip-tip-size)}"}},[257,"gids-tooltip",{htmlFor:[513,"for"],tooltipText:[513,"tooltip-text"],placement:[513],showWithoutDelay:[516,"show-without-delay"],lockToMainAxis:[4,"lock-to-main-axis"]},void 0,{placement:[{placementChanged:0}],showWithoutDelay:[{showWithoutDelayChanged:0}],lockToMainAxis:[{lockToMainAxisChanged:0}],htmlFor:[{htmlForChanged:0}]}]);function d(){"undefined"!=typeof customElements&&["gids-tooltip"].forEach((i=>{"gids-tooltip"===i&&(customElements.get(t(i))||customElements.define(t(i),n))}))}d();const h=n,p=d;export{h as GidsTooltip,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as t,H as i,h as s}from"./p-Bf3p-DY2.js";import{GidsFilterWebUtils as n}from"@ganpatiinfo/gids-web-shared";import{G as l}from"./p-D4Pimu_8.js";import{d}from"./p-
|
|
1
|
+
import{t as e,p as t,H as i,h as s}from"./p-Bf3p-DY2.js";import{GidsFilterWebUtils as n}from"@ganpatiinfo/gids-web-shared";import{G as l}from"./p-D4Pimu_8.js";import{d}from"./p-KaaOtnwV.js";const{getGidsFilterClassNames:r}=n,h=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.expanded=!1,this.type="none",this.filterItemType="primary",this.filterSelected=!1,this.filterDefaultSelected=!1,this.disabled=!1,this.size="sm",this.loading=!1,this.filterIndex=0,this.hasSlottedMenu=!1,this.hasItemListener=!1,this.suppressNextMenuClickSelection=!1,this.handleFilterPickerItemSelect=e=>{const{value:t,title:i,disabled:s,id:n,selectedIndex:l,isPlaceholderItem:d,defaultSelected:r}=e.detail;s||"string"!=typeof t||(this.suppressNextMenuClickSelection=!0,queueMicrotask((()=>{this.suppressNextMenuClickSelection=!1})),this.applySelection({id:n,filterId:this?.filterId,value:t,title:i,disabled:!1,selectedFilterMenuIndex:l,defaultSelected:r,filterType:this.type,filterItemType:this.filterItemType,filterTitle:i,filterIndex:this.filterIndex,hasFilterMenu:!0,originalEvent:e,filterSelected:!d,isPlaceholderItem:d||!1}))},this.handleMenuClick=e=>{if(this.suppressNextMenuClickSelection)return;const t=e.target;if(!(t instanceof Element))return;const i=t.closest(".gids-dropdown-item");if(!i||!this.hostElement.contains(i))return;if(i.hasAttribute("disabled")||"true"===i.getAttribute("aria-disabled"))return;const s=i instanceof HTMLButtonElement?i.value:i.getAttribute("value")??"";if("string"!=typeof s||0===s.length)return;const n=i instanceof HTMLButtonElement?i.id:i.getAttribute("id")??"";if("string"!=typeof n||0===n.length)return;const l=i instanceof HTMLButtonElement?i.tabIndex:i.getAttribute("tabIndex")??"",d=i.getAttribute("is-placeholder-item")??"",r=i.querySelector(".gids-dropdown-item__label")||i.querySelector("span"),h=r?r.textContent?.trim():i.firstChild?.textContent?.trim()||s,a=!(!d||"true"!==d);this.applySelection({id:n,filterId:this.filterId,value:s,title:h,disabled:!1,selectedFilterMenuIndex:Number(l),defaultSelected:this.filterDefaultSelected,filterType:this.type,filterItemType:this.filterItemType,filterTitle:h,filterIndex:this.filterIndex,hasFilterMenu:!0,originalEvent:e,filterSelected:!a,isPlaceholderItem:a})},this.handleTriggerToggle=e=>{this.isInteractive()&&this.setExpandedState(!this.expanded,e)},this.handleFilterButtonClickToggle=e=>{if(!e.defaultPrevented)if(e.stopPropagation(),this.isMenuToggler())this.handleTriggerToggle(e);else{this.filterSelected=e.detail,!1===e?.detail&&this.handleFormReset(),this.applySelection({id:"1",filterId:this.filterId,value:this.value,title:this.value,disabled:this.disabled,selectedFilterMenuIndex:void 0,filterType:this.type,filterItemType:this.filterItemType,filterTitle:this.value,filterIndex:this.filterIndex,originalEvent:e,filterSelected:e.detail,hasFilterMenu:!1,isPlaceholderItem:!1});const t={expanded:!1,originalEvent:e};this.onToggle?.(t)}},this.handleFormReset=()=>{this.value=this.initialValue,this.selectedItemTitle=this.initialValue,this.filterSelected=!1,this.isMenuToggler()?this.setExpandedState(!1):this.expanded=!1},this.setFilterDropdownPosition=()=>{if(!this.hostElement)return;const e=this.hostElement.querySelector(".gids-filter__menu");if(!e)return;const t=window.innerWidth/2,i=this.hostElement.getBoundingClientRect();i.left+i.width/2>t?e.classList.add("gids-filter__menu--align-right"):e.classList.remove("gids-filter__menu--align-right")}}handleExpandedChange(e){e&&!this.isInteractive()&&(this.expanded=!1)}handleInteractivityChange(){!this.isInteractive()&&this.expanded&&this.setExpandedState(!1)}handleFilterTypeChange(e){this.type=e}handleFilterSelectedChange(e){this.filterSelected=e}connectedCallback(){this.attachItemListener(),this.attachFormListener()}componentDidLoad(){this.initialValue=this.value,this.evaluateSlottedMenuExistence()}disconnectedCallback(){this.detachItemListener(),this.detachFormListener()}getFilterButtonControl(){return this.hostElement.querySelector(".gids-button")}getItemElements(){return Array.from(this.hostElement.querySelectorAll(".gids-dropdown-item"))}evaluateSlottedMenuExistence(){const e=this.hostElement.querySelector(".gids-filter__menu");if(!e)return void(this.hasSlottedMenu=!1);const t=Array.from(e.childNodes).filter((e=>e.nodeType!==Node.COMMENT_NODE&&!(e.nodeType===Node.TEXT_NODE&&!e.textContent?.trim())));this.hasSlottedMenu=t.length>0}attachItemListener(){this.hasItemListener||(this.hostElement.addEventListener("onPressDropdownItem",this.handleFilterPickerItemSelect),this.hasItemListener=!0)}detachItemListener(){this.hasItemListener&&(this.hostElement.removeEventListener("onPressDropdownItem",this.handleFilterPickerItemSelect),this.hasItemListener=!1)}applySelection(e){this.value=e.value,this.selectedItemTitle="string"==typeof e.title?e.title:void 0,this.clearActive(),this.isMenuToggler()?this.setExpandedState(!1,this.coerceEvent(e.originalEvent)):this.expanded=!1,this.onFilterMenuItemChange?.(e),this.hostElement.dispatchEvent(new CustomEvent("gidsFilterPickerChange",{bubbles:!0,composed:!0,detail:e}))}clearActive(){this.getItemElements().forEach((e=>e.classList.remove("gids-dropdown-item--active")))}setExpandedState(e,t){const i=Boolean(e);if(this.setFilterDropdownPosition(),i&&!this.isInteractive())return;if(this.expanded===i)return;this.expanded=i,i||(this.clearActive(),this.syncFilterDisplayValue());const s={expanded:i,originalEvent:t};this.onToggle?.(s)}syncFilterDisplayValue(){const e=this.getFilterButtonControl();e&&e.value!==(this.selectedItemTitle??"")&&(e.value=this.selectedItemTitle??"")}attachFormListener(){const e=this.hostElement.closest("form");this.patternForm!==e&&(this.patternForm&&this.patternForm.removeEventListener("reset",this.handleFormReset),this.patternForm=e??void 0,this.patternForm?.addEventListener("reset",this.handleFormReset))}detachFormListener(){this.patternForm&&(this.patternForm.removeEventListener("reset",this.handleFormReset),this.patternForm=void 0)}isInteractive(){return!this.disabled}coerceEvent(e){if("undefined"!=typeof Event&&null!==e)return e instanceof Event?e:void 0}isMenuToggler(){return("none"===this.type||"more"===this.type)&&this.hasSlottedMenu}handleWindowClick(e){this.expanded&&(e.composedPath().includes(this.hostElement)||this.setExpandedState(!1,e))}render(){const e=this.expanded&&this.isInteractive(),t=r({expanded:e}),i=this.isMenuToggler(),n="string"==typeof this.filterPickerId?this.filterPickerId:void 0,d=n?`${n}__menu`:void 0,h=this.selectedItemTitle??this.value??"",a="more"===this.type,o="all"===this.type,c="none"===this.type;return s("div",{key:"7ce1a0e82d461380ec599d66d82176a6cb4d7912",class:t,"aria-control":d??""},s("gids-toggle-button",{key:"6b546ac9944f8adf858804484e420b6a41f44419",id:n,name:this.name,expanded:e,value:h,disabled:this.disabled,size:this.size,loading:this.loading,tabIndex:this.filterIndex,defaultSelected:this.filterDefaultSelected,selected:this.filterSelected||this.filterDefaultSelected,onSelect:this.handleFilterButtonClickToggle},a||o?s(l,{name:a?"options":"filter",size:this.size,appearance:"regular",alt:"",slot:"leadingIcon"}):void 0,c||o?h:void 0,i&&!a?s(l,{name:"chevron-down",size:this.size,appearance:"regular",alt:"",slot:"trailingIcon"}):void 0),s("div",{key:"f04a85608a8d2bad62687e78da08acca6838f93b",class:"gids-filter__menu",id:d,role:"pickerbox",onClick:this.handleMenuClick},s("slot",{key:"ce7aeb157d8a342cc7ba0479637795516a4ae3b2",onSlotchange:()=>this.evaluateSlottedMenuExistence()})))}get hostElement(){return this}static get watchers(){return{expanded:[{handleExpandedChange:0}],disabled:[{handleInteractivityChange:0}],type:[{handleFilterTypeChange:0}],filterSelected:[{handleFilterSelectedChange:0}]}}static get style(){return".gids-filter{position:relative}.gids-filter__menu{position:absolute;top:calc(100% + var(--gids-gap-050));z-index:3;display:none;flex-direction:column;align-self:stretch;min-width:var(--gids-width-2-xs);min-height:55px;max-height:15rem;overflow-x:hidden;overflow-y:auto;background-color:var(--gids-elevation-surface-overlay-default);box-shadow:var(--gids-elevation-shadow-overlay);border-radius:var(--gids-border-radius-lg);left:0;right:auto}.gids-filter__menu--align-right{left:auto !important;right:0 !important}.gids-filter__menu>*{flex-shrink:0}.gids-filter--expanded .gids-filter__menu{display:flex}"}},[260,"gids-filter",{name:[1],filterId:[1,"filter-id"],filterPickerId:[1,"filter-picker-id"],expanded:[4],type:[1],filterItemType:[1,"filter-item-type"],value:[1],filterSelected:[1540,"filter-selected"],filterDefaultSelected:[4,"filter-default-selected"],disabled:[4],size:[1],loading:[4],filterIndex:[2,"filter-index"],onFilterMenuItemChange:[16],onToggle:[16],selectedItemTitle:[32],hasSlottedMenu:[32]},[[8,"click","handleWindowClick"]],{expanded:[{handleExpandedChange:0}],disabled:[{handleInteractivityChange:0}],type:[{handleFilterTypeChange:0}],filterSelected:[{handleFilterSelectedChange:0}]}]);function a(){"undefined"!=typeof customElements&&["gids-filter","gids-toggle-button"].forEach((t=>{switch(t){case"gids-filter":customElements.get(e(t))||customElements.define(e(t),h);break;case"gids-toggle-button":customElements.get(e(t))||d()}}))}a();export{h as G,a as d}
|
|
@@ -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-Cn-t3SGc.js";import{d as h}from"./p-BQCMjWpK.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}
|