164 lines
85 KiB
JavaScript
164 lines
85 KiB
JavaScript
|
import{u as t,v as e,M as i,_ as d,i as l,e as n,B as a,o,$ as r,r as c,n as s,Q as f,S as m,T as p,G as h,U as x,V as u,x as g,t as b,w as v,j as _,y,a as w,L as E,N as I}from"./main-ad130be7.js";import{F as L}from"./c.9b92f489.js";import{o as C}from"./c.8e28b461.js";var A={NOTCH_ELEMENT_SELECTOR:".mdc-notched-outline__notch"},T={NOTCH_ELEMENT_PADDING:8},O={NO_LABEL:"mdc-notched-outline--no-label",OUTLINE_NOTCHED:"mdc-notched-outline--notched",OUTLINE_UPGRADED:"mdc-notched-outline--upgraded"},k=function(i){function d(t){return i.call(this,e(e({},d.defaultAdapter),t))||this}return t(d,i),Object.defineProperty(d,"strings",{get:function(){return A},enumerable:!1,configurable:!0}),Object.defineProperty(d,"cssClasses",{get:function(){return O},enumerable:!1,configurable:!0}),Object.defineProperty(d,"numbers",{get:function(){return T},enumerable:!1,configurable:!0}),Object.defineProperty(d,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},setNotchWidthProperty:function(){},removeNotchWidthProperty:function(){}}},enumerable:!1,configurable:!0}),d.prototype.notch=function(t){var e=d.cssClasses.OUTLINE_NOTCHED;t>0&&(t+=T.NOTCH_ELEMENT_PADDING),this.adapter.setNotchWidthProperty(t),this.adapter.addClass(e)},d.prototype.closeNotch=function(){var t=d.cssClasses.OUTLINE_NOTCHED;this.adapter.removeClass(t),this.adapter.removeNotchWidthProperty()},d}(i);class R extends a{constructor(){super(...arguments),this.mdcFoundationClass=k,this.width=0,this.open=!1,this.lastOpen=this.open}createAdapter(){return{addClass:t=>this.mdcRoot.classList.add(t),removeClass:t=>this.mdcRoot.classList.remove(t),setNotchWidthProperty:t=>this.notchElement.style.setProperty("width",`${t}px`),removeNotchWidthProperty:()=>this.notchElement.style.removeProperty("width")}}openOrClose(t,e){this.mdcFoundation&&(t&&void 0!==e?this.mdcFoundation.notch(e):this.mdcFoundation.closeNotch())}render(){this.openOrClose(this.open,this.width);const t=o({"mdc-notched-outline--notched":this.open});return r`
|
||
|
|
<span class="mdc-notched-outline ${t}">
|
||
|
|
<span class="mdc-notched-outline__leading"></span>
|
||
|
|
<span class="mdc-notched-outline__notch">
|
||
|
|
<slot></slot>
|
||
|
|
</span>
|
||
|
|
<span class="mdc-notched-outline__trailing"></span>
|
||
|
|
</span>`}}d([l(".mdc-notched-outline")],R.prototype,"mdcRoot",void 0),d([n({type:Number})],R.prototype,"width",void 0),d([n({type:Boolean,reflect:!0})],R.prototype,"open",void 0),d([l(".mdc-notched-outline__notch")],R.prototype,"notchElement",void 0);const z=c`.mdc-notched-outline{display:flex;position:absolute;top:0;right:0;left:0;box-sizing:border-box;width:100%;max-width:100%;height:100%;text-align:left;pointer-events:none}[dir=rtl] .mdc-notched-outline,.mdc-notched-outline[dir=rtl]{text-align:right}.mdc-notched-outline__leading,.mdc-notched-outline__notch,.mdc-notched-outline__trailing{box-sizing:border-box;height:100%;border-top:1px solid;border-bottom:1px solid;pointer-events:none}.mdc-notched-outline__leading{border-left:1px solid;border-right:none;width:12px}[dir=rtl] .mdc-notched-outline__leading,.mdc-notched-outline__leading[dir=rtl]{border-left:none;border-right:1px solid}.mdc-notched-outline__trailing{border-left:none;border-right:1px solid;flex-grow:1}[dir=rtl] .mdc-notched-outline__trailing,.mdc-notched-outline__trailing[dir=rtl]{border-left:1px solid;border-right:none}.mdc-notched-outline__notch{flex:0 0 auto;width:auto;max-width:calc(100% - 12px * 2)}.mdc-notched-outline .mdc-floating-label{display:inline-block;position:relative;max-width:100%}.mdc-notched-outline .mdc-floating-label--float-above{text-overflow:clip}.mdc-notched-outline--upgraded .mdc-floating-label--float-above{max-width:calc(100% / 0.75)}.mdc-notched-outline--notched .mdc-notched-outline__notch{padding-left:0;padding-right:8px;border-top:none}[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch,.mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl]{padding-left:8px;padding-right:0}.mdc-notched-outline--no-label .mdc-notched-outline__notch{display:none}:host{display:block;position:absolute;right:0;left:0;box-sizing:border-box;width:100%;max-width:100%;height:100%;text-align:left;pointer-events:none}[dir=rtl] :host,:host([dir=rtl]){text-align:right}::slotted(.mdc-floating-label){display:inline-block;position:relative;top:17px;bottom:auto;max-width:100%}::slotted(.mdc-floating-label--float-above){text-overflow:clip}.mdc-notched-outline--upgraded ::slotted(.mdc-floating-label--float-above){max-width:calc(100% / 0.75)}.mdc-notched-outline .mdc-notched-outline__leading{border-top-left-radius:4px;border-top-left-radius:var(--mdc-shape-small, 4px);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px;border-bottom-left-radius:var(--mdc-shape-small, 4px)}[dir=rtl] .mdc-notched-outline .mdc-notched-outline__leading,.mdc-notched-outline .mdc-notched-outline__leading[dir=rtl]{border-top-left-radius:0;border-top-right-radius:4px;border-top-right-radius:var(--mdc-shape-small, 4px);border-bottom-right-radius:4px;border-bottom-right-radius:var(--mdc-shape-small, 4px);border-bottom-left-radius:0}@supports(top: max(0%)){.mdc-notched-outline .mdc-notched-outline__leading{width:max(12px, var(--mdc-shape-small, 4px))}}@supports(top: max(0%)){.mdc-notched-outline .mdc-notched-outline__notch{max-width:calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2)}}.mdc-notched-outline .mdc-notched-outline__trailing{border-top-left-radius:0;border-top-right-radius:4px;border-top-right-radius:var(--mdc-shape-small, 4px);border-bottom-right-radius:4px;border-bottom-right-radius:var(--mdc-shape-small, 4px);border-bottom-left-radius:0}[dir=rtl] .mdc-notched-outline .mdc-notched-outline__trailing,.mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl]{border-top-left-radius:4px;border-top-left-radius:var(--mdc-shape-small, 4px);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px;border-bottom-left-radius:var(--mdc-shape-small, 4px)}.mdc-notched-outline__leading,.mdc-notched-outline__notch,.mdc-notched-outline__trailing{border-color:var(--mdc-notched-outline-border-color, var(--mdc-theme-primary, #6200ee));border-width:1px;border-width:var(--mdc-notched-outline-stroke-width, 1px)}.mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:0;padding-top:var(--mdc-
|
||
|
|
<label class="mdc-text-field ${o(i)}">
|
||
|
|
${this.renderRipple()}
|
||
|
|
${this.outlined?this.renderOutline():this.renderLabel()}
|
||
|
|
${this.renderLeadingIcon()}
|
||
|
|
${this.renderPrefix()}
|
||
|
|
${this.renderInput(e)}
|
||
|
|
${this.renderSuffix()}
|
||
|
|
${this.renderTrailingIcon()}
|
||
|
|
${this.renderLineRipple()}
|
||
|
|
</label>
|
||
|
|
${this.renderHelperText(e,t)}
|
||
|
|
`}updated(t){t.has("value")&&void 0!==t.get("value")&&(this.mdcFoundation.setValue(this.value),this.autoValidate&&this.reportValidity())}renderRipple(){return this.outlined?"":r`
|
||
|
|
<span class="mdc-text-field__ripple"></span>
|
||
|
|
`}renderOutline(){return this.outlined?r`
|
||
|
|
<mwc-notched-outline
|
||
|
|
.width=${this.outlineWidth}
|
||
|
|
.open=${this.outlineOpen}
|
||
|
|
class="mdc-notched-outline">
|
||
|
|
${this.renderLabel()}
|
||
|
|
</mwc-notched-outline>`:""}renderLabel(){return this.label?r`
|
||
|
|
<span
|
||
|
|
.floatingLabelFoundation=${H(this.label)}
|
||
|
|
id="label">${this.label}</span>
|
||
|
|
`:""}renderLeadingIcon(){return this.icon?this.renderIcon(this.icon):""}renderTrailingIcon(){return this.iconTrailing?this.renderIcon(this.iconTrailing,!0):""}renderIcon(t,e=!1){return r`<i class="material-icons mdc-text-field__icon ${o({"mdc-text-field__icon--leading":!e,"mdc-text-field__icon--trailing":e})}">${t}</i>`}renderPrefix(){return this.prefix?this.renderAffix(this.prefix):""}renderSuffix(){return this.suffix?this.renderAffix(this.suffix,!0):""}renderAffix(t,e=!1){return r`<span class="mdc-text-field__affix ${o({"mdc-text-field__affix--prefix":!e,"mdc-text-field__affix--suffix":e})}">
|
||
|
|
${t}</span>`}renderInput(t){const e=-1===this.minLength?void 0:this.minLength,i=-1===this.maxLength?void 0:this.maxLength,d=this.autocapitalize?this.autocapitalize:void 0,l=this.validationMessage&&!this.isUiValid,n=this.label?"label":void 0,a=t?"helper-text":void 0,o=this.focused||this.helperPersistent||l?"helper-text":void 0;return r`
|
||
|
|
<input
|
||
|
|
aria-labelledby=${_(n)}
|
||
|
|
aria-controls="${_(a)}"
|
||
|
|
aria-describedby="${_(o)}"
|
||
|
|
class="mdc-text-field__input"
|
||
|
|
type="${this.type}"
|
||
|
|
.value="${at(this.value)}"
|
||
|
|
?disabled="${this.disabled}"
|
||
|
|
placeholder="${this.placeholder}"
|
||
|
|
?required="${this.required}"
|
||
|
|
?readonly="${this.readOnly}"
|
||
|
|
minlength="${_(e)}"
|
||
|
|
maxlength="${_(i)}"
|
||
|
|
pattern="${_(this.pattern?this.pattern:void 0)}"
|
||
|
|
min="${_(""===this.min?void 0:this.min)}"
|
||
|
|
max="${_(""===this.max?void 0:this.max)}"
|
||
|
|
step="${_(null===this.step?void 0:this.step)}"
|
||
|
|
size="${_(null===this.size?void 0:this.size)}"
|
||
|
|
name="${_(""===this.name?void 0:this.name)}"
|
||
|
|
inputmode="${_(this.inputMode)}"
|
||
|
|
autocapitalize="${_(d)}"
|
||
|
|
@input="${this.handleInputChange}"
|
||
|
|
@focus="${this.onInputFocus}"
|
||
|
|
@blur="${this.onInputBlur}">`}renderLineRipple(){return this.outlined?"":r`
|
||
|
|
<span .lineRippleFoundation=${S()}></span>
|
||
|
|
`}renderHelperText(t,e){const i=this.validationMessage&&!this.isUiValid,d={"mdc-text-field-helper-text--persistent":this.helperPersistent,"mdc-text-field-helper-text--validation-msg":i},l=this.focused||this.helperPersistent||i?void 0:"true",n=i?this.validationMessage:this.helper;return t?r`
|
||
|
|
<div class="mdc-text-field-helper-line">
|
||
|
|
<div id="helper-text"
|
||
|
|
aria-hidden="${_(l)}"
|
||
|
|
class="mdc-text-field-helper-text ${o(d)}"
|
||
|
|
>${n}</div>
|
||
|
|
${this.renderCharCounter(e)}
|
||
|
|
</div>`:""}renderCharCounter(t){const e=Math.min(this.value.length,this.maxLength);return t?r`
|
||
|
|
<span class="mdc-text-field-character-counter"
|
||
|
|
>${e} / ${this.maxLength}</span>`:""}onInputFocus(){this.focused=!0}onInputBlur(){this.focused=!1,this.reportValidity()}checkValidity(){const t=this._checkValidity(this.value);if(!t){const t=new Event("invalid",{bubbles:!1,cancelable:!0});this.dispatchEvent(t)}return t}reportValidity(){const t=this.checkValidity();return this.mdcFoundation.setValid(t),this.isUiValid=t,t}_checkValidity(t){const e=this.formElement.validity;let i=rt(e);if(this.validityTransform){const e=this.validityTransform(t,i);i=Object.assign(Object.assign({},i),e),this.mdcFoundation.setUseNativeValidation(!1)}else this.mdcFoundation.setUseNativeValidation(!0);return this._validity=i,this._validity.valid}setCustomValidity(t){this.validationMessage=t,this.formElement.setCustomValidity(t)}handleInputChange(){this.value=this.formElement.value}createAdapter(){return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.getRootAdapterMethods()),this.getInputAdapterMethods()),this.getLabelAdapterMethods()),this.getLineRippleAdapterMethods()),this.getOutlineAdapterMethods())}getRootAdapterMethods(){return Object.assign({registerTextFieldInteractionHandler:(t,e)=>this.addEventListener(t,e),deregisterTextFieldInteractionHandler:(t,e)=>this.removeEventListener(t,e),registerValidationAttributeChangeHandler:t=>{const e=new MutationObserver((e=>{t((t=>t.map((t=>t.attributeName)).filter((t=>t)))(e))}));return e.observe(this.formElement,{attributes:!0}),e},deregisterValidationAttributeChangeHandler:t=>t.disconnect()},y(this.mdcRoot))}getInputAdapterMethods(){return{getNativeInput:()=>this.formElement,setInputAttr:()=>{},removeInputAttr:()=>{},isFocused:()=>!!this.shadowRoot&&this.shadowRoot.activeElement===this.formElement,registerInputInteractionHandler:(t,e)=>this.formElement.addEventListener(t,e,{passive:t in ot}),deregisterInputInteractionHandler:(t,e)=>this.formElement.removeEventListener(t,e)}}getLabelAdapterMethods(){return{floatLabel:t=>this.labelElement&&this.labelElement.floatingLabelFoundation.float(t),getLabelWidth:()=>this.labelElement?this.labelElement.floatingLabelFoundation.getWidth():0,hasLabel:()=>Boolean(this.labelElement),shakeLabel:t=>this.labelElement&&this.labelElement.floatingLabelFoundation.shake(t),setLabelRequired:t=>{this.labelElement&&this.labelElement.floatingLabelFoundation.setRequired(t)}}}getLineRippleAdapterMethods(){return{activateLineRipple:()=>{this.lineRippleElement&&this.lineRippleElement.lineRippleFoundation.activate()},deactivateLineRipple:()=>{this.lineRippleElement&&this.lineRippleElement.lineRippleFoundation.deactivate()},setLineRippleTransformOrigin:t=>{this.lineRippleElement&&this.lineRippleElement.lineRippleFoundation.setRippleCenter(t)}}}async getUpdateComplete(){var t;const e=await super.getUpdateComplete();return await(null===(t=this.outlineElement)||void 0===t?void 0:t.updateComplete),e}firstUpdated(){var t;super.firstUpdated(),this.mdcFoundation.setValidateOnValueChange(this.autoValidate),this.validateOnInitialRender&&this.reportValidity(),null===(t=this.outlineElement)||void 0===t||t.updateComplete.then((()=>{var t;this.outlineWidth=(null===(t=this.labelElement)||void 0===t?void 0:t.floatingLabelFoundation.getWidth())||0}))}getOutlineAdapterMethods(){return{closeOutline:()=>this.outlineElement&&(this.outlineOpen=!1),hasOutline:()=>Boolean(this.outlineElement),notchOutline:t=>{this.outlineElement&&!this.outlineOpen&&(this.outlineWidth=t,this.outlineOpen=!0)}}}async layout(){await this.updateComplete;const t=this.labelElement;if(!t)return void(this.outlineOpen=!1);const e=!!this.label&&!!this.value;if(t.floatingLabelFoundation.float(e),!this.outlined)return;this.outlineOpen=e,await this.updateComplete;const i=t.floatingLabelFoundation.getWidth();this.outlineOpen&&(this.outlineWidth=i,await this.updateComplete)}}d([l(".mdc-text-field")],ct.prototype,"mdcRoot",void 0),d([l("input")],ct.prototype,"formElement",void 0),d([l(".mdc-floating-label")],ct.prototype,"labelElement",void 0),d([l(".mdc-line-ripple")],ct.prototype,"lineRippleElement",void 0),d([l("mwc-notched-outline")],ct.proto
|
||
|
|
<span
|
||
|
|
class="mdc-text-field__icon mdc-text-field__icon--${i}"
|
||
|
|
tabindex=${e?1:-1}
|
||
|
|
>
|
||
|
|
<slot name="${i}Icon"></slot>
|
||
|
|
</span>
|
||
|
|
`}},{kind:"field",static:!0,key:"styles",value:()=>[st,c`
|
||
|
|
.mdc-text-field__input {
|
||
|
|
width: var(--ha-textfield-input-width, 100%);
|
||
|
|
}
|
||
|
|
.mdc-text-field:not(.mdc-text-field--with-leading-icon) {
|
||
|
|
padding: var(--text-field-padding, 0px 16px);
|
||
|
|
}
|
||
|
|
.mdc-text-field__affix--suffix {
|
||
|
|
padding-left: var(--text-field-suffix-padding-left, 12px);
|
||
|
|
padding-right: var(--text-field-suffix-padding-right, 0px);
|
||
|
|
padding-inline-start: var(--text-field-suffix-padding-left, 12px);
|
||
|
|
padding-inline-end: var(--text-field-suffix-padding-right, 0px);
|
||
|
|
direction: var(--direction);
|
||
|
|
}
|
||
|
|
.mdc-text-field--with-leading-icon {
|
||
|
|
padding-inline-start: var(--text-field-suffix-padding-left, 0px);
|
||
|
|
padding-inline-end: var(--text-field-suffix-padding-right, 16px);
|
||
|
|
direction: var(--direction);
|
||
|
|
}
|
||
|
|
|
||
|
|
.mdc-text-field:not(.mdc-text-field--disabled)
|
||
|
|
.mdc-text-field__affix--suffix {
|
||
|
|
color: var(--secondary-text-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
.mdc-text-field__icon {
|
||
|
|
color: var(--secondary-text-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
.mdc-text-field__icon--leading {
|
||
|
|
margin-inline-start: 16px;
|
||
|
|
margin-inline-end: 8px;
|
||
|
|
direction: var(--direction);
|
||
|
|
}
|
||
|
|
|
||
|
|
input {
|
||
|
|
text-align: var(--text-field-text-align, start);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Chrome, Safari, Edge, Opera */
|
||
|
|
:host([no-spinner]) input::-webkit-outer-spin-button,
|
||
|
|
:host([no-spinner]) input::-webkit-inner-spin-button {
|
||
|
|
-webkit-appearance: none;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Firefox */
|
||
|
|
:host([no-spinner]) input[type="number"] {
|
||
|
|
-moz-appearance: textfield;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mdc-text-field__ripple {
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mdc-text-field {
|
||
|
|
overflow: var(--text-field-overflow);
|
||
|
|
}
|
||
|
|
|
||
|
|
.mdc-floating-label {
|
||
|
|
inset-inline-start: 16px !important;
|
||
|
|
inset-inline-end: initial !important;
|
||
|
|
transform-origin: var(--float-start);
|
||
|
|
direction: var(--direction);
|
||
|
|
transform-origin: var(--float-start);
|
||
|
|
}
|
||
|
|
|
||
|
|
.mdc-text-field--with-leading-icon.mdc-text-field--filled
|
||
|
|
.mdc-floating-label {
|
||
|
|
max-width: calc(100% - 48px);
|
||
|
|
inset-inline-start: 48px !important;
|
||
|
|
inset-inline-end: initial !important;
|
||
|
|
direction: var(--direction);
|
||
|
|
}
|
||
|
|
|
||
|
|
.mdc-text-field__input[type="number"] {
|
||
|
|
direction: var(--direction);
|
||
|
|
}
|
||
|
|
`,"rtl"===document.dir?c`
|
||
|
|
.mdc-text-field__affix--suffix,
|
||
|
|
.mdc-text-field--with-leading-icon,
|
||
|
|
.mdc-text-field__icon--leading,
|
||
|
|
.mdc-floating-label,
|
||
|
|
.mdc-text-field--with-leading-icon.mdc-text-field--filled
|
||
|
|
.mdc-floating-label,
|
||
|
|
.mdc-text-field__input[type="number"] {
|
||
|
|
direction: rtl;
|
||
|
|
}
|
||
|
|
`:c``]}]}}),ct);export{ct as T,dt as a,at as b,tt as c,st as d,H as f,S as l,lt as m,nt as p,Q as r,it as s,q as t,Z as u,K as v};
|