npm - @francofantomius/material-components - Versions diffs - 1.1.2 → 1.2.0 - Mend

@francofantomius/material-components 1.1.2 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (378) hide show

package/dist/chunks/{switch-DdukrvXb.js → switch-mtu6AVEh.js} RENAMED Viewed

@@ -1,11 +1,12 @@
-import { t as i } from "./decorate-DXuynaiA.js";
-import { t as c } from "./form-associated-Cty_ZaS9.js";
-import "./ripple-squbKHhj.js";
-import "./focus-ring-CuiJuM-y.js";
-import "./icon-DrNqcNEL.js";
-import { css as l, html as o } from "lit";
-import { customElement as n, property as r } from "lit/decorators.js";
-var a = l`
+import { t as e } from "./decorate-DknOJ8FJ.js";
+import { t } from "./form-associated-Do5uXckv.js";
+import "./ripple-CBOKeVfm.js";
+import "./focus-ring-K6SY_mIm.js";
+import "./icon-FvKeXi61.js";
+import { css as n, html as r } from "lit";
+import { customElement as i, property as a } from "lit/decorators.js";
+//#region src/components/switch/switch.css.ts
+var o = n`
   :host {
     display: inline-flex;
     align-items: center;
@@ -126,65 +127,61 @@ var a = l`
     opacity: 1;
     color: var(--md-sys-color-surface-container-highest, #E6E0E9);
   }
-`, s = class extends c {
-  constructor(...e) {
-    super(...e), this.selected = !1, this.icons = !1, this.value = "on", this.handleClick = (t) => {
-      this.disabled || (t.preventDefault(), this.toggle());
-    }, this.handleKeyDown = (t) => {
-      this.disabled || (t.key === " " || t.key === "Enter") && (t.preventDefault(), this.toggle());
-    };
-  }
-  static {
-    this.styles = [c.styles, a];
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.tabIndex = this.disabled ? -1 : 0, this.addEventListener("click", this.handleClick), this.addEventListener("keydown", this.handleKeyDown), this.updateFormValue();
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.removeEventListener("click", this.handleClick), this.removeEventListener("keydown", this.handleKeyDown);
-  }
-  updated(e) {
-    super.updated(e), (e.has("selected") || e.has("value")) && this.updateFormValue();
-  }
-  formResetCallback() {
-    this.selected = !1, this.updateFormValue();
-  }
-  updateFormValue() {
-    this.setFormValue(this.selected ? this.value : null), this.required && !this.selected ? this.setValidity({ valueMissing: !0 }, "Please toggle this switch") : this.setValidity({});
-  }
-  toggle() {
-    this.selected = !this.selected, this.updateFormValue(), this.emitEvent("change", { selected: this.selected }), this.emitEvent("input", { selected: this.selected });
-  }
-  render() {
-    return o`
+`, s = class extends t {
+	constructor(...e) {
+		super(...e), this.selected = !1, this.icons = !1, this.value = "on", this.handleClick = (e) => {
+			this.disabled || (e.preventDefault(), this.toggle());
+		}, this.handleKeyDown = (e) => {
+			this.disabled || (e.key === " " || e.key === "Enter") && (e.preventDefault(), this.toggle());
+		};
+	}
+	static {
+		this.styles = [t.styles, o];
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.tabIndex = this.disabled ? -1 : 0, this.addEventListener("click", this.handleClick), this.addEventListener("keydown", this.handleKeyDown), this.updateFormValue();
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this.removeEventListener("click", this.handleClick), this.removeEventListener("keydown", this.handleKeyDown);
+	}
+	updated(e) {
+		super.updated(e), (e.has("selected") || e.has("value")) && this.updateFormValue();
+	}
+	formResetCallback() {
+		this.selected = !1, this.updateFormValue();
+	}
+	updateFormValue() {
+		this.setFormValue(this.selected ? this.value : null), this.required && !this.selected ? this.setValidity({ valueMissing: !0 }, "Please toggle this switch") : this.setValidity({});
+	}
+	toggle() {
+		this.selected = !this.selected, this.updateFormValue(), this.emitEvent("change", { selected: this.selected }), this.emitEvent("input", { selected: this.selected });
+	}
+	render() {
+		return r`
       <div class="switch">
         <div class="thumb-container">
           <md-ripple ?disabled=${this.disabled} unbounded></md-ripple>
           <md-focus-ring></md-focus-ring>
           <div class="thumb">
-            ${this.icons ? o`
+            ${this.icons ? r`
                   <md-icon class="icon check" size="16">check</md-icon>
                   <md-icon class="icon cross" size="16">close</md-icon>
-                ` : o`<slot name="icon"></slot>`}
+                ` : r`<slot name="icon"></slot>`}
           </div>
         </div>
       </div>
       <slot></slot>
     `;
-  }
+	}
 };
-i([r({
-  type: Boolean,
-  reflect: !0
-})], s.prototype, "selected", void 0);
-i([r({
-  type: Boolean,
-  reflect: !0
-})], s.prototype, "icons", void 0);
-i([r({ type: String })], s.prototype, "value", void 0);
-s = i([n("md-switch")], s);
-export {
-  s as t
-};
-//# sourceMappingURL=switch-DdukrvXb.js.map
+e([a({
+	type: Boolean,
+	reflect: !0
+})], s.prototype, "selected", void 0), e([a({
+	type: Boolean,
+	reflect: !0
+})], s.prototype, "icons", void 0), e([a({ type: String })], s.prototype, "value", void 0), s = e([i("md-switch")], s);
+//#endregion
+export { s as t };
+//# sourceMappingURL=switch-mtu6AVEh.js.map

package/dist/chunks/{switch-DdukrvXb.js.map → switch-mtu6AVEh.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"switch-~~DdukrvXb~~.js","names":[],"sources":["../../src/components/switch/switch.css.ts","../../src/components/switch/switch.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const switchStyles = css`\n :host {\n display: inline-flex;\n align-items: center;\n vertical-align: middle;\n cursor: pointer;\n outline: none;\n -webkit-tap-highlight-color: transparent;\n user-select: none;\n gap: 12px;\n font-family: var(--md-sys-typescale-font-family, inherit);\n font-size: var(--md-sys-typescale-body-large-size, 16px);\n color: var(--md-sys-color-on-surface, #1D1B20);\n }\n\n :host([disabled]) {\n cursor: not-allowed;\n opacity: 0.38;\n pointer-events: none;\n }\n\n .switch {\n position: relative;\n display: inline-flex;\n align-items: center;\n width: 52px;\n height: 32px;\n box-sizing: border-box;\n border-radius: var(--md-sys-shape-corner-full, 9999px);\n border: 2px solid var(--md-sys-color-outline, #79747E);\n background-color: var(--md-sys-color-surface-container-highest, #E6E0E9);\n transition: background-color 200ms cubic-bezier(0.2, 0, 0, 1),\n border-color 200ms cubic-bezier(0.2, 0, 0, 1);\n }\n\n :host([selected]) .switch {\n background-color: var(--md-sys-color-primary, #6750A4);\n border-color: var(--md-sys-color-primary, #6750A4);\n }\n\n :host([disabled]) .switch {\n background-color: var(--md-sys-color-surface-container-highest, #E6E0E9);\n border-color: var(--md-sys-color-outline, #79747E);\n }\n\n :host([disabled][selected]) .switch {\n background-color: var(--md-sys-color-on-surface, #1D1B20);\n border-color: transparent;\n }\n\n .thumb-container {\n position: absolute;\n top: 2px;\n left: 2px;\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: transform 200ms cubic-bezier(0.2, 0, 0, 1);\n }\n\n :host([selected]) .thumb-container {\n transform: translateX(20px);\n }\n\n .thumb {\n position: relative;\n width: 16px;\n height: 16px;\n flex-shrink: 0;\n border-radius: 50%;\n background-color: var(--md-sys-color-outline, #79747E);\n display: flex;\n align-items: center;\n justify-content: center;\n transition: width 200ms cubic-bezier(0.2, 0, 0, 1),\n height 200ms cubic-bezier(0.2, 0, 0, 1),\n background-color 200ms cubic-bezier(0.2, 0, 0, 1);\n }\n\n :host([icons]) .thumb,\n :host([selected]) .thumb {\n width: 24px;\n height: 24px;\n }\n\n :host([selected]) .thumb {\n background-color: var(--md-sys-color-on-primary, #FFFFFF);\n }\n\n :host([disabled]) .thumb {\n background-color: var(--md-sys-color-on-surface, #1D1B20);\n }\n\n :host([disabled][selected]) .thumb {\n background-color: var(--md-sys-color-surface, #FEF7FF);\n }\n\n .icon {\n position: absolute;\n inset: 0;\n margin: auto;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: 16px;\n color: var(--md-sys-color-on-primary-container, #21005D);\n opacity: 0;\n transition: opacity 150ms ease;\n pointer-events: none;\n }\n\n :host([selected]) .icon.check {\n opacity: 1;\n }\n\n :host([icons]:not([selected])) .icon.cross {\n opacity: 1;\n color: var(--md-sys-color-surface-container-highest, #E6E0E9);\n }\n`;\n\n","import { html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { MdBaseElement } from '../../internal/base-component.js';\nimport { MdFormAssociatedElement } from '../../internal/form-associated.js';\nimport '../../internal/ripple/ripple.js';\nimport '../../internal/focus-ring/focus-ring.js';\nimport '../icon/icon.js';\nimport { switchStyles } from './switch.css.js';\n\n@customElement('md-switch')\nexport class MdSwitch extends MdFormAssociatedElement {\n static override styles = [MdFormAssociatedElement.styles, switchStyles];\n\n @property({ type: Boolean, reflect: true })\n selected = false;\n\n @property({ type: Boolean, reflect: true })\n icons = false;\n\n @property({ type: String })\n value = 'on';\n\n override connectedCallback() {\n super.connectedCallback();\n this.tabIndex = this.disabled ? -1 : 0;\n this.addEventListener('click', this.handleClick);\n this.addEventListener('keydown', this.handleKeyDown);\n this.updateFormValue();\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback();\n this.removeEventListener('click', this.handleClick);\n this.removeEventListener('keydown', this.handleKeyDown);\n }\n\n override updated(changedProperties: Map<string, unknown>) {\n super.updated(changedProperties);\n if (changedProperties.has('selected') \|\| changedProperties.has('value')) {\n this.updateFormValue();\n }\n }\n\n override formResetCallback() {\n this.selected = false;\n this.updateFormValue();\n }\n\n private updateFormValue() {\n this.setFormValue(this.selected ? this.value : null);\n if (this.required && !this.selected) {\n this.setValidity({ valueMissing: true }, 'Please toggle this switch');\n } else {\n this.setValidity({});\n }\n }\n\n private handleClick = (event: MouseEvent) => {\n if (this.disabled) return;\n event.preventDefault();\n this.toggle();\n };\n\n private handleKeyDown = (event: KeyboardEvent) => {\n if (this.disabled) return;\n if (event.key === ' ' \|\| event.key === 'Enter') {\n event.preventDefault();\n this.toggle();\n }\n };\n\n private toggle() {\n this.selected = !this.selected;\n this.updateFormValue();\n this.emitEvent('change', { selected: this.selected });\n this.emitEvent('input', { selected: this.selected });\n }\n\n override render() {\n return html`\n <div class=\"switch\">\n <div class=\"thumb-container\">\n <md-ripple ?disabled=${this.disabled} unbounded></md-ripple>\n <md-focus-ring></md-focus-ring>\n <div class=\"thumb\">\n ${this.icons\n ? html`\n <md-icon class=\"icon check\" size=\"16\">check</md-icon>\n <md-icon class=\"icon cross\" size=\"16\">close</md-icon>\n `\n : html`<slot name=\"icon\"></slot>`}\n </div>\n </div>\n </div>\n <slot></slot>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'md-switch': MdSwitch;\n }\n}\n"],"mappings":"~~;;;;;;;~~AAEA,IAAa,IAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,~~GCQf~~,IAAN,cAAuB,EAAwB~~;AAAA;iBAIzC~~,KAAA,WAAA,IAGH,KAAA,QAAA,IAGA,KAAA,QAAA,MAqCe,KAAA,~~cAAA~~,~~CAAA,~~MAAsB;~~AAC3C~~,~~MAAI,~~KAAK,aACT,EAAM,eAAe,GACrB,KAAK,OAAO;~~AAAA~~,~~IACd,~~GAEyB,KAAA,~~gBAAA~~,~~CAAA,~~MAAyB;~~AAChD~~,~~MAAI,~~KAAK,aACL,EAAM,QAAQ,OAAO,EAAM,QAAQ,aACrC,EAAM,eAAe,GACrB,KAAK,OAAO;~~AAAA~~,~~IAEhB;AAAA;;AA1DyB~~,SAAA,~~SAAA,~~CAAC,EAAwB,QAAQ,CAAY~~;AAAA;EAWtE~~,oBAA6B;~~AAC3B~~,~~UAAM~~,kBAAkB,GACxB,KAAK,WAAW,KAAK,WAAW,KAAK,GACrC,KAAK,iBAAiB,SAAS,KAAK,WAAW,GAC/C,KAAK,iBAAiB,WAAW,KAAK,aAAa,GACnD,KAAK,gBAAgB;~~AAAA,EACvB~~;~~AAAA~~,~~EAEA,~~uBAAgC;~~AAC9B~~,~~UAAM~~,qBAAqB,GAC3B,KAAK,oBAAoB,SAAS,KAAK,WAAW,GAClD,KAAK,oBAAoB,WAAW,KAAK,aAAa;~~AAAA,EACxD~~;~~AAAA~~,~~EAEA,~~QAAiB,GAAyC;~~AACxD~~,~~UAAM~~,QAAQ,CAAiB,IAC3B,EAAkB,IAAI,UAAU,KAAK,EAAkB,IAAI,OAAO,MACpE,KAAK,gBAAgB;~~AAAA,EAEzB~~;~~AAAA~~,~~EAEA,~~oBAA6B;~~AAC3B~~,~~SAAK~~,WAAW,IAChB,KAAK,gBAAgB;~~AAAA,EACvB~~;~~AAAA~~,~~EAEA,~~kBAA0B;~~AACxB~~,~~SAAK~~,aAAa,KAAK,WAAW,KAAK,QAAQ,IAAI,GAC/C,KAAK,YAAY,CAAC,KAAK,WACzB,KAAK,YAAY,EAAE,cAAc,GAAK,GAAG,2BAA2B,IAEpE,KAAK,YAAY,CAAC,CAAC;~~AAAA,EAEvB~~;~~AAAA~~,~~EAgBA,~~SAAiB;~~AACf~~,~~SAAK~~,WAAW,CAAC,KAAK,UACtB,KAAK,gBAAgB,GACrB,KAAK,UAAU,UAAU,EAAE,UAAU,KAAK,SAAS,CAAC,GACpD,KAAK,UAAU,SAAS,EAAE,UAAU,KAAK,SAAS,CAAC;~~AAAA,EACrD~~;~~AAAA~~,~~EAEA,~~SAAkB;~~AAChB~~,~~WAAO;AAAA;AAAA;AAAA~~,~~iCAGsB~~,KAAK,~~QAAA;AAAA;AAAA;AAAA~~,~~cAGxB,~~KAAK,QACH~~;AAAA;AAAA;AAAA~~,~~oBAIA~~,~~4BAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA~~,~~EAMlB~~;AACF;AApFG,EAAA,CAAA,EAAS;~~AAAA~~,~~EAAE,~~MAAM;~~AAAA~~,~~EAAS,~~SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,YAAA,~~MAAA;AAGzC~~,EAAA,CAAA,EAAS;~~AAAA~~,~~EAAE,~~MAAM;~~AAAA~~,~~EAAS,~~SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,~~MAAA;AAGzC~~,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,~~MAAA;AAV3B~~,IAAA,EAAA,CAAA,EAAc,WAAW,CAAA,GAAA,CAAA"}
1	+ {"version":3,"file":"switch-mtu6AVEh.js","names":[],"sources":["../../src/components/switch/switch.css.ts","../../src/components/switch/switch.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const switchStyles = css`\n :host {\n display: inline-flex;\n align-items: center;\n vertical-align: middle;\n cursor: pointer;\n outline: none;\n -webkit-tap-highlight-color: transparent;\n user-select: none;\n gap: 12px;\n font-family: var(--md-sys-typescale-font-family, inherit);\n font-size: var(--md-sys-typescale-body-large-size, 16px);\n color: var(--md-sys-color-on-surface, #1D1B20);\n }\n\n :host([disabled]) {\n cursor: not-allowed;\n opacity: 0.38;\n pointer-events: none;\n }\n\n .switch {\n position: relative;\n display: inline-flex;\n align-items: center;\n width: 52px;\n height: 32px;\n box-sizing: border-box;\n border-radius: var(--md-sys-shape-corner-full, 9999px);\n border: 2px solid var(--md-sys-color-outline, #79747E);\n background-color: var(--md-sys-color-surface-container-highest, #E6E0E9);\n transition: background-color 200ms cubic-bezier(0.2, 0, 0, 1),\n border-color 200ms cubic-bezier(0.2, 0, 0, 1);\n }\n\n :host([selected]) .switch {\n background-color: var(--md-sys-color-primary, #6750A4);\n border-color: var(--md-sys-color-primary, #6750A4);\n }\n\n :host([disabled]) .switch {\n background-color: var(--md-sys-color-surface-container-highest, #E6E0E9);\n border-color: var(--md-sys-color-outline, #79747E);\n }\n\n :host([disabled][selected]) .switch {\n background-color: var(--md-sys-color-on-surface, #1D1B20);\n border-color: transparent;\n }\n\n .thumb-container {\n position: absolute;\n top: 2px;\n left: 2px;\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: transform 200ms cubic-bezier(0.2, 0, 0, 1);\n }\n\n :host([selected]) .thumb-container {\n transform: translateX(20px);\n }\n\n .thumb {\n position: relative;\n width: 16px;\n height: 16px;\n flex-shrink: 0;\n border-radius: 50%;\n background-color: var(--md-sys-color-outline, #79747E);\n display: flex;\n align-items: center;\n justify-content: center;\n transition: width 200ms cubic-bezier(0.2, 0, 0, 1),\n height 200ms cubic-bezier(0.2, 0, 0, 1),\n background-color 200ms cubic-bezier(0.2, 0, 0, 1);\n }\n\n :host([icons]) .thumb,\n :host([selected]) .thumb {\n width: 24px;\n height: 24px;\n }\n\n :host([selected]) .thumb {\n background-color: var(--md-sys-color-on-primary, #FFFFFF);\n }\n\n :host([disabled]) .thumb {\n background-color: var(--md-sys-color-on-surface, #1D1B20);\n }\n\n :host([disabled][selected]) .thumb {\n background-color: var(--md-sys-color-surface, #FEF7FF);\n }\n\n .icon {\n position: absolute;\n inset: 0;\n margin: auto;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: 16px;\n color: var(--md-sys-color-on-primary-container, #21005D);\n opacity: 0;\n transition: opacity 150ms ease;\n pointer-events: none;\n }\n\n :host([selected]) .icon.check {\n opacity: 1;\n }\n\n :host([icons]:not([selected])) .icon.cross {\n opacity: 1;\n color: var(--md-sys-color-surface-container-highest, #E6E0E9);\n }\n`;\n\n","import { html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { MdBaseElement } from '../../internal/base-component.js';\nimport { MdFormAssociatedElement } from '../../internal/form-associated.js';\nimport '../../internal/ripple/ripple.js';\nimport '../../internal/focus-ring/focus-ring.js';\nimport '../icon/icon.js';\nimport { switchStyles } from './switch.css.js';\n\n@customElement('md-switch')\nexport class MdSwitch extends MdFormAssociatedElement {\n static override styles = [MdFormAssociatedElement.styles, switchStyles];\n\n @property({ type: Boolean, reflect: true })\n selected = false;\n\n @property({ type: Boolean, reflect: true })\n icons = false;\n\n @property({ type: String })\n value = 'on';\n\n override connectedCallback() {\n super.connectedCallback();\n this.tabIndex = this.disabled ? -1 : 0;\n this.addEventListener('click', this.handleClick);\n this.addEventListener('keydown', this.handleKeyDown);\n this.updateFormValue();\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback();\n this.removeEventListener('click', this.handleClick);\n this.removeEventListener('keydown', this.handleKeyDown);\n }\n\n override updated(changedProperties: Map<string, unknown>) {\n super.updated(changedProperties);\n if (changedProperties.has('selected') \|\| changedProperties.has('value')) {\n this.updateFormValue();\n }\n }\n\n override formResetCallback() {\n this.selected = false;\n this.updateFormValue();\n }\n\n private updateFormValue() {\n this.setFormValue(this.selected ? this.value : null);\n if (this.required && !this.selected) {\n this.setValidity({ valueMissing: true }, 'Please toggle this switch');\n } else {\n this.setValidity({});\n }\n }\n\n private handleClick = (event: MouseEvent) => {\n if (this.disabled) return;\n event.preventDefault();\n this.toggle();\n };\n\n private handleKeyDown = (event: KeyboardEvent) => {\n if (this.disabled) return;\n if (event.key === ' ' \|\| event.key === 'Enter') {\n event.preventDefault();\n this.toggle();\n }\n };\n\n private toggle() {\n this.selected = !this.selected;\n this.updateFormValue();\n this.emitEvent('change', { selected: this.selected });\n this.emitEvent('input', { selected: this.selected });\n }\n\n override render() {\n return html`\n <div class=\"switch\">\n <div class=\"thumb-container\">\n <md-ripple ?disabled=${this.disabled} unbounded></md-ripple>\n <md-focus-ring></md-focus-ring>\n <div class=\"thumb\">\n ${this.icons\n ? html`\n <md-icon class=\"icon check\" size=\"16\">check</md-icon>\n <md-icon class=\"icon cross\" size=\"16\">close</md-icon>\n `\n : html`<slot name=\"icon\"></slot>`}\n </div>\n </div>\n </div>\n <slot></slot>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'md-switch': MdSwitch;\n }\n}\n"],"mappings":";;;;;;;;AAEA,IAAa,IAAe,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GCQlB,IAAN,cAAuB,EAAwB;;EAqD3B,aAjDd,KAAA,WAAA,IAGH,KAAA,QAAA,IAGA,KAAA,QAAA,MAqCe,KAAA,eAAA,MAAsB;GACvC,KAAK,aACT,EAAM,eAAe,GACrB,KAAK,OAAO;EACd,GAEyB,KAAA,iBAAA,MAAyB;GAC5C,KAAK,aACL,EAAM,QAAQ,OAAO,EAAM,QAAQ,aACrC,EAAM,eAAe,GACrB,KAAK,OAAO;EAEhB;;;EA1DyB,KAAA,SAAA,CAAC,EAAwB,QAAQ,CAAY;;CAWtE,oBAA6B;EAK3B,AAJA,MAAM,kBAAkB,GACxB,KAAK,WAAW,KAAK,WAAW,KAAK,GACrC,KAAK,iBAAiB,SAAS,KAAK,WAAW,GAC/C,KAAK,iBAAiB,WAAW,KAAK,aAAa,GACnD,KAAK,gBAAgB;CACvB;CAEA,uBAAgC;EAG9B,AAFA,MAAM,qBAAqB,GAC3B,KAAK,oBAAoB,SAAS,KAAK,WAAW,GAClD,KAAK,oBAAoB,WAAW,KAAK,aAAa;CACxD;CAEA,QAAiB,GAAyC;EAExD,AADA,MAAM,QAAQ,CAAiB,IAC3B,EAAkB,IAAI,UAAU,KAAK,EAAkB,IAAI,OAAO,MACpE,KAAK,gBAAgB;CAEzB;CAEA,oBAA6B;EAE3B,AADA,KAAK,WAAW,IAChB,KAAK,gBAAgB;CACvB;CAEA,kBAA0B;EAExB,AADA,KAAK,aAAa,KAAK,WAAW,KAAK,QAAQ,IAAI,GAC/C,KAAK,YAAY,CAAC,KAAK,WACzB,KAAK,YAAY,EAAE,cAAc,GAAK,GAAG,2BAA2B,IAEpE,KAAK,YAAY,CAAC,CAAC;CAEvB;CAgBA,SAAiB;EAIf,AAHA,KAAK,WAAW,CAAC,KAAK,UACtB,KAAK,gBAAgB,GACrB,KAAK,UAAU,UAAU,EAAE,UAAU,KAAK,SAAS,CAAC,GACpD,KAAK,UAAU,SAAS,EAAE,UAAU,KAAK,SAAS,CAAC;CACrD;CAEA,SAAkB;EAChB,OAAO,CAAI;;;iCAGkB,KAAK,SAAS;;;cAGjC,KAAK,QACH,CAAI;;;oBAIJ,CAAI,4BAA4B;;;;;;CAM9C;AACF;AApFG,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,YAAA,KAAA,CAAA,GAGzC,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,GAGzC,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,GAV3B,IAAA,EAAA,CAAA,EAAc,WAAW,CAAA,GAAA,CAAA"}