@ganpatiinfo/gids-core-web 21.0.0 → 23.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@ganpatiinfo/gids-core-web",
-	"version": "21.0.0",
+	"version": "23.0.0",
 	"private": false,
 	"description": "This is a core web package contains html components",
 	"homepage": "https://ganpatiinfo-design-system.onrender.com/",
@@ -513,6 +513,54 @@
 			"types": "./dist/gids-form.d.ts",
 			"default": "./dist/gids-form.js"
 		},
+		"./gids-day-dropdown-picker.js": {
+			"types": "./dist/gids-day-dropdown-picker.d.ts",
+			"default": "./dist/gids-day-dropdown-picker.js"
+		},
+		"./dist/gids-day-dropdown-picker.js": {
+			"types": "./dist/gids-day-dropdown-picker.d.ts",
+			"default": "./dist/gids-day-dropdown-picker.js"
+		},
+		"./gids-month-dropdown-picker.js": {
+			"types": "./dist/gids-month-dropdown-picker.d.ts",
+			"default": "./dist/gids-month-dropdown-picker.js"
+		},
+		"./dist/gids-month-dropdown-picker.js": {
+			"types": "./dist/gids-month-dropdown-picker.d.ts",
+			"default": "./dist/gids-month-dropdown-picker.js"
+		},
+		"./gids-year-dropdown-picker.js": {
+			"types": "./dist/gids-year-dropdown-picker.d.ts",
+			"default": "./dist/gids-year-dropdown-picker.js"
+		},
+		"./dist/gids-year-dropdown-picker.js": {
+			"types": "./dist/gids-year-dropdown-picker.d.ts",
+			"default": "./dist/gids-year-dropdown-picker.js"
+		},
+		"./gids-calendar-picker.js": {
+			"types": "./dist/gids-calendar-picker.d.ts",
+			"default": "./dist/gids-calendar-picker.js"
+		},
+		"./dist/gids-calendar-picker.js": {
+			"types": "./dist/gids-calendar-picker.d.ts",
+			"default": "./dist/gids-calendar-picker.js"
+		},
+		"./gids-date-picker.js": {
+			"types": "./dist/gids-date-picker.d.ts",
+			"default": "./dist/gids-date-picker.js"
+		},
+		"./dist/gids-date-picker.js": {
+			"types": "./dist/gids-date-picker.d.ts",
+			"default": "./dist/gids-date-picker.js"
+		},
+		"./gids-date-picker-field.js": {
+			"types": "./dist/gids-date-picker-field.d.ts",
+			"default": "./dist/gids-date-picker-field.js"
+		},
+		"./dist/gids-date-picker-field.js": {
+			"types": "./dist/gids-date-picker-field.d.ts",
+			"default": "./dist/gids-date-picker-field.js"
+		},
 		"./customElements": {
 			"default": "./dist/custom-elements.json"
 		},
@@ -526,13 +574,13 @@
 		}
 	},
 	"peerDependencies": {
-		"@ganpatiinfo/gids-web-theme-interface": "^7.0.0"
+		"@ganpatiinfo/gids-web-theme-interface": "^9.0.0"
 	},
 	"dependencies": {
 		"@floating-ui/dom": "1.7.6",
 		"clsx": "^2.1.1",
-		"@ganpatiinfo/gids-core-shared": "^17.0.0",
-		"@ganpatiinfo/gids-web-shared": "^14.1.0",
+		"@ganpatiinfo/gids-core-shared": "^18.0.0",
+		"@ganpatiinfo/gids-web-shared": "^15.0.0",
 		"composed-offset-position": "^0.0.6"
 	},
 	"devDependencies": {
@@ -540,10 +588,10 @@
 		"@fontsource/inter": "^5.2.8",
 		"@fontsource/libre-caslon-text": "^5.2.7",
 		"@ganpatiinfo/gids-liquid-renderer": "^6.0.0",
-		"@ganpatiinfo/gids-storybook-theme": "^10.0.0",
+		"@ganpatiinfo/gids-storybook-theme": "^12.0.0",
 		"@ganpatiinfo/gids-storybook-utilities": "^6.0.0",
-		"@ganpatiinfo/gids-web-dom-reference": "^17.0.0",
-		"@ganpatiinfo/gids-web-theme-ganpatiinfo": "^8.0.0",
+		"@ganpatiinfo/gids-web-dom-reference": "^19.0.0",
+		"@ganpatiinfo/gids-web-theme-ganpatiinfo": "^10.0.0",
 		"@jest/globals": "^30.2.0",
 		"@stencil/core": "^4.43.2",
 		"@stencil/react-output-target": "^1.4.2",

package/dist/p-BQT5yy5L.js

@@ -1 +0,0 @@
-import{t,p as e,H as i,h as s}from"./p-B4hcsDH0.js";import{GidsDropdownPickerWebUtils as n}from"@ganpatiinfo/gids-web-shared";import{G as o}from"./p-Dg_WeHpV.js";import{G as d}from"./p-iQRr_fAH.js";const{getGidsDropdownPickerClassNames:a}=n,r=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.appearance="subtle",this.size="sm",this.idPicker="",this.expanded=!1,this.hasLeadingIcon=!1,this.hasItemListener=!1,this.suppressNextMenuClickSelection=!1,this.hasDocumentListeners=!1,this.handleDropdownPickerItemSelect=t=>{const{value:e,title:i,disabled:s,id:n,isPlaceholderItem:o}=t.detail;s||"string"!=typeof e||(this.suppressNextMenuClickSelection=!0,queueMicrotask((()=>{this.suppressNextMenuClickSelection=!1})),this.applySelection({id:n,value:e,title:i,disabled:!1,originalEvent:t,isPlaceholderItem:o}))},this.handleMenuClick=t=>{if(this.suppressNextMenuClickSelection)return;const e=t.target;if(!(e instanceof Element))return;const i=e.closest(".gids-dropdown-item");if(!i||!this.hostElement.contains(i))return;if(i.hasAttribute("disabled")||"true"===i.getAttribute("aria-disabled"))return;const s=i instanceof HTMLButtonElement?i.value:i.getAttribute("value")||"";if("string"!=typeof s||0===s.length)return;const n=i instanceof HTMLButtonElement?i.id:i.getAttribute("id")??"";if("string"!=typeof n||0===n.length)return;const o=i.getAttribute("is-placeholder-item")??"";this.applySelection({id:n,value:s,title:i.textContent?.trim()??"",disabled:!1,originalEvent:t,isPlaceholderItem:!(!o||"true"!==o)})},this.handleTriggerToggle=t=>{this.isInteractive()&&this.setExpandedState(!this.expanded,t)},this.handleDropdownButtonClickToggle=t=>{t.defaultPrevented||(t.stopPropagation(),this.handleTriggerToggle(t))},this.handleOutSpaceClickOfDropdownButtonToggle=t=>{this.expanded&&(t.stopPropagation(),this.setExpandedState(!1))},this.handleDocumentPointerDown=t=>{2!==t.button&&this.expanded&&(("function"==typeof t.composedPath?t.composedPath():[]).includes(this.hostElement)||this.hostElement.contains(t.target)||this.setExpandedState(!1,t))},this.handleDocumentKeyDown=t=>{if(!this.expanded)return;const e=t.key;if("Escape"===e||"Esc"===e)return t.preventDefault(),void this.setExpandedState(!1,t);"Tab"===e&&this.setExpandedState(!1,t)},this.handleFormReset=()=>{this.value=this.initialValue,this.selectedItemTitle=void 0,this.setExpandedState(!1)}}handleExpandedChange(t){t&&!this.isInteractive()&&(this.expanded=!1)}handleInteractivityChange(){!this.isInteractive()&&this.expanded&&this.setExpandedState(!1)}connectedCallback(){this.initialValue=this.value,this.attachItemListener(),this.attachDocumentListeners(),this.attachFormListener()}disconnectedCallback(){this.detachItemListener(),this.detachDocumentListeners(),this.detachFormListener()}componentWillLoad(){this.checkSlots()}componentWillUpdate(){this.checkSlots()}checkSlots(){this.hasLeadingIcon=!!this.hostElement.querySelector('[slot="leadingIconDropdownPicker"]')}getDropdownButtonControl(){return this.hostElement.querySelector(".gids-button")}getItemElements(){return Array.from(this.hostElement.querySelectorAll(".gids-dropdown-item"))}attachItemListener(){this.hasItemListener||(this.hostElement.addEventListener("onPressDropdownItem",this.handleDropdownPickerItemSelect),this.hasItemListener=!0)}detachItemListener(){this.hasItemListener&&(this.hostElement.removeEventListener("onPressDropdownItem",this.handleDropdownPickerItemSelect),this.hasItemListener=!1)}applySelection(t){this.value=t.value,this.selectedItemTitle="string"==typeof t.title?t.title:void 0,this.clearActive(),this.setExpandedState(!1,this.coerceEvent(t.originalEvent)),this.onSelectionChange?.(t),this.hostElement.dispatchEvent(new CustomEvent("gidsDropdownPickerChange",{bubbles:!0,composed:!0,detail:t}))}clearActive(){this.getItemElements().forEach((t=>t.classList.remove("gids-dropdown-item--active")))}setExpandedState(t,e){const i=Boolean(t);i&&!this.isInteractive()||this.expanded!==i&&(this.expanded=i,i||(this.clearActive(),this.syncInputDisplayValue()),this.hostElement.dispatchEvent(new CustomEvent("gidsDropdownPickerToggle",{bubbles:!0,composed:!0,detail:{expanded:i,originalEvent:e}})))}syncInputDisplayValue(){const t=this.getDropdownButtonControl();t&&t.value!==(this.selectedItemTitle??"")&&(t.value=this.selectedItemTitle??"")}attachDocumentListeners(){this.hasDocumentListeners||"undefined"==typeof document||(document.addEventListener("pointerdown",this.handleDocumentPointerDown),document.addEventListener("keydown",this.handleDocumentKeyDown),this.hasDocumentListeners=!0)}detachDocumentListeners(){this.hasDocumentListeners&&"undefined"!=typeof document&&(document.removeEventListener("pointerdown",this.handleDocumentPointerDown),document.removeEventListener("keydown",this.handleDocumentKeyDown),this.hasDocumentListeners=!1)}attachFormListener(){const t=this.hostElement.closest("form");this.patternForm!==t&&(this.patternForm&&this.patternForm.removeEventListener("reset",this.handleFormReset),this.patternForm=t??void 0,this.patternForm?.addEventListener("reset",this.handleFormReset))}detachFormListener(){this.patternForm&&(this.patternForm.removeEventListener("reset",this.handleFormReset),this.patternForm=void 0)}isInteractive(){return!this.disabled}coerceEvent(t){if("undefined"!=typeof Event&&null!==t)return t instanceof Event?t:void 0}render(){const t=this.expanded&&this.isInteractive(),e=a({expanded:t}),i="string"==typeof this.idPicker?this.idPicker:void 0,n=i?`${i}__menu`:void 0;return s("div",{key:"f4e12af57681f548e0b716745c483a31efbce9b5",class:e,onClick:this.handleOutSpaceClickOfDropdownButtonToggle},s(o,{key:"9b57b9f953d0e0727a5ae1304b2fca67f193108f",role:"pickerbox","aria-expanded":t?"true":"false","aria-haspopup":"pickerlistbox","aria-controls":n??"",onClick:this.handleDropdownButtonClickToggle,disabled:this.disabled,value:this.selectedItemTitle??this.value??"",loading:this.loading,appearance:this.appearance,size:this.size},this.hasLeadingIcon?s("slot",{name:"leadingIconDropdownPicker",slot:"leadingIcon"}):s(d,{name:"chevron-down",size:this.size,appearance:"regular",alt:"",slot:"leadingIcon"})),s("div",{key:"0360e3130abaa72d80b5f495dc3aec556d3fc0bf",class:"gids-dropdown-picker__menu",id:n,role:"pickerbox",onClick:this.handleMenuClick},s("slot",{key:"44cb6172ec327f229d5239ae2730bc7c9a07a244"})))}get hostElement(){return this}static get watchers(){return{expanded:[{handleExpandedChange:0}],disabled:[{handleInteractivityChange:0}]}}static get style(){return".gids-dropdown-picker{position:relative}.gids-dropdown-picker__menu{position:absolute;inset-inline:0;top:calc(100% + var(--gids-gap-050));z-index:3;display:none;flex-direction:column;align-self:stretch;min-width:var(--gids-width-2-xs);min-height:55px;max-height:15rem;overflow-x:hidden;overflow-y:auto;background-color:var(--gids-elevation-surface-overlay-default);box-shadow:var(--gids-elevation-shadow-overlay);border-radius:var(--gids-border-radius-lg)}.gids-dropdown-picker__menu>*{flex-shrink:0}.gids-dropdown-picker--expanded .gids-dropdown-picker__menu{display:flex}"}},[260,"gids-dropdown-picker",{appearance:[1],size:[1],idPicker:[1,"id-picker"],expanded:[1540],disabled:[516],loading:[516],value:[513],name:[1],onSelectionChange:[16],selectedItemTitle:[32],hasLeadingIcon:[32]},void 0,{expanded:[{handleExpandedChange:0}],disabled:[{handleInteractivityChange:0}]}]);function h(){"undefined"!=typeof customElements&&["gids-dropdown-picker"].forEach((e=>{"gids-dropdown-picker"===e&&(customElements.get(t(e))||customElements.define(t(e),r))}))}h();export{r as G,h as d}

package/dist/p-CAjDiWIc.js

@@ -1 +0,0 @@
-import{h as s}from"./p-B4hcsDH0.js";import{GidsDropdownMenuGroupWebUtils as o,GidsDropdownMenuWebUtils as n}from"@ganpatiinfo/gids-web-shared";import{G as l}from"./p-C-Lpfqcg.js";import{b as p}from"./p-CV1-78HB.js";const{getGidsDropdownMenuGroupClassNames:e}=o,i=({type:o="no-options",supportingText:n="No options",class:p,...i},t)=>s("div",{class:e({type:o},p),...i},"loading"===o?s(l,{indeterminate:!0,size:"md"}):null,"no-options"===o?s("span",null,n):null,"default"===o&&null!=t?t:null),{getGidsDropdownMenuClassNames:t}=n,a=({sectionLabel:o,class:n,...l},e)=>s("div",{class:t(n),...l},null!=o&&""!==o?s(p,{supportingText:o,supportingTextTypography:"eyebrow-medium"}):null,null!=e?s("div",{class:"gids-dropdown-menu__children"},e):null);export{i as G,a}

package/dist/p-Do_VlNHg.js

@@ -1 +0,0 @@
-import{h as s}from"./p-B4hcsDH0.js";import{GidsDismissButtonWebUtils as a}from"@ganpatiinfo/gids-web-shared";import{G as e}from"./p-iQRr_fAH.js";const{getGidsDismissButtonClassNames:i}=a,r=({appearance:a="subtle",size:r="md",disabled:o=!1,class:p,onPressDismiss:l,label:t,...m})=>s("button",{class:i({appearance:a,size:r},p),onClick:l,disabled:o,"aria-label":t,...m},s(e,{name:"cross",appearance:"regular"}));export{r as G}

package/dist/p-DpvdbdZ-.js

@@ -1 +0,0 @@
-import{t,p as e,H as s,h as n,F as i}from"./p-B4hcsDH0.js";import{G as o}from"./p-CTri3IsV.js";import{G as a}from"./p-CPgZgSBN.js";const l=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.placement="bottom",this.constrainPlacements=["bottom","top"],this.previouslyFocusedElement=null,this.focusableElements=[],this.handleToggleEvent=t=>{t.stopPropagation();const e=this.floatingElementManager.isVisible();this.floatingElementManager.toggle(),!e&&this.floatingElementManager.isVisible()?this.onFlyoutPanelShow():e&&!this.floatingElementManager.isVisible()&&this.onFlyoutPanelHide()},this.handleDocumentClick=t=>{this.floatingElementManager.isVisible()&&!this._el.contains(t.target)&&(this.floatingElementManager.hide(),this.onFlyoutPanelHide())},this.handleKeyDown=t=>{if(this.floatingElementManager.isVisible())return"Escape"===t.key?(t.preventDefault(),this.floatingElementManager.hide(),void this.onFlyoutPanelHide()):void("Tab"===t.key&&this.trapFocus(t))}}componentDidLoad(){this.floatingElementManager=new o(this._el,{htmlFor:this.htmlFor,placement:this.placement,showWithoutDelay:!0,floatingElementSelector:"#flyout-panel",showArrow:!1,visibilityClass:"gids-flyout-panel--visible",elementType:a.FLYOUT_PANEL,constrainPlacements:this?.constrainPlacements??["bottom","top"],constrainToViewportHeight:!0,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))}onFlyoutPanelShow(){this.previouslyFocusedElement=document.activeElement,this.updateFocusableElements(),setTimeout((()=>{this.focusableElements.length>0&&this.focusableElements[0]&&this.focusableElements[0].focus()}),50)}onFlyoutPanelHide(){this.previouslyFocusedElement&&(this.previouslyFocusedElement.focus(),this.previouslyFocusedElement=null)}updateFocusableElements(){const t=this._el.shadowRoot?.querySelector("#flyout-panel");if(!t)return;const e=[],s=d(t);e.push(...s);const n=this._el.shadowRoot?.querySelector("slot:not([name])");n&&n.assignedElements({flatten:!0}).forEach((t=>{const s=d(t);e.push(...s)})),this.focusableElements=e.sort(((t,e)=>{const s=t.compareDocumentPosition(e),n=Boolean(s&Node.DOCUMENT_POSITION_FOLLOWING),i=Boolean(s&Node.DOCUMENT_POSITION_PRECEDING);return n?-1:i?1:0}))}trapFocus(t){if(0===this.focusableElements.length)return;const e=this.focusableElements[0],s=this.focusableElements[this.focusableElements.length-1];let n=document.activeElement;if(n===this._el){const t=this._el.shadowRoot?.activeElement;null!==t&&(n=t)}const i=-1!==this.focusableElements.indexOf(n);t.shiftKey?n!==e&&i||(t.preventDefault(),s&&s.focus()):n!==s&&i||(t.preventDefault(),e&&e.focus())}placementChanged(t){this.floatingElementManager?.updateConfig({placement:t}),this.floatingElementManager?.isVisible()&&this.floatingElementManager?.reposition()}constrainPlacementsChanged(t){this.floatingElementManager?.updateConfig({constrainPlacements: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)}openFlyoutPanel(t){t&&t.stopPropagation(),this.floatingElementManager.isVisible()||(this.floatingElementManager.show(),this.onFlyoutPanelShow())}closeFlyoutPanel(t){t&&t.stopPropagation(),this.floatingElementManager.isVisible()&&(this.floatingElementManager.hide(),this.onFlyoutPanelHide())}render(){return n(i,{key:"ad79cb0c6c6f36d2d6926233dd10d1de053fa405"},n("slot",{key:"97333353f6deda3222ccdcee1a7c9a42900204f5",name:"anchor"}),n("div",{key:"805d139b92080862e60dad9591908f4c9af42dd3",id:"flyout-panel",part:"flyout-panel",role:"dialog","aria-modal":"true",tabindex:"-1"},n("div",{key:"522bae9ac93bbb12e3d3f820a477c81b768ddff3"},n("slot",{key:"3c3601c973866e9d6ccb7aaeb686e0659b54ea50"}))))}disconnectedCallback(){this.cleanupEventListeners(),this.floatingElementManager?.destroy()}get _el(){return this}static get watchers(){return{placement:[{placementChanged:0}],constrainPlacements:[{constrainPlacementsChanged:0}],htmlFor:[{htmlForChanged:0}]}}static get style(){return"gids-flyout-panel{--gidsFlyoutPanel-background:var(--gids-elevation-surface-overlay-default);--gidsFlyoutPanel-text-color:var(--gids-color-text-default);--gidsFlyoutPanel-padding:var(--gids-padding-vertical-edge-to-element-200)    var(--gids-padding-horizontal-edge-to-element-300);--gidsFlyoutPanel-border-radius:var(--gids-border-radius-lg);--gidsFlyoutPanel-shadow:var(--gids-elevation-shadow-overlay);--gidsFloatingElement-background:var(--gidsFlyoutPanel-background)}[part=flyout-panel]{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(--gidsFlyoutPanel-background);color:var(--gidsFlyoutPanel-text-color);border-radius:var(--gidsFlyoutPanel-border-radius);box-shadow:var(--gidsFlyoutPanel-shadow);z-index:1000;opacity:0;pointer-events:none;outline:none}[part=flyout-panel]:focus{outline:none}[part=flyout-panel].gids-flyout-panel--visible{pointer-events:initial;opacity:1}"}},[257,"gids-flyout-panel",{htmlFor:[513,"for"],placement:[513],constrainPlacements:[16],openFlyoutPanel:[64],closeFlyoutPanel:[64]},void 0,{placement:[{placementChanged:0}],constrainPlacements:[{constrainPlacementsChanged:0}],htmlFor:[{htmlForChanged:0}]}]),r=t=>{if(!(t instanceof s))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 s=document.activeElement===t;return t.tabIndex=e,s&&t.blur(),s}catch{return!1}},d=t=>{const e=document.createTreeWalker(t,NodeFilter.SHOW_ELEMENT,{acceptNode:t=>r(t)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}),s=[];r(t)&&s.push(t);let n=e.nextNode();for(;null!==n;)s.push(n),n=e.nextNode();return s};function h(){"undefined"!=typeof customElements&&["gids-flyout-panel"].forEach((e=>{"gids-flyout-panel"===e&&(customElements.get(t(e))||customElements.define(t(e),l))}))}h();export{l as G,h as d}

package/dist/p-kWyyLyT3.js

@@ -1 +0,0 @@
-import{h as e,t,p as a,H as i,c as s}from"./p-B4hcsDH0.js";import{GidsStatusTagWebUtils as n,generateId as d,GidsCheckboxWebUtils as c,GidsRadioControlWebUtils as r,GidsRadioWebUtils as l,GidsSidebarMenuItemWebUtils as o,GidsSidebarMenuWebUtils as m}from"@ganpatiinfo/gids-web-shared";import{G as u}from"./p-CcKHKwS0.js";import{G as h}from"./p-BsC3-MVH.js";import{G as p}from"./p-iQRr_fAH.js";import{G as g}from"./p-DZ1ZcTMe.js";import{G as b}from"./p-BkxmRN-4.js";import{d as I}from"./p-DpvdbdZ-.js";const{getGidsStatusTagClassNames:f,getStatusTagIconName:C,getStatusTagText:v}=n,y=({type:t="new",appearance:a="subtlest",size:i="sm",class:s})=>e("div",{class:f({type:t,size:i,appearance:a},s)},e(p,{name:C(t),appearance:"filled"}),e("label",null,v(t))),{getGidsCheckboxClassNames:_}=c,S=({fieldRequirement:t,fieldRequirementOptionalText:a,fieldRequirementRequiredText:i,info:s,labelId:n,checked:c,defaultChecked:r,disabled:l,indeterminate:o,inputId:m,name:u,value:h,required:p,onChange:I,class:f,...C},v)=>{const y=m??d();return e("div",{class:_(f),...C},e(g,{checked:c,defaultChecked:r,disabled:l,indeterminate:o,inputId:y,name:u,value:h,required:p,onChange:I}),e(b,{disabled:l,fieldRequirement:t,fieldRequirementOptionalText:a,fieldRequirementRequiredText:i,labelId:n,htmlFor:y,info:s},v))},{getGidsRadioControlClassNames:x}=r,M=({checked:t,defaultChecked:a,disabled:i,inputId:s,name:n,value:d,onChange:c,class:r,...l})=>e("span",{class:x(r),...l},e("input",{class:"gids-radio-control__input",type:"radio",disabled:i,checked:t,defaultChecked:a,value:d,id:s,name:n,onChange:c}),e("span",{class:"gids-radio-control__check"})),{getGidsRadioClassNames:k}=l,A=({fieldRequirement:t,fieldRequirementOptionalText:a,fieldRequirementRequiredText:i,info:s,labelId:n,checked:c,defaultChecked:r,disabled:l,inputId:o,name:m,value:u,onChange:h,class:p,...g},I)=>{const f=o??d();return e("div",{class:k(p),...g},e(M,{checked:c,defaultChecked:r,disabled:l,inputId:f,name:m,value:u,onChange:h}),e(b,{disabled:l,fieldRequirement:t,fieldRequirementOptionalText:a,fieldRequirementRequiredText:i,labelId:n,htmlFor:f,info:s},I))},{getGidsSidebarMenuItemClassNames:R}=o,T=({id:t="sidebar-menu-item",appearance:a="default",selectionAppearance:i="subtle",leadingLabel:s,leadingSupportingText:n,trailingLabel:d,trailingSupportingText:c,leadingIcon:r,trailingIcon:l,leadingAccessory:o,trailingAccessory:m,selected:u,disabled:h,onPressSidebarMenuItem:p,class:g})=>{const b=s&&""!==s,I=n&&""!==n,f=d&&""!==d,C=c&&""!==c,v=b||I,y=f||C,_=v||y;return e("button",{type:"button",id:t,"data-appearance":a,"data-selected":u?"true":"false",disabled:h,class:R({selected:u,appearance:a,selectionAppearance:i},g),onClick:e=>{p&&p({originalEvent:e,sidebarMenuItemId:t,selected:!u})}},r||o?e("div",{class:"gids-sidebar-menu-item__leading-accessory-content"},r,o):void 0,_?e("div",{class:"gids-sidebar-menu-item__content"},v?e("div",{class:"gids-sidebar-menu-item__leading-content"},b?e("span",{class:"gids-sidebar-menu-item__label-content"},s):void 0,I?e("p",{class:"gids-sidebar-menu-item__support-content"},n):void 0):void 0,y?e("div",{class:"gids-sidebar-menu-item__trailing-content"},f?e("span",{class:"gids-sidebar-menu-item__label-content"},d):void 0,C?e("p",{class:"gids-sidebar-menu-item__support-content"},c):void 0):void 0):void 0,l||m?e("div",{class:"gids-sidebar-menu-item__trailing-accessory-content"},m,l):void 0)},{getGidsSidebarMenuClassNames:q}=m,G=a(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.id="sidebar-menu",this.sidebarMenuItemAppearance="subtle",this.sidebarMenuItemSelectionAppearance="default",this.placement="right-end",this.constrainPlacements=["bottom","left","right","left-start","left-end","right-start","right-end","top"],this.selectedSectionIdState=void 0,this.selectedItemIdState=void 0,this.onSidebarMenuItemPress=({menuItem:e,itemIndex:t,sectionIndex:a,event:i})=>{if(e){const s=(this?.menuData??[])[a];(s?.menuItems??[]).length>0&&!this.isMenuItemSelected({sectionId:s?.sectionId,itemId:e.id})&&(this.selectedSectionIdState=s?.sectionId,this.selectedItemIdState=e.id,this.onSidebarMenuChange&&this.onSidebarMenuChange({originalEvent:i?.originalEvent,sidebarMenuItemId:i.sidebarMenuItemId,selected:i?.selected,sidebarMenuItemSectionId:s?.sectionId??"",sidebarMenuItemSectionIndex:a,sidebarMenuItemIndex:t,sidebarMenuId:this.id}))}this.flyoutPanelElement?.closeFlyoutPanel()},this.isMenuItemSelected=({sectionId:e,itemId:t})=>{const a=this?.selectedSectionIdState,i=this?.selectedItemIdState;return a===e&&i===t},this.isValidMenu=()=>!!(this?.menuData&&this.menuData.length>0&&this.menuData[0]?.menuItems&&this.menuData[0].menuItems.length>0),this.renderAccessory=({accessoryType:t,accessory:a})=>{switch(t){case"badge":return e(u,{...a?.badgeProps});case"display-tag":return e(h,{...a?.displayTagProps,label:a?.displayTagProps?.label??"",color:a?.displayTagProps?.color??"accent-1",icon:a?.displayTagProps?.iconName?e(p,{name:a.displayTagProps.iconName,appearance:a?.displayTagProps?.iconAppearance??"regular",size:a?.displayTagProps?.iconSize??"md",alt:a?.displayTagProps?.iconAlt}):void 0});case"status-tag":return e(y,{...a?.statusTagProps});case"checkbox":return e(S,{checked:a?.checkboxProps?.checked,disabled:a?.checkboxProps?.disabled,indeterminate:a?.checkboxProps?.indeterminate},a?.checkboxProps?.label);case"radio":return e(A,{checked:a?.radioProps?.checked,disabled:a?.radioProps?.disabled},a?.radioProps?.label);default:return}},this.renderIcon=t=>t?.name?e(p,{name:t.name,appearance:t?.appearance??"regular",size:t?.size??"md",alt:t?.alt}):void 0}idChanged(e){this.id=e}sidebarMenuItemAppearanceChanged(e){this.sidebarMenuItemAppearance=e}sidebarMenuItemSelectionAppearanceChanged(e){this.sidebarMenuItemSelectionAppearance=e}selectedSectionIdChanged(e){this.selectedSectionId=e,this.selectedSectionIdState=e}selectedItemIdChanged(e){this.selectedItemId=e,this.selectedItemIdState=e}placementChanged(e){this.placement=e}constrainPlacementsChanged(e){this.constrainPlacements=e}htmlForChanged(e){this.htmlFor=e}menuDataChanged(e){this.menuData=e}connectedCallback(){this.selectedSectionIdState=this.selectedSectionId,this.selectedItemIdState=this.selectedItemId}componentDidRender(){this.flyoutPanelElement=this.hostElement.querySelector("gids-flyout-panel")??void 0}render(){const t=this.id,a=this?.sidebarMenuItemAppearance??"subtle",i=this?.sidebarMenuItemSelectionAppearance??"default",n=this?.placement??"right",d=this?.constrainPlacements&&this.constrainPlacements.length>0?this.constrainPlacements:["bottom","left","right","top","left-start","left-end","right-start","right-end"],c=this.htmlFor,r=this?.menuData??[],l=this.isValidMenu(),o=q();return e(s,{key:"18caea43f2a18e876e094176ee144ece86e0eeec",id:t,class:o},l?e("gids-flyout-panel",{htmlFor:c,constrainPlacements:d,placement:n},r.map(((t,s)=>{const n=t?.sectionLabel,d=t?.menuItems??[];return e("div",{key:`${s+1}`,class:"gids-sidebar-menu__container"},n&&""!==n?e("h3",null,n):void 0,e("div",{class:"gids-sidebar-menu__item-container"},d.map(((n,d)=>{const{leadingAccessoryType:c,leadingAccessory:r,trailingAccessoryType:l,trailingAccessory:o,leadingIconProps:m,trailingIconProps:u,...h}=n;return e(T,{key:`${d+1}`,...h,id:n.id,appearance:a,selectionAppearance:i,selected:this.isMenuItemSelected({sectionId:t?.sectionId,itemId:n.id}),leadingAccessory:this.renderAccessory({accessoryType:c,accessory:r}),trailingAccessory:this.renderAccessory({accessoryType:l,accessory:o}),leadingIcon:this.renderIcon(m),trailingIcon:this.renderIcon(u),onPressSidebarMenuItem:e=>this.onSidebarMenuItemPress({menuItem:n,sectionIndex:s,itemIndex:d,event:e})})}))))}))):void 0)}get hostElement(){return this}static get watchers(){return{id:[{idChanged:0}],sidebarMenuItemAppearance:[{sidebarMenuItemAppearanceChanged:0}],sidebarMenuItemSelectionAppearance:[{sidebarMenuItemSelectionAppearanceChanged:0}],selectedSectionId:[{selectedSectionIdChanged:0}],selectedItemId:[{selectedItemIdChanged:0}],placement:[{placementChanged:0}],constrainPlacements:[{constrainPlacementsChanged:0}],htmlFor:[{htmlForChanged:0}],menuData:[{menuDataChanged:0}]}}static get style(){return".gids-sidebar-menu__container{display:flex;flex-direction:column;gap:var(--gids-gap-200);width:100%;padding:var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-200)}.gids-sidebar-menu__item-container{display:flex;flex-direction:column;gap:var(--gids-gap-150)}"}},[0,"gids-sidebar-menu",{id:[1],sidebarMenuItemAppearance:[1,"sidebar-menu-item-appearance"],sidebarMenuItemSelectionAppearance:[1,"sidebar-menu-item-selection-appearance"],selectedSectionId:[1,"selected-section-id"],selectedItemId:[1,"selected-item-id"],placement:[1],constrainPlacements:[16],htmlFor:[1,"html-for"],menuData:[16],onSidebarMenuChange:[16],selectedSectionIdState:[32],selectedItemIdState:[32]},void 0,{id:[{idChanged:0}],sidebarMenuItemAppearance:[{sidebarMenuItemAppearanceChanged:0}],sidebarMenuItemSelectionAppearance:[{sidebarMenuItemSelectionAppearanceChanged:0}],selectedSectionId:[{selectedSectionIdChanged:0}],selectedItemId:[{selectedItemIdChanged:0}],placement:[{placementChanged:0}],constrainPlacements:[{constrainPlacementsChanged:0}],htmlFor:[{htmlForChanged:0}],menuData:[{menuDataChanged:0}]}]);function P(){"undefined"!=typeof customElements&&["gids-sidebar-menu","gids-flyout-panel"].forEach((e=>{switch(e){case"gids-sidebar-menu":customElements.get(t(e))||customElements.define(t(e),G);break;case"gids-flyout-panel":customElements.get(t(e))||I()}}))}P();export{A as G,S as a,y as b,T as c,P as d,G as e}

package/dist/p-tEbUT3n3.js

@@ -1 +0,0 @@
-import{t,p as i,H as e,h as s}from"./p-B4hcsDH0.js";import{GidsDropdownWebUtils as n}from"@ganpatiinfo/gids-web-shared";import{G as o}from"./p-iQRr_fAH.js";import{d}from"./p-DzOOjiNH.js";const{getGidsDropdownClassNames:h,getGidsChevronButtonControlClassNames:a}=n,r="gids-dropdown-item--active",c=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.appearance="default",this.expanded=!1,this.filterValue="",this.isFilterEditing=!1,this.hasLeadingIcon=!1,this.hasLeadingAccessory=!1,this.activeIndex=-1,this.hasItemListener=!1,this.suppressNextMenuClickSelection=!1,this.hasDocumentListeners=!1,this.hasPendingControlRevalidation=!1,this.handleDropdownItemSelect=t=>{const{value:i,title:e,disabled:s,id:n,isPlaceholderItem:o}=t.detail;s||"string"!=typeof i||(this.suppressNextMenuClickSelection=!0,queueMicrotask((()=>{this.suppressNextMenuClickSelection=!1})),this.applySelection({id:n,value:i,title:e,disabled:!1,originalEvent:t,isPlaceholderItem:o}))},this.handleMenuClick=t=>{if(this.suppressNextMenuClickSelection)return;const i=t.target;if(!(i instanceof Element))return;const e=i.closest(".gids-dropdown-item");if(!e||!this.hostElement.contains(e))return;if(e.hasAttribute("disabled")||"true"===e.getAttribute("aria-disabled"))return;const s=e instanceof HTMLButtonElement?e.value:e.getAttribute("value")||"";if("string"!=typeof s||0===s.length)return;const n=e instanceof HTMLButtonElement?e.id:e.getAttribute("id")??"";if("string"!=typeof n||0===n.length)return;const o=e.getAttribute("is-placeholder-item")??"";let d=e.textContent?.trim()??"";d.endsWith("checkmark")&&(d=d.slice(0,-9).trim()),this.applySelection({id:n,value:s,title:d.trim(),disabled:!1,originalEvent:t,isPlaceholderItem:!(!o||"true"!==o)})},this.handleFilterInput=t=>{const i=t.target;this.filterValue=i?.value??"",this.isFilterEditing=!0,this.clearActive(),this.expanded||this.setExpandedState(!0,t),this.applyFilter()},this.handleInputKeyDown=t=>{if(!this.isInteractive())return;const i=t.key,e="ArrowDown"===i;if((e||"ArrowUp"===i)&&!t.metaKey&&!t.ctrlKey)return t.preventDefault(),this.expanded||this.setExpandedState(!0,t),void this.moveActive(e?1:-1);if("Home"===i&&this.expanded)return t.preventDefault(),void this.setActiveByIndex(0);if("End"===i&&this.expanded)return t.preventDefault(),void this.setActiveByIndex(this.getVisibleEnabledItems().length-1);if("Enter"===i){if(!this.expanded)return t.preventDefault(),this.setExpandedState(!0,t),void this.setActiveByIndex(0);this.selectActive()&&t.preventDefault()}},this.handleTriggerToggle=t=>{this.isInteractive()&&this.setExpandedState(!this.expanded,t)},this.handleInputFocusAndBlur=t=>{this.hostElement.dispatchEvent(new FocusEvent(t.type,{relatedTarget:t.relatedTarget}))},this.handleInputClickToggle=t=>{t.defaultPrevented||this.handleTriggerToggle(t)},this.handleChevronClickToggle=t=>{t.defaultPrevented||(t.stopPropagation(),this.handleTriggerToggle(t))},this.handleDocumentPointerDown=t=>{2!==t.button&&this.expanded&&(("function"==typeof t.composedPath?t.composedPath():[]).includes(this.hostElement)||this.hostElement.contains(t.target)||this.setExpandedState(!1,t))},this.handleDocumentKeyDown=t=>{if(!this.expanded)return;const i=t.key;if("Escape"===i||"Esc"===i)return t.preventDefault(),void this.setExpandedState(!1,t);"Tab"===i&&this.setExpandedState(!1,t)},this.handleFormReset=()=>{this.value=this.initialValue,this.selectedItemTitle=void 0,this.isFilterEditing=!1,this.filterValue="",this.setExpandedState(!1)}}handleExpandedChange(t){t&&!this.isInteractive()&&(this.expanded=!1)}handleInteractivityChange(){!this.isInteractive()&&this.expanded&&this.setExpandedState(!1)}connectedCallback(){this.initialValue=this.value,this.attachItemListener(),this.attachDocumentListeners(),this.attachFormListener()}disconnectedCallback(){this.detachItemListener(),this.detachDocumentListeners(),this.detachFormListener()}componentWillLoad(){this.checkSlots()}componentWillUpdate(){this.checkSlots()}checkSlots(){this.hasLeadingIcon=!!this.hostElement.querySelector('[slot="leadingIconDropdown"]'),this.hasLeadingAccessory=!!this.hostElement.querySelector('[slot="leadingAccessoryDropdown"]')}getItemElements(){return Array.from(this.hostElement.querySelectorAll(".gids-dropdown-item"))}getVisibleEnabledItems(){return this.getItemElements().filter((t=>"none"!==t.style.display&&!t.hasAttribute("disabled")&&"true"!==t.getAttribute("aria-disabled")))}attachItemListener(){this.hasItemListener||(this.hostElement.addEventListener("onPressDropdownItem",this.handleDropdownItemSelect),this.hasItemListener=!0)}detachItemListener(){this.hasItemListener&&(this.hostElement.removeEventListener("onPressDropdownItem",this.handleDropdownItemSelect),this.hasItemListener=!1)}applySelection(t){this.value=t.value,this.selectedItemTitle="string"==typeof t.title?t.title:void 0,this.isFilterEditing=!1,this.filterValue="",this.clearActive(),this.emitNativeSelectionEvents(this.selectedItemTitle??""),this.setExpandedState(!1,this.coerceEvent(t.originalEvent)),this.onSelectionChange?.(t),this.hostElement.dispatchEvent(new CustomEvent("gidsDropdownChange",{bubbles:!0,composed:!0,detail:t}))}getInputControl(){return this.hostElement.querySelector(".gids-input__control")}emitNativeSelectionEvents(t){const i=this.getInputControl();i&&(i.value=t,i.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),i.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}clearActive(){this.activeIndex=-1,this.getItemElements().forEach((t=>t.classList.remove(r))),this.setActiveDescendant(void 0)}setActiveByIndex(t){const i=this.getVisibleEnabledItems();if(this.getItemElements().forEach((t=>t.classList.remove(r))),0===i.length)return this.activeIndex=-1,void this.setActiveDescendant(void 0);const e=Math.max(0,Math.min(t,i.length-1)),s=i[e];if(!s)return this.activeIndex=-1,void this.setActiveDescendant(void 0);this.activeIndex=e,s.classList.add(r),s.scrollIntoView({block:"nearest"}),this.setActiveDescendant(s.id||void 0)}moveActive(t){const i=this.getVisibleEnabledItems();0!==i.length?this.setActiveByIndex(-1===this.activeIndex?t>0?0:i.length-1:(this.activeIndex+t+i.length)%i.length):this.clearActive()}selectActive(){const t=this.getVisibleEnabledItems();if(0===t.length)return!1;const i=this.activeIndex>=0?t[this.activeIndex]:t[0];return!!i&&(i.click(),this.getInputControl()?.focus(),!0)}applyFilter(){const t=this.filterValue.trim().toLowerCase();this.getItemElements().forEach((i=>{const e=(i.textContent??"").toLowerCase(),s=0===t.length||e.includes(t);i.style.display=s?"":"none"}))}setActiveDescendant(t){const i=this.getInputControl();i&&(t?i.setAttribute("aria-activedescendant",t):i.removeAttribute("aria-activedescendant"))}setExpandedState(t,i){const e=Boolean(t);e&&!this.isInteractive()||this.expanded!==e&&(this.expanded=e,e||(this.isFilterEditing=!1,this.filterValue="",this.clearActive(),this.applyFilter(),this.syncInputDisplayValue()),this.hostElement.dispatchEvent(new CustomEvent("gidsDropdownToggle",{bubbles:!0,composed:!0,detail:{expanded:e,originalEvent:i}})))}syncInputDisplayValue(){const t=this.getInputControl();t&&t.value!==(this.selectedItemTitle??"")&&(t.value=this.selectedItemTitle??"")}attachDocumentListeners(){this.hasDocumentListeners||"undefined"==typeof document||(document.addEventListener("pointerdown",this.handleDocumentPointerDown),document.addEventListener("keydown",this.handleDocumentKeyDown),this.hasDocumentListeners=!0)}detachDocumentListeners(){this.hasDocumentListeners&&"undefined"!=typeof document&&(document.removeEventListener("pointerdown",this.handleDocumentPointerDown),document.removeEventListener("keydown",this.handleDocumentKeyDown),this.hasDocumentListeners=!1)}attachFormListener(){const t=this.hostElement.closest("form");this.patternForm!==t&&(this.patternForm&&this.patternForm.removeEventListener("reset",this.handleFormReset),this.patternForm=t??void 0,this.patternForm?.addEventListener("reset",this.handleFormReset))}detachFormListener(){this.patternForm&&(this.patternForm.removeEventListener("reset",this.handleFormReset),this.patternForm=void 0)}get form(){return this.getInputControl()?.form??this.patternForm??null}get validity(){return this.getInputControl()?.validity??{}}get validationMessage(){return this.getInputControl()?.validationMessage??""}get willValidate(){return this.getInputControl()?.willValidate??!1}async checkValidity(){return this.getInputControl()?.checkValidity()??!0}async reportValidity(){return this.getInputControl()?.reportValidity()??!0}async setCustomValidity(t){return this.getInputControl()?.setCustomValidity(t)}isInteractive(){return!(this.disabled||this.readOnly)}coerceEvent(t){if("undefined"!=typeof Event&&null!==t)return t instanceof Event?t:void 0}scheduleControlRevalidation(){if(this.hasPendingControlRevalidation)return;this.hasPendingControlRevalidation=!0;const t=()=>{this.hasPendingControlRevalidation=!1,this.checkValidity()};"function"!=typeof requestAnimationFrame?t():requestAnimationFrame(t)}getEnhancedInputProps(){const t={...this.inputProps??{}};"string"==typeof t.autoComplete&&0!==t?.autoComplete?.trim?.()?.length||(t.autoComplete="off");const i=t.onInput;t.onInput=t=>{i?.(t),this.handleFilterInput(t)};const e=t.onBlur;t.onBlur=t=>{e?.(t),this.scheduleControlRevalidation()};const s=t.onKeyDown;return t.onKeyDown=t=>{s?.(t),t.defaultPrevented||this.handleInputKeyDown(t)},t}render(){const t=this.expanded&&this.isInteractive(),i=h({expanded:t}),e=this.getEnhancedInputProps(),n="string"==typeof e.id?e.id:void 0,d=n?`${n}__menu`:void 0;e.role="combobox",e["aria-expanded"]=t?"true":"false",e["aria-haspopup"]="listbox",e["aria-autocomplete"]="list",d&&(e["aria-controls"]=d);const r=this.isFilterEditing?this.filterValue:this.selectedItemTitle??this.value??"",c=t?"true":"false",l=s("button",{key:"ef56b4d650c7ede283ac956e1bb3fdb99f0464b9",class:a({size:"lg"}),slot:"trailingAccessory",type:"button",onClick:this.handleChevronClickToggle,"aria-label":t?"Collapse options":"Expanded options","aria-expanded":c,"aria-haspopup":"listbox","aria-controls":d,disabled:this.disabled||this.readOnly,tabIndex:-1},s("span",{key:"3707be6a0a5b247f6c624486c3ff5f69add5991c",class:"gids-button__content"},s(o,{key:"b36624f20725a6093fbe786dd34ae70131035b1d",name:"chevron-vertical",alt:""})));return s("div",{key:"07368ce8b66a08e4f874e9335a774a305d07b709",class:i},s("gids-input",{key:"13f996dabaf673f24ccb3752f5239a6461d8612e",appearance:this.appearance,loading:this.loading,disabled:this.disabled,readOnly:this.readOnly,required:this.required,value:r,name:this.name,inputProps:e,onClick:this.handleInputClickToggle,onFocus:this.handleInputFocusAndBlur,onBlur:this.handleInputFocusAndBlur},this.hasLeadingIcon&&s("slot",{key:"7ec0577f5a08094ca8caf73882dd5fee142f8229",name:"leadingIconDropdown",slot:"leadingIcon"}),this.hasLeadingAccessory&&s("slot",{key:"41a33c1e726a203c096de11b82ce4bd7e39b4641",name:"leadingAccessoryDropdown",slot:"leadingAccessory"}),l),s("div",{key:"c59f22dec8e5ca68bfa4bee0ba5ffc7150602468",class:"gids-dropdown__menu",id:d,role:"listbox",onClick:this.handleMenuClick},s("slot",{key:"93bb68248f925d570f01533382d71044079ee786"})))}get hostElement(){return this}static get watchers(){return{expanded:[{handleExpandedChange:0}],disabled:[{handleInteractivityChange:0}],readOnly:[{handleInteractivityChange:0}]}}static get style(){return'@charset "UTF-8";.gids-dropdown{position:relative}.gids-dropdown__menu{position:absolute;inset-inline:0;top:calc(100% + var(--gids-gap-050));z-index:3;display:none;flex-direction:column;min-height:55px;max-height:20rem;overflow-x:hidden;overflow-y:auto;background-color:var(--gids-elevation-surface-overlay-default);box-shadow:var(--gids-elevation-shadow-overlay);border-radius:var(--gids-border-radius-lg)}.gids-dropdown__menu>*{flex-shrink:0}.gids-dropdown--expanded .gids-dropdown__menu{display:flex}.gids-dropdown__leading-icon{display:flex;align-items:center}.gids-dropdown__accessory{display:flex;align-items:center}'}},[260,"gids-dropdown",{appearance:[1],expanded:[1540],inputProps:[16],disabled:[516],readOnly:[516,"read-only"],loading:[516],value:[513],name:[1],onSelectionChange:[16],required:[4],filterValue:[32],isFilterEditing:[32],selectedItemTitle:[32],hasLeadingIcon:[32],hasLeadingAccessory:[32],checkValidity:[64],reportValidity:[64],setCustomValidity:[64]},void 0,{expanded:[{handleExpandedChange:0}],disabled:[{handleInteractivityChange:0}],readOnly:[{handleInteractivityChange:0}]}]);function l(){"undefined"!=typeof customElements&&["gids-dropdown","gids-input"].forEach((i=>{switch(i){case"gids-dropdown":customElements.get(t(i))||customElements.define(t(i),c);break;case"gids-input":customElements.get(t(i))||d()}}))}l();export{c as G,l as d}

package/dist-bundled/es/p-iQRr_fAH-ClfWEu03.js

@@ -1,198 +0,0 @@
-import { D as s } from "./p-B4hcsDH0-CPqEc-vc.js";
-import { h as y, o as k, g as d } from "./assets-Drv1fXkA.js";
-import { c as S } from "./clsx-OuTLNxxd.js";
-const x = ({ size: e }, t) => S("gids-icon", {
-  "gids-icon--xs": e === "xs",
-  "gids-icon--sm": e === "sm",
-  "gids-icon--md": e === "md",
-  "gids-icon--lg": e === "lg"
-}, t), I = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  getGidsIconClassNames: x
-}, Symbol.toStringTag, { value: "Module" }));
-let G = 0;
-const P = (e, t = "gids") => e || `${t}-${G++}`, h = {
-  "icons-other.svg": [
-    "accessibility",
-    "add",
-    "remove",
-    "announcement",
-    "approval",
-    "archive",
-    "audio",
-    "backward",
-    "banking",
-    "battery",
-    "bluetooth",
-    "bookmark",
-    "bulb",
-    "calendar",
-    "camera",
-    "card",
-    "cart",
-    "chart",
-    "chat",
-    "cloud",
-    "code",
-    "compass",
-    "desktop",
-    "email",
-    "emergency",
-    "exchange",
-    "finance",
-    "fingerprint",
-    "flag",
-    "folder",
-    "forward",
-    "gift",
-    "globe",
-    "goals",
-    "happy",
-    "hashtag",
-    "headphones",
-    "history",
-    "image",
-    "insurance",
-    "investment",
-    "in-progress",
-    "key",
-    "link",
-    "list",
-    "location",
-    "lock",
-    "map",
-    "maximise",
-    "microphone",
-    "minimise",
-    "mobile",
-    "moon",
-    "network",
-    "neutral",
-    "ai",
-    "new",
-    "draft",
-    "pending",
-    "new-chat",
-    "pause",
-    "percent",
-    "placeholder",
-    "play",
-    "power",
-    "rain",
-    "refresh",
-    "repeat",
-    "sad",
-    "save",
-    "savings",
-    "shield",
-    "shuffle",
-    "side-navigation",
-    "snow",
-    "speaker",
-    "stop",
-    "sun",
-    "tablet",
-    "temperature",
-    "thumbs-down",
-    "thumbs-up",
-    "travel",
-    "trend-down",
-    "trend-up",
-    "unlock",
-    "upset",
-    "verified",
-    "very-happy",
-    "video",
-    "volume-down",
-    "volume-max",
-    "volume-min",
-    "volume-mute",
-    "volume-up",
-    "wallet",
-    "wealth",
-    "wi-fi",
-    "wind"
-  ],
-  "icons-core.svg": [
-    "arrow-down",
-    "arrow-left",
-    "arrow-right",
-    "arrow-up",
-    "attachment",
-    "checkmark",
-    "chevron-down",
-    "chevron-horizontal",
-    "chevron-left",
-    "chevron-right",
-    "chevron-up",
-    "chevron-vertical",
-    "copy",
-    "cross",
-    "danger",
-    "dashboard",
-    "delete",
-    "document",
-    "download",
-    "drag",
-    "edit",
-    "external",
-    "eye",
-    "filter",
-    "grid",
-    "hide",
-    "home",
-    "information",
-    "log-in",
-    "log-out",
-    "menu",
-    "minus",
-    "more",
-    "notifications",
-    "options",
-    "phone",
-    "plus",
-    "positive",
-    "printer",
-    "question",
-    "search",
-    "select",
-    "select-all",
-    "send",
-    "settings",
-    "share",
-    "star",
-    "time",
-    "upload",
-    "user",
-    "users",
-    "warning"
-  ]
-}, u = /* @__PURE__ */ new Map();
-for (const e in h)
-  for (const t of h[e])
-    u.set(t, e);
-function $(e) {
-  return u.get(e);
-}
-function p(e, t = "regular", n) {
-  const o = $(e);
-  let i = o ?? "";
-  return n && o && (i = n(o) ?? o), `${i}#${e}${t === "filled" ? "--filled" : ""}`;
-}
-const { getGidsIconClassNames: A } = I, M = ({ name: e, size: t, appearance: n, alt: o, class: i, titleId: m, src: g, ...f }) => {
-  const a = P(m);
-  let r = g;
-  return r === void 0 && y() && (r = p(e, n, d)), s("svg", { ref: (v) => {
-    r === void 0 && k((() => {
-      (function(l, w, b) {
-        if (!l) return;
-        const c = document.createElementNS("http://www.w3.org/2000/svg", "use");
-        c.setAttribute("href", p(w, b, d)), l.appendChild(c);
-      })(v, e, n);
-    }));
-  }, width: "16", height: "16", class: A({ size: t }, i), role: "img", "aria-hidden": o === "" ? "true" : void 0, "aria-labelledby": o === "" ? void 0 : a, ...f }, o !== "" && s("title", { id: a }, o || e), r !== void 0 ? s("use", { href: r }) : null);
-};
-export {
-  M as d,
-  P as g
-};

package/dist-bundled/es/p-tEbUT3n3-CWq8ErgN.js

@@ -1,244 +0,0 @@
-import { q as l, L as u, u as p, D as a } from "./p-B4hcsDH0-CPqEc-vc.js";
-import { d as m } from "./p-iQRr_fAH-ClfWEu03.js";
-import { r as g } from "./p-DzOOjiNH-Wm7KbI3O.js";
-import { c } from "./clsx-OuTLNxxd.js";
-const v = ({ expanded: e }, t) => c("gids-dropdown", {
-  "gids-dropdown--expanded": e
-}, t), f = ({ size: e }, t) => c("gids-chevron-button-control", {
-  "gids-chevron-button-control--small": e === "sm",
-  // 'gids-chevron-button-control--medium': size === 'md', // Default
-  "gids-chevron-button-control--large": e === "lg"
-}, t), y = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  getGidsChevronButtonControlClassNames: f,
-  getGidsDropdownClassNames: v
-}, Symbol.toStringTag, { value: "Module" })), { getGidsDropdownClassNames: I, getGidsChevronButtonControlClassNames: b } = y, h = "gids-dropdown-item--active", E = u(class extends p {
-  constructor(e) {
-    super(), e !== !1 && this.__registerHost(), this.appearance = "default", this.expanded = !1, this.filterValue = "", this.isFilterEditing = !1, this.hasLeadingIcon = !1, this.hasLeadingAccessory = !1, this.activeIndex = -1, this.hasItemListener = !1, this.suppressNextMenuClickSelection = !1, this.hasDocumentListeners = !1, this.hasPendingControlRevalidation = !1, this.handleDropdownItemSelect = (t) => {
-      const { value: i, title: n, disabled: s, id: o, isPlaceholderItem: r } = t.detail;
-      s || typeof i != "string" || (this.suppressNextMenuClickSelection = !0, queueMicrotask((() => {
-        this.suppressNextMenuClickSelection = !1;
-      })), this.applySelection({ id: o, value: i, title: n, disabled: !1, originalEvent: t, isPlaceholderItem: r }));
-    }, this.handleMenuClick = (t) => {
-      if (this.suppressNextMenuClickSelection) return;
-      const i = t.target;
-      if (!(i instanceof Element)) return;
-      const n = i.closest(".gids-dropdown-item");
-      if (!n || !this.hostElement.contains(n) || n.hasAttribute("disabled") || n.getAttribute("aria-disabled") === "true") return;
-      const s = n instanceof HTMLButtonElement ? n.value : n.getAttribute("value") || "";
-      if (typeof s != "string" || s.length === 0) return;
-      const o = n instanceof HTMLButtonElement ? n.id : n.getAttribute("id") ?? "";
-      if (typeof o != "string" || o.length === 0) return;
-      const r = n.getAttribute("is-placeholder-item") ?? "";
-      let d = n.textContent?.trim() ?? "";
-      d.endsWith("checkmark") && (d = d.slice(0, -9).trim()), this.applySelection({ id: o, value: s, title: d.trim(), disabled: !1, originalEvent: t, isPlaceholderItem: !(!r || r !== "true") });
-    }, this.handleFilterInput = (t) => {
-      const i = t.target;
-      this.filterValue = i?.value ?? "", this.isFilterEditing = !0, this.clearActive(), this.expanded || this.setExpandedState(!0, t), this.applyFilter();
-    }, this.handleInputKeyDown = (t) => {
-      if (!this.isInteractive()) return;
-      const i = t.key, n = i === "ArrowDown";
-      if ((n || i === "ArrowUp") && !t.metaKey && !t.ctrlKey) return t.preventDefault(), this.expanded || this.setExpandedState(!0, t), void this.moveActive(n ? 1 : -1);
-      if (i === "Home" && this.expanded) return t.preventDefault(), void this.setActiveByIndex(0);
-      if (i === "End" && this.expanded) return t.preventDefault(), void this.setActiveByIndex(this.getVisibleEnabledItems().length - 1);
-      if (i === "Enter") {
-        if (!this.expanded) return t.preventDefault(), this.setExpandedState(!0, t), void this.setActiveByIndex(0);
-        this.selectActive() && t.preventDefault();
-      }
-    }, this.handleTriggerToggle = (t) => {
-      this.isInteractive() && this.setExpandedState(!this.expanded, t);
-    }, this.handleInputFocusAndBlur = (t) => {
-      this.hostElement.dispatchEvent(new FocusEvent(t.type, { relatedTarget: t.relatedTarget }));
-    }, this.handleInputClickToggle = (t) => {
-      t.defaultPrevented || this.handleTriggerToggle(t);
-    }, this.handleChevronClickToggle = (t) => {
-      t.defaultPrevented || (t.stopPropagation(), this.handleTriggerToggle(t));
-    }, this.handleDocumentPointerDown = (t) => {
-      t.button !== 2 && this.expanded && ((typeof t.composedPath == "function" ? t.composedPath() : []).includes(this.hostElement) || this.hostElement.contains(t.target) || this.setExpandedState(!1, t));
-    }, this.handleDocumentKeyDown = (t) => {
-      if (!this.expanded) return;
-      const i = t.key;
-      if (i === "Escape" || i === "Esc") return t.preventDefault(), void this.setExpandedState(!1, t);
-      i === "Tab" && this.setExpandedState(!1, t);
-    }, this.handleFormReset = () => {
-      this.value = this.initialValue, this.selectedItemTitle = void 0, this.isFilterEditing = !1, this.filterValue = "", this.setExpandedState(!1);
-    };
-  }
-  handleExpandedChange(e) {
-    e && !this.isInteractive() && (this.expanded = !1);
-  }
-  handleInteractivityChange() {
-    !this.isInteractive() && this.expanded && this.setExpandedState(!1);
-  }
-  connectedCallback() {
-    this.initialValue = this.value, this.attachItemListener(), this.attachDocumentListeners(), this.attachFormListener();
-  }
-  disconnectedCallback() {
-    this.detachItemListener(), this.detachDocumentListeners(), this.detachFormListener();
-  }
-  componentWillLoad() {
-    this.checkSlots();
-  }
-  componentWillUpdate() {
-    this.checkSlots();
-  }
-  checkSlots() {
-    this.hasLeadingIcon = !!this.hostElement.querySelector('[slot="leadingIconDropdown"]'), this.hasLeadingAccessory = !!this.hostElement.querySelector('[slot="leadingAccessoryDropdown"]');
-  }
-  getItemElements() {
-    return Array.from(this.hostElement.querySelectorAll(".gids-dropdown-item"));
-  }
-  getVisibleEnabledItems() {
-    return this.getItemElements().filter(((e) => e.style.display !== "none" && !e.hasAttribute("disabled") && e.getAttribute("aria-disabled") !== "true"));
-  }
-  attachItemListener() {
-    this.hasItemListener || (this.hostElement.addEventListener("onPressDropdownItem", this.handleDropdownItemSelect), this.hasItemListener = !0);
-  }
-  detachItemListener() {
-    this.hasItemListener && (this.hostElement.removeEventListener("onPressDropdownItem", this.handleDropdownItemSelect), this.hasItemListener = !1);
-  }
-  applySelection(e) {
-    this.value = e.value, this.selectedItemTitle = typeof e.title == "string" ? e.title : void 0, this.isFilterEditing = !1, this.filterValue = "", this.clearActive(), this.emitNativeSelectionEvents(this.selectedItemTitle ?? ""), this.setExpandedState(!1, this.coerceEvent(e.originalEvent)), this.onSelectionChange?.(e), this.hostElement.dispatchEvent(new CustomEvent("gidsDropdownChange", { bubbles: !0, composed: !0, detail: e }));
-  }
-  getInputControl() {
-    return this.hostElement.querySelector(".gids-input__control");
-  }
-  emitNativeSelectionEvents(e) {
-    const t = this.getInputControl();
-    t && (t.value = e, t.dispatchEvent(new Event("input", { bubbles: !0, composed: !0 })), t.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 })));
-  }
-  clearActive() {
-    this.activeIndex = -1, this.getItemElements().forEach(((e) => e.classList.remove(h))), this.setActiveDescendant(void 0);
-  }
-  setActiveByIndex(e) {
-    const t = this.getVisibleEnabledItems();
-    if (this.getItemElements().forEach(((s) => s.classList.remove(h))), t.length === 0) return this.activeIndex = -1, void this.setActiveDescendant(void 0);
-    const i = Math.max(0, Math.min(e, t.length - 1)), n = t[i];
-    if (!n) return this.activeIndex = -1, void this.setActiveDescendant(void 0);
-    this.activeIndex = i, n.classList.add(h), n.scrollIntoView({ block: "nearest" }), this.setActiveDescendant(n.id || void 0);
-  }
-  moveActive(e) {
-    const t = this.getVisibleEnabledItems();
-    t.length !== 0 ? this.setActiveByIndex(this.activeIndex === -1 ? e > 0 ? 0 : t.length - 1 : (this.activeIndex + e + t.length) % t.length) : this.clearActive();
-  }
-  selectActive() {
-    const e = this.getVisibleEnabledItems();
-    if (e.length === 0) return !1;
-    const t = this.activeIndex >= 0 ? e[this.activeIndex] : e[0];
-    return !!t && (t.click(), this.getInputControl()?.focus(), !0);
-  }
-  applyFilter() {
-    const e = this.filterValue.trim().toLowerCase();
-    this.getItemElements().forEach(((t) => {
-      const i = (t.textContent ?? "").toLowerCase(), n = e.length === 0 || i.includes(e);
-      t.style.display = n ? "" : "none";
-    }));
-  }
-  setActiveDescendant(e) {
-    const t = this.getInputControl();
-    t && (e ? t.setAttribute("aria-activedescendant", e) : t.removeAttribute("aria-activedescendant"));
-  }
-  setExpandedState(e, t) {
-    const i = !!e;
-    i && !this.isInteractive() || this.expanded !== i && (this.expanded = i, i || (this.isFilterEditing = !1, this.filterValue = "", this.clearActive(), this.applyFilter(), this.syncInputDisplayValue()), this.hostElement.dispatchEvent(new CustomEvent("gidsDropdownToggle", { bubbles: !0, composed: !0, detail: { expanded: i, originalEvent: t } })));
-  }
-  syncInputDisplayValue() {
-    const e = this.getInputControl();
-    e && e.value !== (this.selectedItemTitle ?? "") && (e.value = this.selectedItemTitle ?? "");
-  }
-  attachDocumentListeners() {
-    this.hasDocumentListeners || typeof document > "u" || (document.addEventListener("pointerdown", this.handleDocumentPointerDown), document.addEventListener("keydown", this.handleDocumentKeyDown), this.hasDocumentListeners = !0);
-  }
-  detachDocumentListeners() {
-    this.hasDocumentListeners && typeof document < "u" && (document.removeEventListener("pointerdown", this.handleDocumentPointerDown), document.removeEventListener("keydown", this.handleDocumentKeyDown), this.hasDocumentListeners = !1);
-  }
-  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);
-  }
-  get form() {
-    return this.getInputControl()?.form ?? this.patternForm ?? null;
-  }
-  get validity() {
-    return this.getInputControl()?.validity ?? {};
-  }
-  get validationMessage() {
-    return this.getInputControl()?.validationMessage ?? "";
-  }
-  get willValidate() {
-    return this.getInputControl()?.willValidate ?? !1;
-  }
-  async checkValidity() {
-    return this.getInputControl()?.checkValidity() ?? !0;
-  }
-  async reportValidity() {
-    return this.getInputControl()?.reportValidity() ?? !0;
-  }
-  async setCustomValidity(e) {
-    return this.getInputControl()?.setCustomValidity(e);
-  }
-  isInteractive() {
-    return !(this.disabled || this.readOnly);
-  }
-  coerceEvent(e) {
-    if (typeof Event < "u" && e !== null) return e instanceof Event ? e : void 0;
-  }
-  scheduleControlRevalidation() {
-    if (this.hasPendingControlRevalidation) return;
-    this.hasPendingControlRevalidation = !0;
-    const e = () => {
-      this.hasPendingControlRevalidation = !1, this.checkValidity();
-    };
-    typeof requestAnimationFrame != "function" ? e() : requestAnimationFrame(e);
-  }
-  getEnhancedInputProps() {
-    const e = { ...this.inputProps ?? {} };
-    typeof e.autoComplete == "string" && e?.autoComplete?.trim?.()?.length !== 0 || (e.autoComplete = "off");
-    const t = e.onInput;
-    e.onInput = (s) => {
-      t?.(s), this.handleFilterInput(s);
-    };
-    const i = e.onBlur;
-    e.onBlur = (s) => {
-      i?.(s), this.scheduleControlRevalidation();
-    };
-    const n = e.onKeyDown;
-    return e.onKeyDown = (s) => {
-      n?.(s), s.defaultPrevented || this.handleInputKeyDown(s);
-    }, e;
-  }
-  render() {
-    const e = this.expanded && this.isInteractive(), t = I({ expanded: e }), i = this.getEnhancedInputProps(), n = typeof i.id == "string" ? i.id : void 0, s = n ? `${n}__menu` : void 0;
-    i.role = "combobox", i["aria-expanded"] = e ? "true" : "false", i["aria-haspopup"] = "listbox", i["aria-autocomplete"] = "list", s && (i["aria-controls"] = s);
-    const o = this.isFilterEditing ? this.filterValue : this.selectedItemTitle ?? this.value ?? "", r = e ? "true" : "false", d = a("button", { key: "ef56b4d650c7ede283ac956e1bb3fdb99f0464b9", class: b({ size: "lg" }), slot: "trailingAccessory", type: "button", onClick: this.handleChevronClickToggle, "aria-label": e ? "Collapse options" : "Expanded options", "aria-expanded": r, "aria-haspopup": "listbox", "aria-controls": s, disabled: this.disabled || this.readOnly, tabIndex: -1 }, a("span", { key: "3707be6a0a5b247f6c624486c3ff5f69add5991c", class: "gids-button__content" }, a(m, { key: "b36624f20725a6093fbe786dd34ae70131035b1d", name: "chevron-vertical", alt: "" })));
-    return a("div", { key: "07368ce8b66a08e4f874e9335a774a305d07b709", class: t }, a("gids-input", { key: "13f996dabaf673f24ccb3752f5239a6461d8612e", appearance: this.appearance, loading: this.loading, disabled: this.disabled, readOnly: this.readOnly, required: this.required, value: o, name: this.name, inputProps: i, onClick: this.handleInputClickToggle, onFocus: this.handleInputFocusAndBlur, onBlur: this.handleInputFocusAndBlur }, this.hasLeadingIcon && a("slot", { key: "7ec0577f5a08094ca8caf73882dd5fee142f8229", name: "leadingIconDropdown", slot: "leadingIcon" }), this.hasLeadingAccessory && a("slot", { key: "41a33c1e726a203c096de11b82ce4bd7e39b4641", name: "leadingAccessoryDropdown", slot: "leadingAccessory" }), d), a("div", { key: "c59f22dec8e5ca68bfa4bee0ba5ffc7150602468", class: "gids-dropdown__menu", id: s, role: "listbox", onClick: this.handleMenuClick }, a("slot", { key: "93bb68248f925d570f01533382d71044079ee786" })));
-  }
-  get hostElement() {
-    return this;
-  }
-  static get watchers() {
-    return { expanded: [{ handleExpandedChange: 0 }], disabled: [{ handleInteractivityChange: 0 }], readOnly: [{ handleInteractivityChange: 0 }] };
-  }
-  static get style() {
-    return '@charset "UTF-8";.gids-dropdown{position:relative}.gids-dropdown__menu{position:absolute;inset-inline:0;top:calc(100% + var(--gids-gap-050));z-index:3;display:none;flex-direction:column;min-height:55px;max-height:20rem;overflow-x:hidden;overflow-y:auto;background-color:var(--gids-elevation-surface-overlay-default);box-shadow:var(--gids-elevation-shadow-overlay);border-radius:var(--gids-border-radius-lg)}.gids-dropdown__menu>*{flex-shrink:0}.gids-dropdown--expanded .gids-dropdown__menu{display:flex}.gids-dropdown__leading-icon{display:flex;align-items:center}.gids-dropdown__accessory{display:flex;align-items:center}';
-  }
-}, [260, "gids-dropdown", { appearance: [1], expanded: [1540], inputProps: [16], disabled: [516], readOnly: [516, "read-only"], loading: [516], value: [513], name: [1], onSelectionChange: [16], required: [4], filterValue: [32], isFilterEditing: [32], selectedItemTitle: [32], hasLeadingIcon: [32], hasLeadingAccessory: [32], checkValidity: [64], reportValidity: [64], setCustomValidity: [64] }, void 0, { expanded: [{ handleExpandedChange: 0 }], disabled: [{ handleInteractivityChange: 0 }], readOnly: [{ handleInteractivityChange: 0 }] }]);
-function x() {
-  typeof customElements < "u" && ["gids-dropdown", "gids-input"].forEach(((e) => {
-    switch (e) {
-      case "gids-dropdown":
-        customElements.get(l(e)) || customElements.define(l(e), E);
-        break;
-      case "gids-input":
-        customElements.get(l(e)) || g();
-    }
-  }));
-}
-x();
-export {
-  E as c,
-  x as l
-};