@ganpatiinfo/gids-core-web 19.0.0 → 21.0.0

package/dist/{p-xbqOQZl9.js → p-tEbUT3n3.js}

@@ -1 +1 @@
-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-j2_DKwBz.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:"9e3dac49fc4d28756ee8a3cc6acf5b3e8fbd3946",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:"bff0ebcd17028764e49a39510f7383cffcbcdb68",class:"gids-button__content"},s(o,{key:"d606133c6a3ef63163f8bab07a76eecaefd513c1",name:"chevron-vertical",alt:""})));return s("div",{key:"90b78fe845b07971f2ce56ceca1bf5e06d948c16",class:i},s("gids-input",{key:"06c87d5843f19553d11b7f3de1e193f605d38c8f",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:"795e828bf59f60318522f9f6c5804969f4a4e898",name:"leadingIconDropdown",slot:"leadingIcon"}),this.hasLeadingAccessory&&s("slot",{key:"f94eadb4e2f8e05d9543c3ee6ce38cdf68401062",name:"leadingAccessoryDropdown",slot:"leadingAccessory"}),l),s("div",{key:"579971401473c61304064214df63b202a367446e",class:"gids-dropdown__menu",id:d,role:"listbox",onClick:this.handleMenuClick},s("slot",{key:"009f17ab13f9da11e2c3fb1464ae8ac3ec49ee39"})))}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}
+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/types/components/html/GidsSidebarMenuItem/GidsSidebarMenuItem.d.ts

@@ -0,0 +1,6 @@
+import { VNode } from '../../../stencil-public-runtime';
+import { JSXBase } from '../../../stencil-public-runtime';
+import { GidsSidebarMenuItemWebProps } from '@ganpatiinfo/gids-web-shared';
+export type GidsSidebarMenuItemBaseWebProps = GidsSidebarMenuItemWebProps<VNode, VNode, Event> & Omit<JSXBase.IntrinsicElements['button'], 'children' | 'onClick'>;
+export type GidsSidebarMenuItemProps = GidsSidebarMenuItemBaseWebProps;
+export declare const GidsSidebarMenuItem: ({ id, appearance, selectionAppearance, leadingLabel, leadingSupportingText, trailingLabel, trailingSupportingText, leadingIcon, trailingIcon, leadingAccessory, trailingAccessory, selected, disabled, onPressSidebarMenuItem, class: className, }: GidsSidebarMenuItemProps) => any;

package/dist/types/components/shared/GidsFloatingElementManager.d.ts

@@ -10,7 +10,7 @@ export interface GidsFloatingElementConfig {
     showArrow?: boolean;
     elementType: GidsFloatingElementType;
     constrainToViewportHeight?: boolean;
-    constrainPlacements?: Extract<GidsFloatingElementPlacement, 'top' | 'bottom'>[];
+    constrainPlacements?: Extract<GidsFloatingElementPlacement, 'top' | 'bottom' | 'left' | 'right' | 'left-start' | 'left-end' | 'right-start' | 'right-end'>[];
     lockToMainAxis?: boolean;
     offset?: number;
     matchReferenceWidth?: boolean;

package/dist/types/components/webComponents/GidsFlyoutPanel/GidsFlyoutPanel.d.ts

@@ -4,6 +4,7 @@ export declare class GidsFlyoutPanel implements GidsFlyoutPanelWebProps<HTMLElem
     _el: HTMLGidsFlyoutPanelElement;
     htmlFor: string;
     placement: GidsFlyoutPanelPlacement;
+    constrainPlacements?: GidsFlyoutPanelPlacement[];
     private floatingElementManager;
     private previouslyFocusedElement;
     private focusableElements;
@@ -17,8 +18,11 @@ export declare class GidsFlyoutPanel implements GidsFlyoutPanelWebProps<HTMLElem
     private updateFocusableElements;
     private trapFocus;
     placementChanged(newPlacement: GidsFlyoutPanelPlacement): void;
+    constrainPlacementsChanged(newContainPlacements: GidsFlyoutPanelPlacement[]): void;
     htmlForChanged(newHtmlFor: string): void;
     private cleanupEventListeners;
+    openFlyoutPanel(event?: Event): void;
+    closeFlyoutPanel(event?: Event): void;
     render(): any;
     disconnectedCallback(): void;
 }

package/dist/types/components/webComponents/GidsForm/GidsForm.d.ts

@@ -0,0 +1,32 @@
+import { GidsFormWebProps } from '@ganpatiinfo/gids-web-shared';
+import { GidsFormAppearance, GidsFormBorderRadius, GidsFormShadow, GidsFormSize } from '@ganpatiinfo/gids-core-shared';
+export type GidsFormBaseWebProps = Omit<GidsFormWebProps<never, never>, 'children' | 'icon'>;
+export declare class GidsForm implements GidsFormBaseWebProps {
+    private hostElement;
+    id: string;
+    appearance?: GidsFormAppearance;
+    heading?: string;
+    supportingText?: string;
+    description?: string;
+    hasBorder?: boolean;
+    shadow?: GidsFormShadow;
+    borderColor?: string;
+    borderRadius?: GidsFormBorderRadius;
+    height?: GidsFormSize;
+    width?: GidsFormSize;
+    divider?: boolean;
+    protected idChanged(next: string): void;
+    protected appearanceChanged(next: GidsFormAppearance): void;
+    protected headingChanged(next: string): void;
+    protected supportingTextChanged(next: string): void;
+    protected descriptionChanged(next: string): void;
+    protected hasBorderChanged(next: boolean): void;
+    protected shadowChanged(next: GidsFormShadow): void;
+    protected borderColorChanged(next: string): void;
+    protected borderRadiusChanged(next: GidsFormBorderRadius): void;
+    protected heightChanged(next: GidsFormSize): void;
+    protected widthChanged(next: GidsFormSize): void;
+    protected dividerChanged(next: boolean): void;
+    connectedCallback(): void;
+    render(): any;
+}

package/dist/types/components/webComponents/GidsProfileMenuHeader/GidsProfileMenuHeader.d.ts

@@ -8,6 +8,7 @@ export declare class GidsProfileMenuHeader implements GidsProfileMenuHeaderBaseW
     headerItemsPosition?: GidsProfileMenuHeaderItemsPosition;
     headerTitle?: string;
     headerSupportingText?: string;
+    headerDescription?: string;
     avatarVisible?: boolean;
     avatarBadgeVisible?: boolean;
     onHeaderAvatarPress?: (event: GidsProfileMenuHeaderItemPressEvent<GidsProfileMenuHeaderPressCustomEvents, string>) => void;
@@ -17,6 +18,7 @@ export declare class GidsProfileMenuHeader implements GidsProfileMenuHeaderBaseW
     protected headerItemsPositionChanged(next: GidsProfileMenuHeaderItemsPosition): void;
     protected headerTitleChanged(next: string): void;
     protected headerSupportingTextChanged(next: string): void;
+    protected headerDescriptionChanged(next: string): void;
     protected avatarVisibilityChanged(next: boolean): void;
     protected avatarBadgeVisibilityChanged(next: boolean): void;
     connectedCallback(): void;

package/dist/types/components/webComponents/GidsSidebar/GidsSidebar.d.ts

@@ -0,0 +1,55 @@
+import { GidsSidebarWebProps } from '@ganpatiinfo/gids-web-shared';
+import { IconAppearance, IconName } from '@ganpatiinfo/gids-web-theme-interface';
+import { GidsFlyoutPanelPlacement, GidsSidebarAppearance, GidsSidebarData, GidsSidebarEvent, GidsSidebarHeight, GidsSidebarItemAppearance } from '@ganpatiinfo/gids-core-shared';
+export type GidsSidebarCustomEvents = Event | MouseEvent;
+export type GidsSidebarBaseWebProps = Omit<GidsSidebarWebProps<IconName, IconAppearance, never, never, never, GidsSidebarCustomEvents>, 'children'>;
+export declare class GidsSidebar implements GidsSidebarBaseWebProps {
+    private hostElement;
+    id: string;
+    appearance?: GidsSidebarAppearance;
+    sidebarItemAppearance?: GidsSidebarItemAppearance;
+    sidebarItemSelectionAppearance?: GidsSidebarItemAppearance;
+    sidebarMenuItemAppearance?: GidsSidebarItemAppearance;
+    sidebarMenuItemSelectionAppearance?: GidsSidebarItemAppearance;
+    selectedSectionId?: string | undefined;
+    selectedItemId?: string | undefined;
+    selectedMenuItemId?: string | undefined;
+    selectedMenuItemSectionId?: string | undefined;
+    height?: GidsSidebarHeight;
+    sectionDividers?: boolean;
+    itemDividers?: boolean;
+    headerDivider?: boolean;
+    menuPlacement?: GidsFlyoutPanelPlacement;
+    menuConstrainPlacements?: GidsFlyoutPanelPlacement[];
+    listData?: GidsSidebarData<IconName, IconAppearance>[];
+    onSidebarChange?: (event: GidsSidebarEvent<GidsSidebarCustomEvents>) => void;
+    selectedMenuItemSectionIdState?: string;
+    selectedMenuItemIdState?: string;
+    selectedSectionIdState?: string;
+    selectedItemIdState?: string;
+    private hasHeaderContent;
+    protected idChanged(next: string): void;
+    protected appearanceChanged(next: GidsSidebarAppearance): void;
+    protected sidebarItemAppearanceChanged(next: GidsSidebarItemAppearance): void;
+    protected sidebarItemSelectionAppearanceChanged(next: GidsSidebarItemAppearance): void;
+    protected sidebarMenuItemAppearanceChanged(next: GidsSidebarItemAppearance): void;
+    protected sidebarMenuItemSelectionAppearanceChanged(next: GidsSidebarItemAppearance): void;
+    protected selectedSectionIdChanged(next: string): void;
+    protected selectedItemIdChanged(next: string): void;
+    protected selectedMenuItemSectionIdChanged(next: string): void;
+    protected selectedMenuItemIdChanged(next: string): void;
+    protected heightChanged(next: GidsSidebarHeight): void;
+    protected sectionDividersChanged(next: boolean): void;
+    protected itemDividersChanged(next: boolean): void;
+    protected menuPlacementChanged(next: GidsFlyoutPanelPlacement): void;
+    protected menuConstrainPlacementsChanged(next: GidsFlyoutPanelPlacement[]): void;
+    protected listDataChanged(next: GidsSidebarData<IconName, IconAppearance>[]): void;
+    connectedCallback(): void;
+    private onSidebarItemPress;
+    private hasMenu;
+    private sidebarMenuItemSelected;
+    private sidebarItemSelected;
+    private renderAccessory;
+    private renderIcon;
+    render(): any;
+}

package/dist/types/components/webComponents/GidsSidebarItem/GidsSidebarItem.d.ts

@@ -0,0 +1,56 @@
+import { GidsFlyoutPanelPlacement, GidsSidebarItemAppearance, GidsSidebarItemEvent, GidsSidebarMenuData, GidsSidebarMenuItemEvent } from '@ganpatiinfo/gids-core-shared';
+import { GidsSidebarItemWebProps } from '@ganpatiinfo/gids-web-shared';
+import { IconAppearance, IconName } from '@ganpatiinfo/gids-web-theme-interface';
+export type GidsSidebarItemCustomEvent = Event | MouseEvent;
+export type GidsSidebarItemBaseWebProps = Omit<GidsSidebarItemWebProps<IconName, IconAppearance, never, never, GidsSidebarItemCustomEvent>, 'leadingIcon' | 'leadingAccessory' | 'trailingAccessory'>;
+export declare class GidsSidebarItem implements GidsSidebarItemBaseWebProps {
+    private hostElement;
+    id: string;
+    appearance?: GidsSidebarItemAppearance;
+    selectionAppearance?: GidsSidebarItemAppearance;
+    leadingLabel?: string;
+    leadingSupportingText?: string;
+    trailingLabel?: string;
+    trailingSupportingText?: string;
+    selected?: boolean;
+    disabled?: boolean;
+    menuId?: string;
+    menuPlacement?: GidsFlyoutPanelPlacement;
+    menuConstrainPlacements?: GidsFlyoutPanelPlacement[];
+    menuData?: GidsSidebarMenuData<IconName, IconAppearance>[];
+    sidebarMenuItemAppearance?: GidsSidebarItemAppearance;
+    sidebarMenuItemSelectionAppearance?: GidsSidebarItemAppearance;
+    selectedMenuItemSectionId?: string;
+    selectedMenuItemId?: string;
+    onPressSidebarMenuItem?: (event: GidsSidebarMenuItemEvent<GidsSidebarItemCustomEvent>) => void;
+    onPressSidebarItem?: (event: GidsSidebarItemEvent<GidsSidebarItemCustomEvent>) => void;
+    selectedMenuItemSectionIdState?: string;
+    selectedMenuItemIdState?: string;
+    selectedState?: boolean;
+    protected idChanged(next: string): void;
+    protected appearanceChanged(next: GidsSidebarItemAppearance): void;
+    protected selectionAppearanceChanged(next: GidsSidebarItemAppearance): void;
+    protected leadingLabelChanged(next: string): void;
+    protected leadingSupportingTextChanged(next: string): void;
+    protected trailingLabelChanged(next: string): void;
+    protected trailingSupportingTextChanged(next: string): void;
+    protected selectedChanged(next: boolean): void;
+    protected disabledChanged(next: boolean): void;
+    protected menuIdChanged(next: string): void;
+    protected menuPlacementChanged(next: GidsFlyoutPanelPlacement): void;
+    protected menuConstrainPlacementsChanged(next: GidsFlyoutPanelPlacement[]): void;
+    protected menuDataChanged(next: GidsSidebarMenuData<IconName, IconAppearance>[]): void;
+    protected sidebarMenuItemAppearanceChanged(next: GidsSidebarItemAppearance): void;
+    protected sidebarMenuItemSelectionAppearanceChanged(next: GidsSidebarItemAppearance): void;
+    protected selectedMenuItemSectionIdChanged(next: string): void;
+    protected selectedMenuItemIdChanged(next: string): void;
+    connectedCallback(): void;
+    private onSidebarMenuItemPress;
+    private onChangeSidebarMenu;
+    private firePressEvents;
+    private isSidebarItemSelected;
+    private isMenuItemSelected;
+    private hasMenu;
+    private isNavigatable;
+    render(): any;
+}

package/dist/types/components/webComponents/GidsSidebarMenu/GidsSidebarMenu.d.ts

@@ -0,0 +1,38 @@
+import { GidsSidebarMenuWebProps } from '@ganpatiinfo/gids-web-shared';
+import { GidsFlyoutPanelPlacement, GidsSidebarMenuData, GidsSidebarMenuEvent, GidsSidebarItemAppearance } from '@ganpatiinfo/gids-core-shared';
+import { IconAppearance, IconName } from '@ganpatiinfo/gids-web-theme-interface';
+export type GidsSidebarMenuCustomEvent = Event | MouseEvent;
+export type GidsSidebarMenuBaseWebProps = GidsSidebarMenuWebProps<IconName, IconAppearance, GidsSidebarMenuCustomEvent>;
+export declare class GidsSidebarMenu implements GidsSidebarMenuBaseWebProps {
+    private hostElement;
+    private flyoutPanelElement?;
+    id: string;
+    sidebarMenuItemAppearance?: GidsSidebarItemAppearance;
+    sidebarMenuItemSelectionAppearance?: GidsSidebarItemAppearance;
+    selectedSectionId?: string;
+    selectedItemId?: string;
+    placement?: GidsFlyoutPanelPlacement;
+    constrainPlacements?: GidsFlyoutPanelPlacement[];
+    htmlFor: string;
+    menuData?: GidsSidebarMenuData<IconName, IconAppearance>[];
+    onSidebarMenuChange?: (event: GidsSidebarMenuEvent<GidsSidebarMenuCustomEvent>) => void;
+    selectedSectionIdState?: string;
+    selectedItemIdState?: string;
+    protected idChanged(next: string): void;
+    protected sidebarMenuItemAppearanceChanged(next: GidsSidebarItemAppearance): void;
+    protected sidebarMenuItemSelectionAppearanceChanged(next: GidsSidebarItemAppearance): void;
+    protected selectedSectionIdChanged(next: string): void;
+    protected selectedItemIdChanged(next: string): void;
+    protected placementChanged(next: GidsFlyoutPanelPlacement): void;
+    protected constrainPlacementsChanged(next: GidsFlyoutPanelPlacement[]): void;
+    protected htmlForChanged(next: string): void;
+    protected menuDataChanged(next: GidsSidebarMenuData<IconName, IconAppearance>[]): void;
+    connectedCallback(): void;
+    componentDidRender(): void;
+    private onSidebarMenuItemPress;
+    private isMenuItemSelected;
+    private isValidMenu;
+    private renderAccessory;
+    private renderIcon;
+    render(): any;
+}