iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
2 lines • 22.1 kB
JavaScript
/*! For license information please see 58011.19d6135e316eac15.js.LICENSE.txt */
"use strict";(self.rspackChunkhome_assistant_frontend=self.rspackChunkhome_assistant_frontend||[]).push([[58011],{56304:function(t,e,a){a.a(t,async function(t,e){try{a(3362),a(27495),a(62953),a(49255);var i=a(40445),o=a(99324),s=a(92070),r=a(5124),l=a(67576),n=a(6412),h=a(63672),d=a(57237),c=a(53305),u=t([o]);o=(u.then?(await u)():u)[0];let p,v,b,g,m=t=>t;class f extends((0,c.w)(r.WF)){get _formControl(){return this._textarea}setFocused(t){t?this.toggleAttribute("focused",!0):this.removeAttribute("focused")}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",d.d)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",d.d)}async firstUpdated(t){var e,a;(super.firstUpdated(t),this.autofocus)&&(await(null===(e=this._textarea)||void 0===e?void 0:e.updateComplete),null===(a=this._textarea)||void 0===a||a.focus())}focus(t){var e;null===(e=this._textarea)||void 0===e||e.focus(t)}render(){var t,e,a;const i=!this.label&&this._hasSlotController.test("label"),o=!this.hint&&this._hasSlotController.test("hint");return(0,r.qy)(p||(p=m` <wa-textarea .value="${0}" .placeholder="${0}" .readonly="${0}" .required="${0}" .rows="${0}" .resize="${0}" .disabled="${0}" name="${0}" autocapitalize="${0}" autocomplete="${0}" .autofocus="${0}" .spellcheck="${0}" inputmode="${0}" enterkeyhint="${0}" minlength="${0}" maxlength="${0}" class="${0}" ="${0}" ="${0}" ="${0}" -invalid="${0}" exportparts="base:wa-base, hint:wa-hint, textarea:wa-textarea"> ${0} <div slot="hint" class="${0}" role="${0}" aria-live="polite"> ${0} </div> </wa-textarea> `),null!==(t=this.value)&&void 0!==t?t:null,this.placeholder,this.readonly,this.required,null!==(e=this.rows)&&void 0!==e?e:4,this.resize,this.disabled,(0,h.J)(this.name),(0,h.J)(this.autocapitalize||void 0),(0,h.J)(this.autocomplete),this.autofocus,this.spellcheck,(0,h.J)(this.inputmode||void 0),(0,h.J)(this.enterkeyhint||void 0),(0,h.J)(this.minlength),(0,h.J)(this.maxlength),(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||o||this.required||this._invalid||this.invalid)}),this._handleInput,this._handleChange,this._handleBlur,this._handleInvalid,this.label||i?(0,r.qy)(v||(v=m`<slot name="label" slot="label">${0}</slot>`),this.label?this._renderLabel(this.label,this.required):r.s6):r.s6,(0,n.H)({error:this.invalid||this._invalid}),(0,h.J)(this.invalid||this._invalid?"alert":void 0),this._invalid||this.invalid?this.validationMessage||(null===(a=this._textarea)||void 0===a?void 0:a.validationMessage):this.hint||(o?(0,r.qy)(b||(b=m`<slot name="hint"></slot>`)):r.s6))}constructor(...t){super(...t),this.resize="none",this._hasSlotController=new s.X(this,"label","hint"),this._requiredMarkerCSSVar="--ha-textarea-required-marker"}}f.styles=[c.N,(0,r.AH)(g||(g=m`: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})],f.prototype,"rows",void 0),(0,i.Cg)([(0,l.MZ)()],f.prototype,"resize",void 0),(0,i.Cg)([(0,l.P)("wa-textarea")],f.prototype,"_textarea",void 0),f=(0,i.Cg)([(0,l.EM)("ha-textarea")],f),e()}catch(p){e(p)}})},8694:function(t,e,a){a.a(t,async function(t,i){try{a.r(e),a.d(e,{DialogTryTts:function(){return A}});a(13609),a(18111),a(22489),a(61701),a(3362),a(62953);var o=a(40445),s=a(5124),r=a(67576),l=a(93905),n=a(1087),h=a(69093),d=a(28978),c=a(82286),u=a(18350),p=(a(93444),a(606)),v=a(56304),b=a(72554),g=a(88249),m=a(53072),f=a(52069),w=a(65063),y=a(14503),x=t([u,p,v,b]);[u,p,v,b]=x.then?(await x)():x;let _,$,z=t=>t;const C="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",k="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 A extends s.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 s.s6;const t=this._target||"browser",e=Object.values(this.hass.states).filter(t=>"media_player"===(0,h.t)(t)&&(0,c.$)(t,m.vj.PLAY_MEDIA)).map(t=>({value:t.entity_id,label:(0,d.u)(t)}));return e.unshift({value:"browser",label:this.hass.localize("ui.panel.config.cloud.account.tts.dialog.target_browser")}),(0,s.qy)(_||(_=z` <ha-dialog .open="${0}" header-title="${0}" ="${0}"> <div> <ha-textarea resize="auto" id="message" autofocus .label="${0}" .value="${0}"> </ha-textarea> <ha-select .label="${0}" id="target" .value="${0}" ="${0}" .options="${0}"> </ha-select> </div> <ha-dialog-footer slot="footer"> <ha-button appearance="plain" slot="secondaryAction" .disabled="${0}" ="${0}"> <ha-svg-icon slot="start" .path="${0}"></ha-svg-icon> ${0} </ha-button> <ha-button slot="primaryAction" ="${0}" .disabled="${0}"> <ha-svg-icon slot="start" .path="${0}"></ha-svg-icon> ${0} </ha-button> </ha-dialog-footer> </ha-dialog> `),this._open,this.hass.localize("ui.panel.config.cloud.account.tts.dialog.header"),this._dialogClosed,this.hass.localize("ui.panel.config.cloud.account.tts.dialog.message"),this._message||this.hass.localize("ui.panel.config.cloud.account.tts.dialog.example_message",{name:this.hass.user.name}),this.hass.localize("ui.panel.config.cloud.account.tts.dialog.target"),t,this._handleTargetChanged,e,"browser"===t,this._createAutomation,k,this.hass.localize("ui.panel.config.cloud.account.tts.dialog.create_automation"),this._playExample,this._loadingExample,C,this.hass.localize("ui.panel.config.cloud.account.tts.dialog.play"))}_handleTargetChanged(t){this._target=t.detail.value,this.requestUpdate("_target")}async _playExample(){var t;const e=null===(t=this._messageInput)||void 0===t?void 0:t.value;if(!e)return;this._message=e;const a=this._target||"browser";if("browser"===a){const t=new Audio;t.play(),this._playBrowser(e,t)}else this.hass.callService("tts","cloud_say",{entity_id:a,message:e})}_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 o;try{o=(await(0,f.S_)(this.hass,{platform:"cloud",message:t,language:a,options:{voice:i}})).path}catch(s){return this._loadingExample=!1,void(0,w.showAlertDialog)(this,{text:`Unable to load example. ${s.error||s.body||s}`,warning:!0})}e.src=o,e.addEventListener("canplaythrough",()=>{e.play()}),e.addEventListener("playing",()=>{this._loadingExample=!1}),e.addEventListener("error",()=>{(0,w.showAlertDialog)(this,{title:"Error playing audio."}),this._loadingExample=!1})}static get styles(){return[y.nA,(0,s.AH)($||($=z`ha-select,ha-textarea{display:block;margin-top:8px;width:100%}`))]}constructor(...t){super(...t),this._loadingExample=!1,this._open=!1}}(0,o.Cg)([(0,r.MZ)({attribute:!1})],A.prototype,"hass",void 0),(0,o.Cg)([(0,r.wk)()],A.prototype,"_loadingExample",void 0),(0,o.Cg)([(0,r.wk)()],A.prototype,"_open",void 0),(0,o.Cg)([(0,r.wk)()],A.prototype,"_params",void 0),(0,o.Cg)([(0,r.P)("#message")],A.prototype,"_messageInput",void 0),(0,o.Cg)([(0,l.I)({key:"cloudTtsTryMessage",state:!1,subscribe:!1})],A.prototype,"_message",void 0),(0,o.Cg)([(0,l.I)({key:"cloudTtsTryTarget",state:!1,subscribe:!1})],A.prototype,"_target",void 0),A=(0,o.Cg)([(0,r.EM)("dialog-cloud-try-tts")],A),i()}catch(_){i(_)}})},99324:function(t,e,a){a.a(t,async function(t,e){try{var i=a(69235),o=(a(3362),a(27495),a(62953),a(5124)),s=a(67576),r=a(6412),l=a(63672),n=a(34514),h=a(40991),d=a(92070),c=a(41268),u=a(9395),p=a(62676),v=a(15477),b=a(31896),g=a(32565),m=a(17060),f=a(9054),w=t([i,m]);[i,m]=w.then?(await w)():w;let $,z,C,k,A=t=>t;var y=Object.defineProperty,x=Object.getOwnPropertyDescriptor,_=(t,e,a,i)=>{for(var o,s=i>1?void 0:i?x(e,a):e,r=t.length-1;r>=0;r--)(o=t[r])&&(s=(i?o(e,a,s):o(s))||s);return i&&s&&y(e,a,s),s};let M=class extends p.q{static get validators(){return[...super.validators,(0,c.i)()]}get value(){var t;return this.valueHasChanged?this._value:null!==(t=this._value)&&void 0!==t?t:this.defaultValue}set value(t){this._value!==t&&(this.valueHasChanged=!0,this._value=t)}handleSizeChange(){(0,h.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(){var t;super.disconnectedCallback(),clearTimeout(this.countAnnounceTimeout),null===(t=this.resizeObserver)||void 0===t||t.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=>{var e,a;const i=null!==(e=null===(a=t[0])||void 0===a?void 0:a.contentRect.width)&&void 0!==e?e:0;i!==this.lastObservedWidth&&(this.lastObservedWidth=i,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(()=>{var t;const e=(null!==(t=this.value)&&void 0!==t?t:"").length;this.announcedCountText=null!=this.maxlength?this.localize.term("numCharactersRemaining",this.maxlength-e):this.localize.term("numCharacters",e)},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 o=null!=e?e:this.input.selectionStart,s=null!=a?a:this.input.selectionEnd;this.input.setRangeText(t,o,s,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(){var t;const e=this.hasUpdated?this.hasSlotController.test("label"):this.withLabel,a=this.hasUpdated?this.hasSlotController.test("hint"):this.withHint,i=!!this.label||!!e,s=!!this.hint||!!a,h=(null!==(t=this.value)&&void 0!==t?t:"").length,d=null!=this.maxlength?this.localize.term("numCharactersRemaining",this.maxlength-h):this.localize.term("numCharacters",h);return(0,o.qy)($||($=A` <label part="form-control-label label" class="${0}" for="input" aria-hidden="${0}"> <slot name="label">${0}</slot> </label> <div part="base" class="textarea"> <textarea part="textarea" id="input" class="control" title="${0}" name="${0}" .value="${0}" ?disabled="${0}" ?readonly="${0}" ?required="${0}" placeholder="${0}" rows="${0}" minlength="${0}" maxlength="${0}" autocapitalize="${0}" autocorrect="${0}" ?autofocus="${0}" spellcheck="${0}" enterkeyhint="${0}" inputmode="${0}" aria-describedby="hint" ="${0}" ="${0}" ="${0}"></textarea> <div part="textarea-adjuster" class="size-adjuster" ?hidden="${0}"></div> </div> <div class="${0}"> <slot id="hint" name="hint" part="hint" aria-hidden="${0}" class="${0}">${0}</slot> ${0} </div> `),(0,r.H)({label:!0,"has-label":i}),i?"false":"true",this.label,this.title,(0,l.J)(this.name),(0,n.V)(this.value),this.disabled,this.readonly,this.required,(0,l.J)(this.placeholder),(0,l.J)(this.rows),(0,l.J)(this.minlength),(0,l.J)(this.maxlength),(0,l.J)(this.autocapitalize),(0,l.J)(this.autocorrect),this.autofocus,(0,l.J)(this.spellcheck),(0,l.J)(this.enterkeyhint),(0,l.J)(this.inputmode),this.handleChange,this.handleInput,this.handleBlur,"auto"!==this.resize,(0,r.H)({footer:!0,"has-count":this.withCount}),s?"false":"true",(0,r.H)({"has-slotted":s}),this.hint,this.withCount?(0,o.qy)(z||(z=A` <div part="count" class="count" aria-hidden="true">${0}</div> <div class="wa-visually-hidden-force" aria-live="polite">${0}</div> `),d,this.announcedCountText):"")}constructor(){var t;super(...arguments),this.assumeInteractionOn=["blur","input"],this.hasSlotController=new d.X(this,"hint","label"),this.localize=new m.c(this),this.announcedCountText="",this.title="",this.name=null,this._value=null,this.defaultValue=null!==(t=this.getAttribute("value"))&&void 0!==t?t:"",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}};M.css=[f.A,v.A,b.A,g.A],_([(0,s.wk)()],M.prototype,"announcedCountText",2),_([(0,s.P)(".control")],M.prototype,"input",2),_([(0,s.P)('[part~="base"]')],M.prototype,"base",2),_([(0,s.P)(".size-adjuster")],M.prototype,"sizeAdjuster",2),_([(0,s.MZ)()],M.prototype,"title",2),_([(0,s.MZ)({reflect:!0})],M.prototype,"name",2),_([(0,s.wk)()],M.prototype,"value",1),_([(0,s.MZ)({attribute:"value",reflect:!0})],M.prototype,"defaultValue",2),_([(0,s.MZ)({reflect:!0})],M.prototype,"size",2),_([(0,u.w)("size")],M.prototype,"handleSizeChange",1),_([(0,s.MZ)({reflect:!0})],M.prototype,"appearance",2),_([(0,s.MZ)()],M.prototype,"label",2),_([(0,s.MZ)({attribute:"hint"})],M.prototype,"hint",2),_([(0,s.MZ)()],M.prototype,"placeholder",2),_([(0,s.MZ)({type:Number})],M.prototype,"rows",2),_([(0,s.MZ)({reflect:!0})],M.prototype,"resize",2),_([(0,s.MZ)({type:Boolean})],M.prototype,"disabled",2),_([(0,s.MZ)({type:Boolean,reflect:!0})],M.prototype,"readonly",2),_([(0,s.MZ)({type:Boolean,reflect:!0})],M.prototype,"required",2),_([(0,s.MZ)({type:Number})],M.prototype,"minlength",2),_([(0,s.MZ)({type:Number})],M.prototype,"maxlength",2),_([(0,s.MZ)()],M.prototype,"autocapitalize",2),_([(0,s.MZ)({type:Boolean,converter:{fromAttribute:t=>!(!t||"off"===t),toAttribute:t=>t?"on":"off"}})],M.prototype,"autocorrect",2),_([(0,s.MZ)()],M.prototype,"autocomplete",2),_([(0,s.MZ)({type:Boolean})],M.prototype,"autofocus",2),_([(0,s.MZ)()],M.prototype,"enterkeyhint",2),_([(0,s.MZ)({type:Boolean,converter:{fromAttribute:t=>!(!t||"false"===t),toAttribute:t=>t?"true":"false"}})],M.prototype,"spellcheck",2),_([(0,s.MZ)()],M.prototype,"inputmode",2),_([(0,s.MZ)({attribute:"with-label",type:Boolean})],M.prototype,"withLabel",2),_([(0,s.MZ)({attribute:"with-hint",type:Boolean})],M.prototype,"withHint",2),_([(0,s.MZ)({attribute:"with-count",type:Boolean,reflect:!0})],M.prototype,"withCount",2),_([(0,u.w)("rows",{waitUntilFirstUpdate:!0})],M.prototype,"handleRowsChange",1),_([(0,u.w)("value",{waitUntilFirstUpdate:!0})],M.prototype,"handleValueChange",1),M=_([(0,s.EM)("wa-textarea")],M),null===(C=(k=M).disableWarning)||void 0===C||C.call(k,"change-in-update"),e()}catch($){e($)}})},9054:function(t,e,a){a.d(e,{A:function(){return o}});let i;var o=(0,a(5124).AH)(i||(i=(t=>t)`: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:function(t,e,a){a.d(e,{A:function(){return o}});let i;var o=(0,a(5124).AH)(i||(i=(t=>t)`.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}`))}}]);