@covalent/components 8.15.0-beta.14 → 8.15.0-beta.16

package/notebook.mjs

@@ -1,5 +1,5 @@
-import { A as Ru, T as S0, i as T0, r as I0, s as B0, x as v, D as z0, e as M0 } from "./query-assigned-elements-4a39219d.mjs";
-import { i as R0, t as q0, e as L0 } from "./directive-daf4e9b6.mjs";
+import { A as qu, T as S0, i as T0, r as I0, s as B0, x as v, D as z0, e as M0 } from "./query-assigned-elements-4a39219d.mjs";
+import { i as q0, t as R0, e as L0 } from "./directive-daf4e9b6.mjs";
 import { n as su } from "./property-9b6ea53b.mjs";
 import "./alert.mjs";
 import "./button.mjs";
@@ -31,7 +31,7 @@ import "./typography.mjs";
 import "./query-assigned-nodes-df691e78.mjs";
 import "./_commonjsHelpers-2f131a27.mjs";
 import "./mwc-list-item-base-3c6a3bfb.mjs";
-import "./list-item-e628f363.mjs";
+import "./list-item-24236190.mjs";
 import "./mwc-line-ripple-directive-aabd8778.mjs";
 import "./mwc-menu-base-04586160.mjs";
 import "./mwc-list-base-402e1d8e.mjs";
@@ -41,13 +41,13 @@ import "./form-element-abadd335.mjs";
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class Du extends R0 {
+class Du extends q0 {
   constructor(e) {
-    if (super(e), this.et = Ru, e.type !== q0.CHILD)
+    if (super(e), this.et = qu, e.type !== R0.CHILD)
       throw Error(this.constructor.directiveName + "() can only be used in child bindings");
   }
   render(e) {
-    if (e === Ru || e == null)
+    if (e === qu || e == null)
       return this.ft = void 0, this.et = e;
     if (e === S0)
       return e;
@@ -61,7 +61,7 @@ class Du extends R0 {
   }
 }
 Du.directiveName = "unsafeHTML", Du.resultType = 1;
-const qu = L0(Du), Lu = {};
+const Ru = L0(Du), Lu = {};
 function P0(u) {
   let e = Lu[u];
   if (e)
@@ -821,17 +821,17 @@ const we = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   parseLinkDestination: Fe,
   parseLinkLabel: Ae,
   parseLinkTitle: ve
-}, Symbol.toStringTag, { value: "Module" })), R = {};
-R.code_inline = function(u, e, t, n, r) {
+}, Symbol.toStringTag, { value: "Module" })), q = {};
+q.code_inline = function(u, e, t, n, r) {
   const c = u[e];
   return "<code" + r.renderAttrs(c) + ">" + N(c.content) + "</code>";
 };
-R.code_block = function(u, e, t, n, r) {
+q.code_block = function(u, e, t, n, r) {
   const c = u[e];
   return "<pre" + r.renderAttrs(c) + "><code>" + N(u[e].content) + `</code></pre>
 `;
 };
-R.fence = function(u, e, t, n, r) {
+q.fence = function(u, e, t, n, r) {
   const c = u[e], o = c.info ? G(c.info).trim() : "";
   let i = "", a = "";
   if (o) {
@@ -854,32 +854,32 @@ R.fence = function(u, e, t, n, r) {
   return `<pre><code${r.renderAttrs(c)}>${s}</code></pre>
 `;
 };
-R.image = function(u, e, t, n, r) {
+q.image = function(u, e, t, n, r) {
   const c = u[e];
   return c.attrs[c.attrIndex("alt")][1] = r.renderInlineAsText(c.children, t, n), r.renderToken(u, e, t);
 };
-R.hardbreak = function(u, e, t) {
+q.hardbreak = function(u, e, t) {
   return t.xhtmlOut ? `<br />
 ` : `<br>
 `;
 };
-R.softbreak = function(u, e, t) {
+q.softbreak = function(u, e, t) {
   return t.breaks ? t.xhtmlOut ? `<br />
 ` : `<br>
 ` : `
 `;
 };
-R.text = function(u, e) {
+q.text = function(u, e) {
   return N(u[e].content);
 };
-R.html_block = function(u, e) {
+q.html_block = function(u, e) {
   return u[e].content;
 };
-R.html_inline = function(u, e) {
+q.html_inline = function(u, e) {
   return u[e].content;
 };
 function W() {
-  this.rules = lu({}, R);
+  this.rules = lu({}, q);
 }
 W.prototype.renderAttrs = function(e) {
   let t, n, r;
@@ -1088,10 +1088,10 @@ function ze(u) {
 function Me(u) {
   return /^<a[>\s]/i.test(u);
 }
-function Re(u) {
+function qe(u) {
   return /^<\/a\s*>/i.test(u);
 }
-function qe(u) {
+function Re(u) {
   const e = u.tokens;
   if (u.md.options.linkify)
     for (let t = 0, n = e.length; t < n; t++) {
@@ -1105,7 +1105,7 @@ function qe(u) {
             o--;
           continue;
         }
-        if (i.type === "html_inline" && (Me(i.content) && c > 0 && c--, Re(i.content) && c++), !(c > 0) && i.type === "text" && u.md.linkify.test(i.content)) {
+        if (i.type === "html_inline" && (Me(i.content) && c > 0 && c--, qe(i.content) && c++), !(c > 0) && i.type === "text" && u.md.linkify.test(i.content)) {
           const a = i.content;
           let s = u.md.linkify.match(a);
           const l = [];
@@ -1260,7 +1260,7 @@ const xu = [
   ["normalize", Ie],
   ["block", Be],
   ["inline", ze],
-  ["linkify", qe],
+  ["linkify", Re],
   ["replacements", Ue],
   ["smartquotes", Ve],
   // `text_join` finds `text_special` tokens (for escape sequences)
@@ -1278,7 +1278,7 @@ Iu.prototype.process = function(u) {
     e[t](u);
 };
 Iu.prototype.State = s0;
-function q(u, e, t, n) {
+function R(u, e, t, n) {
   this.src = u, this.md = e, this.env = t, this.tokens = n, this.bMarks = [], this.eMarks = [], this.tShift = [], this.sCount = [], this.bsCount = [], this.blkIndent = 0, this.line = 0, this.lineMax = 0, this.tight = !1, this.ddIndent = -1, this.listIndent = -1, this.parentType = "root", this.level = 0;
   const r = this.src;
   for (let c = 0, o = 0, i = 0, a = 0, s = r.length, l = !1; o < s; o++) {
@@ -1293,19 +1293,19 @@ function q(u, e, t, n) {
   }
   this.bMarks.push(r.length), this.eMarks.push(r.length), this.tShift.push(0), this.sCount.push(0), this.bsCount.push(0), this.lineMax = this.bMarks.length - 1;
 }
-q.prototype.push = function(u, e, t) {
+R.prototype.push = function(u, e, t) {
   const n = new B(u, e, t);
   return n.block = !0, t < 0 && this.level--, n.level = this.level, t > 0 && this.level++, this.tokens.push(n), n;
 };
-q.prototype.isEmpty = function(e) {
+R.prototype.isEmpty = function(e) {
   return this.bMarks[e] + this.tShift[e] >= this.eMarks[e];
 };
-q.prototype.skipEmptyLines = function(e) {
+R.prototype.skipEmptyLines = function(e) {
   for (let t = this.lineMax; e < t && !(this.bMarks[e] + this.tShift[e] < this.eMarks[e]); e++)
     ;
   return e;
 };
-q.prototype.skipSpaces = function(e) {
+R.prototype.skipSpaces = function(e) {
   for (let t = this.src.length; e < t; e++) {
     const n = this.src.charCodeAt(e);
     if (!E(n))
@@ -1313,7 +1313,7 @@ q.prototype.skipSpaces = function(e) {
   }
   return e;
 };
-q.prototype.skipSpacesBack = function(e, t) {
+R.prototype.skipSpacesBack = function(e, t) {
   if (e <= t)
     return e;
   for (; e > t; )
@@ -1321,12 +1321,12 @@ q.prototype.skipSpacesBack = function(e, t) {
       return e + 1;
   return e;
 };
-q.prototype.skipChars = function(e, t) {
+R.prototype.skipChars = function(e, t) {
   for (let n = this.src.length; e < n && this.src.charCodeAt(e) === t; e++)
     ;
   return e;
 };
-q.prototype.skipCharsBack = function(e, t, n) {
+R.prototype.skipCharsBack = function(e, t, n) {
   if (e <= n)
     return e;
   for (; e > n; )
@@ -1334,7 +1334,7 @@ q.prototype.skipCharsBack = function(e, t, n) {
       return e + 1;
   return e;
 };
-q.prototype.getLines = function(e, t, n, r) {
+R.prototype.getLines = function(e, t, n, r) {
   if (e >= t)
     return "";
   const c = new Array(t - e);
@@ -1356,7 +1356,7 @@ q.prototype.getLines = function(e, t, n, r) {
   }
   return c.join("");
 };
-q.prototype.Token = B;
+R.prototype.Token = B;
 const We = 65536;
 function _u(u, e) {
   const t = u.bMarks[e] + u.tShift[e], n = u.eMarks[e];
@@ -2006,7 +2006,7 @@ du.prototype.parse = function(u, e, t, n) {
   const r = new this.State(u, e, t, n);
   this.tokenize(r, r.line, r.lineMax);
 };
-du.prototype.State = q;
+du.prototype.State = R;
 function eu(u, e, t, n) {
   this.src = u, this.env = t, this.md = e, this.tokens = n, this.tokens_meta = Array(n.length), this.pos = 0, this.posMax = this.src.length, this.level = 0, this.pending = "", this.pendingLevel = 0, this.cache = {}, this.delimiters = [], this._prev_delimiters = [], this.backticks = {}, this.backticksScanned = !1, this.linkLevel = 0;
 }
@@ -2359,7 +2359,7 @@ function Bt(u, e) {
   return u.pos = c, u.posMax = b, !0;
 }
 const zt = /^([a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*)$/, Mt = /^([a-zA-Z][a-zA-Z0-9+.-]{1,31}):([^<>\x00-\x20]*)$/;
-function Rt(u, e) {
+function qt(u, e) {
   let t = u.pos;
   if (u.src.charCodeAt(t) !== 60)
     return !1;
@@ -2404,7 +2404,7 @@ function Rt(u, e) {
   }
   return !1;
 }
-function qt(u) {
+function Rt(u) {
   return /^<a[>\s]/i.test(u);
 }
 function Lt(u) {
@@ -2428,7 +2428,7 @@ function $t(u, e) {
     return !1;
   if (!e) {
     const o = u.push("html_inline", "", 0);
-    o.content = c[0], qt(o.content) && u.linkLevel++, Lt(o.content) && u.linkLevel--;
+    o.content = c[0], Rt(o.content) && u.linkLevel++, Lt(o.content) && u.linkLevel--;
   }
   return u.pos += c[0].length, !0;
 }
@@ -2511,7 +2511,7 @@ const mu = [
   ["emphasis", b0.tokenize],
   ["link", It],
   ["image", Bt],
-  ["autolink", Rt],
+  ["autolink", qt],
   ["html_inline", $t],
   ["entity", jt]
 ], gu = [
@@ -3185,6 +3185,7 @@ let j = class extends B0 {
   copyCell() {
     this._selectedCellIndex !== null && (this._clipboardCell = { ...this.cells[this._selectedCellIndex] });
   }
+  // Create a new cell object
   createNewCell(u) {
     const e = u === "markdown" ? u : this.defaultLanguage || "python";
     return {
@@ -3207,7 +3208,9 @@ let j = class extends B0 {
   // Delete the selected cell
   deleteCell() {
     if (this._selectedCellIndex !== null) {
-      this.cells.splice(this._selectedCellIndex, 1);
+      this.cells = this.cells.filter(
+        (e, t) => t !== this._selectedCellIndex
+      );
       const u = Math.min(
         this._selectedCellIndex + 1,
         this.cells.length - 1
@@ -3222,7 +3225,8 @@ let j = class extends B0 {
   disconnectedCallback() {
     super.disconnectedCallback(), document.removeEventListener("keydown", this._handleKeydown);
   }
-  // Dispatch a custom cell event
+  // Dispatch a custom cell action event
+  // It handles actions like: run-cell, interrupt-cell, refresh-cell etc
   dispatchCustomCellEvent(u, e) {
     !e && this._selectedCellIndex && (e = this.cells[this._selectedCellIndex]), e && this.dispatchEvent(
       new CustomEvent("cell-action", {
@@ -3277,7 +3281,7 @@ let j = class extends B0 {
   // Dispatch an event when the cell type is changed
   handleCellTypeChange(u) {
     const e = this.cellTypes[u.detail.index];
-    this._selectedCellIndex && this.cells[this._selectedCellIndex].cell_type !== e.type && this.dispatchEvent(
+    this._selectedCellIndex !== null && this.dispatchEvent(
       new CustomEvent("cell-type-changed", {
         bubbles: !0,
         cancelable: !0,
@@ -3288,7 +3292,7 @@ let j = class extends B0 {
   // Called whenever the code changes in the cell editor
   handleCodeChange(u, e) {
     const t = this.cells[e];
-    t.code = u.detail.code;
+    t.code = u.detail.code, this.dispatchCustomCellEvent("edit-cell", t);
   }
   handleDragStart(u, e) {
     if (this._draggedCellIndex = e, this.deselectAllCells(), u.dataTransfer) {
@@ -3337,6 +3341,7 @@ let j = class extends B0 {
       })
     ), e.blur());
   }
+  // Handle keyboard actions within the notebook
   _handleKeydown(u) {
     var t, n, r, c;
     let e = (t = this.cells) == null ? void 0 : t.findIndex((o) => o.selected);
@@ -3365,13 +3370,13 @@ let j = class extends B0 {
   // Shows the cell editor on clicking output for markdown cells
   handleOutputCLick(u) {
     const e = this.cells[u];
-    e.language === "markdown" && (e.showEditor = !0, this.dispatchUpdatedCells());
+    e.language === "markdown" && (e.showEditor = !0, this.cells = this.cells.map((t) => t), this.dispatchUpdatedCells());
   }
   // Paste the copied/cut cell in the desired position
   pasteCell() {
     if (this._clipboardCell !== null) {
       const u = this._selectedCellIndex !== null ? this._selectedCellIndex + 1 : this.cells.length;
-      this.deselectAllCells(), this._clipboardCell.selected = !0, this.cells.splice(u, 0, { ...this._clipboardCell }), this.cells = this.cells.map((e, t) => ({ ...e, index: t })), this._selectedCellIndex = u, this.dispatchUpdatedCells();
+      this._clipboardCell.selected = !0, this.cells.splice(u, 0, { ...this._clipboardCell }), this.cells = this.cells.map((e, t) => ({ ...e, index: t })), this.selectCell(u), this.dispatchUpdatedCells();
     }
   }
   renderCellOutput(u) {
@@ -3382,18 +3387,19 @@ let j = class extends B0 {
         switch (n) {
           case "text/markdown":
             return v`<div class="output-container">
-                  ${qu(r.render(t.data[n]))}
+                  ${Ru(r.render(t.data[n]))}
                 </div>`;
           case "text/html":
             return v`<div class="output-container">
-                  ${qu(t.data[n])}
+                  ${Ru(t.data[n])}
                 </div>`;
           case "image/png":
+          case "image/jpg":
             return v`<div class="output-container">
                   <img
                     class="output-image"
                     draggable="false"
-                    src=${`data:image/png;base64, ${t.data[n]}`}
+                    src=${`data:image/${n.includes("jpg") ? "jpg" : "png"};base64, ${t.data[n]}`}
                   />
                 </div>`;
           default:
@@ -3428,15 +3434,15 @@ let j = class extends B0 {
         ></cv-icon-button>
         <cv-icon-button
           icon="stop"
-          @click="${() => this.dispatchCustomCellEvent("interrupt-cell")}"
+          @click="${() => this.dispatchCustomCellEvent("interrupt-kernel")}"
         ></cv-icon-button>
         <cv-icon-button
           icon="refresh"
-          @click="${() => this.dispatchCustomCellEvent("refresh-cell")}"
+          @click="${() => this.dispatchCustomCellEvent("refresh")}"
         ></cv-icon-button>
         <cv-icon-button
           icon="fast_forward"
-          @click="${() => this.dispatchCustomCellEvent("refresh-run-all-cell")}"
+          @click="${() => this.dispatchCustomCellEvent("refresh-run-all")}"
         ></cv-icon-button>
         <cv-select
           label="Cell type"
@@ -3520,6 +3526,7 @@ let j = class extends B0 {
       </section>
     </div>`;
   }
+  // Remove a css class from a target element
   removeCSS(u, e) {
     const t = e == null ? void 0 : e.querySelectorAll(u);
     t == null || t.forEach((n) => n.classList.remove(u));
@@ -3538,6 +3545,7 @@ let j = class extends B0 {
       e.selected = !0, this.cellType = e.language === "markdown" ? "markdown" : "code", this.requestUpdate();
     }
   }
+  // Whether a code editor should be shown in the cell
   shouldRenderEditor(u) {
     var e;
     return u.language !== "markdown" || u.language === "markdown" && !((e = u.outputs) != null && e.length);
@@ -3545,8 +3553,8 @@ let j = class extends B0 {
   updated(u) {
     u.has("cells") && this.cells.forEach((e, t) => {
       var n;
-      e.showEditor = this.shouldRenderEditor(e), (n = e.inputs) != null && n.length && this.scrollToSelectedCell(t);
-    });
+      (n = e.inputs) != null && n.length && this.scrollToSelectedCell(t);
+    }), super.updated(u);
   }
 };
 j.styles = [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@covalent/components",
-  "version": "8.15.0-beta.14",
+  "version": "8.15.0-beta.16",
   "description": "a catalog of material components for covalent",
   "main": "./index.js",
   "module": "./index.mjs",

package/radio-list-item.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./tslib.es6-98719205.js"),e=require("./query-assigned-elements-f623705d.js"),u=require("./mwc-radio-base-147cf999.js"),_=require("./property-57f6f6fe.js"),b=require("./query-680f1868.js"),p=require("./class-map-0a4c6ca9.js"),g=require("./if-defined-f1c45245.js"),h=require("./mwc-list-item-base-06d93e6e.js"),l=require("./list-item-e336fb0e.js");require("./ripple-handlers-9fb4a31a.js");require("./base-element-58a3f9ea.js");require("./utils-a8190a39.js");require("./state-0974a8e5.js");require("./style-map-a135c6ab.js");require("./directive-1186bc23.js");require("./aria-property-849c8816.js");require("./form-element-c553d6f5.js");require("./observer-a096ab43.js");require("./event-options-3f5eb195.js");/**
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./tslib.es6-98719205.js"),e=require("./query-assigned-elements-f623705d.js"),u=require("./mwc-radio-base-147cf999.js"),_=require("./property-57f6f6fe.js"),b=require("./query-680f1868.js"),p=require("./class-map-0a4c6ca9.js"),g=require("./if-defined-f1c45245.js"),h=require("./mwc-list-item-base-06d93e6e.js"),l=require("./list-item-d72b2fff.js");require("./ripple-handlers-9fb4a31a.js");require("./base-element-58a3f9ea.js");require("./utils-a8190a39.js");require("./state-0974a8e5.js");require("./style-map-a135c6ab.js");require("./directive-1186bc23.js");require("./aria-property-849c8816.js");require("./form-element-c553d6f5.js");require("./observer-a096ab43.js");require("./event-options-3f5eb195.js");/**
  * @license
  * Copyright 2021 Google LLC
  * SPDX-LIcense-Identifier: Apache-2.0

package/radio-list-item.mjs

@@ -6,7 +6,7 @@ import { i as u } from "./query-d843aa92.mjs";
 import { o as f } from "./class-map-6e504a9a.mjs";
 import { l as k } from "./if-defined-c367f208.mjs";
 import { L as v } from "./mwc-list-item-base-3c6a3bfb.mjs";
-import { s as x, a as y, c as w } from "./list-item-e628f363.mjs";
+import { s as x, a as y, c as w } from "./list-item-24236190.mjs";
 import "./ripple-handlers-8883e893.mjs";
 import "./base-element-acf30176.mjs";
 import "./utils-dc65fdc9.mjs";

package/textarea.js

@@ -1,4 +1,4 @@
-"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-0645375b.js"),x=require("./property-57f6f6fe.js"),s=require("./query-680f1868.js"),p=require("./class-map-0a4c6ca9.js"),a=require("./if-defined-f1c45245.js");require("./mwc-line-ripple-directive-40145003.js");require("./base-element-58a3f9ea.js");require("./utils-a8190a39.js");require("./directive-1186bc23.js");require("./form-element-c553d6f5.js");require("./observer-a096ab43.js");require("./state-0974a8e5.js");require("./event-options-3f5eb195.js");require("./directive-helpers-0ce1f995.js");/**
+"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-48207bf2.js"),x=require("./property-57f6f6fe.js"),s=require("./query-680f1868.js"),p=require("./class-map-0a4c6ca9.js"),a=require("./if-defined-f1c45245.js");require("./mwc-line-ripple-directive-40145003.js");require("./base-element-58a3f9ea.js");require("./utils-a8190a39.js");require("./directive-1186bc23.js");require("./form-element-c553d6f5.js");require("./observer-a096ab43.js");require("./state-0974a8e5.js");require("./event-options-3f5eb195.js");require("./directive-helpers-0ce1f995.js");/**
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: Apache-2.0

package/textarea.mjs

@@ -1,6 +1,6 @@
 import { x as s, i as f, r as p, e as h } from "./query-assigned-elements-4a39219d.mjs";
 import { _ as n } from "./tslib.es6-c4b0f3b1.mjs";
-import { T as g, l as b, s as u } from "./textfield-93cfcf3c.mjs";
+import { T as g, l as b, s as u } from "./textfield-a994ca16.mjs";
 import { n as x } from "./property-9b6ea53b.mjs";
 import { i as _ } from "./query-d843aa92.mjs";
 import { o as v } from "./class-map-6e504a9a.mjs";

package/{textfield-0645375b.js → textfield-48207bf2.js}

@@ -1,4 +1,4 @@
-"use strict";const a=require("./tslib.es6-98719205.js"),I=require("./mwc-line-ripple-directive-40145003.js"),E=require("./form-element-c553d6f5.js"),V=require("./observer-a096ab43.js"),u=require("./query-assigned-elements-f623705d.js"),l=require("./property-57f6f6fe.js"),x=require("./state-0974a8e5.js"),H=require("./event-options-3f5eb195.js"),y=require("./query-680f1868.js"),b=require("./class-map-0a4c6ca9.js"),h=require("./if-defined-f1c45245.js"),v=require("./directive-1186bc23.js"),_=require("./directive-helpers-0ce1f995.js"),$=require("./utils-a8190a39.js");/**
+"use strict";const a=require("./tslib.es6-98719205.js"),I=require("./mwc-line-ripple-directive-40145003.js"),E=require("./form-element-c553d6f5.js"),V=require("./observer-a096ab43.js"),u=require("./query-assigned-elements-f623705d.js"),l=require("./property-57f6f6fe.js"),x=require("./state-0974a8e5.js"),H=require("./event-options-3f5eb195.js"),y=require("./query-680f1868.js"),b=require("./class-map-0a4c6ca9.js"),h=require("./if-defined-f1c45245.js"),g=require("./directive-1186bc23.js"),_=require("./directive-helpers-0ce1f995.js"),$=require("./utils-a8190a39.js");/**
  * @license
  * Copyright 2016 Google Inc.
  *
@@ -61,11 +61,11 @@
  * 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=["mousedown","touchstart"],O=["click","keydown"],M=function(s){a.__extends(e,s);function e(t,i){i===void 0&&(i={});var n=s.call(this,a.__assign(a.__assign({},e.defaultAdapter),t))||this;return n.isFocused=!1,n.receivedUserInput=!1,n.valid=!0,n.useNativeValidation=!0,n.validateOnValueChange=!0,n.helperText=i.helperText,n.characterCounter=i.characterCounter,n.leadingIcon=i.leadingIcon,n.trailingIcon=i.trailingIcon,n.inputFocusHandler=function(){n.activateFocus()},n.inputBlurHandler=function(){n.deactivateFocus()},n.inputInputHandler=function(){n.handleInput()},n.setPointerXOffset=function(o){n.setTransformOrigin(o)},n.textFieldInteractionHandler=function(){n.handleTextFieldInteraction()},n.validationAttributeChangeHandler=function(o){n.handleValidationAttributeChange(o)},n}return Object.defineProperty(e,"cssClasses",{get:function(){return B},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return L},enumerable:!1,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return F},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"shouldAlwaysFloat",{get:function(){var t=this.getNativeInput().type;return T.indexOf(t)>=0},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"shouldFloat",{get:function(){return this.shouldAlwaysFloat||this.isFocused||!!this.getValue()||this.isBadInput()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"shouldShake",{get:function(){return!this.isFocused&&!this.isValid()&&!!this.getValue()},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},hasClass:function(){return!0},setInputAttr:function(){},removeInputAttr:function(){},registerTextFieldInteractionHandler:function(){},deregisterTextFieldInteractionHandler:function(){},registerInputInteractionHandler:function(){},deregisterInputInteractionHandler:function(){},registerValidationAttributeChangeHandler:function(){return new MutationObserver(function(){})},deregisterValidationAttributeChangeHandler:function(){},getNativeInput:function(){return null},isFocused:function(){return!1},activateLineRipple:function(){},deactivateLineRipple:function(){},setLineRippleTransformOrigin:function(){},shakeLabel:function(){},floatLabel:function(){},setLabelRequired:function(){},hasLabel:function(){return!1},getLabelWidth:function(){return 0},hasOutline:function(){return!1},notchOutline:function(){},closeOutline:function(){}}},enumerable:!1,configurable:!0}),e.prototype.init=function(){var t,i,n,o;this.adapter.hasLabel()&&this.getNativeInput().required&&this.adapter.setLabelRequired(!0),this.adapter.isFocused()?this.inputFocusHandler():this.adapter.hasLabel()&&this.shouldFloat&&(this.notchOutline(!0),this.adapter.floatLabel(!0),this.styleFloating(!0)),this.adapter.registerInputInteractionHandler("focus",this.inputFocusHandler),this.adapter.registerInputInteractionHandler("blur",this.inputBlurHandler),this.adapter.registerInputInteractionHandler("input",this.inputInputHandler);try{for(var d=a.__values(C),c=d.next();!c.done;c=d.next()){var f=c.value;this.adapter.registerInputInteractionHandler(f,this.setPointerXOffset)}}catch(g){t={error:g}}finally{try{c&&!c.done&&(i=d.return)&&i.call(d)}finally{if(t)throw t.error}}try{for(var m=a.__values(O),p=m.next();!p.done;p=m.next()){var f=p.value;this.adapter.registerTextFieldInteractionHandler(f,this.textFieldInteractionHandler)}}catch(g){n={error:g}}finally{try{p&&!p.done&&(o=m.return)&&o.call(m)}finally{if(n)throw n.error}}this.validationObserver=this.adapter.registerValidationAttributeChangeHandler(this.validationAttributeChangeHandler),this.setcharacterCounter(this.getValue().length)},e.prototype.destroy=function(){var t,i,n,o;this.adapter.deregisterInputInteractionHandler("focus",this.inputFocusHandler),this.adapter.deregisterInputInteractionHandler("blur",this.inputBlurHandler),this.adapter.deregisterInputInteractionHandler("input",this.inputInputHandler);try{for(var d=a.__values(C),c=d.next();!c.done;c=d.next()){var f=c.value;this.adapter.deregisterInputInteractionHandler(f,this.setPointerXOffset)}}catch(g){t={error:g}}finally{try{c&&!c.done&&(i=d.return)&&i.call(d)}finally{if(t)throw t.error}}try{for(var m=a.__values(O),p=m.next();!p.done;p=m.next()){var f=p.value;this.adapter.deregisterTextFieldInteractionHandler(f,this.textFieldInteractionHandler)}}catch(g){n={error:g}}finally{try{p&&!p.done&&(o=m.return)&&o.call(m)}finally{if(n)throw n.error}}this.adapter.deregisterValidationAttributeChangeHandler(this.validationObserver)},e.prototype.handleTextFieldInteraction=function(){var t=this.adapter.getNativeInput();t&&t.disabled||(this.receivedUserInput=!0)},e.prototype.handleValidationAttributeChange=function(t){var i=this;t.some(function(n){return U.indexOf(n)>-1?(i.styleValidity(!0),i.adapter.setLabelRequired(i.getNativeInput().required),!0):!1}),t.indexOf("maxlength")>-1&&this.setcharacterCounter(this.getValue().length)},e.prototype.notchOutline=function(t){if(!(!this.adapter.hasOutline()||!this.adapter.hasLabel()))if(t){var i=this.adapter.getLabelWidth()*F.LABEL_SCALE;this.adapter.notchOutline(i)}else this.adapter.closeOutline()},e.prototype.activateFocus=function(){this.isFocused=!0,this.styleFocused(this.isFocused),this.adapter.activateLineRipple(),this.adapter.hasLabel()&&(this.notchOutline(this.shouldFloat),this.adapter.floatLabel(this.shouldFloat),this.styleFloating(this.shouldFloat),this.adapter.shakeLabel(this.shouldShake)),this.helperText&&(this.helperText.isPersistent()||!this.helperText.isValidation()||!this.valid)&&this.helperText.showToScreenReader()},e.prototype.setTransformOrigin=function(t){if(!(this.isDisabled()||this.adapter.hasOutline())){var i=t.touches,n=i?i[0]:t,o=n.target.getBoundingClientRect(),d=n.clientX-o.left;this.adapter.setLineRippleTransformOrigin(d)}},e.prototype.handleInput=function(){this.autoCompleteFocus(),this.setcharacterCounter(this.getValue().length)},e.prototype.autoCompleteFocus=function(){this.receivedUserInput||this.activateFocus()},e.prototype.deactivateFocus=function(){this.isFocused=!1,this.adapter.deactivateLineRipple();var t=this.isValid();this.styleValidity(t),this.styleFocused(this.isFocused),this.adapter.hasLabel()&&(this.notchOutline(this.shouldFloat),this.adapter.floatLabel(this.shouldFloat),this.styleFloating(this.shouldFloat),this.adapter.shakeLabel(this.shouldShake)),this.shouldFloat||(this.receivedUserInput=!1)},e.prototype.getValue=function(){return this.getNativeInput().value},e.prototype.setValue=function(t){if(this.getValue()!==t&&(this.getNativeInput().value=t),this.setcharacterCounter(t.length),this.validateOnValueChange){var i=this.isValid();this.styleValidity(i)}this.adapter.hasLabel()&&(this.notchOutline(this.shouldFloat),this.adapter.floatLabel(this.shouldFloat),this.styleFloating(this.shouldFloat),this.validateOnValueChange&&this.adapter.shakeLabel(this.shouldShake))},e.prototype.isValid=function(){return this.useNativeValidation?this.isNativeInputValid():this.valid},e.prototype.setValid=function(t){this.valid=t,this.styleValidity(t);var i=!t&&!this.isFocused&&!!this.getValue();this.adapter.hasLabel()&&this.adapter.shakeLabel(i)},e.prototype.setValidateOnValueChange=function(t){this.validateOnValueChange=t},e.prototype.getValidateOnValueChange=function(){return this.validateOnValueChange},e.prototype.setUseNativeValidation=function(t){this.useNativeValidation=t},e.prototype.isDisabled=function(){return this.getNativeInput().disabled},e.prototype.setDisabled=function(t){this.getNativeInput().disabled=t,this.styleDisabled(t)},e.prototype.setHelperTextContent=function(t){this.helperText&&this.helperText.setContent(t)},e.prototype.setLeadingIconAriaLabel=function(t){this.leadingIcon&&this.leadingIcon.setAriaLabel(t)},e.prototype.setLeadingIconContent=function(t){this.leadingIcon&&this.leadingIcon.setContent(t)},e.prototype.setTrailingIconAriaLabel=function(t){this.trailingIcon&&this.trailingIcon.setAriaLabel(t)},e.prototype.setTrailingIconContent=function(t){this.trailingIcon&&this.trailingIcon.setContent(t)},e.prototype.setcharacterCounter=function(t){if(this.characterCounter){var i=this.getNativeInput().maxLength;if(i===-1)throw new Error("MDCTextFieldFoundation: Expected maxlength html property on text input or textarea.");this.characterCounter.setCounterValue(t,i)}},e.prototype.isBadInput=function(){return this.getNativeInput().validity.badInput||!1},e.prototype.isNativeInputValid=function(){return this.getNativeInput().validity.valid},e.prototype.styleValidity=function(t){var i=e.cssClasses.INVALID;if(t?this.adapter.removeClass(i):this.adapter.addClass(i),this.helperText){this.helperText.setValidity(t);var n=this.helperText.isValidation();if(!n)return;var o=this.helperText.isVisible(),d=this.helperText.getId();o&&d?this.adapter.setInputAttr(L.ARIA_DESCRIBEDBY,d):this.adapter.removeInputAttr(L.ARIA_DESCRIBEDBY)}},e.prototype.styleFocused=function(t){var i=e.cssClasses.FOCUSED;t?this.adapter.addClass(i):this.adapter.removeClass(i)},e.prototype.styleDisabled=function(t){var i=e.cssClasses,n=i.DISABLED,o=i.INVALID;t?(this.adapter.addClass(n),this.adapter.removeClass(o)):this.adapter.removeClass(n),this.leadingIcon&&this.leadingIcon.setDisabled(t),this.trailingIcon&&this.trailingIcon.setDisabled(t)},e.prototype.styleFloating=function(t){var i=e.cssClasses.LABEL_FLOATING;t?this.adapter.addClass(i):this.adapter.removeClass(i)},e.prototype.getNativeInput=function(){var t=this.adapter?this.adapter.getNativeInput():null;return t||{disabled:!1,maxLength:-1,required:!1,type:"input",validity:{badInput:!1,valid:!0},value:""}},e}(w);const q=M;/**
+ */var C=["mousedown","touchstart"],O=["click","keydown"],M=function(s){a.__extends(e,s);function e(t,i){i===void 0&&(i={});var n=s.call(this,a.__assign(a.__assign({},e.defaultAdapter),t))||this;return n.isFocused=!1,n.receivedUserInput=!1,n.valid=!0,n.useNativeValidation=!0,n.validateOnValueChange=!0,n.helperText=i.helperText,n.characterCounter=i.characterCounter,n.leadingIcon=i.leadingIcon,n.trailingIcon=i.trailingIcon,n.inputFocusHandler=function(){n.activateFocus()},n.inputBlurHandler=function(){n.deactivateFocus()},n.inputInputHandler=function(){n.handleInput()},n.setPointerXOffset=function(o){n.setTransformOrigin(o)},n.textFieldInteractionHandler=function(){n.handleTextFieldInteraction()},n.validationAttributeChangeHandler=function(o){n.handleValidationAttributeChange(o)},n}return Object.defineProperty(e,"cssClasses",{get:function(){return B},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return L},enumerable:!1,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return F},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"shouldAlwaysFloat",{get:function(){var t=this.getNativeInput().type;return T.indexOf(t)>=0},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"shouldFloat",{get:function(){return this.shouldAlwaysFloat||this.isFocused||!!this.getValue()||this.isBadInput()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"shouldShake",{get:function(){return!this.isFocused&&!this.isValid()&&!!this.getValue()},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},hasClass:function(){return!0},setInputAttr:function(){},removeInputAttr:function(){},registerTextFieldInteractionHandler:function(){},deregisterTextFieldInteractionHandler:function(){},registerInputInteractionHandler:function(){},deregisterInputInteractionHandler:function(){},registerValidationAttributeChangeHandler:function(){return new MutationObserver(function(){})},deregisterValidationAttributeChangeHandler:function(){},getNativeInput:function(){return null},isFocused:function(){return!1},activateLineRipple:function(){},deactivateLineRipple:function(){},setLineRippleTransformOrigin:function(){},shakeLabel:function(){},floatLabel:function(){},setLabelRequired:function(){},hasLabel:function(){return!1},getLabelWidth:function(){return 0},hasOutline:function(){return!1},notchOutline:function(){},closeOutline:function(){}}},enumerable:!1,configurable:!0}),e.prototype.init=function(){var t,i,n,o;this.adapter.hasLabel()&&this.getNativeInput().required&&this.adapter.setLabelRequired(!0),this.adapter.isFocused()?this.inputFocusHandler():this.adapter.hasLabel()&&this.shouldFloat&&(this.notchOutline(!0),this.adapter.floatLabel(!0),this.styleFloating(!0)),this.adapter.registerInputInteractionHandler("focus",this.inputFocusHandler),this.adapter.registerInputInteractionHandler("blur",this.inputBlurHandler),this.adapter.registerInputInteractionHandler("input",this.inputInputHandler);try{for(var d=a.__values(C),c=d.next();!c.done;c=d.next()){var f=c.value;this.adapter.registerInputInteractionHandler(f,this.setPointerXOffset)}}catch(v){t={error:v}}finally{try{c&&!c.done&&(i=d.return)&&i.call(d)}finally{if(t)throw t.error}}try{for(var m=a.__values(O),p=m.next();!p.done;p=m.next()){var f=p.value;this.adapter.registerTextFieldInteractionHandler(f,this.textFieldInteractionHandler)}}catch(v){n={error:v}}finally{try{p&&!p.done&&(o=m.return)&&o.call(m)}finally{if(n)throw n.error}}this.validationObserver=this.adapter.registerValidationAttributeChangeHandler(this.validationAttributeChangeHandler),this.setcharacterCounter(this.getValue().length)},e.prototype.destroy=function(){var t,i,n,o;this.adapter.deregisterInputInteractionHandler("focus",this.inputFocusHandler),this.adapter.deregisterInputInteractionHandler("blur",this.inputBlurHandler),this.adapter.deregisterInputInteractionHandler("input",this.inputInputHandler);try{for(var d=a.__values(C),c=d.next();!c.done;c=d.next()){var f=c.value;this.adapter.deregisterInputInteractionHandler(f,this.setPointerXOffset)}}catch(v){t={error:v}}finally{try{c&&!c.done&&(i=d.return)&&i.call(d)}finally{if(t)throw t.error}}try{for(var m=a.__values(O),p=m.next();!p.done;p=m.next()){var f=p.value;this.adapter.deregisterTextFieldInteractionHandler(f,this.textFieldInteractionHandler)}}catch(v){n={error:v}}finally{try{p&&!p.done&&(o=m.return)&&o.call(m)}finally{if(n)throw n.error}}this.adapter.deregisterValidationAttributeChangeHandler(this.validationObserver)},e.prototype.handleTextFieldInteraction=function(){var t=this.adapter.getNativeInput();t&&t.disabled||(this.receivedUserInput=!0)},e.prototype.handleValidationAttributeChange=function(t){var i=this;t.some(function(n){return U.indexOf(n)>-1?(i.styleValidity(!0),i.adapter.setLabelRequired(i.getNativeInput().required),!0):!1}),t.indexOf("maxlength")>-1&&this.setcharacterCounter(this.getValue().length)},e.prototype.notchOutline=function(t){if(!(!this.adapter.hasOutline()||!this.adapter.hasLabel()))if(t){var i=this.adapter.getLabelWidth()*F.LABEL_SCALE;this.adapter.notchOutline(i)}else this.adapter.closeOutline()},e.prototype.activateFocus=function(){this.isFocused=!0,this.styleFocused(this.isFocused),this.adapter.activateLineRipple(),this.adapter.hasLabel()&&(this.notchOutline(this.shouldFloat),this.adapter.floatLabel(this.shouldFloat),this.styleFloating(this.shouldFloat),this.adapter.shakeLabel(this.shouldShake)),this.helperText&&(this.helperText.isPersistent()||!this.helperText.isValidation()||!this.valid)&&this.helperText.showToScreenReader()},e.prototype.setTransformOrigin=function(t){if(!(this.isDisabled()||this.adapter.hasOutline())){var i=t.touches,n=i?i[0]:t,o=n.target.getBoundingClientRect(),d=n.clientX-o.left;this.adapter.setLineRippleTransformOrigin(d)}},e.prototype.handleInput=function(){this.autoCompleteFocus(),this.setcharacterCounter(this.getValue().length)},e.prototype.autoCompleteFocus=function(){this.receivedUserInput||this.activateFocus()},e.prototype.deactivateFocus=function(){this.isFocused=!1,this.adapter.deactivateLineRipple();var t=this.isValid();this.styleValidity(t),this.styleFocused(this.isFocused),this.adapter.hasLabel()&&(this.notchOutline(this.shouldFloat),this.adapter.floatLabel(this.shouldFloat),this.styleFloating(this.shouldFloat),this.adapter.shakeLabel(this.shouldShake)),this.shouldFloat||(this.receivedUserInput=!1)},e.prototype.getValue=function(){return this.getNativeInput().value},e.prototype.setValue=function(t){if(this.getValue()!==t&&(this.getNativeInput().value=t),this.setcharacterCounter(t.length),this.validateOnValueChange){var i=this.isValid();this.styleValidity(i)}this.adapter.hasLabel()&&(this.notchOutline(this.shouldFloat),this.adapter.floatLabel(this.shouldFloat),this.styleFloating(this.shouldFloat),this.validateOnValueChange&&this.adapter.shakeLabel(this.shouldShake))},e.prototype.isValid=function(){return this.useNativeValidation?this.isNativeInputValid():this.valid},e.prototype.setValid=function(t){this.valid=t,this.styleValidity(t);var i=!t&&!this.isFocused&&!!this.getValue();this.adapter.hasLabel()&&this.adapter.shakeLabel(i)},e.prototype.setValidateOnValueChange=function(t){this.validateOnValueChange=t},e.prototype.getValidateOnValueChange=function(){return this.validateOnValueChange},e.prototype.setUseNativeValidation=function(t){this.useNativeValidation=t},e.prototype.isDisabled=function(){return this.getNativeInput().disabled},e.prototype.setDisabled=function(t){this.getNativeInput().disabled=t,this.styleDisabled(t)},e.prototype.setHelperTextContent=function(t){this.helperText&&this.helperText.setContent(t)},e.prototype.setLeadingIconAriaLabel=function(t){this.leadingIcon&&this.leadingIcon.setAriaLabel(t)},e.prototype.setLeadingIconContent=function(t){this.leadingIcon&&this.leadingIcon.setContent(t)},e.prototype.setTrailingIconAriaLabel=function(t){this.trailingIcon&&this.trailingIcon.setAriaLabel(t)},e.prototype.setTrailingIconContent=function(t){this.trailingIcon&&this.trailingIcon.setContent(t)},e.prototype.setcharacterCounter=function(t){if(this.characterCounter){var i=this.getNativeInput().maxLength;if(i===-1)throw new Error("MDCTextFieldFoundation: Expected maxlength html property on text input or textarea.");this.characterCounter.setCounterValue(t,i)}},e.prototype.isBadInput=function(){return this.getNativeInput().validity.badInput||!1},e.prototype.isNativeInputValid=function(){return this.getNativeInput().validity.valid},e.prototype.styleValidity=function(t){var i=e.cssClasses.INVALID;if(t?this.adapter.removeClass(i):this.adapter.addClass(i),this.helperText){this.helperText.setValidity(t);var n=this.helperText.isValidation();if(!n)return;var o=this.helperText.isVisible(),d=this.helperText.getId();o&&d?this.adapter.setInputAttr(L.ARIA_DESCRIBEDBY,d):this.adapter.removeInputAttr(L.ARIA_DESCRIBEDBY)}},e.prototype.styleFocused=function(t){var i=e.cssClasses.FOCUSED;t?this.adapter.addClass(i):this.adapter.removeClass(i)},e.prototype.styleDisabled=function(t){var i=e.cssClasses,n=i.DISABLED,o=i.INVALID;t?(this.adapter.addClass(n),this.adapter.removeClass(o)):this.adapter.removeClass(n),this.leadingIcon&&this.leadingIcon.setDisabled(t),this.trailingIcon&&this.trailingIcon.setDisabled(t)},e.prototype.styleFloating=function(t){var i=e.cssClasses.LABEL_FLOATING;t?this.adapter.addClass(i):this.adapter.removeClass(i)},e.prototype.getNativeInput=function(){var t=this.adapter?this.adapter.getNativeInput():null;return t||{disabled:!1,maxLength:-1,required:!1,type:"input",validity:{badInput:!1,valid:!0},value:""}},e}(w);const q=M;/**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const R=v.e(class extends v.i{constructor(s){if(super(s),s.type!==v.t.PROPERTY&&s.type!==v.t.ATTRIBUTE&&s.type!==v.t.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!_.e(s))throw Error("`live` bindings can only contain a single expression")}render(s){return s}update(s,[e]){if(e===u.T||e===u.A)return e;const t=s.element,i=s.name;if(s.type===v.t.PROPERTY){if(e===t[i])return u.T}else if(s.type===v.t.BOOLEAN_ATTRIBUTE){if(!!e===t.hasAttribute(i))return u.T}else if(s.type===v.t.ATTRIBUTE&&t.getAttribute(i)===e+"")return u.T;return _.a(s),e}});/**
+ */const R=g.e(class extends g.i{constructor(s){if(super(s),s.type!==g.t.PROPERTY&&s.type!==g.t.ATTRIBUTE&&s.type!==g.t.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!_.e(s))throw Error("`live` bindings can only contain a single expression")}render(s){return s}update(s,[e]){if(e===u.T||e===u.A)return e;const t=s.element,i=s.name;if(s.type===g.t.PROPERTY){if(e===t[i])return u.T}else if(s.type===g.t.BOOLEAN_ATTRIBUTE){if(!!e===t.hasAttribute(i))return u.T}else if(s.type===g.t.ATTRIBUTE&&t.getAttribute(i)===e+"")return u.T;return _.a(s),e}});/**
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: Apache-2.0
@@ -129,5 +129,5 @@
         ${this.renderCharCounter(t)}
       </div>`:""}renderCharCounter(e){const t=Math.min(this.value.length,this.maxLength);return e?u.x`
       <span class="mdc-text-field-character-counter"
-            >${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=A(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()},$.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 k}),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}),V.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}),V.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([x.t()],r.prototype,"outlineOpen",void 0);a.__decorate([x.t()],r.prototype,"outlineWidth",void 0);a.__decorate([x.t()],r.prototype,"isUiValid",void 0);a.__decorate([x.t()],r.prototype,"focused",void 0);a.__decorate([H.e({passive:!0})],r.prototype,"handleInputChange",null);const S=`: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)}
+            >${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=A(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()},$.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 k}),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}),V.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}),V.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([x.t()],r.prototype,"outlineOpen",void 0);a.__decorate([x.t()],r.prototype,"outlineWidth",void 0);a.__decorate([x.t()],r.prototype,"isUiValid",void 0);a.__decorate([x.t()],r.prototype,"focused",void 0);a.__decorate([H.e({passive:!0})],r.prototype,"handleInputChange",null);const S=`: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-typography-subtitle1-font-family: var( --mdc-typography-body1-font-family );--mdc-typography-subtitle1-font-size: var( --mdc-typography-body1-font-size, 1rem );--mdc-typography-subtitle1-font-weight: var( --mdc-typography-body1-font-weight, 400 )}:host([dense]){height:48px}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon{color:var(--mdc-theme-text-icon-on-background)}
 `;exports.TextFieldBase=r;exports.l=R;exports.styles=S;

package/{textfield-93cfcf3c.mjs → textfield-a994ca16.mjs}

@@ -117,7 +117,7 @@ var F = {
   WITH_INTERNAL_COUNTER: "mdc-text-field--with-internal-counter"
 }, O = {
   LABEL_SCALE: 0.75
-}, q = [
+}, z = [
   "pattern",
   "min",
   "max",
@@ -125,7 +125,7 @@ var F = {
   "step",
   "minlength",
   "maxlength"
-], z = [
+], q = [
   "color",
   "date",
   "datetime-local",
@@ -198,7 +198,7 @@ var A = ["mousedown", "touchstart"], V = ["click", "keydown"], X = (
     }), Object.defineProperty(e.prototype, "shouldAlwaysFloat", {
       get: function() {
         var t = this.getNativeInput().type;
-        return z.indexOf(t) >= 0;
+        return q.indexOf(t) >= 0;
       },
       enumerable: !1,
       configurable: !0
@@ -355,7 +355,7 @@ var A = ["mousedown", "touchstart"], V = ["click", "keydown"], X = (
     }, e.prototype.handleValidationAttributeChange = function(t) {
       var i = this;
       t.some(function(n) {
-        return q.indexOf(n) > -1 ? (i.styleValidity(!0), i.adapter.setLabelRequired(i.getNativeInput().required), !0) : !1;
+        return z.indexOf(n) > -1 ? (i.styleValidity(!0), i.adapter.setLabelRequired(i.getNativeInput().required), !0) : !1;
       }), t.indexOf("maxlength") > -1 && this.setcharacterCounter(this.getValue().length);
     }, e.prototype.notchOutline = function(t) {
       if (!(!this.adapter.hasOutline() || !this.adapter.hasLabel()))
@@ -924,7 +924,7 @@ a([
 a([
   _({ passive: !0 })
 ], r.prototype, "handleInputChange", null);
-const de = `: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)}
+const de = `: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-typography-subtitle1-font-family: var( --mdc-typography-body1-font-family );--mdc-typography-subtitle1-font-size: var( --mdc-typography-body1-font-size, 1rem );--mdc-typography-subtitle1-font-weight: var( --mdc-typography-body1-font-weight, 400 )}:host([dense]){height:48px}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon{color:var(--mdc-theme-text-icon-on-background)}
 `;
 export {
   r as T,

package/textfield.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./query-assigned-elements-f623705d.js"),c=require("./textfield-0645375b.js");require("./tslib.es6-98719205.js");require("./mwc-line-ripple-directive-40145003.js");require("./base-element-58a3f9ea.js");require("./utils-a8190a39.js");require("./property-57f6f6fe.js");require("./query-680f1868.js");require("./class-map-0a4c6ca9.js");require("./directive-1186bc23.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");/**
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./query-assigned-elements-f623705d.js"),c=require("./textfield-48207bf2.js");require("./tslib.es6-98719205.js");require("./mwc-line-ripple-directive-40145003.js");require("./base-element-58a3f9ea.js");require("./utils-a8190a39.js");require("./property-57f6f6fe.js");require("./query-680f1868.js");require("./class-map-0a4c6ca9.js");require("./directive-1186bc23.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");/**
  * @license
  * Copyright 2021 Google LLC
  * SPDX-LIcense-Identifier: Apache-2.0

package/textfield.mjs

@@ -1,5 +1,5 @@
 import { i as c, r as n, e as m } from "./query-assigned-elements-4a39219d.mjs";
-import { T as f, s as x } from "./textfield-93cfcf3c.mjs";
+import { T as f, s as x } from "./textfield-a994ca16.mjs";
 import "./tslib.es6-c4b0f3b1.mjs";
 import "./mwc-line-ripple-directive-aabd8778.mjs";
 import "./base-element-acf30176.mjs";