UNPKG

iobroker.lovelace

Version:

With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI

github.com/ioBroker/ioBroker.lovelace

ioBroker/ioBroker.lovelace

2 lines • 21 kB
1
2
/*! For license information please see 58011.41879594b504f79c.js.LICENSE.txt */ export const __rspack_esm_id=58011;export const __rspack_esm_ids=[58011];export const __webpack_modules__={56304(t,e,a){a.a(t,async function(t,e){try{var i=a(62826),s=a(99324),o=a(92070),r=a(5124),l=a(22441),n=a(6412),h=a(63672),c=a(57237),d=a(53305),u=t([s]);s=(u.then?(await u)():u)[0];class p extends((0,d.w)(r.WF)){get _formControl(){return this._textarea}setFocused(t){t?this.toggleAttribute("focused",!0):this.removeAttribute("focused")}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",c.d)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",c.d)}async firstUpdated(t){super.firstUpdated(t),this.autofocus&&(await(this._textarea?.updateComplete),this._textarea?.focus())}focus(t){this._textarea?.focus(t)}render(){const t=!this.label&&this._hasSlotController.test("label"),e=!this.hint&&this._hasSlotController.test("hint");return r.qy` <wa-textarea .value="${this.value??null}" .placeholder="${this.placeholder}" .readonly="${this.readonly}" .required="${this.required}" .rows="${this.rows??4}" .resize="${this.resize}" .disabled="${this.disabled}" name="${(0,h.J)(this.name)}" autocapitalize="${(0,h.J)(this.autocapitalize||void 0)}" autocomplete="${(0,h.J)(this.autocomplete)}" .autofocus="${this.autofocus}" .spellcheck="${this.spellcheck}" inputmode="${(0,h.J)(this.inputmode||void 0)}" enterkeyhint="${(0,h.J)(this.enterkeyhint||void 0)}" minlength="${(0,h.J)(this.minlength)}" maxlength="${(0,h.J)(this.maxlength)}" class="${(0,n.H)({input:!0,invalid:this.invalid||this._invalid,"label-raised":void 0!==this.value&&""!==this.value||this.label&&this.placeholder,"no-label":!this.label,"hint-hidden":!(this.hint||e||this.required||this._invalid||this.invalid)})}" @input="${this._handleInput}" @change="${this._handleChange}" @blur="${this._handleBlur}" @wa-invalid="${this._handleInvalid}" exportparts="base:wa-base, hint:wa-hint, textarea:wa-textarea"> ${this.label||t?r.qy`<slot name="label" slot="label">${this.label?this._renderLabel(this.label,this.required):r.s6}</slot>`:r.s6} <div slot="hint" class="${(0,n.H)({error:this.invalid||this._invalid})}" role="${(0,h.J)(this.invalid||this._invalid?"alert":void 0)}" aria-live="polite"> ${this._invalid||this.invalid?this.validationMessage||this._textarea?.validationMessage:this.hint||(e?r.qy`<slot name="hint"></slot>`:r.s6)} </div> </wa-textarea> `}constructor(...t){super(...t),this.resize="none",this._hasSlotController=new o.X(this,"label","hint"),this._requiredMarkerCSSVar="--ha-textarea-required-marker"}}p.styles=[d.N,r.AH`:host{display:flex;align-items:flex-start;padding-bottom:var(--ha-textarea-padding-bottom)}wa-textarea::part(label){width:calc(100% - var(--ha-space-2));background-color:var(--ha-color-form-background);transition:all var(--wa-transition-normal) ease-in-out,background-color var(--wa-transition-normal) ease-in-out;padding-inline-start:var(--ha-space-3);padding-inline-end:var(--ha-space-3);margin:var(--ha-space-1) var(--ha-space-1) 0;padding-top:var(--ha-space-4);white-space:nowrap;overflow:hidden}:host(:focus-within) wa-textarea::part(label),:host([focused]) wa-textarea::part(label){color:var(--primary-color)}:host(:focus-within) wa-textarea::part(label),:host([focused]) wa-textarea::part(label),wa-textarea.label-raised::part(label){padding-top:var(--ha-space-2);font-size:var(--ha-font-size-xs)}wa-textarea.no-label::part(label){height:0;padding:0}wa-textarea::part(base){min-height:56px;padding-top:var(--ha-space-6);padding-bottom:var(--ha-space-2)}wa-textarea.no-label::part(base){padding-top:var(--ha-space-3)}wa-textarea::part(base)::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background-color:var(--ha-color-border-neutral-loud);transition:height var(--wa-transition-normal) ease-in-out,background-color var(--wa-transition-normal) ease-in-out}:host(:focus-within) wa-textarea::part(base)::after,:host([focused]) wa-textarea::part(base)::after{height:2px;background-color:var(--primary-color)}:host(:focus-within) wa-textarea.invalid::part(base)::after,wa-textarea.invalid:not([disabled])::part(base)::after{background-color:var(--ha-color-border-danger-normal)}wa-textarea::part(textarea){padding:0 var(--ha-space-4);font-family:var(--ha-font-family-body);font-size:var(--ha-font-size-m)}:host([resize=auto]) wa-textarea::part(textarea){max-height:var(--ha-textarea-max-height,200px);overflow-y:auto}wa-textarea:hover::part(base),wa-textarea:hover::part(label){background-color:var(--ha-color-form-background-hover)}wa-textarea[disabled]::part(textarea){cursor:not-allowed}wa-textarea[disabled]::part(base),wa-textarea[disabled]::part(label){background-color:var(--ha-color-form-background-disabled)}`],(0,i.Cg)([(0,l.MZ)({type:Number})],p.prototype,"rows",void 0),(0,i.Cg)([(0,l.MZ)()],p.prototype,"resize",void 0),(0,i.Cg)([(0,l.P)("wa-textarea")],p.prototype,"_textarea",void 0),p=(0,i.Cg)([(0,l.EM)("ha-textarea")],p),e()}catch(t){e(t)}})},8694(t,e,a){a.a(t,async function(t,i){try{a.r(e),a.d(e,{DialogTryTts:()=>z});a(18111),a(22489),a(61701);var s=a(62826),o=a(5124),r=a(22441),l=a(93905),n=a(1087),h=a(69093),c=a(28978),d=a(82286),u=a(18350),p=(a(93444),a(606)),b=a(56304),v=a(72554),g=a(88249),m=a(53072),w=a(52069),y=a(65063),f=a(14503),x=t([u,p,b,v]);[u,p,b,v]=x.then?(await x)():x;const _="M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M10,16.5L16,12L10,7.5V16.5Z",$="M12,2A2,2 0 0,1 14,4C14,4.74 13.6,5.39 13,5.73V7H14A7,7 0 0,1 21,14H22A1,1 0 0,1 23,15V18A1,1 0 0,1 22,19H21V20A2,2 0 0,1 19,22H5A2,2 0 0,1 3,20V19H2A1,1 0 0,1 1,18V15A1,1 0 0,1 2,14H3A7,7 0 0,1 10,7H11V5.73C10.4,5.39 10,4.74 10,4A2,2 0 0,1 12,2M7.5,13A2.5,2.5 0 0,0 5,15.5A2.5,2.5 0 0,0 7.5,18A2.5,2.5 0 0,0 10,15.5A2.5,2.5 0 0,0 7.5,13M16.5,13A2.5,2.5 0 0,0 14,15.5A2.5,2.5 0 0,0 16.5,18A2.5,2.5 0 0,0 19,15.5A2.5,2.5 0 0,0 16.5,13Z";class z extends o.WF{showDialog(t){this._params=t,this._open=!0}closeDialog(){this._open=!1}_dialogClosed(){this._open=!1,this._params=void 0,(0,n.r)(this,"dialog-closed",{dialog:this.localName})}render(){if(!this._params)return o.s6;const t=this._target||"browser",e=Object.values(this.hass.states).filter(t=>"media_player"===(0,h.t)(t)&&(0,d.$)(t,m.vj.PLAY_MEDIA)).map(t=>({value:t.entity_id,label:(0,c.u)(t)}));return e.unshift({value:"browser",label:this.hass.localize("ui.panel.config.cloud.account.tts.dialog.target_browser")}),o.qy` <ha-dialog .open="${this._open}" header-title="${this.hass.localize("ui.panel.config.cloud.account.tts.dialog.header")}" @closed="${this._dialogClosed}"> <div> <ha-textarea resize="auto" id="message" autofocus .label="${this.hass.localize("ui.panel.config.cloud.account.tts.dialog.message")}" .value="${this._message||this.hass.localize("ui.panel.config.cloud.account.tts.dialog.example_message",{name:this.hass.user.name})}"> </ha-textarea> <ha-select .label="${this.hass.localize("ui.panel.config.cloud.account.tts.dialog.target")}" id="target" .value="${t}" @selected="${this._handleTargetChanged}" .options="${e}"> </ha-select> </div> <ha-dialog-footer slot="footer"> <ha-button appearance="plain" slot="secondaryAction" .disabled="${"browser"===t}" @click="${this._createAutomation}"> <ha-svg-icon slot="start" .path="${$}"></ha-svg-icon> ${this.hass.localize("ui.panel.config.cloud.account.tts.dialog.create_automation")} </ha-button> <ha-button slot="primaryAction" @click="${this._playExample}" .disabled="${this._loadingExample}"> <ha-svg-icon slot="start" .path="${_}"></ha-svg-icon> ${this.hass.localize("ui.panel.config.cloud.account.tts.dialog.play")} </ha-button> </ha-dialog-footer> </ha-dialog> `}_handleTargetChanged(t){this._target=t.detail.value,this.requestUpdate("_target")}async _playExample(){const t=this._messageInput?.value;if(!t)return;this._message=t;const e=this._target||"browser";if("browser"===e){const e=new Audio;e.play(),this._playBrowser(t,e)}else this.hass.callService("tts","cloud_say",{entity_id:e,message:t})}_createAutomation(){const t=this._messageInput.value;this._message=t,(0,g.mX)({action:[{service:"tts.cloud_say",data:{entity_id:this._target,message:t}}]}),this.closeDialog()}async _playBrowser(t,e){this._loadingExample=!0;const a=this._params.defaultVoice[0],i=this._params.defaultVoice[1];let s;try{s=(await(0,w.S_)(this.hass,{platform:"cloud",message:t,language:a,options:{voice:i}})).path}catch(t){return this._loadingExample=!1,void(0,y.showAlertDialog)(this,{text:`Unable to load example. ${t.error||t.body||t}`,warning:!0})}e.src=s,e.addEventListener("canplaythrough",()=>{e.play()}),e.addEventListener("playing",()=>{this._loadingExample=!1}),e.addEventListener("error",()=>{(0,y.showAlertDialog)(this,{title:"Error playing audio."}),this._loadingExample=!1})}static get styles(){return[f.nA,o.AH`ha-select,ha-textarea{display:block;margin-top:8px;width:100%}`]}constructor(...t){super(...t),this._loadingExample=!1,this._open=!1}}(0,s.Cg)([(0,r.MZ)({attribute:!1})],z.prototype,"hass",void 0),(0,s.Cg)([(0,r.wk)()],z.prototype,"_loadingExample",void 0),(0,s.Cg)([(0,r.wk)()],z.prototype,"_open",void 0),(0,s.Cg)([(0,r.wk)()],z.prototype,"_params",void 0),(0,s.Cg)([(0,r.P)("#message")],z.prototype,"_messageInput",void 0),(0,s.Cg)([(0,l.I)({key:"cloudTtsTryMessage",state:!1,subscribe:!1})],z.prototype,"_message",void 0),(0,s.Cg)([(0,l.I)({key:"cloudTtsTryTarget",state:!1,subscribe:!1})],z.prototype,"_target",void 0),z=(0,s.Cg)([(0,r.EM)("dialog-cloud-try-tts")],z),i()}catch(t){i(t)}})},99324(t,e,a){a.a(t,async function(t,e){try{var i=a(5124),s=a(22441),o=a(6412),r=a(63672),l=a(34514),n=a(40991),h=a(92070),c=a(41268),d=a(9395),u=a(62676),p=a(15477),b=a(31896),v=a(32565),g=a(17060),m=a(9054),w=t([g]);g=(w.then?(await w)():w)[0];var y=Object.defineProperty,f=Object.getOwnPropertyDescriptor,x=(t,e,a,i)=>{for(var s,o=i>1?void 0:i?f(e,a):e,r=t.length-1;r>=0;r--)(s=t[r])&&(o=(i?s(e,a,o):s(o))||o);return i&&o&&y(e,a,o),o};let _=class extends u.q{static get validators(){return[...super.validators,(0,c.i)()]}get value(){return this.valueHasChanged?this._value:this._value??this.defaultValue}set value(t){this._value!==t&&(this.valueHasChanged=!0,this._value=t)}handleSizeChange(){(0,n.b)(this.localName,this.size)}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{if(this.setTextareaDimensions(),this.updateResizeObserver(),this.didSSR&&this.input&&this.value!==this.input.value){const t=this.input.value;this.value=t}})}disconnectedCallback(){super.disconnectedCallback(),clearTimeout(this.countAnnounceTimeout),this.resizeObserver?.disconnect(),this.resizeObserver=void 0}updateResizeObserver(){const t="none"!==this.resize;this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=void 0),t&&this.input&&("auto"===this.resize?(this.resizeObserver=new ResizeObserver(t=>{const e=t[0]?.contentRect.width??0;e!==this.lastObservedWidth&&(this.lastObservedWidth=e,requestAnimationFrame(()=>this.setTextareaDimensions()))}),this.resizeObserver.observe(this)):(this.resizeObserver=new ResizeObserver(()=>this.setTextareaDimensions()),this.resizeObserver.observe(this.input)))}handleBlur(){this.checkValidity()}handleChange(t){this.valueHasChanged=!0,this.value=this.input.value,this.setTextareaDimensions(),this.checkValidity(),this.relayNativeEvent(t,{bubbles:!0,composed:!0})}handleInput(t){this.valueHasChanged=!0,this.value=this.input.value,this.relayNativeEvent(t,{bubbles:!0,composed:!0}),this.scheduleCountAnnouncement()}scheduleCountAnnouncement(){clearTimeout(this.countAnnounceTimeout),this.countAnnounceTimeout=setTimeout(()=>{const t=(this.value??"").length;this.announcedCountText=null!=this.maxlength?this.localize.term("numCharactersRemaining",this.maxlength-t):this.localize.term("numCharacters",t)},1e3)}setTextareaDimensions(){if("none"===this.resize)return this.base.style.width="",void(this.base.style.height="");if("auto"===this.resize){this.sizeAdjuster.style.height=`${this.input.clientHeight}px`,this.input.style.height="auto";const t=this.input.scrollHeight;return this.input.style.height=`${t}px`,this.sizeAdjuster.style.height=`${t}px`,this.base.style.width="",void(this.base.style.height="")}if(this.input.style.width){const t=Number(this.input.style.width.split(/px/)[0])+2;this.base.style.width=`${t}px`}if(this.input.style.height){const t=Number(this.input.style.height.split(/px/)[0])+2;this.base.style.height=`${t}px`}}handleRowsChange(){this.setTextareaDimensions()}async handleValueChange(){await this.updateComplete,this.checkValidity(),this.setTextareaDimensions()}updated(t){t.has("resize")&&(this.setTextareaDimensions(),this.updateResizeObserver()),super.updated(t),t.has("value")&&this.customStates.set("blank",!this.value)}focus(t){this.input.focus(t)}blur(){this.input.blur()}select(){this.input.select()}scrollPosition(t){return t?("number"==typeof t.top&&(this.input.scrollTop=t.top),void("number"==typeof t.left&&(this.input.scrollLeft=t.left))):{top:this.input.scrollTop,left:this.input.scrollTop}}setSelectionRange(t,e,a="none"){this.input.setSelectionRange(t,e,a)}setRangeText(t,e,a,i="preserve"){const s=e??this.input.selectionStart,o=a??this.input.selectionEnd;this.input.setRangeText(t,s,o,i),this.value!==this.input.value&&(this.value=this.input.value,this.setTextareaDimensions())}formResetCallback(){this._value=null,this.input&&(this.input.value=this.value||""),super.formResetCallback()}render(){const t=this.hasUpdated?this.hasSlotController.test("label"):this.withLabel,e=this.hasUpdated?this.hasSlotController.test("hint"):this.withHint,a=!!this.label||!!t,s=!!this.hint||!!e,n=(this.value??"").length,h=null!=this.maxlength?this.localize.term("numCharactersRemaining",this.maxlength-n):this.localize.term("numCharacters",n);return i.qy` <label part="form-control-label label" class="${(0,o.H)({label:!0,"has-label":a})}" for="input" aria-hidden="${a?"false":"true"}"> <slot name="label">${this.label}</slot> </label> <div part="base" class="textarea"> <textarea part="textarea" id="input" class="control" title="${this.title}" name="${(0,r.J)(this.name)}" .value="${(0,l.V)(this.value)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" placeholder="${(0,r.J)(this.placeholder)}" rows="${(0,r.J)(this.rows)}" minlength="${(0,r.J)(this.minlength)}" maxlength="${(0,r.J)(this.maxlength)}" autocapitalize="${(0,r.J)(this.autocapitalize)}" autocorrect="${(0,r.J)(this.autocorrect)}" ?autofocus="${this.autofocus}" spellcheck="${(0,r.J)(this.spellcheck)}" enterkeyhint="${(0,r.J)(this.enterkeyhint)}" inputmode="${(0,r.J)(this.inputmode)}" aria-describedby="hint" @change="${this.handleChange}" @input="${this.handleInput}" @blur="${this.handleBlur}"></textarea> <div part="textarea-adjuster" class="size-adjuster" ?hidden="${"auto"!==this.resize}"></div> </div> <div class="${(0,o.H)({footer:!0,"has-count":this.withCount})}"> <slot id="hint" name="hint" part="hint" aria-hidden="${s?"false":"true"}" class="${(0,o.H)({"has-slotted":s})}">${this.hint}</slot> ${this.withCount?i.qy` <div part="count" class="count" aria-hidden="true">${h}</div> <div class="wa-visually-hidden-force" aria-live="polite">${this.announcedCountText}</div> `:""} </div> `}constructor(){super(...arguments),this.assumeInteractionOn=["blur","input"],this.hasSlotController=new h.X(this,"hint","label"),this.localize=new g.c(this),this.announcedCountText="",this.title="",this.name=null,this._value=null,this.defaultValue=this.getAttribute("value")??"",this.size="m",this.appearance="outlined",this.label="",this.hint="",this.placeholder="",this.rows=4,this.resize="vertical",this.disabled=!1,this.readonly=!1,this.required=!1,this.spellcheck=!0,this.withLabel=!1,this.withHint=!1,this.withCount=!1,this.lastObservedWidth=0}};_.css=[m.A,p.A,b.A,v.A],x([(0,s.wk)()],_.prototype,"announcedCountText",2),x([(0,s.P)(".control")],_.prototype,"input",2),x([(0,s.P)('[part~="base"]')],_.prototype,"base",2),x([(0,s.P)(".size-adjuster")],_.prototype,"sizeAdjuster",2),x([(0,s.MZ)()],_.prototype,"title",2),x([(0,s.MZ)({reflect:!0})],_.prototype,"name",2),x([(0,s.wk)()],_.prototype,"value",1),x([(0,s.MZ)({attribute:"value",reflect:!0})],_.prototype,"defaultValue",2),x([(0,s.MZ)({reflect:!0})],_.prototype,"size",2),x([(0,d.w)("size")],_.prototype,"handleSizeChange",1),x([(0,s.MZ)({reflect:!0})],_.prototype,"appearance",2),x([(0,s.MZ)()],_.prototype,"label",2),x([(0,s.MZ)({attribute:"hint"})],_.prototype,"hint",2),x([(0,s.MZ)()],_.prototype,"placeholder",2),x([(0,s.MZ)({type:Number})],_.prototype,"rows",2),x([(0,s.MZ)({reflect:!0})],_.prototype,"resize",2),x([(0,s.MZ)({type:Boolean})],_.prototype,"disabled",2),x([(0,s.MZ)({type:Boolean,reflect:!0})],_.prototype,"readonly",2),x([(0,s.MZ)({type:Boolean,reflect:!0})],_.prototype,"required",2),x([(0,s.MZ)({type:Number})],_.prototype,"minlength",2),x([(0,s.MZ)({type:Number})],_.prototype,"maxlength",2),x([(0,s.MZ)()],_.prototype,"autocapitalize",2),x([(0,s.MZ)({type:Boolean,converter:{fromAttribute:t=>!(!t||"off"===t),toAttribute:t=>t?"on":"off"}})],_.prototype,"autocorrect",2),x([(0,s.MZ)()],_.prototype,"autocomplete",2),x([(0,s.MZ)({type:Boolean})],_.prototype,"autofocus",2),x([(0,s.MZ)()],_.prototype,"enterkeyhint",2),x([(0,s.MZ)({type:Boolean,converter:{fromAttribute:t=>!(!t||"false"===t),toAttribute:t=>t?"true":"false"}})],_.prototype,"spellcheck",2),x([(0,s.MZ)()],_.prototype,"inputmode",2),x([(0,s.MZ)({attribute:"with-label",type:Boolean})],_.prototype,"withLabel",2),x([(0,s.MZ)({attribute:"with-hint",type:Boolean})],_.prototype,"withHint",2),x([(0,s.MZ)({attribute:"with-count",type:Boolean,reflect:!0})],_.prototype,"withCount",2),x([(0,d.w)("rows",{waitUntilFirstUpdate:!0})],_.prototype,"handleRowsChange",1),x([(0,d.w)("value",{waitUntilFirstUpdate:!0})],_.prototype,"handleValueChange",1),_=x([(0,s.EM)("wa-textarea")],_),_.disableWarning?.("change-in-update"),e()}catch(t){e(t)}})},9054(t,e,a){a.d(e,{A:()=>i});var i=a(5124).AH`:host{border-width:0}.textarea{display:grid;align-items:center;margin:0;border:none;outline:0;cursor:inherit;font:inherit;background-color:var(--wa-form-control-background-color);border-color:var(--wa-form-control-border-color);border-radius:var(--wa-form-control-border-radius);border-style:var(--wa-form-control-border-style);border-width:var(--wa-form-control-border-width);-webkit-appearance:none;outline:var(--wa-focus-ring-style) var(--wa-focus-ring-width) transparent;outline-offset:var(--wa-focus-ring-offset)}.textarea:focus-within{outline-color:var(--wa-color-focus)}:host([appearance=outlined]) .textarea{background-color:var(--wa-form-control-background-color);border-color:var(--wa-form-control-border-color)}:host([appearance=filled]) .textarea{background-color:var(--wa-color-neutral-fill-quiet);border-color:var(--wa-color-neutral-fill-quiet)}:host([appearance=filled-outlined]) .textarea{background-color:var(--wa-color-neutral-fill-quiet);border-color:var(--wa-form-control-border-color)}textarea{display:block;width:100%;border:none;background:0 0;font:inherit;color:inherit;padding:calc(var(--wa-form-control-padding-block) - ((1lh - 1em)/ 2)) var(--wa-form-control-padding-inline);min-height:calc(var(--wa-form-control-height) - var(--border-width) * 2);box-shadow:none;margin:0}textarea::placeholder{color:var(--wa-form-control-placeholder-color);user-select:none;-webkit-user-select:none}textarea:autofill,textarea:autofill:active,textarea:autofill:focus,textarea:autofill:hover{box-shadow:none;caret-color:var(--wa-form-control-value-color)}textarea:focus{outline:0}.control,.size-adjuster{grid-area:1/1/2/2}.size-adjuster{visibility:hidden;pointer-events:none;opacity:0;padding:0}textarea::-webkit-search-cancel-button,textarea::-webkit-search-decoration,textarea::-webkit-search-results-button,textarea::-webkit-search-results-decoration{-webkit-appearance:none}:host([resize=none]) textarea{resize:none}:host([resize=vertical]) textarea,textarea{resize:vertical}:host([resize=horizontal]) textarea{resize:horizontal}:host([resize=both]) textarea{resize:both}:host([resize=auto]) textarea{height:auto;resize:none;overflow-y:hidden}.footer{display:flex;align-items:baseline;gap:1em}.footer.has-count [part=hint]{flex:1 1 auto;min-width:0}.count{flex:0 0 auto;color:var(--wa-form-control-hint-color);font-weight:var(--wa-form-control-hint-font-weight);line-height:var(--wa-form-control-hint-line-height);margin-block-start:0.5em;font-size:var(--wa-font-size-smaller);margin-inline-start:auto}`},32565(t,e,a){a.d(e,{A:()=>i});var i=a(5124).AH`.wa-visually-hidden-force,.wa-visually-hidden-hint::part(hint),.wa-visually-hidden-label::part(form-control-label),.wa-visually-hidden-label::part(label),.wa-visually-hidden:not(:focus-within){position:absolute!important;width:1px!important;height:1px!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;border:none!important;overflow:hidden!important;white-space:nowrap!important;padding:0!important}`}};