@m3e/form-field 1.0.0 → 1.0.2
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/index.js +9 -0
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +16 -13
- package/dist/index.min.js.map +1 -1
- package/dist/src/FormFieldElement.d.ts.map +1 -1
- package/package.json +2 -2
package/dist/index.min.js
CHANGED
|
@@ -11,7 +11,7 @@ import{LitElement as t,nothing as e,html as i,css as o,unsafeCSS as s}from"lit";
|
|
|
11
11
|
* @license MIT
|
|
12
12
|
* Copyright (c) 2025 Google LLC
|
|
13
13
|
* See LICENSE file in the project root for full license text.
|
|
14
|
-
*/const b=["m3e-input-chip-set","m3e-select"];function v(t){return t instanceof HTMLElement&&(t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement||t instanceof HTMLSelectElement||b.includes(t.tagName.toLowerCase()))}function g(t){for(const e of t.assignedElements({flatten:!0})){if(v(e))return e;const t=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT);for(;t.nextNode();)if(v(t.currentNode))return t.currentNode}return null}function y(t,e,i,o){var s,r=arguments.length,a=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(a=(r<3?s(a):r>3?s(e,i,a):s(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a}function
|
|
14
|
+
*/const b=["m3e-input-chip-set","m3e-select"];function v(t){return t instanceof HTMLElement&&(t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement||t instanceof HTMLSelectElement||b.includes(t.tagName.toLowerCase()))}function g(t){for(const e of t.assignedElements({flatten:!0})){if(v(e))return e;const t=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT);for(;t.nextNode();)if(v(t.currentNode))return t.currentNode}return null}function y(t,e,i,o){var s,r=arguments.length,a=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(a=(r<3?s(a):r>3?s(e,i,a):s(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a}function _(t,e,i,o){if("a"===i&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!o:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?o:"a"===i?o.call(t):o?o.value:e.get(t)}function w(t,e,i,o,s){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!s)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!s:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?s.call(t,i):s?s.value=i:e.set(t,i),i}"function"==typeof SuppressedError&&SuppressedError;
|
|
15
15
|
/**
|
|
16
16
|
* @license
|
|
17
17
|
* Copyright 2017 Google LLC
|
|
@@ -22,18 +22,18 @@ const $=globalThis,x=$.ShadowRoot&&(void 0===$.ShadyCSS||$.ShadyCSS.nativeShadow
|
|
|
22
22
|
* @license
|
|
23
23
|
* Copyright 2019 Google LLC
|
|
24
24
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
25
|
-
*/let k=class{constructor(t,e,i){if(this._$cssResult$=!0,i!==S)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(x&&void 0===t){const i=void 0!==e&&1===e.length;i&&(t=E.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&E.set(e,t))}return t}toString(){return this.cssText}};const C=(t,e)=>{if(x)t.adoptedStyleSheets=e.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(const i of e){const e=document.createElement("style"),o=$.litNonce;void 0!==o&&e.setAttribute("nonce",o),e.textContent=i.cssText,t.appendChild(e)}},P=x?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return(t=>new k("string"==typeof t?t:t+"",void 0,S))(e)})(t):t,{is:z,defineProperty:M,getOwnPropertyDescriptor:L,getOwnPropertyNames:U,getOwnPropertySymbols:O,getPrototypeOf:T}=Object,A=globalThis,R=A.trustedTypes,q=R?R.emptyScript:"",W=A.reactiveElementPolyfillSupport,j=(t,e)=>t,D={toAttribute(t,e){switch(e){case Boolean:t=t?q:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let i=t;switch(e){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},
|
|
25
|
+
*/let k=class{constructor(t,e,i){if(this._$cssResult$=!0,i!==S)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(x&&void 0===t){const i=void 0!==e&&1===e.length;i&&(t=E.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&E.set(e,t))}return t}toString(){return this.cssText}};const C=(t,e)=>{if(x)t.adoptedStyleSheets=e.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(const i of e){const e=document.createElement("style"),o=$.litNonce;void 0!==o&&e.setAttribute("nonce",o),e.textContent=i.cssText,t.appendChild(e)}},P=x?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return(t=>new k("string"==typeof t?t:t+"",void 0,S))(e)})(t):t,{is:z,defineProperty:M,getOwnPropertyDescriptor:L,getOwnPropertyNames:U,getOwnPropertySymbols:O,getPrototypeOf:T}=Object,A=globalThis,R=A.trustedTypes,q=R?R.emptyScript:"",W=A.reactiveElementPolyfillSupport,j=(t,e)=>t,D={toAttribute(t,e){switch(e){case Boolean:t=t?q:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let i=t;switch(e){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},N=(t,e)=>!z(t,e),H={attribute:!0,type:String,converter:D,reflect:!1,useDefault:!1,hasChanged:N};
|
|
26
26
|
/**
|
|
27
27
|
* @license
|
|
28
28
|
* Copyright 2017 Google LLC
|
|
29
29
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
30
|
-
*/Symbol.metadata??=Symbol("metadata"),A.litPropertyMetadata??=new WeakMap;class
|
|
30
|
+
*/Symbol.metadata??=Symbol("metadata"),A.litPropertyMetadata??=new WeakMap;class I extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=H){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const i=Symbol(),o=this.getPropertyDescriptor(t,i,e);void 0!==o&&M(this.prototype,t,o)}}static getPropertyDescriptor(t,e,i){const{get:o,set:s}=L(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get:o,set(e){const r=o?.call(this);s?.call(this,e),this.requestUpdate(t,r,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??H}static _$Ei(){if(this.hasOwnProperty(j("elementProperties")))return;const t=T(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(j("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(j("properties"))){const t=this.properties,e=[...U(t),...O(t)];for(const i of e)this.createProperty(i,t[i])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,i]of e)this.elementProperties.set(t,i)}this._$Eh=new Map;for(const[t,e]of this.elementProperties){const i=this._$Eu(t,e);void 0!==i&&this._$Eh.set(i,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const t of i)e.unshift(P(t))}else void 0!==t&&e.push(P(t));return e}static _$Eu(t,e){const i=e.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(t=>t(this))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const i of e.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return C(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(t=>t.hostConnected?.())}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach(t=>t.hostDisconnected?.())}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$ET(t,e){const i=this.constructor.elementProperties.get(t),o=this.constructor._$Eu(t,i);if(void 0!==o&&!0===i.reflect){const s=(void 0!==i.converter?.toAttribute?i.converter:D).toAttribute(e,i.type);this._$Em=t,null==s?this.removeAttribute(o):this.setAttribute(o,s),this._$Em=null}}_$AK(t,e){const i=this.constructor,o=i._$Eh.get(t);if(void 0!==o&&this._$Em!==o){const t=i.getPropertyOptions(o),s="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:D;this._$Em=o;const r=s.fromAttribute(e,t.type);this[o]=r??this._$Ej?.get(o)??r,this._$Em=null}}requestUpdate(t,e,i){if(void 0!==t){const o=this.constructor,s=this[t];if(i??=o.getPropertyOptions(t),!((i.hasChanged??N)(s,e)||i.useDefault&&i.reflect&&s===this._$Ej?.get(t)&&!this.hasAttribute(o._$Eu(t,i))))return;this.C(t,e,i)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,e,{useDefault:i,reflect:o,wrapped:s},r){i&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,r??e??this[t]),!0!==s||void 0!==r)||(this._$AL.has(t)||(this.hasUpdated||i||(e=void 0),this._$AL.set(t,e)),!0===o&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,e]of this._$Ep)this[t]=e;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,i]of t){const{wrapped:t}=i,o=this[e];!0!==t||this._$AL.has(e)||void 0===o||this.C(e,void 0,i,o)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach(t=>t.hostUpdate?.()),this.update(e)):this._$EM()}catch(e){throw t=!1,this._$EM(),e}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach(t=>t.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach(t=>this._$ET(t,this[t])),this._$EM()}updated(t){}firstUpdated(t){}}I.elementStyles=[],I.shadowRootOptions={mode:"open"},I[j("elementProperties")]=new Map,I[j("finalized")]=new Map,W?.({ReactiveElement:I}),(A.reactiveElementVersions??=[]).push("2.1.1");
|
|
31
31
|
/**
|
|
32
32
|
* @license
|
|
33
33
|
* Copyright 2017 Google LLC
|
|
34
34
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
35
35
|
*/
|
|
36
|
-
const
|
|
36
|
+
const V={attribute:!0,type:String,converter:D,reflect:!1,hasChanged:N},F=(t=V,e,i)=>{const{kind:o,metadata:s}=i;let r=globalThis.litPropertyMetadata.get(s);if(void 0===r&&globalThis.litPropertyMetadata.set(s,r=new Map),"setter"===o&&((t=Object.create(t)).wrapped=!0),r.set(i.name,t),"accessor"===o){const{name:o}=i;return{set(i){const s=e.get.call(this);e.set.call(this,i),this.requestUpdate(o,s,t)},init(e){return void 0!==e&&this.C(o,void 0,t,e),e}}}if("setter"===o){const{name:o}=i;return function(i){const s=this[o];e.call(this,i),this.requestUpdate(o,s,t)}}throw Error("Unsupported decorator location: "+o)};function G(t){return(e,i)=>"object"==typeof i?F(t,e,i):((t,e,i)=>{const o=e.hasOwnProperty(i);return e.constructor.createProperty(i,t),o?Object.getOwnPropertyDescriptor(e,i):void 0})(t,e,i)}
|
|
37
37
|
/**
|
|
38
38
|
* @license
|
|
39
39
|
* Copyright 2017 Google LLC
|
|
@@ -57,7 +57,7 @@ function J(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
57
57
|
* @license MIT
|
|
58
58
|
* Copyright (c) 2025 Google LLC
|
|
59
59
|
* See LICENSE file in the project root for full license text.
|
|
60
|
-
*/var K,Q,
|
|
60
|
+
*/var K,X,Q,Y,Z,tt,et,it,ot,st,rt,at,nt,lt,dt,ht,ct,ft,pt,ut,mt,bt,vt,gt,yt,_t;let wt=class extends(r(t)){constructor(){super(),K.add(this),X.set(this,null),Q.set(this,()=>_(this,K,"m",vt).call(this)),Y.set(this,()=>_(this,K,"m",mt).call(this)),Z.set(this,new a(this,{target:null,config:{attributeFilter:["disabled","readonly","required"]},callback:()=>this.notifyControlStateChange()})),tt.set(this,new n(this,{target:null,callback:()=>_(this,K,"m",ft).call(this)})),et.set(this,new l(this,{target:null,callback:t=>{t=t&&!(_(this,X,"f")?.disabled??1),this.classList.toggle("-no-animate",!1),w(this,st,t,"f"),t?this.classList.toggle("-float-label",!0):(this._invalid=!(_(this,X,"f")?.checkValidity?.()??1),this.notifyControlStateChange())}})),it.set(this,new a(this,{target:null,config:{childList:!0,subtree:!0},callback:()=>_(this,K,"m",yt).call(this)})),ot.set(this,new a(this,{target:null,config:{childList:!0,subtree:!0},callback:()=>_(this,K,"m",_t).call(this)})),st.set(this,!1),this._pseudoLabel="",this._required=!1,this._invalid=!1,this._validationMessage="",rt.set(this,""),at.set(this,""),this.variant="outlined",this.hideRequiredMarker=!1,this.hideSubscript="auto",this.floatLabel="auto",new d(this,{callback:()=>this.classList.toggle("-no-animate",!1)}),new h(this,{callback:t=>this.classList.toggle("-pressed",t&&!(_(this,X,"f")?.disabled??1))})}get control(){return _(this,X,"f")}notifyControlStateChange(t=!1){this._required=!0===_(this,X,"f")?.required,this.classList.toggle("-required",this._required),this.classList.toggle("-disabled",!0===_(this,X,"f")?.disabled),this.classList.toggle("-readonly",c(_(this,X,"f"))&&!0===_(this,X,"f").readOnly),"auto"===this.floatLabel&&this.classList.toggle("-float-label",_(this,K,"a",nt)||_(this,st,"f")),t&&(this._invalid=!(_(this,X,"f")?.checkValidity?.()??1)),this.classList.toggle("-invalid",this._invalid),this._validationMessage=_(this,X,"f")?.validationMessage??"",this.isUpdatePending||this.performUpdate()}connectedCallback(){super.connectedCallback(),this.classList.toggle("-no-animate",!0)}disconnectedCallback(){super.disconnectedCallback(),_(this,K,"m",gt).call(this,null)}firstUpdated(t){super.firstUpdated(t),_(this,et,"f").observe(this._base),_(this,it,"f").observe(this._hint),_(this,K,"m",yt).call(this),_(this,ot,"f").observe(this._error),_(this,K,"m",_t).call(this)}update(t){super.update(t),t.has("_invalid")&&_(this,X,"f")&&(_(this,X,"f").ariaInvalid=this._invalid?"true":null,_(this,at,"f")&&(this._invalid?m.describe(_(this,X,"f"),_(this,at,"f")):m.removeDescription(_(this,X,"f"),_(this,at,"f"))))}render(){return i`<div class="base" @click="${_(this,K,"m",ut)}">
|
|
61
61
|
${"outlined"===this.variant?i`<div class="outline" aria-hidden="true">
|
|
62
62
|
<div class="outline-start"></div>
|
|
63
63
|
<div class="outline-notch">
|
|
@@ -68,27 +68,27 @@ function J(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
68
68
|
<div class="outline-end"></div>
|
|
69
69
|
</div>`:e}
|
|
70
70
|
<div class="prefix">
|
|
71
|
-
<slot name="prefix" @slotchange="${
|
|
71
|
+
<slot name="prefix" @slotchange="${_(this,K,"m",ht)}"></slot>
|
|
72
72
|
</div>
|
|
73
73
|
<div class="content">
|
|
74
74
|
<span class="prefix-text"><slot name="prefix-text"></slot></span>
|
|
75
75
|
<span class="input">
|
|
76
|
-
<slot @slotchange="${
|
|
76
|
+
<slot @slotchange="${_(this,K,"m",pt)}" @change="${_(this,K,"m",bt)}"></slot>
|
|
77
77
|
</span>
|
|
78
78
|
<span class="suffix-text"><slot name="suffix-text"></slot></span>
|
|
79
79
|
<span class="label">
|
|
80
|
-
<slot name="label" @slotchange="${
|
|
80
|
+
<slot name="label" @slotchange="${_(this,K,"m",dt)}"></slot>
|
|
81
81
|
${!this.hideRequiredMarker&&this._required?i`<span class="required-marker" aria-hidden="true"> *</span>`:e}
|
|
82
82
|
</span>
|
|
83
83
|
</div>
|
|
84
|
-
<div class="suffix" @click="${
|
|
85
|
-
<slot name="suffix" @slotchange="${
|
|
84
|
+
<div class="suffix" @click="${_(this,K,"m",lt)}">
|
|
85
|
+
<slot name="suffix" @slotchange="${_(this,K,"m",ct)}"></slot>
|
|
86
86
|
</div>
|
|
87
87
|
</div>
|
|
88
88
|
<span class="subscript" aria-hidden="true">
|
|
89
89
|
<span class="error"><slot name="error">${this._validationMessage}</slot></span>
|
|
90
90
|
<span class="hint"><slot name="hint"></slot></span>
|
|
91
|
-
</span>`}};
|
|
91
|
+
</span>`}};X=new WeakMap,Q=new WeakMap,Y=new WeakMap,Z=new WeakMap,tt=new WeakMap,et=new WeakMap,it=new WeakMap,ot=new WeakMap,st=new WeakMap,rt=new WeakMap,at=new WeakMap,K=new WeakSet,nt=function(){return void 0!==_(this,X,"f")?.shouldLabelFloat?!0===_(this,X,"f").shouldLabelFloat:"string"==typeof _(this,X,"f")?.value&&_(this,X,"f").value.length>0},lt=function(t){t.stopImmediatePropagation(),t.stopPropagation()},dt=function(t){const e=t.target.assignedElements({flatten:!0});this.classList.toggle("-with-label",e.length>0),this._pseudoLabel=e[0]?.textContent??""},ht=function(t){this.classList.toggle("-with-prefix",p(t.target)),_(this,tt,"f").observe(this._prefix)},ct=function(t){this.classList.toggle("-with-suffix",p(t.target))},ft=function(){"outlined"===this.variant&&this._base.style.setProperty("--_prefix-width",`${this._prefix.clientWidth}px`)},pt=function(t){_(this,K,"m",gt).call(this,g(t.target))},ut=function(t){!_(this,X,"f")||_(this,st,"f")||_(this,X,"f").disabled||(_(this,X,"f").onContainerClick?_(this,X,"f").onContainerClick(t):_(this,X,"f").focus())},mt=function(){this._invalid=!0,this.notifyControlStateChange()},bt=function(){this._invalid=!(_(this,X,"f")?.checkValidity?.()??1),this.notifyControlStateChange()},vt=function(){this._invalid=!1,this.notifyControlStateChange()},gt=function(t){_(this,X,"f")!==t&&(_(this,X,"f")&&(_(this,rt,"f")&&m.removeDescription(_(this,X,"f"),_(this,rt,"f")),_(this,at,"f")&&m.removeDescription(_(this,X,"f"),_(this,at,"f")),_(this,Z,"f").unobserve(_(this,X,"f")),_(this,X,"f").removeEventListener("invalid",_(this,Y,"f")),_(this,X,"f").form?.removeEventListener("reset",_(this,Q,"f"))),w(this,X,t,"f"),["INPUT","TEXTAREA"].includes(_(this,X,"f")?.tagName??"")?this._base.style.setProperty("--_form-field-cursor","text"):this._base.style.removeProperty("--_form-field-cursor"),_(this,X,"f")&&(_(this,Z,"f").observe(_(this,X,"f")),_(this,X,"f").addEventListener("invalid",_(this,Y,"f")),_(this,X,"f").form?.addEventListener("reset",_(this,Q,"f")),_(this,X,"f").removeAttribute("aria-invalid"),_(this,rt,"f")&&m.describe(_(this,X,"f"),_(this,rt,"f")),this.notifyControlStateChange()))},yt=function(){const t=u(this._hint,!0);t!==_(this,rt,"f")&&(_(this,X,"f")&&_(this,rt,"f")&&m.removeDescription(_(this,X,"f"),_(this,rt,"f")),w(this,rt,t,"f"),_(this,X,"f")&&_(this,rt,"f")&&m.describe(_(this,X,"f"),_(this,rt,"f")))},_t=function(){const t=u(this._error,!0);t!==_(this,at,"f")&&(_(this,X,"f")&&_(this,at,"f")&&m.removeDescription(_(this,X,"f"),_(this,at,"f")),w(this,at,t,"f"),_(this,X,"f")&&_(this,at,"f")&&this._invalid&&m.describe(_(this,X,"f"),_(this,at,"f")))},(()=>{const t=new CSSStyleSheet;t.replaceSync(o`
|
|
92
92
|
m3e-form-field input::placeholder,
|
|
93
93
|
m3e-form-field textarea::placeholder {
|
|
94
94
|
user-select: none;
|
|
@@ -106,7 +106,7 @@ function J(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
106
106
|
transition: none !important;
|
|
107
107
|
}
|
|
108
108
|
}
|
|
109
|
-
`.toString()),document.adoptedStyleSheets=[...document.adoptedStyleSheets,t]})(),
|
|
109
|
+
`.toString()),document.adoptedStyleSheets=[...document.adoptedStyleSheets,t]})(),wt.styles=o`
|
|
110
110
|
:host {
|
|
111
111
|
display: inline-flex;
|
|
112
112
|
flex-direction: column;
|
|
@@ -118,6 +118,9 @@ function J(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
118
118
|
width: var(--m3e-form-field-width, 14.5rem);
|
|
119
119
|
color: var(--_form-field-color);
|
|
120
120
|
}
|
|
121
|
+
:host(:not(.-disabled)) .base {
|
|
122
|
+
cursor: var(--_form-field-cursor);
|
|
123
|
+
}
|
|
121
124
|
.base {
|
|
122
125
|
display: flex;
|
|
123
126
|
align-items: center;
|
|
@@ -499,5 +502,5 @@ function J(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
499
502
|
transition: none !important;
|
|
500
503
|
}
|
|
501
504
|
}
|
|
502
|
-
`,y([J(".base")],
|
|
505
|
+
`,y([J(".base")],wt.prototype,"_base",void 0),y([J(".prefix")],wt.prototype,"_prefix",void 0),y([J(".error")],wt.prototype,"_error",void 0),y([J(".hint")],wt.prototype,"_hint",void 0),y([B()],wt.prototype,"_pseudoLabel",void 0),y([B()],wt.prototype,"_required",void 0),y([B()],wt.prototype,"_invalid",void 0),y([B()],wt.prototype,"_validationMessage",void 0),y([G({reflect:!0})],wt.prototype,"variant",void 0),y([G({attribute:"hide-required-marker",type:Boolean,reflect:!0})],wt.prototype,"hideRequiredMarker",void 0),y([G({attribute:"hide-subscript",reflect:!0})],wt.prototype,"hideSubscript",void 0),y([G({attribute:"float-label",reflect:!0})],wt.prototype,"floatLabel",void 0),wt=y([(t=>(e,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(t,e)}):customElements.define(t,e)})("m3e-form-field")],wt);export{wt as M3eFormFieldElement,g as findFormFieldControl,v as isFormFieldControl};
|
|
503
506
|
//# sourceMappingURL=index.min.js.map
|