@ganpatiinfo/gids-core-web 8.1.0 → 9.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/index.css +696 -0
- package/dist/css/index.css.map +1 -1
- package/dist/custom-elements.json +332 -0
- package/dist/gids-field.js +1 -1
- package/dist/gids-icon.js +1 -1
- package/dist/gids-input.js +1 -1
- package/dist/gids-overflow-container.d.ts +11 -0
- package/dist/gids-overflow-container.js +1 -0
- package/dist/gids-overlay-provider.js +1 -1
- package/dist/gids-password-field.js +1 -1
- package/dist/gids-popover.d.ts +11 -0
- package/dist/gids-popover.js +1 -0
- package/dist/gids-scrim.js +1 -1
- package/dist/gids-text-field.js +1 -1
- package/dist/gids-toggle-button.js +1 -1
- package/dist/gids-tooltip.d.ts +11 -0
- package/dist/gids-tooltip.js +1 -0
- package/dist/index.js +1 -1
- package/dist/p-B8kX8Vqv.js +1 -0
- package/dist/p-CFw4_-5A.js +1 -0
- package/dist/{p-BVh4zbX4.js → p-DvoHLz_5.js} +1 -1
- package/dist/p-a3JfEYJp.js +1 -0
- package/dist/{p-BplPYg8z.js → p-iCAclJND.js} +1 -1
- package/dist/types/components/html/GidsAccordionItem/GidsAccordionItem.d.ts +4 -0
- package/dist/types/components/html/GidsAccordionItemContent/GidsAccordionItemContent.d.ts +5 -0
- package/dist/types/components/html/GidsAccordionItemHeader/GidsAccordionItemHeader.d.ts +4 -0
- package/dist/types/components/html/GidsButton/GidsButton.d.ts +1 -1
- package/dist/types/components/html/GidsDropdownItem/GidsDropdownItem.d.ts +9 -0
- package/dist/types/components/html/GidsDropdownMenu/GidsDropdownMenu.d.ts +6 -0
- package/dist/types/components/html/GidsDropdownMenuGroup/GidsDropdownMenuGroup.d.ts +5 -0
- package/dist/types/components/html/GidsEditButton/GidsEditButton.d.ts +7 -0
- package/dist/types/components/html/GidsFeedbackBlock/GidsFeedbackBlock.d.ts +4 -0
- package/dist/types/components/html/GidsListItem/GidsListItem.d.ts +11 -0
- package/dist/types/components/html/GidsMenu/GidsMenu.d.ts +6 -0
- package/dist/types/components/html/GidsMenuGroup/GidsMenuGroup.d.ts +5 -0
- package/dist/types/components/html/GidsProgressBar/GidsProgressBar.d.ts +4 -0
- package/dist/types/components/shared/GidsFloatingElementManager.d.ts +57 -0
- package/dist/types/components/shared/GidsFloatingElementTypes.d.ts +4 -0
- package/dist/types/components/webComponents/GidsOverflowContainer/GidsOverflowContainer.d.ts +10 -0
- package/dist/types/components/webComponents/GidsPopover/GidsPopover.d.ts +24 -0
- package/dist/types/components/webComponents/GidsTooltip/GidsTooltip.d.ts +23 -0
- package/dist/types/components.d.ts +101 -2
- package/dist/types/index.d.ts +2 -0
- package/dist/types/utils/childrenValidityUtils.d.ts +8 -0
- package/dist-bundled/es/gids-field.js +2 -2
- package/dist-bundled/es/gids-icon.js +9 -9
- package/dist-bundled/es/gids-input.js +1 -1
- package/dist-bundled/es/gids-overflow-container.js +39 -0
- package/dist-bundled/es/gids-overlay-provider.js +3 -3
- package/dist-bundled/es/gids-password-field.js +14 -14
- package/dist-bundled/es/gids-popover.js +110 -0
- package/dist-bundled/es/gids-scrim.js +5 -5
- package/dist-bundled/es/gids-text-field.js +13 -13
- package/dist-bundled/es/gids-toggle-button.js +5 -5
- package/dist-bundled/es/gids-tooltip.js +66 -0
- package/dist-bundled/es/index.js +33 -19
- package/dist-bundled/es/p-B8kX8Vqv-trBz4jdS.js +7 -0
- package/dist-bundled/es/p-CFw4_-5A-Dzvju3VE.js +25 -0
- package/dist-bundled/es/{p-DijVkS9b-CtFkEtlE.js → p-DijVkS9b-CeV1i4T-.js} +1 -1
- package/dist-bundled/es/{p-BVh4zbX4-C4UJ8LPX.js → p-DvoHLz_5-C5EvA91N.js} +6 -6
- package/dist-bundled/es/p-a3JfEYJp-DyhDK6VZ.js +1128 -0
- package/dist-bundled/es/{p-BplPYg8z-B8uAAfo4.js → p-iCAclJND-Bmsvd-W1.js} +2 -2
- package/dist-bundled/es/{p-veoOgDXg-DElc87c0.js → p-veoOgDXg-fRinub-C.js} +12 -5
- package/dist-bundled/umd/gids-field.umd.js +1 -1
- package/dist-bundled/umd/gids-icon.umd.js +2 -2
- package/dist-bundled/umd/gids-input.umd.js +1 -1
- package/dist-bundled/umd/gids-overflow-container.umd.js +5 -0
- package/dist-bundled/umd/gids-overlay-provider.umd.js +2 -2
- package/dist-bundled/umd/gids-password-field.umd.js +2 -2
- package/dist-bundled/umd/gids-popover.umd.js +5 -0
- package/dist-bundled/umd/gids-scrim.umd.js +2 -2
- package/dist-bundled/umd/gids-text-field.umd.js +2 -2
- package/dist-bundled/umd/gids-toggle-button.umd.js +3 -3
- package/dist-bundled/umd/gids-tooltip.umd.js +5 -0
- package/dist-bundled/umd/index.umd.js +2 -2
- package/dist-bundled/umd-complete/gids-core-web.umd.js +3 -3
- package/package.json +278 -254
- package/dist/p-CWdkmFbc.js +0 -1
- package/dist-bundled/es/p-CWdkmFbc-D89ZE8Mi.js +0 -24
package/dist/gids-scrim.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as s,p as
|
|
1
|
+
import{t as s,p as e,H as t,h as a}from"./p-ibikYq-w.js";import{g as i}from"./p-B2zUuNXz.js";import{GidsScrimWebUtils as r}from"@ganpatiinfo/gids-web-shared";const{getGidsScrimClassNames:o}=r,n=e(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.activeClasses=""}handleExtraClassesChange(s){this.activeClasses=o(s)}connectedCallback(){const s=i();void 0!==s&&this._el.shadowRoot?.adoptedStyleSheets.push(s),this.activeClasses=o(this.extraClasses)}render(){return a("div",{key:"da4b587303359a6075411a1843e03eff6eed68ce",class:this.activeClasses,part:"root"},a("slot",{key:"5a52f6e5628c771b2dd0f5a6221005a0ed8b9fbb"}))}get _el(){return this}static get watchers(){return{extraClasses:[{handleExtraClassesChange:0}]}}static get style(){return".gids-scrim{display:flex;flex-direction:column;background-color:var(--gids-color-background-scrim);height:100vh !important;position:absolute;top:0;bottom:0;left:0;right:0;z-index:1001;align-items:center;justify-content:center;backdrop-filter:blur(12)}"}},[257,"gids-scrim",{extraClasses:[513,"extra-classes"],activeClasses:[32]},void 0,{extraClasses:[{handleExtraClassesChange:0}]}]);function c(){"undefined"!=typeof customElements&&["gids-scrim"].forEach((e=>{"gids-scrim"===e&&(customElements.get(s(e))||customElements.define(s(e),n))}))}c();const l=n,d=c;export{l as GidsScrim,d as defineCustomElement}
|
package/dist/gids-text-field.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as t,H as i,c as s,f as a,h as l}from"./p-ibikYq-w.js";import{GidsTextFieldCommonUtils as n}from"@ganpatiinfo/gids-core-shared";import{generateId as d,GidsTextFieldWebUtils as r}from"@ganpatiinfo/gids-web-shared";import{g as o}from"./p-B2zUuNXz.js";import{a as h,G as
|
|
1
|
+
import{t as e,p as t,H as i,c as s,f as a,h as l}from"./p-ibikYq-w.js";import{GidsTextFieldCommonUtils as n}from"@ganpatiinfo/gids-core-shared";import{generateId as d,GidsTextFieldWebUtils as r}from"@ganpatiinfo/gids-web-shared";import{g as o}from"./p-B2zUuNXz.js";import{a as h,G as c}from"./p-DijVkS9b.js";import{d as u}from"./p-iCAclJND.js";import{d as f}from"./p-DvoHLz_5.js";const{formatCharCount:m}=n,{inputToGidsFieldStatus:b}=r,p=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.gidsTextFieldClear=s(this,"gidsTextFieldClear"),this.#e=d(),this._handleDismiss=()=>{const e=this.#t?.querySelector("input.gids-input__control");e&&(e.value="",e.dispatchEvent(new globalThis.Event("input",{bubbles:!0}))),this.value="",this.gidsTextFieldClear.emit()},this._handleInput=e=>{this.value=e.target?.value},this._handleInputFocusAndBlur=e=>{this._el.dispatchEvent(new FocusEvent(e.type,{relatedTarget:e.relatedTarget}))}}_startSlotContentObserver(){this._slotContentObserver=new MutationObserver((()=>{a(this)})),this._slotContentObserver.observe(this._el,{childList:!0,subtree:!1,attributes:!0,attributeFilter:["slot"]})}connectedCallback(){const e=o();void 0!==e&&this._el.shadowRoot?.adoptedStyleSheets.push(e),this._startSlotContentObserver()}disconnectedCallback(){this._slotContentObserver?.disconnect(),this._slotContentObserver=void 0}#e;#t;render(){const{id:e,...t}=this.inputProps??{},i=e??this.#e,s=this.showClearButton&&void 0!==this.value&&this.value.length>0;return l("gids-field",{key:"80f1981d584f417e010322b2c5ec07a60dc1f388",disabled:this.disabled,count:m(this.value?.length,this.maxLength),helperText:this.helperText,statusText:this.statusText,status:b(this.status)},l(c,{key:"f222a99181809cf9ccdc1ad9ceed98c985681553",slot:"label",disabled:this.disabled,info:l("slot",{name:"info"}),fieldRequirement:this.fieldRequirement,fieldRequirementOptionalText:this.fieldRequirementOptionalText,fieldRequirementRequiredText:this.fieldRequirementRequiredText,isLabelSentence:this.isLabelSentence,htmlFor:i},this.label),l("gids-input",{key:"7ff6cf33f16be119ecc705af8a7fb8965b01b74c",ref:e=>this.#t=e,appearance:this.appearance,status:this.status,loading:this.loading,value:this.value,defaultValue:this.defaultValue,name:this.name,required:this.required,disabled:this.disabled,readOnly:this.readOnly,leadingLabel:this.leadingLabel,trailingLabel:this.trailingLabel,onFocus:this._handleInputFocusAndBlur,onBlur:this._handleInputFocusAndBlur,onInput:this._handleInput,inputProps:{...t,type:this.type,id:i,maxLength:this.maxLength}},l("slot",{key:"d3e260125c8d8f56870e6f484894bd1a1aa8e03b",name:"leadingIcon"}),l("slot",{key:"0445885d41f43d6a76f48ed482673a266b6a0182",name:"leadingAccessory"}),s&&l(h,{key:"be16083a8e414be66ceb37e076f9ebc01cc4fc8f",label:"clear text",slot:"trailingAccessory",size:"lg",onPressDismiss:this._handleDismiss}),l("slot",{key:"0dc7436a9ca21e57409cc18340747295915d2d5f",name:"trailingIcon"})))}get _el(){return this}},[260,"gids-text-field",{label:[513],showClearButton:[516,"show-clear-button"],helperText:[513,"helper-text"],statusText:[513,"status-text"],appearance:[513],status:[513],leadingLabel:[513,"leading-label"],trailingLabel:[513,"trailing-label"],loading:[516],type:[513],name:[513],required:[516],maxLength:[514,"maxlength"],value:[1],defaultValue:[513,"default-value"],disabled:[516],readOnly:[516,"readonly"],inputProps:[16],fieldRequirement:[513,"field-requirement"],fieldRequirementOptionalText:[1,"field-requirement-optional-text"],fieldRequirementRequiredText:[1,"field-requirement-required-text"],isLabelSentence:[16]}]);function g(){"undefined"!=typeof customElements&&["gids-text-field","gids-field","gids-input"].forEach((t=>{switch(t){case"gids-text-field":customElements.get(e(t))||customElements.define(e(t),p);break;case"gids-field":customElements.get(e(t))||u();break;case"gids-input":customElements.get(e(t))||f()}}))}g();const x=p,q=g;export{x as GidsTextField,q as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as t,H as s,c as i,h as n,d as o}from"./p-ibikYq-w.js";import{G as c}from"./p-
|
|
1
|
+
import{t as e,p as t,H as s,c as i,h as n,d as o}from"./p-ibikYq-w.js";import{G as c}from"./p-CFw4_-5A.js";import{g as l}from"./p-B2zUuNXz.js";const a=t(class extends s{get selected(){return this.#e??this.defaultSelected}set selected(e){this.#e=void 0===e?void 0:!!e}constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.select=i(this,"select"),this._toggle=this._toggle.bind(this)}#e;connectedCallback(){const e=l();void 0!==e&&this._el.shadowRoot?.adoptedStyleSheets.push(e)}_toggle(){const e=!this.selected;this._el.selected=e,this.select?.emit(e)}render(){return n(o,{key:"56bc99780f392c4d5064eaa47819ee1ff0897c79"},n("style",{key:"e330f982d625eeb7f72ede3f382231fb5791ec47"},`:host {\n display: ${"full"===this.width?"block":"inline-block"}\n }`),n(c,{key:"ccef97603f645ba92fd4180263d2cbeff0a54a07",appearance:this.appearance,size:this.size,width:this.width,disabled:this.disabled,onClick:this._toggle,"aria-pressed":this.selected?"true":"false",leadingIcon:n("slot",{name:"leadingIcon"}),trailingIcon:n("slot",{name:"trailingIcon"}),forceIconOnly:this._onlyHasLeadingIcon()},n("slot",{key:"7094015cf47ef8d045955419aa43f03174145928"})))}_onlyHasLeadingIcon(){const e=this._el.childNodes;return 1===e.length&&e[0]instanceof window.Element&&"leadingIcon"===e[0].slot}get _el(){return this}},[257,"gids-toggle-button",{disabled:[516],appearance:[513],size:[513],width:[513],defaultSelected:[516,"default-selected"],selected:[6660]}]);function d(){"undefined"!=typeof customElements&&["gids-toggle-button"].forEach((t=>{"gids-toggle-button"===t&&(customElements.get(e(t))||customElements.define(e(t),a))}))}d();const r=a,f=d;export{r as GidsToggleButton,f as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../dist-dev/types/components";
|
|
2
|
+
|
|
3
|
+
interface GidsTooltip extends Components.GidsTooltip, HTMLElement {}
|
|
4
|
+
export const GidsTooltip: {
|
|
5
|
+
prototype: GidsTooltip;
|
|
6
|
+
new (): GidsTooltip;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t,p as i,H as o,h as e,F as s}from"./p-ibikYq-w.js";import{G as a}from"./p-a3JfEYJp.js";import{g as l}from"./p-B2zUuNXz.js";import{G as r}from"./p-B8kX8Vqv.js";const n=i(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.placement="bottom",this.showWithoutDelay=!1,this.lockToMainAxis=!1,this.handleShowEvent=()=>{this.floatingElementManager.showAfterDelay()},this.handleHideEvent=()=>{this.floatingElementManager.hideAfterDelay()}}connectedCallback(){const t=l();void 0!==t&&this._el.shadowRoot?.adoptedStyleSheets.push(t)}componentDidLoad(){this.floatingElementManager=new a(this._el,{htmlFor:this.htmlFor,placement:this.placement,showWithoutDelay:this.showWithoutDelay,lockToMainAxis:this.lockToMainAxis,floatingElementSelector:"#tooltip",arrowElementSelector:"#arrow",visibilityClass:"gids-tooltip--visible",elementType:r.TOOLTIP,getAnchorElementFromSlot:t=>{const i=t.querySelector("slot");return i?.assignedElements()[0]||null}}),this.floatingElementManager.initialize(),this.setupEventListeners()}setupEventListeners(){const t=this.floatingElementManager.getAnchorElement();t&&(t.addEventListener("mouseenter",this.handleShowEvent),t.addEventListener("focus",this.handleShowEvent),t.addEventListener("mouseleave",this.handleHideEvent),t.addEventListener("blur",this.handleHideEvent))}placementChanged(t){this.floatingElementManager?.updateConfig({placement:t}),this.floatingElementManager?.isVisible()&&this.floatingElementManager?.reposition()}showWithoutDelayChanged(t){this.floatingElementManager?.updateConfig({showWithoutDelay:t})}lockToMainAxisChanged(t){this.floatingElementManager?.updateConfig({lockToMainAxis:t})}htmlForChanged(t){this.floatingElementManager?.updateConfig({htmlFor:t}),this.cleanupEventListeners(),this.floatingElementManager?.initialize(),this.setupEventListeners()}cleanupEventListeners(){const t=this.floatingElementManager?.getAnchorElement();t&&(t.removeEventListener("mouseenter",this.handleShowEvent),t.removeEventListener("focus",this.handleShowEvent),t.removeEventListener("mouseleave",this.handleHideEvent),t.removeEventListener("blur",this.handleHideEvent))}render(){return e(s,{key:"49747828eaa09ead2d1e2f6d9d28b66c2db76103"},e("slot",{key:"9ad53320553f1377f01f026a95f7cb894d91c98a"}),e("span",{key:"6116e418faa09d82975a3830f7e0bedcbdd8e87f",id:"tooltip",part:"tooltip",role:"tooltip"},e("span",{key:"677d275b2e161441d76315c50a60a941d6dd010a",id:"arrow"}),this.tooltipText))}disconnectedCallback(){this.cleanupEventListeners(),this.floatingElementManager?.destroy()}get _el(){return this}static get watchers(){return{placement:[{placementChanged:0}],showWithoutDelay:[{showWithoutDelayChanged:0}],lockToMainAxis:[{lockToMainAxisChanged:0}],htmlFor:[{htmlForChanged:0}]}}static get style(){return"gids-tooltip{--gidsTooltip-background:var(--gids-color-background-neutral-bold-default);--gidsTooltip-text-color:var(--gids-color-text-inverse);--gidsTooltip-padding:var(--gids-padding-vertical-edge-to-element-100) var(--gids-padding-horizontal-edge-to-element-200);--gidsTooltip-border-radius:var(--gids-border-radius-sm);--gidsTooltip-tip-border-radius:2px;--gidsTooltip-tip-size:12px;--gidsFloatingElement-background:var(--gidsTooltip-background);--gidsFloatingElement-tip-border-radius:var(--gidsTooltip-tip-border-radius)}[part=tooltip]{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit);position:absolute;display:inline-block;hyphens:auto;background-color:var(--gidsTooltip-background);color:var(--gidsTooltip-text-color);padding:var(--gidsTooltip-padding);border-radius:var(--gidsTooltip-border-radius);z-index:1000;opacity:0;pointer-events:none}[part=tooltip].gids-tooltip--visible{pointer-events:initial;opacity:1}[part=tooltip] span#arrow{position:absolute;height:var(--gidsTooltip-tip-size);width:var(--gidsTooltip-tip-size)}"}},[257,"gids-tooltip",{htmlFor:[513,"for"],tooltipText:[513,"tooltip-text"],placement:[513],showWithoutDelay:[516,"show-without-delay"],lockToMainAxis:[4,"lock-to-main-axis"]},void 0,{placement:[{placementChanged:0}],showWithoutDelay:[{showWithoutDelayChanged:0}],lockToMainAxis:[{lockToMainAxisChanged:0}],htmlFor:[{htmlForChanged:0}]}]);function d(){"undefined"!=typeof customElements&&["gids-tooltip"].forEach((i=>{"gids-tooltip"===i&&(customElements.get(t(i))||customElements.define(t(i),n))}))}d();const h=n,p=d;export{h as GidsTooltip,p as defineCustomElement}
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-ibikYq-w.js";export{g as getConstructedGidsStylesheet,r as refreshConstructedGidsStylesheet}from"./p-B2zUuNXz.js";import{setGidsAssetPaths as
|
|
1
|
+
export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-ibikYq-w.js";export{g as getConstructedGidsStylesheet,r as refreshConstructedGidsStylesheet}from"./p-B2zUuNXz.js";import{setGidsAssetPaths as e}from"@ganpatiinfo/gids-web-shared";export{G as GidsFloatingElementType}from"./p-B8kX8Vqv.js";function t(t,s){e(t,s)}const o=e=>{t(e)},n=e=>{t(e)},i=({children:e,classNameToBeValidated:t,childrenToBeValidated:s,currentComponentName:r})=>{if(null!=e){const o=Array.isArray(e)?e:[e];for(const e of o){if(!e||"object"!=typeof e||!("vtag"in e))throw Error(`HTML/JSX Render Error: Invalid child type passed to ${r}. Expected ${s}.`);{const o=e.vtag;if(o!==t&&o!==s)throw Error(`HTML/JSX Render Error: <${r}> only accepts <${s}> as direct children. Received element tag: "${"function"==typeof o?o.name:o}".`)}}}};export{o as setGidsAssetFilePaths,t as setGidsAssetPaths,n as setGidsDefaultAssetDirPath,i as testHtmlChildrenValidity}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var o;!function(o){o.TOOLTIP="tooltip",o.POPOVER="popover"}(o||(o={}));export{o as G}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{h as t}from"./p-ibikYq-w.js";import{GidsButtonWebUtils as i,nonEmpty as s}from"@ganpatiinfo/gids-web-shared";import{G as e}from"./p-DybsMR13.js";const{getGidsButtonClassNames:n}=i,o=({appearance:i,size:o,destructive:a,positive:d,loading:r,width:p,leadingIcon:c,trailingIcon:l,as:b,disabled:g,class:m,forceIconOnly:u=!1,...v},f)=>{const w=b||"button",h="lg"===o||void 0===o?"md":o;return"button"!==w||"type"in v||(v.type="button"),t(w,{class:n({appearance:i,size:o,destructive:a,loading:r,width:p,positive:d},u||0===f.length&&s(c)&&!s(l),m),disabled:"button"===w?g:void 0,...v},t("span",{class:"gids-button__content"},c,f),r&&t(e,{size:h,indeterminate:!0}),l)};export{o as G}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as t,H as i,h as s,F as a}from"./p-ibikYq-w.js";import{isInteractiveElement as n}from"@ganpatiinfo/gids-web-shared";import{G as
|
|
1
|
+
import{t as e,p as t,H as i,h as s,F as a}from"./p-ibikYq-w.js";import{isInteractiveElement as n}from"@ganpatiinfo/gids-web-shared";import{G as c}from"./p-veoOgDXg.js";import{G as d}from"./p-DybsMR13.js";const l=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.#e={},this._focusInput=e=>{const t=e.target;t===this.#t||this._isWithinInteractiveElement(t)||this.#t?.focus()},this._handleInputFocusAndBlur=e=>{this._el.dispatchEvent(new FocusEvent(e.type,{relatedTarget:e.relatedTarget}))}}get defaultValue(){return this.#t?.defaultValue??this.#e.defaultValue??""}set defaultValue(e){this.#t?this.#t.defaultValue=e:this.#e.defaultValue=e}get value(){return this.#t?.value??this.#e.value??this.#e.defaultValue??""}set value(e){this.#t?this.#t.value=e:this.#e.value=e}#t;#e;_isWithinInteractiveElement(e){if(null===e||e===this._el||!this._el.contains(e))return!1;if(n(e))return!0;{const t=e.parentElement;if(t)return this._isWithinInteractiveElement(t)}return!1}connectedCallback(){this._el.addEventListener("click",this._focusInput)}disconnectedCallback(){this._el.removeEventListener("click",this._focusInput)}render(){return s(a,{key:"c1e035111a8a80ef0b442bc0298785f0c7445113"},s("slot",{key:"49bd52d5bbc7c9b962b27f6404ca9817de699b31",name:"leadingIcon"}),this.leadingLabel&&s("span",{key:"2863a61da1f009b7287af508d9809d66787ddaf7",class:"gids-input__label"},this.leadingLabel),s("slot",{key:"f74e8993fb8b1dd186a53c4557ceffac681f2881",name:"leadingAccessory"}),s("input",{key:"2bc7f84858a8533f33c66834ad212c38ad698075",...this.inputProps,ref:e=>{this.#t=e,void 0!==this.#e.value&&(this.#t.value=this.#e.value,delete this.#e.value),void 0!==this.#e.defaultValue&&(this.#t.defaultValue=this.#e.defaultValue,delete this.#e.defaultValue)},class:"gids-input__control",name:this.name,disabled:this.disabled,readOnly:this.readOnly,required:this.required,onFocus:this._handleInputFocusAndBlur,onBlur:this._handleInputFocusAndBlur}),s("slot",{key:"2116db712ac02853ae4974b4ad618b5eee372b3f",name:"trailingAccessory"}),this.trailingLabel&&s("span",{key:"35dc9b1c2bd2ef493b0ce1a602688f41854c922d",class:"gids-input__label"},this.trailingLabel),s("slot",{key:"6cc1b37e9a0b979f04de753d8527aaae2970762c",name:"trailingIcon"}),"incomplete"===this.status&&s(c,{key:"8c963877cee9bc941b1236a6b647fc1790a41cdc",name:"warning",appearance:"filled",class:"gids-input__warning-icon"}),"complete"===this.status&&s(c,{key:"a2c401261ff8defa2802b5bbc336a6b4cc177ff4",name:"positive",appearance:"filled",class:"gids-input__positive-icon"}),this.loading&&s(d,{key:"4dd22cd62d87ff444794fc8f1c4f0cc78e14738a",size:"md",indeterminate:!0}))}get _el(){return this}},[260,"gids-input",{appearance:[513],defaultValue:[6657,"default-value"],disabled:[516],inputProps:[16],leadingLabel:[513,"leading-label"],trailingLabel:[513,"trailing-label"],loading:[516],name:[513],readOnly:[516,"readonly"],required:[516],status:[513],value:[6145]}]);function r(){"undefined"!=typeof customElements&&["gids-input"].forEach((t=>{"gids-input"===t&&(customElements.get(e(t))||customElements.define(e(t),l))}))}r();export{l as G,r as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{autoUpdate as t,offset as i,flip as s,shift as e,arrow as n,computePosition as o,platform as h}from"@floating-ui/dom";import{G as r}from"./p-B8kX8Vqv.js";function a(t){var i;return(null==t||null==(i=t.ownerDocument)?void 0:i.defaultView)||window}const l=/transform|translate|scale|rotate|perspective|filter/,c=/paint|layout|strict|content/,u=t=>!!t&&"none"!==t;let d;function m(t){const i=(s=t,"undefined"!=typeof window&&(s instanceof Element||s instanceof a(s).Element)?a(e=t).getComputedStyle(e):t);var s,e;return u(i.transform)||u(i.translate)||u(i.scale)||u(i.rotate)||u(i.perspective)||(null==d&&(d="undefined"!=typeof CSS&&CSS.supports&&CSS.supports("-webkit-backdrop-filter","none")),!d&&(u(i.backdropFilter)||u(i.filter)))||l.test(i.willChange||"")||c.test(i.contain||"")}function f(t){return function(t){for(let i=t;i;i=p(i))if(i instanceof Element&&"none"===getComputedStyle(i).display)return null;for(let i=p(t);i;i=p(i)){if(!(i instanceof Element))continue;const t=getComputedStyle(i);if("contents"!==t.display){if("static"!==t.position||m(t))return i;if("BODY"===i.tagName)return i}}return null}(t)}function p(t){return t.assignedSlot?t.assignedSlot:t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentNode}class g{static{this.currentFloatingElements=new Map}constructor(t,i){this.el=t,this.config=i,this.offset=10,this.timeDelayBeforeFadingOut=50,this.popoverMainAxisEnabled=!0,this.currentPlacement=i.placement,this.cleanup=null}setCommonTimingConfig(){this.timeBeforeElementShows=this.config.showWithoutDelay?50:500,this.timeOfAnimation=this.config.showWithoutDelay?50:250}initialize(){this.setCommonTimingConfig(),this.floatingElement=this.el.shadowRoot?.querySelector(this.config.floatingElementSelector),this.floatingElement&&this.applyViewportMaxWidth(),this.arrowEl=!1!==this.config.showArrow&&this.config.arrowElementSelector?this.el.shadowRoot?.querySelector(this.config.arrowElementSelector):null,this.anchorElement=this.config.htmlFor?.length>0?document.getElementById(this.config.htmlFor):this.config.getAnchorElementFromSlot(this.el.shadowRoot),this.anchorElement?this.setupPositioning():console.warn("Could not determine the element associated with this floating element."+(this.config.htmlFor?.length>0?`Element with id=${this.config.htmlFor} could not be found on the DOM.`:""))}getAnchorElement(){return this.anchorElement}updateConfig(t){this.config={...this.config,...t},"showWithoutDelay"in t&&this.setCommonTimingConfig(),this.forceUpdate()}getConfig(){return this.config}getCurrentPlacement(){return this.currentPlacement||this.config.placement}reposition(){this.forceUpdate()}forceUpdate(){this.anchorElement&&this.floatingElement&&this.updatePosition()}setupPositioning(){this.anchorElement&&this.updatePosition()}setupAutoUpdate(){!this.cleanup&&this.anchorElement&&(this.cleanup=t(this.anchorElement,this.floatingElement,(()=>{this.updatePosition()}),{ancestorScroll:!0,ancestorResize:!1,elementResize:!0,layoutShift:!0,animationFrame:!1}))}cleanupAutoUpdate(){this.cleanup&&(this.cleanup(),this.cleanup=null)}updatePosition(){if(!this.anchorElement)return;const t=[i(this.offset)],a=s({mainAxis:!0,crossAxis:!this.config.lockToMainAxis&&"alignment",fallbackAxisSideDirection:"end",padding:this.offset}),l=this.config.elementType===r.POPOVER,c=e({padding:this.offset,mainAxis:this.config.elementType===r.TOOLTIP||l&&this.popoverMainAxisEnabled,crossAxis:!1});this.config.placement.includes("-")?t.push(a,c):t.push(c,a),!1!==this.config.showArrow&&this.arrowEl&&t.push(n({element:this.arrowEl,padding:this.offset})),o(this.anchorElement,this.floatingElement,{placement:this.config.placement,strategy:"fixed",middleware:t,platform:{...h,getOffsetParent:t=>h.getOffsetParent(t,f)}}).then((({x:t,y:i,middlewareData:s,placement:e})=>{if(l){const t=e.startsWith("left")||e.startsWith("right"),i=e.startsWith("top")||e.startsWith("bottom"),s=this.isAnchorInViewport(),n=!!i||(t?s:this.popoverMainAxisEnabled);if(n!==this.popoverMainAxisEnabled)return this.popoverMainAxisEnabled=n,void this.updatePosition()}this.currentPlacement=e,Object.assign(this.floatingElement.style,{left:`${t}px`,top:`${i}px`,position:"fixed",transition:`opacity ${this.timeOfAnimation}ms ease`});const n=e.split("-")[0]??"bottom",o={top:"bottom",right:"left",bottom:"top",left:"right"}[n],{arrowZIndex:h}=this.normalizeFloatingElementStacking();if(s.arrow&&this.arrowEl){const t=this.arrowEl.offsetWidth,{x:i,y:e}=s.arrow;this.arrowEl.style.borderRadius=`${["left","right"].includes(n)?"0 ":""}var(--gidsFloatingElement-tip-border-radius, 2px)${["top","bottom"].includes(n)?" 0":""}`,Object.assign(this.arrowEl.style,{left:null!==i?`${i}px`:"",top:null!==e?`${e}px`:"",right:"",bottom:"",[o]:-t/2+"px",transform:"rotate(45deg)",zIndex:`${h}`,background:"var(--gidsFloatingElement-background)"})}}))}applyViewportMaxWidth(){const t=`calc(100vw - ${2*this.offset}px)`;this.floatingElement?.style.maxWidth!==t&&(this.floatingElement.style.maxWidth=t)}normalizeFloatingElementStacking(){const t=this.floatingElement.style.zIndex||(window.getComputedStyle?.(this.floatingElement).zIndex??""),i=Number.parseInt(t,10),s=Number.isNaN(i)?-1:i-1,e=Number.isNaN(i)?s+1:i;return Number.isNaN(e)||(this.floatingElement.style.zIndex=`${e}`),Array.from(this.floatingElement.children).forEach((t=>{if(!(t instanceof HTMLElement)||t===this.arrowEl)return;const i=t.style.zIndex||(window.getComputedStyle?.(t).zIndex??""),s=Number.parseInt(i,10),n=window.getComputedStyle?.(t).position??"";(""===i||"auto"===i||Number.isNaN(s)||s<e)&&(t.style.zIndex=`${e}`,""!==n&&"static"!==n||(t.style.position="relative"))})),{contentZIndex:e,arrowZIndex:s}}hideFloatingElement(){this.floatingElement.classList.remove(this.config.visibilityClass),g.currentFloatingElements.delete(this.config.elementType)}showFloatingElement(){const t=g.currentFloatingElements.get(this.config.elementType);t&&t.hideFloatingElement(),this.floatingElement.classList.add(this.config.visibilityClass),g.currentFloatingElements.set(this.config.elementType,this)}isVisible(){return this.floatingElement.classList.contains(this.config.visibilityClass)}show(){this.setupAutoUpdate(),this.showFloatingElement()}hide(){this.cleanupAutoUpdate(),this.hideFloatingElement()}toggle(){this.isVisible()?this.hide():this.show()}showAfterDelay(){clearTimeout(this.hoverOutTimeout),this.hoverTimeout=setTimeout((()=>{this.show()}),this.timeBeforeElementShows)}hideAfterDelay(){clearTimeout(this.hoverTimeout),this.hoverOutTimeout=setTimeout((()=>{this.hide()}),this.timeDelayBeforeFadingOut)}cancelDelayedActions(){clearTimeout(this.hoverTimeout),clearTimeout(this.hoverOutTimeout)}destroy(){this.cleanupAutoUpdate(),this.cancelDelayedActions()}isAnchorInViewport(){if(!(this.anchorElement&&this.anchorElement instanceof Element))return!1;const t=this.anchorElement.getBoundingClientRect(),i=window.innerHeight||document.documentElement?.clientHeight||0,s=window.innerWidth||document.documentElement?.clientWidth||0,e=t.height/2+2*this.offset;return t.bottom>=e&&t.top<=i-e&&t.right>=0&&t.left<=s}}export{g as G}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as i,H as s,h as e,d as a}from"./p-ibikYq-w.js";import{GidsFieldWebUtils as o}from"@ganpatiinfo/gids-web-shared";import{G as r}from"./p-veoOgDXg.js";import{g as n}from"./p-B2zUuNXz.js";const{getGidsFieldClassNames:l}=o,d=i(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.status="implicit",this._hasLabel=!1,this._controlListenerTargets=[],this._controlTouched=!1,this._handleLabelSlotChange=()=>{this._hasLabel=(this._labelSlot?.assignedElements()?.length??0)>0},this._setLabelSlot=t=>{this._labelSlot=t??void 0,this._handleLabelSlotChange()},this._setControlSlot=t=>{this._controlSlot=t??void 0,this._handleControlSlotChange()},this._handleControlSlotChange=()=>{const t=this._controlSlot?.assignedNodes({flatten:!0})??[],i=this._findTextControl(t);this._attachControlElement(i)},this._handleControlValueInput=t=>{if(!this._controlTouched){const i=t.target;i instanceof HTMLInputElement&&("checkbox"===i.type||"radio"===i.type)&&(this._controlTouched=!0)}this._updateControlValidationState()},this._handleControlBlur=()=>{this._controlTouched=!0,this._updateControlValidationState()},this._handleControlInvalid=()=>{this._controlTouched=!0,this._updateControlValidationState()},this._handleFormReset=()=>{this._controlTouched=!1,this._updateControlValidationState()},this._handleFormSubmit=()=>{this._controlTouched=!0,this._updateControlValidationState()}}_handleStatusChange(){this._isImplicitStatus()||void 0===this._controlValidationMessage?this._updateControlValidationState():this._controlValidationMessage=void 0}connectedCallback(){const t=n();void 0!==t&&this._el.shadowRoot?.adoptedStyleSheets.push(t)}componentDidLoad(){setTimeout((()=>{this._handleControlSlotChange(),this._handleLabelSlotChange()}))}async reScanControl(){this._handleControlSlotChange()}disconnectedCallback(){this._detachControlElement(),this._detachFormListeners()}render(){const t=this._hasStatusText(),i=void 0!==this._controlValidationMessage?this._controlValidationMessage:this._shouldRenderExplicitStatusText()?this.statusText:void 0,s=this._getCurrentStatus(),o=["gids-field__status-text"];if(t){const t=this._getStatusModifierClass(s,"gids-field__status-text");null!=t&&o.push(t)}return e(a,{key:"4bd0ef4ac11ded5f563595485082650801fdbe1b"},e("div",{key:"3617e3301f53dcb21a9beb98b4a23d620e3dd39d",class:l()},e("div",{key:"bb1f6710ee27c94346f7ee9459389d901b23d913",class:"gids-field__header",hidden:!this._hasLabelContent()},e("slot",{key:"8fa03ca31936bc6082052b099ac29afea2ec3032",ref:this._setLabelSlot,name:"label",onSlotchange:this._handleControlSlotChange}),e("div",{key:"1b50c69005c2d0b89c47dc01c2dcbb343bdeecff",class:"gids-field__count","aria-live":"polite"},this.count)),e("div",{key:"b8664a96496a6e7289fb14bdadbb59dcee9af3d1",class:"gids-field__control"},e("slot",{key:"bff757557406c0165be3569c4eb34adb1fe346ca",ref:this._setControlSlot,onSlotchange:this._handleControlSlotChange})),e("p",{key:"0638e493fc4ac98f6c10a8392c45ffde8b8340a4",class:"gids-field__supporting-text",hidden:!this._shouldShowHelperText()},this.helperText),t?e("p",{class:o.join(" "),role:"status","aria-live":"polite"},this._renderStatusIcon(s),void 0!==i?e("span",null,i):null):null))}_hasLabelContent(){return this._hasLabel}_hasHelperText(){return this._hasText(this.helperText)}_shouldShowHelperText(){return!!this._hasHelperText()&&!this._hasStatusText()}_hasStatusText(){return this._isImplicitStatus()?void 0!==this._controlValidationMessage:this._shouldRenderExplicitStatusText()}_shouldRenderExplicitStatusText(){return!this._isImplicitStatus()&&"default"!==this.status&&this._hasText(this.statusText)}_renderStatusIcon(t){if(!this._hasStatusText())return;const i=this._getStatusIconName(t);if(void 0===i)return;const s=["gids-field__status-icon"],a=this._getStatusModifierClass(t,"gids-field__status-icon");null!=a&&s.push(a);let o=t;return"error"===t&&(o="danger"),"success"===t&&(o="positive"),e(r,{appearance:"filled",size:"sm",alt:"",name:i,class:s.join(" "),style:{"--gidsIcon-color":`var(--gids-color-icon-${o})`}})}_getCurrentStatus(){return this._isImplicitStatus()&&null!=this._controlValidationMessage?"error":this.status??"implicit"}_getStatusIconName(t){if("implicit"!==t)return"success"===t?"positive":"error"===t?"danger":void 0}_isImplicitStatus(){return"implicit"===this.status||void 0===this.status}_hasText(t){return"string"==typeof t&&t.trim().length>0}_getStatusModifierClass(t,i){if("implicit"!==t)return`${i}--${t}`}_attachControlElement(t){if(this._controlElement===t)return this._updateControlValidationState(),void this._attachFormListeners(t?.form??this._el.closest("form"));if(this._detachControlElement(),this._controlElement=t,this._resetControlValidationState(),this._controlListenerTargets=[],t){const i=this._getControlListenerTargets(t);this._controlListenerTargets=i,i.forEach((t=>{t.addEventListener("input",this._handleControlValueInput),t.addEventListener("change",this._handleControlValueInput),t.addEventListener("blur",this._handleControlBlur,!0),t.addEventListener("invalid",this._handleControlInvalid)})),this._attachFormListeners(t.form??this._el.closest("form"))}this._updateControlValidationState()}_detachControlElement(){this._controlListenerTargets.length>0&&(this._controlListenerTargets?.forEach((t=>{t.removeEventListener("input",this._handleControlValueInput),t.removeEventListener("change",this._handleControlValueInput),t.removeEventListener("blur",this._handleControlBlur,!0),t.removeEventListener("invalid",this._handleControlInvalid)})),this._controlListenerTargets=[]),this._controlElement=null,this._resetControlValidationState(),this._detachFormListeners()}_getControlListenerTargets(t){return t instanceof HTMLInputElement&&"radio"===t.type&&null!=t.name?this._getRadioGroupControls(t):[t]}_getRadioGroupControls(t){const i=t.form;if(i&&null!=t.name){const s=i.elements.namedItem(t.name);if(s instanceof RadioNodeList){const t=Array.from(s).filter((t=>t instanceof HTMLInputElement&&"radio"===t.type&&this._el.contains(t)));if(t.length>0)return t}}if(null!=t.name){const i=`input[type="radio"][name="${CSS.escape(t.name)}"]`,s=Array.from(this._el.querySelectorAll(i));if(s.length>0)return s}return[t]}_attachFormListeners(t){void 0!==t&&(null!==t?t!==this._formElement&&(this._detachFormListeners(),this._formElement=t,this._formElement.addEventListener("reset",this._handleFormReset),this._formElement.addEventListener("submit",this._handleFormSubmit)):this._detachFormListeners())}_detachFormListeners(){this._formElement&&(this._formElement.removeEventListener("reset",this._handleFormReset),this._formElement.removeEventListener("submit",this._handleFormSubmit),this._formElement=null)}_findTextControl(t){for(const i of t){if(i.nodeType!==Node.ELEMENT_NODE)continue;const t=i,s=this._asTextControl(t);if(null!==s)return s;const e=t.querySelector("input, textarea");if(e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement)return e}return null}_asTextControl(t){return t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement?t:null}_resetControlValidationState(){this._controlTouched=!1,void 0!==this._controlValidationMessage&&(this._controlValidationMessage=void 0)}_updateControlValidationState(){if(!this._isImplicitStatus())return void(void 0!==this._controlValidationMessage&&(this._controlValidationMessage=void 0));const t=this._controlElement;if(!t||t.disabled)return void(void 0!==this._controlValidationMessage&&(this._controlValidationMessage=void 0));const i=t.validationMessage?.trim()??"";this._controlTouched&&t.matches(":user-invalid")&&i.length>0?this._controlValidationMessage!==i&&(this._controlValidationMessage=i):void 0!==this._controlValidationMessage&&(this._controlValidationMessage=void 0)}get _el(){return this}static get watchers(){return{status:[{_handleStatusChange:0}]}}static get style(){return".gids-field{display:flex;flex-direction:column;gap:var(--gids-gap-075)}.gids-field__header{display:flex;gap:var(--gids-gap-100);align-items:flex-start}.gids-field__header[hidden]{display:none}.gids-field__count{margin-left:auto;color:var(--gids-color-text-subtle);text-align:right;white-space:nowrap;font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit)}:host([disabled]) .gids-field__count{color:var(--gids-color-text-disabled)}.gids-field__control{display:flex;flex-direction:column;gap:var(--gids-gap-050)}.gids-field__supporting-text,.gids-field__status-text{margin:0;padding-top:var(--gids-padding-vertical-edge-to-element-050);font-family:var(--gids-typography-paragraph-x-small__font-family);font-size:var(--gids-typography-paragraph-x-small__font-size);font-weight:var(--gids-typography-paragraph-x-small__font-weight);letter-spacing:var(--gids-typography-paragraph-x-small__letter-spacing);line-height:var(--gids-typography-paragraph-x-small__line-height);text-transform:var(--gids-typography-paragraph-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-paragraph-x-small__font-variant-caps, inherit)}.gids-field__supporting-text{color:var(--gids-color-text-subtlest)}.gids-field__status-text{display:flex;align-items:flex-start;gap:var(--gids-gap-050)}.gids-field__status-text .gids-field__status-icon{margin-top:max(0px, -1 * (var(--gids-size-160) - var(--gids-typograpy-paragraph-x-small__line-height) * var(--gids-typograpy-paragraph-x-small__font-size)) / 2)}.gids-field__status-text>span{margin-top:max(0px, (var(--gids-size-160) - var(--gids-typograpy-paragraph-x-small__line-height) * var(--gids-typograpy-paragraph-x-small__font-size)) / 2)}.gids-field__status-icon{flex-shrink:0}.gids-field__status-text--information{color:var(--gids-color-text-information);--gids-field-status-icon-color:$icon-color}.gids-field__status-icon--information{--gidsIcon-color:$icon-color}.gids-field__status-text--success{color:var(--gids-color-text-positive);--gids-field-status-icon-color:$icon-color}.gids-field__status-icon--success{--gidsIcon-color:$icon-color}.gids-field__status-text--warning{color:var(--gids-color-text-warning);--gids-field-status-icon-color:$icon-color}.gids-field__status-icon--warning{--gidsIcon-color:$icon-color}.gids-field__status-text--error{color:var(--gids-color-text-danger);--gids-field-status-icon-color:$icon-color}.gids-field__status-icon--error{--gidsIcon-color:$icon-color}"}},[257,"gids-field",{disabled:[516],count:[513],helperText:[513,"helper-text"],statusText:[513,"status-text"],status:[513],_controlValidationMessage:[32],_hasLabel:[32],reScanControl:[64]},void 0,{status:[{_handleStatusChange:0}]}]);function h(){"undefined"!=typeof customElements&&["gids-field"].forEach((i=>{"gids-field"===i&&(customElements.get(t(i))||customElements.define(t(i),d))}))}h();export{d as G,h as d}
|
|
1
|
+
import{t,p as i,H as s,h as e,d as a}from"./p-ibikYq-w.js";import{GidsFieldWebUtils as o}from"@ganpatiinfo/gids-web-shared";import{G as r}from"./p-veoOgDXg.js";import{g as n}from"./p-B2zUuNXz.js";const{getGidsFieldClassNames:l}=o,d=i(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.status="implicit",this._hasLabel=!1,this._controlListenerTargets=[],this._controlTouched=!1,this._handleLabelSlotChange=()=>{this._hasLabel=(this._labelSlot?.assignedElements()?.length??0)>0},this._setLabelSlot=t=>{this._labelSlot=t??void 0,this._handleLabelSlotChange()},this._setControlSlot=t=>{this._controlSlot=t??void 0,this._handleControlSlotChange()},this._handleControlSlotChange=()=>{const t=this._controlSlot?.assignedNodes({flatten:!0})??[],i=this._findTextControl(t);this._attachControlElement(i)},this._handleControlValueInput=t=>{if(!this._controlTouched){const i=t.target;i instanceof HTMLInputElement&&("checkbox"===i.type||"radio"===i.type)&&(this._controlTouched=!0)}this._updateControlValidationState()},this._handleControlBlur=()=>{this._controlTouched=!0,this._updateControlValidationState()},this._handleControlInvalid=()=>{this._controlTouched=!0,this._updateControlValidationState()},this._handleFormReset=()=>{this._controlTouched=!1,this._updateControlValidationState()},this._handleFormSubmit=()=>{this._controlTouched=!0,this._updateControlValidationState()}}_handleStatusChange(){this._isImplicitStatus()||void 0===this._controlValidationMessage?this._updateControlValidationState():this._controlValidationMessage=void 0}connectedCallback(){const t=n();void 0!==t&&this._el.shadowRoot?.adoptedStyleSheets.push(t)}componentDidLoad(){setTimeout((()=>{this._handleControlSlotChange(),this._handleLabelSlotChange()}))}async reScanControl(){this._handleControlSlotChange()}disconnectedCallback(){this._detachControlElement(),this._detachFormListeners()}render(){const t=this._hasStatusText(),i=void 0!==this._controlValidationMessage?this._controlValidationMessage:this._shouldRenderExplicitStatusText()?this.statusText:void 0,s=this._getCurrentStatus(),o=["gids-field__status-text"];if(t){const t=this._getStatusModifierClass(s,"gids-field__status-text");null!=t&&o.push(t)}return e(a,{key:"f1c189d4ab013c55a6c4c28421a43ebb33878fed"},e("div",{key:"473d4ee6ff5c4799eb390dace343c04cdddfc959",class:l()},e("div",{key:"2c9360422392ee547c88d68251e2c2818d12df9a",class:"gids-field__header",hidden:!this._hasLabelContent()},e("slot",{key:"9aeddb378b273fb98297f4d08bf63506ad12edc2",ref:this._setLabelSlot,name:"label",onSlotchange:this._handleControlSlotChange}),e("div",{key:"6408089c512c2f3a5182f26c396f21e0cd1d55e1",class:"gids-field__count","aria-live":"polite"},this.count)),e("div",{key:"46f8ba80d3bb1b501361121a1ccf6e7aa46b6466",class:"gids-field__control"},e("slot",{key:"472a3796360ffe099e8baef78b7483da66da2f3e",ref:this._setControlSlot,onSlotchange:this._handleControlSlotChange})),e("p",{key:"adc16a67e0e48ac97e593ea65690db81ca1614c9",class:"gids-field__supporting-text",hidden:!this._shouldShowHelperText()},this.helperText),t?e("p",{class:o.join(" "),role:"status","aria-live":"polite"},this._renderStatusIcon(s),void 0!==i?e("span",null,i):null):null))}_hasLabelContent(){return this._hasLabel}_hasHelperText(){return this._hasText(this.helperText)}_shouldShowHelperText(){return!!this._hasHelperText()&&!this._hasStatusText()}_hasStatusText(){return this._isImplicitStatus()?void 0!==this._controlValidationMessage:this._shouldRenderExplicitStatusText()}_shouldRenderExplicitStatusText(){return!this._isImplicitStatus()&&"default"!==this.status&&this._hasText(this.statusText)}_renderStatusIcon(t){if(!this._hasStatusText())return;const i=this._getStatusIconName(t);if(void 0===i)return;const s=["gids-field__status-icon"],a=this._getStatusModifierClass(t,"gids-field__status-icon");null!=a&&s.push(a);let o=t;return"error"===t&&(o="danger"),"success"===t&&(o="positive"),e(r,{appearance:"filled",size:"sm",alt:"",name:i,class:s.join(" "),style:{"--gidsIcon-color":`var(--gids-color-icon-${o})`}})}_getCurrentStatus(){return this._isImplicitStatus()&&null!=this._controlValidationMessage?"error":this.status??"implicit"}_getStatusIconName(t){if("implicit"!==t)return"success"===t?"positive":"error"===t?"danger":void 0}_isImplicitStatus(){return"implicit"===this.status||void 0===this.status}_hasText(t){return"string"==typeof t&&t.trim().length>0}_getStatusModifierClass(t,i){if("implicit"!==t)return`${i}--${t}`}_attachControlElement(t){if(this._controlElement===t)return this._updateControlValidationState(),void this._attachFormListeners(t?.form??this._el.closest("form"));if(this._detachControlElement(),this._controlElement=t,this._resetControlValidationState(),this._controlListenerTargets=[],t){const i=this._getControlListenerTargets(t);this._controlListenerTargets=i,i.forEach((t=>{t.addEventListener("input",this._handleControlValueInput),t.addEventListener("change",this._handleControlValueInput),t.addEventListener("blur",this._handleControlBlur,!0),t.addEventListener("invalid",this._handleControlInvalid)})),this._attachFormListeners(t.form??this._el.closest("form"))}this._updateControlValidationState()}_detachControlElement(){this._controlListenerTargets.length>0&&(this._controlListenerTargets?.forEach((t=>{t.removeEventListener("input",this._handleControlValueInput),t.removeEventListener("change",this._handleControlValueInput),t.removeEventListener("blur",this._handleControlBlur,!0),t.removeEventListener("invalid",this._handleControlInvalid)})),this._controlListenerTargets=[]),this._controlElement=null,this._resetControlValidationState(),this._detachFormListeners()}_getControlListenerTargets(t){return t instanceof HTMLInputElement&&"radio"===t.type&&null!=t.name?this._getRadioGroupControls(t):[t]}_getRadioGroupControls(t){const i=t.form;if(i&&null!=t.name){const s=i.elements.namedItem(t.name);if(s instanceof RadioNodeList){const t=Array.from(s).filter((t=>t instanceof HTMLInputElement&&"radio"===t.type&&this._el.contains(t)));if(t.length>0)return t}}if(null!=t.name){const i=`input[type="radio"][name="${CSS.escape(t.name)}"]`,s=Array.from(this._el.querySelectorAll(i));if(s.length>0)return s}return[t]}_attachFormListeners(t){void 0!==t&&(null!==t?t!==this._formElement&&(this._detachFormListeners(),this._formElement=t,this._formElement.addEventListener("reset",this._handleFormReset),this._formElement.addEventListener("submit",this._handleFormSubmit)):this._detachFormListeners())}_detachFormListeners(){this._formElement&&(this._formElement.removeEventListener("reset",this._handleFormReset),this._formElement.removeEventListener("submit",this._handleFormSubmit),this._formElement=null)}_findTextControl(t){for(const i of t){if(i.nodeType!==Node.ELEMENT_NODE)continue;const t=i,s=this._asTextControl(t);if(null!==s)return s;const e=t.querySelector("input, textarea");if(e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement)return e}return null}_asTextControl(t){return t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement?t:null}_resetControlValidationState(){this._controlTouched=!1,void 0!==this._controlValidationMessage&&(this._controlValidationMessage=void 0)}_updateControlValidationState(){if(!this._isImplicitStatus())return void(void 0!==this._controlValidationMessage&&(this._controlValidationMessage=void 0));const t=this._controlElement;if(!t||t.disabled)return void(void 0!==this._controlValidationMessage&&(this._controlValidationMessage=void 0));const i=t.validationMessage?.trim()??"";this._controlTouched&&t.matches(":user-invalid")&&i.length>0?this._controlValidationMessage!==i&&(this._controlValidationMessage=i):void 0!==this._controlValidationMessage&&(this._controlValidationMessage=void 0)}get _el(){return this}static get watchers(){return{status:[{_handleStatusChange:0}]}}static get style(){return".gids-field{display:flex;flex-direction:column;gap:var(--gids-gap-075)}.gids-field__header{display:flex;gap:var(--gids-gap-100);align-items:flex-start}.gids-field__header[hidden]{display:none}.gids-field__count{margin-left:auto;color:var(--gids-color-text-subtle);text-align:right;white-space:nowrap;font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit)}:host([disabled]) .gids-field__count{color:var(--gids-color-text-disabled)}.gids-field__control{display:flex;flex-direction:column;gap:var(--gids-gap-050)}.gids-field__supporting-text,.gids-field__status-text{margin:0;padding-top:var(--gids-padding-vertical-edge-to-element-050);font-family:var(--gids-typography-paragraph-x-small__font-family);font-size:var(--gids-typography-paragraph-x-small__font-size);font-weight:var(--gids-typography-paragraph-x-small__font-weight);letter-spacing:var(--gids-typography-paragraph-x-small__letter-spacing);line-height:var(--gids-typography-paragraph-x-small__line-height);text-transform:var(--gids-typography-paragraph-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-paragraph-x-small__font-variant-caps, inherit)}.gids-field__supporting-text{color:var(--gids-color-text-subtlest)}.gids-field__status-text{display:flex;align-items:flex-start;gap:var(--gids-gap-050)}.gids-field__status-text .gids-field__status-icon{margin-top:max(0px, -1 * (var(--gids-size-160) - var(--gids-typograpy-paragraph-x-small__line-height) * var(--gids-typograpy-paragraph-x-small__font-size)) / 2)}.gids-field__status-text>span{margin-top:max(0px, (var(--gids-size-160) - var(--gids-typograpy-paragraph-x-small__line-height) * var(--gids-typograpy-paragraph-x-small__font-size)) / 2)}.gids-field__status-icon{flex-shrink:0}.gids-field__status-text--information{color:var(--gids-color-text-information);--gids-field-status-icon-color:$icon-color}.gids-field__status-icon--information{--gidsIcon-color:$icon-color}.gids-field__status-text--success{color:var(--gids-color-text-positive);--gids-field-status-icon-color:$icon-color}.gids-field__status-icon--success{--gidsIcon-color:$icon-color}.gids-field__status-text--warning{color:var(--gids-color-text-warning);--gids-field-status-icon-color:$icon-color}.gids-field__status-icon--warning{--gidsIcon-color:$icon-color}.gids-field__status-text--error{color:var(--gids-color-text-danger);--gids-field-status-icon-color:$icon-color}.gids-field__status-icon--error{--gidsIcon-color:$icon-color}"}},[257,"gids-field",{disabled:[516],count:[513],helperText:[513,"helper-text"],statusText:[513,"status-text"],status:[513],_controlValidationMessage:[32],_hasLabel:[32],reScanControl:[64]},void 0,{status:[{_handleStatusChange:0}]}]);function h(){"undefined"!=typeof customElements&&["gids-field"].forEach((i=>{"gids-field"===i&&(customElements.get(t(i))||customElements.define(t(i),d))}))}h();export{d as G,h as d}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { type GidsAccordionItemCommonProps } from '@ganpatiinfo/gids-core-shared';
|
|
2
|
+
import type { FunctionalComponent, JSXBase } from '../../../stencil-public-runtime';
|
|
3
|
+
export type GidsAccordionItemProps = JSXBase.IntrinsicElements['details'] & Omit<GidsAccordionItemCommonProps<never>, 'children'>;
|
|
4
|
+
export declare const GidsAccordionItem: FunctionalComponent<GidsAccordionItemProps>;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { FunctionalComponent } from '../../../stencil-public-runtime';
|
|
2
|
+
import { GidsAccordionItemContentCommonProps } from '@ganpatiinfo/gids-core-shared';
|
|
3
|
+
import { JSXBase } from '../../../stencil-public-runtime';
|
|
4
|
+
export type GidsAccordionItemContentProps = JSXBase.IntrinsicElements['div'] & Omit<GidsAccordionItemContentCommonProps<never>, 'children'>;
|
|
5
|
+
export declare const GidsAccordionItemContent: FunctionalComponent<GidsAccordionItemContentProps>;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { GidsAccordionItemHeaderCommonProps } from '@ganpatiinfo/gids-core-shared';
|
|
2
|
+
import type { FunctionalComponent, JSXBase } from '../../../stencil-public-runtime';
|
|
3
|
+
export type GidsAccordionItemHeaderProps = JSXBase.IntrinsicElements['summary'] & Omit<GidsAccordionItemHeaderCommonProps<never>, 'children'>;
|
|
4
|
+
export declare const GidsAccordionItemHeader: FunctionalComponent<GidsAccordionItemHeaderProps>;
|
|
@@ -21,4 +21,4 @@ export type GidsButtonProps<E extends PermittedGidsButtonElements> = GidsButtonW
|
|
|
21
21
|
* @param children
|
|
22
22
|
* @returns
|
|
23
23
|
*/
|
|
24
|
-
export declare const GidsButton: <E extends PermittedGidsButtonElements = "button">({ appearance, size, destructive, loading, width, leadingIcon, trailingIcon, as, disabled, class: className, forceIconOnly, ...rest }: GidsButtonProps<E>, children: VNode[]) => VNode | VNode[];
|
|
24
|
+
export declare const GidsButton: <E extends PermittedGidsButtonElements = "button">({ appearance, size, destructive, positive, loading, width, leadingIcon, trailingIcon, as, disabled, class: className, forceIconOnly, ...rest }: GidsButtonProps<E>, children: VNode[]) => VNode | VNode[];
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { GidsDropdownItemWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
import { FunctionalComponent, JSXBase, VNode } from '../../../stencil-public-runtime';
|
|
3
|
+
import { GidsDropdownItemSelectEventDetail } from '@ganpatiinfo/gids-core-shared';
|
|
4
|
+
type NativeButtonProps = Omit<JSXBase.IntrinsicElements['button'], 'disabled' | 'type' | 'onClick' | 'children' | 'value'>;
|
|
5
|
+
export interface GidsDropdownItemProps extends GidsDropdownItemWebProps<VNode>, NativeButtonProps {
|
|
6
|
+
onPressDropdownItem?: (event: CustomEvent<GidsDropdownItemSelectEventDetail>) => void;
|
|
7
|
+
}
|
|
8
|
+
export declare const GidsDropdownItem: FunctionalComponent<GidsDropdownItemProps>;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { FunctionalComponent, VNode } from '../../../stencil-public-runtime';
|
|
2
|
+
import { JSXBase } from '../../../stencil-public-runtime';
|
|
3
|
+
import { type GidsDropdownMenuWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
4
|
+
export interface GidsDropdownMenuProps extends GidsDropdownMenuWebProps<VNode>, Omit<JSXBase.IntrinsicElements['div'], 'children' | 'onClick'> {
|
|
5
|
+
}
|
|
6
|
+
export declare const GidsDropdownMenu: FunctionalComponent<GidsDropdownMenuProps>;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { VNode } from '../../../stencil-public-runtime';
|
|
2
|
+
import { FunctionalComponent, JSXBase } from '../../../stencil-public-runtime';
|
|
3
|
+
import { GidsDropdownMenuGroupWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
4
|
+
export type GidsDropdownMenuGroupProps = GidsDropdownMenuGroupWebProps<VNode> & Omit<JSXBase.IntrinsicElements['div'], 'onClick' | 'children'>;
|
|
5
|
+
export declare const GidsDropdownMenuGroup: FunctionalComponent<GidsDropdownMenuGroupProps>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { VNode } from '../../../stencil-public-runtime';
|
|
2
|
+
import { FunctionalComponent, JSXBase } from '../../../stencil-public-runtime';
|
|
3
|
+
import { GidsEditButtonWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
4
|
+
export interface GidsEditButtonProps extends Omit<JSXBase.IntrinsicElements['button'], 'children' | 'onClick'>, GidsEditButtonWebProps<VNode> {
|
|
5
|
+
onPressEditButton?: (this: HTMLButtonElement, event: Event) => void;
|
|
6
|
+
}
|
|
7
|
+
export declare const GidsEditButton: FunctionalComponent<GidsEditButtonProps>;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { FunctionalComponent, VNode } from '../../../stencil-public-runtime';
|
|
2
|
+
import { GidsFeedbackBlockCommonProps } from '@ganpatiinfo/gids-core-shared';
|
|
3
|
+
export type GidsFeedbackBlockProps = GidsFeedbackBlockCommonProps<VNode | VNode[], VNode[], VNode | VNode[] | string>;
|
|
4
|
+
export declare const GidsFeedbackBlock: FunctionalComponent<GidsFeedbackBlockProps>;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { FunctionalComponent, type VNode } from '../../../stencil-public-runtime';
|
|
2
|
+
import { GidsListItemWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { type JSXBase } from '../../../stencil-public-runtime';
|
|
4
|
+
import { GidsListItemSelectEventDetail } from '@ganpatiinfo/gids-core-shared';
|
|
5
|
+
type NativeButtonProps = Omit<JSXBase.IntrinsicElements['button'], 'children' | 'onClick' | 'disabled' | 'type' | 'value'>;
|
|
6
|
+
export interface GidsListItemProps extends GidsListItemWebProps<VNode | string, VNode, VNode | string, VNode | string>, NativeButtonProps {
|
|
7
|
+
onPressEditButton?: (this: HTMLButtonElement, event: Event) => void;
|
|
8
|
+
onPressListItem?: (event: CustomEvent<GidsListItemSelectEventDetail>) => void;
|
|
9
|
+
}
|
|
10
|
+
export declare const GidsListItem: FunctionalComponent<GidsListItemProps>;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { FunctionalComponent, VNode } from '../../../stencil-public-runtime';
|
|
2
|
+
import { JSXBase } from '../../../stencil-public-runtime';
|
|
3
|
+
import { GidsMenuWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
4
|
+
export interface GidsMenuProps extends GidsMenuWebProps<VNode, VNode | string>, Omit<JSXBase.IntrinsicElements['div'], 'children' | 'onClick'> {
|
|
5
|
+
}
|
|
6
|
+
export declare const GidsMenu: FunctionalComponent<GidsMenuProps>;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { VNode } from '../../../stencil-public-runtime';
|
|
2
|
+
import { FunctionalComponent, JSXBase } from '../../../stencil-public-runtime';
|
|
3
|
+
import { GidsMenuGroupWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
4
|
+
export type GidsMenuGroupProps = GidsMenuGroupWebProps<VNode> & Omit<JSXBase.IntrinsicElements['div'], 'children' | 'onClick'>;
|
|
5
|
+
export declare const GidsMenuGroup: FunctionalComponent<GidsMenuGroupProps>;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { type GidsProgressBarCommonProps } from '@ganpatiinfo/gids-core-shared';
|
|
2
|
+
import { FunctionalComponent, JSXBase } from '../../../stencil-public-runtime';
|
|
3
|
+
export type GidsProgressBarProps = JSXBase.IntrinsicElements['div'] & GidsProgressBarCommonProps;
|
|
4
|
+
export declare const GidsProgressBar: FunctionalComponent<GidsProgressBarProps>;
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { type GidsFloatingElementPlacement } from '@ganpatiinfo/gids-core-shared';
|
|
2
|
+
import { GidsFloatingElementType } from './GidsFloatingElementTypes.js';
|
|
3
|
+
export interface GidsFloatingElementConfig {
|
|
4
|
+
htmlFor: string;
|
|
5
|
+
placement: GidsFloatingElementPlacement;
|
|
6
|
+
showWithoutDelay: boolean;
|
|
7
|
+
floatingElementSelector: string;
|
|
8
|
+
arrowElementSelector?: string;
|
|
9
|
+
visibilityClass: string;
|
|
10
|
+
showArrow?: boolean;
|
|
11
|
+
elementType: GidsFloatingElementType;
|
|
12
|
+
lockToMainAxis?: boolean;
|
|
13
|
+
getAnchorElementFromSlot: (shadowRoot: ShadowRoot) => HTMLElement | Element | null;
|
|
14
|
+
}
|
|
15
|
+
export declare class GidsFloatingElementManager {
|
|
16
|
+
private el;
|
|
17
|
+
private config;
|
|
18
|
+
private anchorElement;
|
|
19
|
+
private floatingElement;
|
|
20
|
+
private arrowEl;
|
|
21
|
+
private hoverTimeout;
|
|
22
|
+
private hoverOutTimeout;
|
|
23
|
+
private currentPlacement;
|
|
24
|
+
private static currentFloatingElements;
|
|
25
|
+
private cleanup;
|
|
26
|
+
private offset;
|
|
27
|
+
private timeBeforeElementShows;
|
|
28
|
+
private timeOfAnimation;
|
|
29
|
+
private timeDelayBeforeFadingOut;
|
|
30
|
+
private popoverMainAxisEnabled;
|
|
31
|
+
constructor(el: Element, config: GidsFloatingElementConfig);
|
|
32
|
+
setCommonTimingConfig(): void;
|
|
33
|
+
initialize(): void;
|
|
34
|
+
getAnchorElement(): HTMLElement | Element | null | undefined;
|
|
35
|
+
updateConfig(newConfig: Partial<GidsFloatingElementConfig>): void;
|
|
36
|
+
getConfig(): GidsFloatingElementConfig;
|
|
37
|
+
getCurrentPlacement(): GidsFloatingElementPlacement;
|
|
38
|
+
reposition(): void;
|
|
39
|
+
private forceUpdate;
|
|
40
|
+
private setupPositioning;
|
|
41
|
+
private setupAutoUpdate;
|
|
42
|
+
private cleanupAutoUpdate;
|
|
43
|
+
private updatePosition;
|
|
44
|
+
private applyViewportMaxWidth;
|
|
45
|
+
private normalizeFloatingElementStacking;
|
|
46
|
+
private hideFloatingElement;
|
|
47
|
+
private showFloatingElement;
|
|
48
|
+
isVisible(): boolean;
|
|
49
|
+
show(): void;
|
|
50
|
+
hide(): void;
|
|
51
|
+
toggle(): void;
|
|
52
|
+
showAfterDelay(): void;
|
|
53
|
+
hideAfterDelay(): void;
|
|
54
|
+
cancelDelayedActions(): void;
|
|
55
|
+
destroy(): void;
|
|
56
|
+
private isAnchorInViewport;
|
|
57
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type GidsOverflowContainerCommonProps, GidsOverflowContainerShadowLocation } from '@ganpatiinfo/gids-core-shared';
|
|
2
|
+
export declare class GidsOverflowContainer implements Omit<GidsOverflowContainerCommonProps<never>, 'children'> {
|
|
3
|
+
private _el;
|
|
4
|
+
shadowLocation?: GidsOverflowContainerShadowLocation;
|
|
5
|
+
private _textArea;
|
|
6
|
+
connectedCallback(): void;
|
|
7
|
+
componentDidLoad(): void;
|
|
8
|
+
private calculateShadows;
|
|
9
|
+
render(): any;
|
|
10
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { GidsFloatingElementPlacement } from '@ganpatiinfo/gids-core-shared';
|
|
2
|
+
import { GidsPopoverWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
export declare class GidsPopover implements GidsPopoverWebProps<HTMLElement> {
|
|
4
|
+
_el: HTMLGidsPopoverElement;
|
|
5
|
+
htmlFor: string;
|
|
6
|
+
placement: GidsFloatingElementPlacement;
|
|
7
|
+
private floatingElementManager;
|
|
8
|
+
private previouslyFocusedElement;
|
|
9
|
+
private focusableElements;
|
|
10
|
+
componentDidLoad(): void;
|
|
11
|
+
private setupEventListeners;
|
|
12
|
+
private handleToggleEvent;
|
|
13
|
+
private handleDocumentClick;
|
|
14
|
+
private handleKeyDown;
|
|
15
|
+
private onPopoverShow;
|
|
16
|
+
private onPopoverHide;
|
|
17
|
+
private updateFocusableElements;
|
|
18
|
+
private trapFocus;
|
|
19
|
+
placementChanged(newPlacement: GidsFloatingElementPlacement): void;
|
|
20
|
+
htmlForChanged(newHtmlFor: string): void;
|
|
21
|
+
private cleanupEventListeners;
|
|
22
|
+
render(): any;
|
|
23
|
+
disconnectedCallback(): void;
|
|
24
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { GidsFloatingElementPlacement } from '@ganpatiinfo/gids-core-shared';
|
|
2
|
+
import { GidsTooltipWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
export declare class GidsTooltip implements GidsTooltipWebProps {
|
|
4
|
+
_el: HTMLGidsTooltipElement;
|
|
5
|
+
htmlFor: string;
|
|
6
|
+
tooltipText: string;
|
|
7
|
+
placement: GidsFloatingElementPlacement;
|
|
8
|
+
showWithoutDelay: boolean;
|
|
9
|
+
lockToMainAxis: boolean;
|
|
10
|
+
private floatingElementManager;
|
|
11
|
+
connectedCallback(): void;
|
|
12
|
+
componentDidLoad(): void;
|
|
13
|
+
private setupEventListeners;
|
|
14
|
+
private handleShowEvent;
|
|
15
|
+
private handleHideEvent;
|
|
16
|
+
placementChanged(newPlacement: GidsFloatingElementPlacement): void;
|
|
17
|
+
showWithoutDelayChanged(newShowWithoutDelay: boolean): void;
|
|
18
|
+
lockToMainAxisChanged(newLockToMainAxis?: boolean): void;
|
|
19
|
+
htmlForChanged(newHtmlFor: string): void;
|
|
20
|
+
private cleanupEventListeners;
|
|
21
|
+
render(): any;
|
|
22
|
+
disconnectedCallback(): void;
|
|
23
|
+
}
|