@covalent/components 7.5.0-beta.2 → 8.0.0

package/expansion-panel-item.js

@@ -1,25 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./query-assigned-elements-f623705d.js"),n=require("./property-57f6f6fe.js");require("./icon.js");require("./mwc-icon-f87639bc.js");require("./tslib.es6-98719205.js");const d=`:host([isTopPanel]) .panel{border-radius:8px 8px 0 0}:host([isBottomPanel]) .panel{border-radius:0 0 8px 8px;border:none}:host([isSinglePanel]) .panel{border-radius:8px;border:none}:host([isInnerPanel]) .panel{border-radius:0}:host([open][isInnerPanel]) .panel{border-radius:8px;margin-top:16px;margin-bottom:16px;border-bottom:0}:host([open][isInnerPanel]) .header{min-height:64px;max-height:64px}:host([open][isInnerPanel]) .dropdown{grid-template-rows:1fr}:host([open][isInnerPanel]) .closedIcon{display:none}:host([open][isInnerPanel]) .openedIcon{display:inline-block}:host([open][isInnerPanel]) ::slotted([slot=content]){padding-bottom:16px}:host([open][isTopPanel]) .panel{border-radius:8px;margin-bottom:16px;border-bottom:0}:host([open][isTopPanel]) .header{min-height:64px;max-height:64px}:host([open][isTopPanel]) .dropdown{grid-template-rows:1fr}:host([open][isTopPanel]) .closedIcon{display:none}:host([open][isTopPanel]) .openedIcon{display:inline-block}:host([open][isTopPanel]) ::slotted([slot=content]){padding-bottom:16px}:host([open][isBottomPanel]) .panel{border-radius:8px;margin-top:16px;border-bottom:0}:host([open][isBottomPanel]) .header{min-height:64px;max-height:64px}:host([open][isBottomPanel]) .dropdown{grid-template-rows:1fr}:host([open][isBottomPanel]) .closedIcon{display:none}:host([open][isBottomPanel]) .openedIcon{display:inline-block}:host([open][isBottomPanel]) ::slotted([slot=content]){padding-bottom:16px}:host([open][isSinglePanel]) .header{min-height:64px;max-height:64px}:host([open][isSinglePanel]) .dropdown{grid-template-rows:1fr}:host([open][isSinglePanel]) .closedIcon{display:none}:host([open][isSinglePanel]) .openedIcon{display:inline-block}:host([open][isSinglePanel]) ::slotted([slot=content]){padding-bottom:16px}:host([belowOpenInnerPanel]) .panel{border-radius:8px 8px 0 0}:host([aboveOpenInnerPanel]) .panel{border-radius:0 0 8px 8px;border-bottom:none}:host([separateSinglePanel]) .panel{border-radius:8px;border-bottom:none}:host .panel{border-bottom:1px solid var(--mdc-theme-border, rgba(0, 0, 0, .12));background-color:var(--mdc-theme-surface, #ffffff);transition:margin-bottom .5s,margin-top .5s}:host .header{min-height:48px;max-height:48px;padding:0 24px;display:flex;align-items:center;transition:min-height .5s,max-height .5s}:host .title{width:var(--cv-expansion-panel-item-title-width, 200px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87));font-family:var(--mdc-typography-body1-font-family, Arial);font-size:var(--mdc-typography-body1-font-size, 14px);font-style:normal;font-weight:var(--mdc-typography-body1-font-weight, 400);line-height:var(--mdc-typography-body1-line-height, 20px);letter-spacing:.25px}:host .contentPreview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:16px;color:var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, .54));font-family:var(--mdc-typography-body1-font-family, Arial);font-size:var(--mdc-typography-body1-font-size, 14px);font-style:normal;font-weight:var(--mdc-typography-body1-font-weight, 400);line-height:var(--mdc-typography-body1-line-height, 20px);letter-spacing:.25px}:host cv-icon{padding-left:16px;margin-left:auto}:host .dropdown{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s;color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87));font-family:var(--mdc-typography-body1-font-family, Arial);font-size:var(--mdc-typography-body1-font-size, 14px);font-style:normal;font-weight:var(--mdc-typography-body1-font-weight, 400);line-height:var(--mdc-typography-body1-line-height, 20px);letter-spacing:.25px}:host .content{overflow-y:hidden}:host .content slot{display:block;padding:0 24px}:host .footer{overflow-y:hidden;padding:16px 24px;border-top:1px solid var(--mdc-theme-border, rgba(0, 0, 0, .12))}:host .openedIcon{display:none}
-`;var h=Object.defineProperty,c=Object.getOwnPropertyDescriptor,e=(l,t,r,i)=>{for(var o=i>1?void 0:i?c(t,r):t,s=l.length-1,p;s>=0;s--)(p=l[s])&&(o=(i?p(t,r,o):p(o))||o);return i&&o&&h(t,r,o),o};exports.CovalentExpansionPanelItem=class extends a.s{constructor(){super(...arguments),this.index=0,this.open=!1,this.isTopPanel=!1,this.isInnerPanel=!1,this.isBottomPanel=!1,this.isSinglePanel=!1,this.belowOpenInnerPanel=!1,this.aboveOpenInnerPanel=!1,this.separateSinglePanel=!1,this.title="Title",this.contentPreview="",this.showFooter=!1,this.noSurface=!1}render(){return a.x`
-      <div class="panel">
-        <div class="header" @click=${this._toggleContent}>
-          <span class="title">${this.title}</span>
-          <span class="contentPreview">${this.contentPreview}</span>
-
-          <cv-icon class="closedIcon">expand_more</cv-icon>
-          <cv-icon class="openedIcon">expand_less</cv-icon>
-        </div>
-
-        <div class="dropdown">
-          <div class="content">
-            <slot name="content"></slot>
-            ${this.showFooter?a.x`
-                  <div class="footer">
-                    <slot name="footer"></slot>
-                  </div>
-                `:""}
-          </div>
-        </div>
-      </div>
-    `}resetPanel(){this.belowOpenInnerPanel=!1,this.aboveOpenInnerPanel=!1,this.separateSinglePanel=!1,this.open=!1}_toggleContent(){this.open=!this.open;const t=new CustomEvent("cv-expansionPanel-togglePanel",{detail:{message:`Panel opened: ${this}`,bubbles:!0,composed:!0,open:this.open,index:this.index}});window.dispatchEvent(t)}};exports.CovalentExpansionPanelItem.styles=[a.i`
-      ${a.r(d)}
-    `];e([n.n({type:Number})],exports.CovalentExpansionPanelItem.prototype,"index",2);e([n.n({type:Boolean,reflect:!0,attribute:"open"})],exports.CovalentExpansionPanelItem.prototype,"open",2);e([n.n({type:Boolean,reflect:!0,attribute:"isTopPanel"})],exports.CovalentExpansionPanelItem.prototype,"isTopPanel",2);e([n.n({type:Boolean,reflect:!0,attribute:"isInnerPanel"})],exports.CovalentExpansionPanelItem.prototype,"isInnerPanel",2);e([n.n({type:Boolean,reflect:!0,attribute:"isBottomPanel"})],exports.CovalentExpansionPanelItem.prototype,"isBottomPanel",2);e([n.n({type:Boolean,reflect:!0,attribute:"isSinglePanel"})],exports.CovalentExpansionPanelItem.prototype,"isSinglePanel",2);e([n.n({type:Boolean,reflect:!0,attribute:"belowOpenInnerPanel"})],exports.CovalentExpansionPanelItem.prototype,"belowOpenInnerPanel",2);e([n.n({type:Boolean,reflect:!0,attribute:"aboveOpenInnerPanel"})],exports.CovalentExpansionPanelItem.prototype,"aboveOpenInnerPanel",2);e([n.n({type:Boolean,reflect:!0,attribute:"separateSinglePanel"})],exports.CovalentExpansionPanelItem.prototype,"separateSinglePanel",2);e([n.n({type:String})],exports.CovalentExpansionPanelItem.prototype,"title",2);e([n.n({type:String})],exports.CovalentExpansionPanelItem.prototype,"contentPreview",2);e([n.n({type:Boolean,reflect:!0})],exports.CovalentExpansionPanelItem.prototype,"showFooter",2);e([n.n({type:Boolean,reflect:!0})],exports.CovalentExpansionPanelItem.prototype,"noSurface",2);exports.CovalentExpansionPanelItem=e([a.e("cv-expansion-panel-item")],exports.CovalentExpansionPanelItem);

package/expansion-panel-item.mjs

@@ -1,107 +0,0 @@
-import { i as h, r as c, s as m, x as d, e as g } from "./query-assigned-elements-4a39219d.mjs";
-import { n as t } from "./property-9b6ea53b.mjs";
-import "./icon.mjs";
-import "./mwc-icon-28b10c70.mjs";
-import "./tslib.es6-226581a4.mjs";
-const y = `:host([isTopPanel]) .panel{border-radius:8px 8px 0 0}:host([isBottomPanel]) .panel{border-radius:0 0 8px 8px;border:none}:host([isSinglePanel]) .panel{border-radius:8px;border:none}:host([isInnerPanel]) .panel{border-radius:0}:host([open][isInnerPanel]) .panel{border-radius:8px;margin-top:16px;margin-bottom:16px;border-bottom:0}:host([open][isInnerPanel]) .header{min-height:64px;max-height:64px}:host([open][isInnerPanel]) .dropdown{grid-template-rows:1fr}:host([open][isInnerPanel]) .closedIcon{display:none}:host([open][isInnerPanel]) .openedIcon{display:inline-block}:host([open][isInnerPanel]) ::slotted([slot=content]){padding-bottom:16px}:host([open][isTopPanel]) .panel{border-radius:8px;margin-bottom:16px;border-bottom:0}:host([open][isTopPanel]) .header{min-height:64px;max-height:64px}:host([open][isTopPanel]) .dropdown{grid-template-rows:1fr}:host([open][isTopPanel]) .closedIcon{display:none}:host([open][isTopPanel]) .openedIcon{display:inline-block}:host([open][isTopPanel]) ::slotted([slot=content]){padding-bottom:16px}:host([open][isBottomPanel]) .panel{border-radius:8px;margin-top:16px;border-bottom:0}:host([open][isBottomPanel]) .header{min-height:64px;max-height:64px}:host([open][isBottomPanel]) .dropdown{grid-template-rows:1fr}:host([open][isBottomPanel]) .closedIcon{display:none}:host([open][isBottomPanel]) .openedIcon{display:inline-block}:host([open][isBottomPanel]) ::slotted([slot=content]){padding-bottom:16px}:host([open][isSinglePanel]) .header{min-height:64px;max-height:64px}:host([open][isSinglePanel]) .dropdown{grid-template-rows:1fr}:host([open][isSinglePanel]) .closedIcon{display:none}:host([open][isSinglePanel]) .openedIcon{display:inline-block}:host([open][isSinglePanel]) ::slotted([slot=content]){padding-bottom:16px}:host([belowOpenInnerPanel]) .panel{border-radius:8px 8px 0 0}:host([aboveOpenInnerPanel]) .panel{border-radius:0 0 8px 8px;border-bottom:none}:host([separateSinglePanel]) .panel{border-radius:8px;border-bottom:none}:host .panel{border-bottom:1px solid var(--mdc-theme-border, rgba(0, 0, 0, .12));background-color:var(--mdc-theme-surface, #ffffff);transition:margin-bottom .5s,margin-top .5s}:host .header{min-height:48px;max-height:48px;padding:0 24px;display:flex;align-items:center;transition:min-height .5s,max-height .5s}:host .title{width:var(--cv-expansion-panel-item-title-width, 200px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87));font-family:var(--mdc-typography-body1-font-family, Arial);font-size:var(--mdc-typography-body1-font-size, 14px);font-style:normal;font-weight:var(--mdc-typography-body1-font-weight, 400);line-height:var(--mdc-typography-body1-line-height, 20px);letter-spacing:.25px}:host .contentPreview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:16px;color:var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, .54));font-family:var(--mdc-typography-body1-font-family, Arial);font-size:var(--mdc-typography-body1-font-size, 14px);font-style:normal;font-weight:var(--mdc-typography-body1-font-weight, 400);line-height:var(--mdc-typography-body1-line-height, 20px);letter-spacing:.25px}:host cv-icon{padding-left:16px;margin-left:auto}:host .dropdown{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s;color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87));font-family:var(--mdc-typography-body1-font-family, Arial);font-size:var(--mdc-typography-body1-font-size, 14px);font-style:normal;font-weight:var(--mdc-typography-body1-font-weight, 400);line-height:var(--mdc-typography-body1-line-height, 20px);letter-spacing:.25px}:host .content{overflow-y:hidden}:host .content slot{display:block;padding:0 24px}:host .footer{overflow-y:hidden;padding:16px 24px;border-top:1px solid var(--mdc-theme-border, rgba(0, 0, 0, .12))}:host .openedIcon{display:none}
-`;
-var f = Object.defineProperty, b = Object.getOwnPropertyDescriptor, o = (a, r, p, i) => {
-  for (var n = i > 1 ? void 0 : i ? b(r, p) : r, s = a.length - 1, l; s >= 0; s--)
-    (l = a[s]) && (n = (i ? l(r, p, n) : l(n)) || n);
-  return i && n && f(r, p, n), n;
-};
-let e = class extends m {
-  constructor() {
-    super(...arguments), this.index = 0, this.open = !1, this.isTopPanel = !1, this.isInnerPanel = !1, this.isBottomPanel = !1, this.isSinglePanel = !1, this.belowOpenInnerPanel = !1, this.aboveOpenInnerPanel = !1, this.separateSinglePanel = !1, this.title = "Title", this.contentPreview = "", this.showFooter = !1, this.noSurface = !1;
-  }
-  render() {
-    return d`
-      <div class="panel">
-        <div class="header" @click=${this._toggleContent}>
-          <span class="title">${this.title}</span>
-          <span class="contentPreview">${this.contentPreview}</span>
-
-          <cv-icon class="closedIcon">expand_more</cv-icon>
-          <cv-icon class="openedIcon">expand_less</cv-icon>
-        </div>
-
-        <div class="dropdown">
-          <div class="content">
-            <slot name="content"></slot>
-            ${this.showFooter ? d`
-                  <div class="footer">
-                    <slot name="footer"></slot>
-                  </div>
-                ` : ""}
-          </div>
-        </div>
-      </div>
-    `;
-  }
-  resetPanel() {
-    this.belowOpenInnerPanel = !1, this.aboveOpenInnerPanel = !1, this.separateSinglePanel = !1, this.open = !1;
-  }
-  _toggleContent() {
-    this.open = !this.open;
-    const a = new CustomEvent("cv-expansionPanel-togglePanel", {
-      detail: {
-        message: `Panel opened: ${this}`,
-        bubbles: !0,
-        composed: !0,
-        open: this.open,
-        index: this.index
-      }
-    });
-    window.dispatchEvent(a);
-  }
-};
-e.styles = [
-  h`
-      ${c(y)}
-    `
-];
-o([
-  t({ type: Number })
-], e.prototype, "index", 2);
-o([
-  t({ type: Boolean, reflect: !0, attribute: "open" })
-], e.prototype, "open", 2);
-o([
-  t({ type: Boolean, reflect: !0, attribute: "isTopPanel" })
-], e.prototype, "isTopPanel", 2);
-o([
-  t({ type: Boolean, reflect: !0, attribute: "isInnerPanel" })
-], e.prototype, "isInnerPanel", 2);
-o([
-  t({ type: Boolean, reflect: !0, attribute: "isBottomPanel" })
-], e.prototype, "isBottomPanel", 2);
-o([
-  t({ type: Boolean, reflect: !0, attribute: "isSinglePanel" })
-], e.prototype, "isSinglePanel", 2);
-o([
-  t({ type: Boolean, reflect: !0, attribute: "belowOpenInnerPanel" })
-], e.prototype, "belowOpenInnerPanel", 2);
-o([
-  t({ type: Boolean, reflect: !0, attribute: "aboveOpenInnerPanel" })
-], e.prototype, "aboveOpenInnerPanel", 2);
-o([
-  t({ type: Boolean, reflect: !0, attribute: "separateSinglePanel" })
-], e.prototype, "separateSinglePanel", 2);
-o([
-  t({ type: String })
-], e.prototype, "title", 2);
-o([
-  t({ type: String })
-], e.prototype, "contentPreview", 2);
-o([
-  t({ type: Boolean, reflect: !0 })
-], e.prototype, "showFooter", 2);
-o([
-  t({ type: Boolean, reflect: !0 })
-], e.prototype, "noSurface", 2);
-e = o([
-  g("cv-expansion-panel-item")
-], e);
-export {
-  e as CovalentExpansionPanelItem
-};

package/expansion-panel.js

@@ -1,7 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./query-assigned-elements-f623705d.js"),p=require("./property-57f6f6fe.js");var h=Object.defineProperty,d=Object.getOwnPropertyDescriptor,i=(o,n,t,l)=>{for(var s=l>1?void 0:l?d(n,t):n,e=o.length-1,r;e>=0;e--)(r=o[e])&&(s=(l?r(n,t,s):r(s))||s);return l&&s&&h(n,t,s),s};exports.CovalentExpansionPanel=class extends a.s{constructor(){super(...arguments),this.noSurface=!1,this.titleWidth="150px",this._handleToggle=n=>{const t=n.detail.index,l=this.panelItems[t],s=l.open;this.panelItems.forEach(e=>{e.resetPanel()}),s&&(l.open=!0,this.panelItems.forEach(e=>{e.index==t-1?e.index==0?e.separateSinglePanel=!0:e.aboveOpenInnerPanel=!0:e.index==t+1&&(e.index==this.panelItems.length-1&&(e.separateSinglePanel=!0),e.belowOpenInnerPanel=!0)}))}}render(){return a.x`
-      <div class="container">
-        <div class="content">
-          <slot id="mainSlot"></slot>
-        </div>
-      </div>
-    `}firstUpdated(){if(window.addEventListener("cv-expansionPanel-togglePanel",n=>this._handleToggle(n)),this.style.setProperty("--cv-expansion-panel-item-title-width",this.titleWidth),this.noSurface&&this.style.setProperty("--mdc-theme-surface","transparent"),this.panelItems.length==1)this.panelItems[0].isSinglePanel=!0;else{let n=0;this.panelItems.forEach(t=>{n==0?t.isTopPanel=!0:n==this.panelItems.length-1?t.isBottomPanel=!0:t.isInnerPanel=!0,t.index=n,n++})}}};i([p.n({type:Boolean,reflect:!0})],exports.CovalentExpansionPanel.prototype,"noSurface",2);i([p.n({type:String})],exports.CovalentExpansionPanel.prototype,"titleWidth",2);i([a.l()],exports.CovalentExpansionPanel.prototype,"panelItems",2);exports.CovalentExpansionPanel=i([a.e("cv-expansion-panel")],exports.CovalentExpansionPanel);

package/expansion-panel.mjs

@@ -1,59 +0,0 @@
-import { s as h, x as d, l as f, e as c } from "./query-assigned-elements-4a39219d.mjs";
-import { n as p } from "./property-9b6ea53b.mjs";
-var u = Object.defineProperty, P = Object.getOwnPropertyDescriptor, a = (n, t, s, l) => {
-  for (var e = l > 1 ? void 0 : l ? P(t, s) : t, i = n.length - 1, o; i >= 0; i--)
-    (o = n[i]) && (e = (l ? o(t, s, e) : o(e)) || e);
-  return l && e && u(t, s, e), e;
-};
-let r = class extends h {
-  constructor() {
-    super(...arguments), this.noSurface = !1, this.titleWidth = "150px", this._handleToggle = (n) => {
-      const t = n.detail.index, s = this.panelItems[t], l = s.open;
-      this.panelItems.forEach((e) => {
-        e.resetPanel();
-      }), l && (s.open = !0, this.panelItems.forEach((e) => {
-        e.index == t - 1 ? e.index == 0 ? e.separateSinglePanel = !0 : e.aboveOpenInnerPanel = !0 : e.index == t + 1 && (e.index == this.panelItems.length - 1 && (e.separateSinglePanel = !0), e.belowOpenInnerPanel = !0);
-      }));
-    };
-  }
-  render() {
-    return d`
-      <div class="container">
-        <div class="content">
-          <slot id="mainSlot"></slot>
-        </div>
-      </div>
-    `;
-  }
-  firstUpdated() {
-    if (window.addEventListener(
-      "cv-expansionPanel-togglePanel",
-      (n) => this._handleToggle(n)
-    ), this.style.setProperty(
-      "--cv-expansion-panel-item-title-width",
-      this.titleWidth
-    ), this.noSurface && this.style.setProperty("--mdc-theme-surface", "transparent"), this.panelItems.length == 1)
-      this.panelItems[0].isSinglePanel = !0;
-    else {
-      let n = 0;
-      this.panelItems.forEach((t) => {
-        n == 0 ? t.isTopPanel = !0 : n == this.panelItems.length - 1 ? t.isBottomPanel = !0 : t.isInnerPanel = !0, t.index = n, n++;
-      });
-    }
-  }
-};
-a([
-  p({ type: Boolean, reflect: !0 })
-], r.prototype, "noSurface", 2);
-a([
-  p({ type: String })
-], r.prototype, "titleWidth", 2);
-a([
-  f()
-], r.prototype, "panelItems", 2);
-r = a([
-  c("cv-expansion-panel")
-], r);
-export {
-  r as CovalentExpansionPanel
-};

package/formfield.js

@@ -1,80 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("./query-assigned-elements-f623705d.js"),i=require("./tslib.es6-98719205.js"),m=require("./base-element-58a3f9ea.js"),f=require("./form-element-c553d6f5.js"),u=require("./observer-a096ab43.js"),d=require("./property-57f6f6fe.js"),p=require("./query-680f1868.js"),g=require("./query-assigned-nodes-99eae71d.js"),h=require("./class-map-b5efe8da.js");require("./utils-a8190a39.js");/**
- * @license
- * Copyright 2016 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */var y=function(){function r(e){e===void 0&&(e={}),this.adapter=e}return Object.defineProperty(r,"cssClasses",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(r,"strings",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(r,"numbers",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(r,"defaultAdapter",{get:function(){return{}},enumerable:!1,configurable:!0}),r.prototype.init=function(){},r.prototype.destroy=function(){},r}();/**
- * @license
- * Copyright 2017 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */var b={ROOT:"mdc-form-field"},v={LABEL_SELECTOR:".mdc-form-field > label"};/**
- * @license
- * Copyright 2017 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */var w=function(r){i.__extends(e,r);function e(t){var n=r.call(this,i.__assign(i.__assign({},e.defaultAdapter),t))||this;return n.click=function(){n.handleClick()},n}return Object.defineProperty(e,"cssClasses",{get:function(){return b},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return v},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{activateInputRipple:function(){},deactivateInputRipple:function(){},deregisterInteractionHandler:function(){},registerInteractionHandler:function(){}}},enumerable:!1,configurable:!0}),e.prototype.init=function(){this.adapter.registerInteractionHandler("click",this.click)},e.prototype.destroy=function(){this.adapter.deregisterInteractionHandler("click",this.click)},e.prototype.handleClick=function(){var t=this;this.adapter.activateInputRipple(),requestAnimationFrame(function(){t.adapter.deactivateInputRipple()})},e}(y);const _=w;/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */class o extends m.BaseElement{constructor(){super(...arguments),this.alignEnd=!1,this.spaceBetween=!1,this.nowrap=!1,this.label="",this.mdcFoundationClass=_}createAdapter(){return{registerInteractionHandler:(e,t)=>{this.labelEl.addEventListener(e,t)},deregisterInteractionHandler:(e,t)=>{this.labelEl.removeEventListener(e,t)},activateInputRipple:async()=>{const e=this.input;if(e instanceof f.FormElement){const t=await e.ripple;t&&t.startPress()}},deactivateInputRipple:async()=>{const e=this.input;if(e instanceof f.FormElement){const t=await e.ripple;t&&t.endPress()}}}}get input(){var e,t;return(t=(e=this.slottedInputs)===null||e===void 0?void 0:e[0])!==null&&t!==void 0?t:null}render(){const e={"mdc-form-field--align-end":this.alignEnd,"mdc-form-field--space-between":this.spaceBetween,"mdc-form-field--nowrap":this.nowrap};return l.x`
-      <div class="mdc-form-field ${h.o(e)}">
-        <slot></slot>
-        <label class="mdc-label"
-               @click="${this._labelClick}">${this.label}</label>
-      </div>`}click(){this._labelClick()}_labelClick(){const e=this.input;e&&(e.focus(),e.click())}}i.__decorate([d.n({type:Boolean})],o.prototype,"alignEnd",void 0);i.__decorate([d.n({type:Boolean})],o.prototype,"spaceBetween",void 0);i.__decorate([d.n({type:Boolean})],o.prototype,"nowrap",void 0);i.__decorate([d.n({type:String}),u.observer(async function(r){var e;(e=this.input)===null||e===void 0||e.setAttribute("aria-label",r)})],o.prototype,"label",void 0);i.__decorate([p.i(".mdc-form-field")],o.prototype,"mdcRoot",void 0);i.__decorate([g.o("",!0,"*")],o.prototype,"slottedInputs",void 0);i.__decorate([p.i("label")],o.prototype,"labelEl",void 0);/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-LIcense-Identifier: Apache-2.0
- */const x=l.i`.mdc-form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));display:inline-flex;align-items:center;vertical-align:middle}.mdc-form-field>label{margin-left:0;margin-right:auto;padding-left:4px;padding-right:0;order:0}[dir=rtl] .mdc-form-field>label,.mdc-form-field>label[dir=rtl]{margin-left:auto;margin-right:0}[dir=rtl] .mdc-form-field>label,.mdc-form-field>label[dir=rtl]{padding-left:0;padding-right:4px}.mdc-form-field--nowrap>label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.mdc-form-field--align-end>label{margin-left:auto;margin-right:0;padding-left:0;padding-right:4px;order:-1}[dir=rtl] .mdc-form-field--align-end>label,.mdc-form-field--align-end>label[dir=rtl]{margin-left:0;margin-right:auto}[dir=rtl] .mdc-form-field--align-end>label,.mdc-form-field--align-end>label[dir=rtl]{padding-left:4px;padding-right:0}.mdc-form-field--space-between{justify-content:space-between}.mdc-form-field--space-between>label{margin:0}[dir=rtl] .mdc-form-field--space-between>label,.mdc-form-field--space-between>label[dir=rtl]{margin:0}:host{display:inline-flex}.mdc-form-field{width:100%}::slotted(*){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}::slotted(mwc-switch){margin-right:10px}[dir=rtl] ::slotted(mwc-switch),::slotted(mwc-switch[dir=rtl]){margin-left:10px}`,C=`::slotted(cv-switch){margin-right:10px}[dir=rtl] ::slotted(cv-switch),::slotted(cv-switch[dir=rtl]){margin-left:10px}
-`;var F=Object.defineProperty,E=Object.getOwnPropertyDescriptor,O=(r,e,t,n)=>{for(var a=n>1?void 0:n?E(e,t):e,s=r.length-1,c;s>=0;s--)(c=r[s])&&(a=(n?c(e,t,a):c(a))||a);return n&&a&&F(e,t,a),a};exports.CovalentFormfield=class extends o{};exports.CovalentFormfield.styles=[l.i`
-      ${l.r(C)}
-    `,x];exports.CovalentFormfield=O([l.e("cv-formfield")],exports.CovalentFormfield);const q=exports.CovalentFormfield;exports.default=q;

package/formfield.mjs

@@ -1,277 +0,0 @@
-import { x as u, i as m, r as h, e as y } from "./query-assigned-elements-4a39219d.mjs";
-import { _ as b, a as f, b as a } from "./tslib.es6-226581a4.mjs";
-import { B as v } from "./base-element-67ae173f.mjs";
-import { F as p } from "./form-element-7353b3c4.mjs";
-import { o as w } from "./observer-be7b92e2.mjs";
-import { n as d } from "./property-9b6ea53b.mjs";
-import { i as g } from "./query-d843aa92.mjs";
-import { o as x } from "./query-assigned-nodes-df691e78.mjs";
-import { o as _ } from "./class-map-4b94b017.mjs";
-import "./utils-2932417c.mjs";
-/**
- * @license
- * Copyright 2016 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
-var C = (
-  /** @class */
-  function() {
-    function r(e) {
-      e === void 0 && (e = {}), this.adapter = e;
-    }
-    return Object.defineProperty(r, "cssClasses", {
-      get: function() {
-        return {};
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(r, "strings", {
-      get: function() {
-        return {};
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(r, "numbers", {
-      get: function() {
-        return {};
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(r, "defaultAdapter", {
-      get: function() {
-        return {};
-      },
-      enumerable: !1,
-      configurable: !0
-    }), r.prototype.init = function() {
-    }, r.prototype.destroy = function() {
-    }, r;
-  }()
-);
-/**
- * @license
- * Copyright 2017 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
-var F = {
-  ROOT: "mdc-form-field"
-}, I = {
-  LABEL_SELECTOR: ".mdc-form-field > label"
-};
-/**
- * @license
- * Copyright 2017 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
-var O = (
-  /** @class */
-  function(r) {
-    b(e, r);
-    function e(t) {
-      var i = r.call(this, f(f({}, e.defaultAdapter), t)) || this;
-      return i.click = function() {
-        i.handleClick();
-      }, i;
-    }
-    return Object.defineProperty(e, "cssClasses", {
-      get: function() {
-        return F;
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(e, "strings", {
-      get: function() {
-        return I;
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(e, "defaultAdapter", {
-      get: function() {
-        return {
-          activateInputRipple: function() {
-          },
-          deactivateInputRipple: function() {
-          },
-          deregisterInteractionHandler: function() {
-          },
-          registerInteractionHandler: function() {
-          }
-        };
-      },
-      enumerable: !1,
-      configurable: !0
-    }), e.prototype.init = function() {
-      this.adapter.registerInteractionHandler("click", this.click);
-    }, e.prototype.destroy = function() {
-      this.adapter.deregisterInteractionHandler("click", this.click);
-    }, e.prototype.handleClick = function() {
-      var t = this;
-      this.adapter.activateInputRipple(), requestAnimationFrame(function() {
-        t.adapter.deactivateInputRipple();
-      });
-    }, e;
-  }(C)
-);
-const E = O;
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-class n extends v {
-  constructor() {
-    super(...arguments), this.alignEnd = !1, this.spaceBetween = !1, this.nowrap = !1, this.label = "", this.mdcFoundationClass = E;
-  }
-  createAdapter() {
-    return {
-      registerInteractionHandler: (e, t) => {
-        this.labelEl.addEventListener(e, t);
-      },
-      deregisterInteractionHandler: (e, t) => {
-        this.labelEl.removeEventListener(e, t);
-      },
-      activateInputRipple: async () => {
-        const e = this.input;
-        if (e instanceof p) {
-          const t = await e.ripple;
-          t && t.startPress();
-        }
-      },
-      deactivateInputRipple: async () => {
-        const e = this.input;
-        if (e instanceof p) {
-          const t = await e.ripple;
-          t && t.endPress();
-        }
-      }
-    };
-  }
-  get input() {
-    var e, t;
-    return (t = (e = this.slottedInputs) === null || e === void 0 ? void 0 : e[0]) !== null && t !== void 0 ? t : null;
-  }
-  render() {
-    const e = {
-      "mdc-form-field--align-end": this.alignEnd,
-      "mdc-form-field--space-between": this.spaceBetween,
-      "mdc-form-field--nowrap": this.nowrap
-    };
-    return u`
-      <div class="mdc-form-field ${_(e)}">
-        <slot></slot>
-        <label class="mdc-label"
-               @click="${this._labelClick}">${this.label}</label>
-      </div>`;
-  }
-  click() {
-    this._labelClick();
-  }
-  _labelClick() {
-    const e = this.input;
-    e && (e.focus(), e.click());
-  }
-}
-a([
-  d({ type: Boolean })
-], n.prototype, "alignEnd", void 0);
-a([
-  d({ type: Boolean })
-], n.prototype, "spaceBetween", void 0);
-a([
-  d({ type: Boolean })
-], n.prototype, "nowrap", void 0);
-a([
-  d({ type: String }),
-  w(async function(r) {
-    var e;
-    (e = this.input) === null || e === void 0 || e.setAttribute("aria-label", r);
-  })
-], n.prototype, "label", void 0);
-a([
-  g(".mdc-form-field")
-], n.prototype, "mdcRoot", void 0);
-a([
-  x("", !0, "*")
-], n.prototype, "slottedInputs", void 0);
-a([
-  g("label")
-], n.prototype, "labelEl", void 0);
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-LIcense-Identifier: Apache-2.0
- */
-const P = m`.mdc-form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));display:inline-flex;align-items:center;vertical-align:middle}.mdc-form-field>label{margin-left:0;margin-right:auto;padding-left:4px;padding-right:0;order:0}[dir=rtl] .mdc-form-field>label,.mdc-form-field>label[dir=rtl]{margin-left:auto;margin-right:0}[dir=rtl] .mdc-form-field>label,.mdc-form-field>label[dir=rtl]{padding-left:0;padding-right:4px}.mdc-form-field--nowrap>label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.mdc-form-field--align-end>label{margin-left:auto;margin-right:0;padding-left:0;padding-right:4px;order:-1}[dir=rtl] .mdc-form-field--align-end>label,.mdc-form-field--align-end>label[dir=rtl]{margin-left:0;margin-right:auto}[dir=rtl] .mdc-form-field--align-end>label,.mdc-form-field--align-end>label[dir=rtl]{padding-left:4px;padding-right:0}.mdc-form-field--space-between{justify-content:space-between}.mdc-form-field--space-between>label{margin:0}[dir=rtl] .mdc-form-field--space-between>label,.mdc-form-field--space-between>label[dir=rtl]{margin:0}:host{display:inline-flex}.mdc-form-field{width:100%}::slotted(*){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}::slotted(mwc-switch){margin-right:10px}[dir=rtl] ::slotted(mwc-switch),::slotted(mwc-switch[dir=rtl]){margin-left:10px}`, R = `::slotted(cv-switch){margin-right:10px}[dir=rtl] ::slotted(cv-switch),::slotted(cv-switch[dir=rtl]){margin-left:10px}
-`;
-var k = Object.defineProperty, j = Object.getOwnPropertyDescriptor, B = (r, e, t, i) => {
-  for (var o = i > 1 ? void 0 : i ? j(e, t) : e, s = r.length - 1, c; s >= 0; s--)
-    (c = r[s]) && (o = (i ? c(e, t, o) : c(o)) || o);
-  return i && o && k(e, t, o), o;
-};
-let l = class extends n {
-};
-l.styles = [
-  m`
-      ${h(R)}
-    `,
-  P
-];
-l = B([
-  y("cv-formfield")
-], l);
-const G = l;
-export {
-  l as CovalentFormfield,
-  G as default
-};