@covalent/components 8.2.1 → 8.3.0-beta.1

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/textarea.js CHANGED
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./query-assigned-elements-f623705d.js"),n=require("./tslib.es6-98719205.js"),f=require("./textfield-62e16cc2.js"),x=require("./property-57f6f6fe.js"),s=require("./query-680f1868.js"),p=require("./class-map-b5efe8da.js"),a=require("./if-defined-f1c45245.js");require("./mwc-line-ripple-directive-a6b39a3c.js");require("./base-element-58a3f9ea.js");require("./utils-a8190a39.js");require("./form-element-c553d6f5.js");require("./observer-a096ab43.js");require("./state-0974a8e5.js");require("./event-options-3f5eb195.js");require("./directive-helpers-0ce1f995.js");/**
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./query-assigned-elements-f623705d.js"),n=require("./tslib.es6-98719205.js"),f=require("./textfield-11525c88.js"),x=require("./property-57f6f6fe.js"),s=require("./query-680f1868.js"),p=require("./class-map-b5efe8da.js"),a=require("./if-defined-f1c45245.js");require("./mwc-line-ripple-directive-a6b39a3c.js");require("./base-element-58a3f9ea.js");require("./utils-a8190a39.js");require("./form-element-c553d6f5.js");require("./observer-a096ab43.js");require("./state-0974a8e5.js");require("./event-options-3f5eb195.js");require("./directive-helpers-0ce1f995.js");/**
2
2
  * @license
3
3
  * Copyright 2019 Google LLC
4
4
  * SPDX-License-Identifier: Apache-2.0
package/textarea.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import { x as s, i as f, r as p, e as h } from "./query-assigned-elements-4a39219d.mjs";
2
2
  import { f as n } from "./tslib.es6-f3e988cd.mjs";
3
- import { T as g, l as b, s as u } from "./textfield-63d1859a.mjs";
3
+ import { T as g, l as b, s as u } from "./textfield-448f991c.mjs";
4
4
  import { n as x } from "./property-9b6ea53b.mjs";
5
5
  import { i as _ } from "./query-d843aa92.mjs";
6
6
  import { o as v } from "./class-map-4b94b017.mjs";
@@ -129,5 +129,5 @@
129
129
  ${this.renderCharCounter(t)}
130
130
  </div>`:""}renderCharCounter(e){const t=Math.min(this.value.length,this.maxLength);return e?u.x`
131
131
  <span class="mdc-text-field-character-counter"
132
- >${t} / ${this.maxLength}</span>`:""}onInputFocus(){this.focused=!0}onInputBlur(){this.focused=!1,this.reportValidity()}checkValidity(){const e=this._checkValidity(this.value);if(!e){const t=new Event("invalid",{bubbles:!1,cancelable:!0});this.dispatchEvent(t)}return e}reportValidity(){const e=this.checkValidity();return this.mdcFoundation.setValid(e),this.isUiValid=e,e}_checkValidity(e){const t=this.formElement.validity;let i=O(t);if(this.validityTransform){const n=this.validityTransform(e,i);i=Object.assign(Object.assign({},i),n),this.mdcFoundation.setUseNativeValidation(!1)}else this.mdcFoundation.setUseNativeValidation(!0);return this._validity=i,this._validity.valid}setCustomValidity(e){this.validationMessage=e,this.formElement.setCustomValidity(e)}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:(e,t)=>this.addEventListener(e,t),deregisterTextFieldInteractionHandler:(e,t)=>this.removeEventListener(e,t),registerValidationAttributeChangeHandler:e=>{const t=o=>o.map(d=>d.attributeName).filter(d=>d),i=new MutationObserver(o=>{e(t(o))}),n={attributes:!0};return i.observe(this.formElement,n),i},deregisterValidationAttributeChangeHandler:e=>e.disconnect()},H.addHasRemoveClass(this.mdcRoot))}getInputAdapterMethods(){return{getNativeInput:()=>this.formElement,setInputAttr:()=>{},removeInputAttr:()=>{},isFocused:()=>this.shadowRoot?this.shadowRoot.activeElement===this.formElement:!1,registerInputInteractionHandler:(e,t)=>this.formElement.addEventListener(e,t,{passive:e in q}),deregisterInputInteractionHandler:(e,t)=>this.formElement.removeEventListener(e,t)}}getLabelAdapterMethods(){return{floatLabel:e=>this.labelElement&&this.labelElement.floatingLabelFoundation.float(e),getLabelWidth:()=>this.labelElement?this.labelElement.floatingLabelFoundation.getWidth():0,hasLabel:()=>!!this.labelElement,shakeLabel:e=>this.labelElement&&this.labelElement.floatingLabelFoundation.shake(e),setLabelRequired:e=>{this.labelElement&&this.labelElement.floatingLabelFoundation.setRequired(e)}}}getLineRippleAdapterMethods(){return{activateLineRipple:()=>{this.lineRippleElement&&this.lineRippleElement.lineRippleFoundation.activate()},deactivateLineRipple:()=>{this.lineRippleElement&&this.lineRippleElement.lineRippleFoundation.deactivate()},setLineRippleTransformOrigin:e=>{this.lineRippleElement&&this.lineRippleElement.lineRippleFoundation.setRippleCenter(e)}}}async getUpdateComplete(){var e;const t=await super.getUpdateComplete();return await((e=this.outlineElement)===null||e===void 0?void 0:e.updateComplete),t}firstUpdated(){var e;super.firstUpdated(),this.mdcFoundation.setValidateOnValueChange(this.autoValidate),this.validateOnInitialRender&&this.reportValidity(),(e=this.outlineElement)===null||e===void 0||e.updateComplete.then(()=>{var t;this.outlineWidth=((t=this.labelElement)===null||t===void 0?void 0:t.floatingLabelFoundation.getWidth())||0})}getOutlineAdapterMethods(){return{closeOutline:()=>this.outlineElement&&(this.outlineOpen=!1),hasOutline:()=>!!this.outlineElement,notchOutline:e=>{this.outlineElement&&!this.outlineOpen&&(this.outlineWidth=e,this.outlineOpen=!0)}}}async layout(){await this.updateComplete;const e=this.labelElement;if(!e){this.outlineOpen=!1;return}const t=!!this.label&&!!this.value;if(e.floatingLabelFoundation.float(t),!this.outlined)return;this.outlineOpen=t,await this.updateComplete;const i=e.floatingLabelFoundation.getWidth();this.outlineOpen&&(this.outlineWidth=i,await this.updateComplete)}}a.__decorate([y.i(".mdc-text-field")],r.prototype,"mdcRoot",void 0);a.__decorate([y.i("input")],r.prototype,"formElement",void 0);a.__decorate([y.i(".mdc-floating-label")],r.prototype,"labelElement",void 0);a.__decorate([y.i(".mdc-line-ripple")],r.prototype,"lineRippleElement",void 0);a.__decorate([y.i("mwc-notched-outline")],r.prototype,"outlineElement",void 0);a.__decorate([y.i(".mdc-notched-outline__notch")],r.prototype,"notchElement",void 0);a.__decorate([l.n({type:String})],r.prototype,"value",void 0);a.__decorate([l.n({type:String})],r.prototype,"type",void 0);a.__decorate([l.n({type:String})],r.prototype,"placeholder",void 0);a.__decorate([l.n({type:String}),A.observer(function(s,e){e!==void 0&&this.label!==e&&this.layout()})],r.prototype,"label",void 0);a.__decorate([l.n({type:String})],r.prototype,"icon",void 0);a.__decorate([l.n({type:String})],r.prototype,"iconTrailing",void 0);a.__decorate([l.n({type:Boolean,reflect:!0})],r.prototype,"disabled",void 0);a.__decorate([l.n({type:Boolean})],r.prototype,"required",void 0);a.__decorate([l.n({type:Number})],r.prototype,"minLength",void 0);a.__decorate([l.n({type:Number})],r.prototype,"maxLength",void 0);a.__decorate([l.n({type:Boolean,reflect:!0}),A.observer(function(s,e){e!==void 0&&this.outlined!==e&&this.layout()})],r.prototype,"outlined",void 0);a.__decorate([l.n({type:String})],r.prototype,"helper",void 0);a.__decorate([l.n({type:Boolean})],r.prototype,"validateOnInitialRender",void 0);a.__decorate([l.n({type:String})],r.prototype,"validationMessage",void 0);a.__decorate([l.n({type:Boolean})],r.prototype,"autoValidate",void 0);a.__decorate([l.n({type:String})],r.prototype,"pattern",void 0);a.__decorate([l.n({type:String})],r.prototype,"min",void 0);a.__decorate([l.n({type:String})],r.prototype,"max",void 0);a.__decorate([l.n({type:String})],r.prototype,"step",void 0);a.__decorate([l.n({type:Number})],r.prototype,"size",void 0);a.__decorate([l.n({type:Boolean})],r.prototype,"helperPersistent",void 0);a.__decorate([l.n({type:Boolean})],r.prototype,"charCounter",void 0);a.__decorate([l.n({type:Boolean})],r.prototype,"endAligned",void 0);a.__decorate([l.n({type:String})],r.prototype,"prefix",void 0);a.__decorate([l.n({type:String})],r.prototype,"suffix",void 0);a.__decorate([l.n({type:String})],r.prototype,"name",void 0);a.__decorate([l.n({type:String})],r.prototype,"inputMode",void 0);a.__decorate([l.n({type:Boolean})],r.prototype,"readOnly",void 0);a.__decorate([l.n({type:String})],r.prototype,"autocapitalize",void 0);a.__decorate([b.t()],r.prototype,"outlineOpen",void 0);a.__decorate([b.t()],r.prototype,"outlineWidth",void 0);a.__decorate([b.t()],r.prototype,"isUiValid",void 0);a.__decorate([b.t()],r.prototype,"focused",void 0);a.__decorate([E.e({passive:!0})],r.prototype,"handleInputChange",null);const k=`:host{--mdc-text-field-label-ink-color: var(--mdc-theme-text-secondary-on-background);--mdc-text-field-ink-color: var(--mdc-theme-text-secondary-on-background);--mdc-text-field-fill-color: var(--mdc-theme-surface-canvas);--mdc-text-field-idle-line-color: var(--mdc-theme-border);--mdc-text-field-hover-line-color: var(--mdc-theme-text-icon-on-background);--mdc-text-field-outlined-idle-border-color: var(--mdc-theme-border);--mdc-text-field-outlined-hover-border-color: var(--mdc-theme-text-icon-on-background)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon{color:var(--mdc-theme-text-icon-on-background)}
132
+ >${t} / ${this.maxLength}</span>`:""}onInputFocus(){this.focused=!0}onInputBlur(){this.focused=!1,this.reportValidity()}checkValidity(){const e=this._checkValidity(this.value);if(!e){const t=new Event("invalid",{bubbles:!1,cancelable:!0});this.dispatchEvent(t)}return e}reportValidity(){const e=this.checkValidity();return this.mdcFoundation.setValid(e),this.isUiValid=e,e}_checkValidity(e){const t=this.formElement.validity;let i=O(t);if(this.validityTransform){const n=this.validityTransform(e,i);i=Object.assign(Object.assign({},i),n),this.mdcFoundation.setUseNativeValidation(!1)}else this.mdcFoundation.setUseNativeValidation(!0);return this._validity=i,this._validity.valid}setCustomValidity(e){this.validationMessage=e,this.formElement.setCustomValidity(e)}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:(e,t)=>this.addEventListener(e,t),deregisterTextFieldInteractionHandler:(e,t)=>this.removeEventListener(e,t),registerValidationAttributeChangeHandler:e=>{const t=o=>o.map(d=>d.attributeName).filter(d=>d),i=new MutationObserver(o=>{e(t(o))}),n={attributes:!0};return i.observe(this.formElement,n),i},deregisterValidationAttributeChangeHandler:e=>e.disconnect()},H.addHasRemoveClass(this.mdcRoot))}getInputAdapterMethods(){return{getNativeInput:()=>this.formElement,setInputAttr:()=>{},removeInputAttr:()=>{},isFocused:()=>this.shadowRoot?this.shadowRoot.activeElement===this.formElement:!1,registerInputInteractionHandler:(e,t)=>this.formElement.addEventListener(e,t,{passive:e in q}),deregisterInputInteractionHandler:(e,t)=>this.formElement.removeEventListener(e,t)}}getLabelAdapterMethods(){return{floatLabel:e=>this.labelElement&&this.labelElement.floatingLabelFoundation.float(e),getLabelWidth:()=>this.labelElement?this.labelElement.floatingLabelFoundation.getWidth():0,hasLabel:()=>!!this.labelElement,shakeLabel:e=>this.labelElement&&this.labelElement.floatingLabelFoundation.shake(e),setLabelRequired:e=>{this.labelElement&&this.labelElement.floatingLabelFoundation.setRequired(e)}}}getLineRippleAdapterMethods(){return{activateLineRipple:()=>{this.lineRippleElement&&this.lineRippleElement.lineRippleFoundation.activate()},deactivateLineRipple:()=>{this.lineRippleElement&&this.lineRippleElement.lineRippleFoundation.deactivate()},setLineRippleTransformOrigin:e=>{this.lineRippleElement&&this.lineRippleElement.lineRippleFoundation.setRippleCenter(e)}}}async getUpdateComplete(){var e;const t=await super.getUpdateComplete();return await((e=this.outlineElement)===null||e===void 0?void 0:e.updateComplete),t}firstUpdated(){var e;super.firstUpdated(),this.mdcFoundation.setValidateOnValueChange(this.autoValidate),this.validateOnInitialRender&&this.reportValidity(),(e=this.outlineElement)===null||e===void 0||e.updateComplete.then(()=>{var t;this.outlineWidth=((t=this.labelElement)===null||t===void 0?void 0:t.floatingLabelFoundation.getWidth())||0})}getOutlineAdapterMethods(){return{closeOutline:()=>this.outlineElement&&(this.outlineOpen=!1),hasOutline:()=>!!this.outlineElement,notchOutline:e=>{this.outlineElement&&!this.outlineOpen&&(this.outlineWidth=e,this.outlineOpen=!0)}}}async layout(){await this.updateComplete;const e=this.labelElement;if(!e){this.outlineOpen=!1;return}const t=!!this.label&&!!this.value;if(e.floatingLabelFoundation.float(t),!this.outlined)return;this.outlineOpen=t,await this.updateComplete;const i=e.floatingLabelFoundation.getWidth();this.outlineOpen&&(this.outlineWidth=i,await this.updateComplete)}}a.__decorate([y.i(".mdc-text-field")],r.prototype,"mdcRoot",void 0);a.__decorate([y.i("input")],r.prototype,"formElement",void 0);a.__decorate([y.i(".mdc-floating-label")],r.prototype,"labelElement",void 0);a.__decorate([y.i(".mdc-line-ripple")],r.prototype,"lineRippleElement",void 0);a.__decorate([y.i("mwc-notched-outline")],r.prototype,"outlineElement",void 0);a.__decorate([y.i(".mdc-notched-outline__notch")],r.prototype,"notchElement",void 0);a.__decorate([l.n({type:String})],r.prototype,"value",void 0);a.__decorate([l.n({type:String})],r.prototype,"type",void 0);a.__decorate([l.n({type:String})],r.prototype,"placeholder",void 0);a.__decorate([l.n({type:String}),A.observer(function(s,e){e!==void 0&&this.label!==e&&this.layout()})],r.prototype,"label",void 0);a.__decorate([l.n({type:String})],r.prototype,"icon",void 0);a.__decorate([l.n({type:String})],r.prototype,"iconTrailing",void 0);a.__decorate([l.n({type:Boolean,reflect:!0})],r.prototype,"disabled",void 0);a.__decorate([l.n({type:Boolean})],r.prototype,"required",void 0);a.__decorate([l.n({type:Number})],r.prototype,"minLength",void 0);a.__decorate([l.n({type:Number})],r.prototype,"maxLength",void 0);a.__decorate([l.n({type:Boolean,reflect:!0}),A.observer(function(s,e){e!==void 0&&this.outlined!==e&&this.layout()})],r.prototype,"outlined",void 0);a.__decorate([l.n({type:String})],r.prototype,"helper",void 0);a.__decorate([l.n({type:Boolean})],r.prototype,"validateOnInitialRender",void 0);a.__decorate([l.n({type:String})],r.prototype,"validationMessage",void 0);a.__decorate([l.n({type:Boolean})],r.prototype,"autoValidate",void 0);a.__decorate([l.n({type:String})],r.prototype,"pattern",void 0);a.__decorate([l.n({type:String})],r.prototype,"min",void 0);a.__decorate([l.n({type:String})],r.prototype,"max",void 0);a.__decorate([l.n({type:String})],r.prototype,"step",void 0);a.__decorate([l.n({type:Number})],r.prototype,"size",void 0);a.__decorate([l.n({type:Boolean})],r.prototype,"helperPersistent",void 0);a.__decorate([l.n({type:Boolean})],r.prototype,"charCounter",void 0);a.__decorate([l.n({type:Boolean})],r.prototype,"endAligned",void 0);a.__decorate([l.n({type:String})],r.prototype,"prefix",void 0);a.__decorate([l.n({type:String})],r.prototype,"suffix",void 0);a.__decorate([l.n({type:String})],r.prototype,"name",void 0);a.__decorate([l.n({type:String})],r.prototype,"inputMode",void 0);a.__decorate([l.n({type:Boolean})],r.prototype,"readOnly",void 0);a.__decorate([l.n({type:String})],r.prototype,"autocapitalize",void 0);a.__decorate([b.t()],r.prototype,"outlineOpen",void 0);a.__decorate([b.t()],r.prototype,"outlineWidth",void 0);a.__decorate([b.t()],r.prototype,"isUiValid",void 0);a.__decorate([b.t()],r.prototype,"focused",void 0);a.__decorate([E.e({passive:!0})],r.prototype,"handleInputChange",null);const k=`:host{--mdc-text-field-label-ink-color: var( --mdc-theme-text-secondary-on-background );--mdc-text-field-ink-color: var(--mdc-theme-text-secondary-on-background);--mdc-text-field-fill-color: var(--mdc-theme-surface-canvas);--mdc-text-field-idle-line-color: var(--mdc-theme-border);--mdc-text-field-hover-line-color: var(--mdc-theme-text-icon-on-background);--mdc-text-field-outlined-idle-border-color: var(--mdc-theme-border);--mdc-text-field-outlined-hover-border-color: var( --mdc-theme-text-icon-on-background )}:host([dense]){height:48px}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon{color:var(--mdc-theme-text-icon-on-background)}
133
133
  `;exports.TextFieldBase=r;exports.l=V;exports.styles=k;
@@ -923,7 +923,7 @@ a([
923
923
  a([
924
924
  _({ passive: !0 })
925
925
  ], r.prototype, "handleInputChange", null);
926
- const oe = `:host{--mdc-text-field-label-ink-color: var(--mdc-theme-text-secondary-on-background);--mdc-text-field-ink-color: var(--mdc-theme-text-secondary-on-background);--mdc-text-field-fill-color: var(--mdc-theme-surface-canvas);--mdc-text-field-idle-line-color: var(--mdc-theme-border);--mdc-text-field-hover-line-color: var(--mdc-theme-text-icon-on-background);--mdc-text-field-outlined-idle-border-color: var(--mdc-theme-border);--mdc-text-field-outlined-hover-border-color: var(--mdc-theme-text-icon-on-background)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon{color:var(--mdc-theme-text-icon-on-background)}
926
+ const oe = `:host{--mdc-text-field-label-ink-color: var( --mdc-theme-text-secondary-on-background );--mdc-text-field-ink-color: var(--mdc-theme-text-secondary-on-background);--mdc-text-field-fill-color: var(--mdc-theme-surface-canvas);--mdc-text-field-idle-line-color: var(--mdc-theme-border);--mdc-text-field-hover-line-color: var(--mdc-theme-text-icon-on-background);--mdc-text-field-outlined-idle-border-color: var(--mdc-theme-border);--mdc-text-field-outlined-hover-border-color: var( --mdc-theme-text-icon-on-background )}:host([dense]){height:48px}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon{color:var(--mdc-theme-text-icon-on-background)}
927
927
  `;
928
928
  export {
929
929
  r as T,
package/textfield.js CHANGED
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./query-assigned-elements-f623705d.js"),c=require("./textfield-62e16cc2.js");require("./tslib.es6-98719205.js");require("./mwc-line-ripple-directive-a6b39a3c.js");require("./base-element-58a3f9ea.js");require("./utils-a8190a39.js");require("./property-57f6f6fe.js");require("./query-680f1868.js");require("./class-map-b5efe8da.js");require("./form-element-c553d6f5.js");require("./observer-a096ab43.js");require("./state-0974a8e5.js");require("./event-options-3f5eb195.js");require("./if-defined-f1c45245.js");require("./directive-helpers-0ce1f995.js");/**
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./query-assigned-elements-f623705d.js"),c=require("./textfield-11525c88.js");require("./tslib.es6-98719205.js");require("./mwc-line-ripple-directive-a6b39a3c.js");require("./base-element-58a3f9ea.js");require("./utils-a8190a39.js");require("./property-57f6f6fe.js");require("./query-680f1868.js");require("./class-map-b5efe8da.js");require("./form-element-c553d6f5.js");require("./observer-a096ab43.js");require("./state-0974a8e5.js");require("./event-options-3f5eb195.js");require("./if-defined-f1c45245.js");require("./directive-helpers-0ce1f995.js");/**
2
2
  * @license
3
3
  * Copyright 2021 Google LLC
4
4
  * SPDX-LIcense-Identifier: Apache-2.0
package/textfield.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  import { i as c, r as n, e as m } from "./query-assigned-elements-4a39219d.mjs";
2
- import { T as f, s as x } from "./textfield-63d1859a.mjs";
2
+ import { T as f, s as x } from "./textfield-448f991c.mjs";
3
3
  import "./tslib.es6-f3e988cd.mjs";
4
4
  import "./mwc-line-ripple-directive-b24a914e.mjs";
5
5
  import "./base-element-67ae173f.mjs";