@covalent/components 6.0.1 → 6.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/action-ribbon.mjs +9 -7
- package/alert.mjs +13 -11
- package/app-shell.mjs +10 -4
- package/aria-property.mjs +41 -0
- package/base-element.mjs +28 -0
- package/button.mjs +180 -13
- package/card.mjs +3 -3
- package/check-list-item.mjs +92 -14
- package/checkbox.mjs +26 -14
- package/circular-progress.mjs +144 -10
- package/class-map.mjs +62 -0
- package/code-snippet.mjs +6 -5
- package/covalent.mjs +2 -2
- package/covalent.umd.js +3339 -137
- package/dialog.mjs +750 -15
- package/directive-helpers.mjs +11 -0
- package/drawer.mjs +26 -15
- package/empty-state.mjs +4 -4
- package/event-options.mjs +14 -0
- package/form-element.mjs +50 -0
- package/foundation.mjs +152 -0
- package/foundation2.mjs +60 -0
- package/icon-button.mjs +130 -15
- package/icon-check-toggle.mjs +18 -8
- package/icon-radio-toggle.mjs +29 -18
- package/icon.mjs +19 -13
- package/if-defined.mjs +10 -0
- package/inert.esm.mjs +640 -0
- package/linear-progress.mjs +178 -15
- package/list-expansion.mjs +33 -22
- package/list-item.mjs +19 -20
- package/list.mjs +26 -13
- package/menu.mjs +32 -13
- package/mwc-checkbox-base.mjs +198 -0
- package/mwc-checkbox.css.mjs +10 -0
- package/mwc-drawer-base.mjs +335 -0
- package/mwc-icon.mjs +26 -0
- package/mwc-line-ripple-directive.mjs +653 -0
- package/mwc-list-base.mjs +840 -0
- package/mwc-list-item-base.mjs +202 -0
- package/mwc-list-item.css.mjs +17 -0
- package/mwc-menu-base.mjs +1145 -0
- package/mwc-radio-base.mjs +528 -0
- package/mwc-radio.css.mjs +10 -0
- package/mwc-slider.css.mjs +956 -0
- package/mwc-tab-base.mjs +694 -0
- package/mwc-top-app-bar-base.mjs +380 -0
- package/nav-list-item.mjs +28 -20
- package/observer.mjs +32 -0
- package/package.json +9 -2
- package/property.mjs +20 -0
- package/query-assigned-elements.mjs +615 -0
- package/query-assigned-nodes.mjs +17 -0
- package/query.mjs +25 -0
- package/radio-list-item.mjs +93 -12
- package/radio.mjs +28 -15
- package/ripple-handlers.mjs +761 -0
- package/select.mjs +1257 -15
- package/side-sheet.mjs +21 -16
- package/slider-range.mjs +438 -11
- package/slider.mjs +253 -13
- package/snackbar.mjs +456 -15
- package/src/action-ribbon/action-ribbon-base.d.ts +30 -0
- package/src/action-ribbon/action-ribbon-base.d.ts.map +1 -0
- package/src/action-ribbon/action-ribbon.d.ts +15 -0
- package/src/action-ribbon/action-ribbon.d.ts.map +1 -0
- package/src/alert/alert-base.d.ts +31 -0
- package/src/alert/alert-base.d.ts.map +1 -0
- package/src/alert/alert.d.ts +15 -0
- package/src/alert/alert.d.ts.map +1 -0
- package/src/app-shell/app-shell.d.ts +26 -0
- package/src/app-shell/app-shell.d.ts.map +1 -0
- package/src/button/button.d.ts +10 -0
- package/src/button/button.d.ts.map +1 -0
- package/src/card/card-base.d.ts +25 -0
- package/src/card/card-base.d.ts.map +1 -0
- package/src/card/card.d.ts +10 -0
- package/src/card/card.d.ts.map +1 -0
- package/src/checkbox/checkbox.d.ts +10 -0
- package/src/checkbox/checkbox.d.ts.map +1 -0
- package/src/chips/chip-base.d.ts +52 -0
- package/src/chips/chip-base.d.ts.map +1 -0
- package/src/chips/chip-set-base.d.ts +33 -0
- package/src/chips/chip-set-base.d.ts.map +1 -0
- package/src/chips/chip-set.d.ts +15 -0
- package/src/chips/chip-set.d.ts.map +1 -0
- package/src/chips/chip.d.ts +15 -0
- package/src/chips/chip.d.ts.map +1 -0
- package/src/chips/foundation.d.ts +60 -0
- package/src/chips/foundation.d.ts.map +1 -0
- package/src/circular-progress/circular-progress.d.ts +10 -0
- package/src/circular-progress/circular-progress.d.ts.map +1 -0
- package/src/code-snippet/code-snippet.d.ts +21 -0
- package/src/code-snippet/code-snippet.d.ts.map +1 -0
- package/src/dialog/dialog.d.ts +10 -0
- package/src/dialog/dialog.d.ts.map +1 -0
- package/src/drawer/drawer.d.ts +10 -0
- package/src/drawer/drawer.d.ts.map +1 -0
- package/src/empty-state/empty-state.d.ts +16 -0
- package/src/empty-state/empty-state.d.ts.map +1 -0
- package/src/formfield/formfield.d.ts +10 -0
- package/src/formfield/formfield.d.ts.map +1 -0
- package/src/icon/icon.d.ts +10 -0
- package/src/icon/icon.d.ts.map +1 -0
- package/src/icon-button/icon-button.d.ts +10 -0
- package/src/icon-button/icon-button.d.ts.map +1 -0
- package/src/icon-checkbox/icon-check-toggle.d.ts +15 -0
- package/src/icon-checkbox/icon-check-toggle.d.ts.map +1 -0
- package/src/icon-radio/icon-radio-toggle.d.ts +14 -0
- package/src/icon-radio/icon-radio-toggle.d.ts.map +1 -0
- package/src/index.d.ts +3 -0
- package/src/index.d.ts.map +1 -0
- package/src/linear-progress/linear-progress.d.ts +10 -0
- package/src/linear-progress/linear-progress.d.ts.map +1 -0
- package/src/list/check-list-item.d.ts +10 -0
- package/src/list/check-list-item.d.ts.map +1 -0
- package/src/list/list-expansion.d.ts +18 -0
- package/src/list/list-expansion.d.ts.map +1 -0
- package/src/list/list-item.d.ts +12 -0
- package/src/list/list-item.d.ts.map +1 -0
- package/src/list/list.d.ts +10 -0
- package/src/list/list.d.ts.map +1 -0
- package/src/list/nav-list-item.d.ts +12 -0
- package/src/list/nav-list-item.d.ts.map +1 -0
- package/src/list/radio-list-item.d.ts +10 -0
- package/src/list/radio-list-item.d.ts.map +1 -0
- package/src/menu/menu.d.ts +10 -0
- package/src/menu/menu.d.ts.map +1 -0
- package/src/radio/radio.d.ts +10 -0
- package/src/radio/radio.d.ts.map +1 -0
- package/src/select/select.d.ts +10 -0
- package/src/select/select.d.ts.map +1 -0
- package/src/side-sheet/side-sheet.d.ts +18 -0
- package/src/side-sheet/side-sheet.d.ts.map +1 -0
- package/src/slider/slider-range.d.ts +10 -0
- package/src/slider/slider-range.d.ts.map +1 -0
- package/src/slider/slider.d.ts +10 -0
- package/src/slider/slider.d.ts.map +1 -0
- package/src/snackbar/snackbar.d.ts +10 -0
- package/src/snackbar/snackbar.d.ts.map +1 -0
- package/src/status-header/status-header-base.d.ts +9 -0
- package/src/status-header/status-header-base.d.ts.map +1 -0
- package/src/status-header/status-header-item.d.ts +17 -0
- package/src/status-header/status-header-item.d.ts.map +1 -0
- package/src/status-header/status-header.d.ts +15 -0
- package/src/status-header/status-header.d.ts.map +1 -0
- package/src/switch/switch.d.ts +10 -0
- package/src/switch/switch.d.ts.map +1 -0
- package/src/tab/tab-bar.d.ts +10 -0
- package/src/tab/tab-bar.d.ts.map +1 -0
- package/src/tab/tab.d.ts +10 -0
- package/src/tab/tab.d.ts.map +1 -0
- package/src/text-lockup/text-lockup.d.ts +17 -0
- package/src/text-lockup/text-lockup.d.ts.map +1 -0
- package/src/textarea/textarea.d.ts +10 -0
- package/src/textarea/textarea.d.ts.map +1 -0
- package/src/textfield/textfield.d.ts +10 -0
- package/src/textfield/textfield.d.ts.map +1 -0
- package/src/toolbar/toolbar.d.ts +10 -0
- package/src/toolbar/toolbar.d.ts.map +1 -0
- package/src/tooltip/tooltip.d.ts +27 -0
- package/src/tooltip/tooltip.d.ts.map +1 -0
- package/src/top-app-bar/top-app-bar-fixed.d.ts +10 -0
- package/src/top-app-bar/top-app-bar-fixed.d.ts.map +1 -0
- package/src/top-app-bar/top-app-bar.d.ts +10 -0
- package/src/top-app-bar/top-app-bar.d.ts.map +1 -0
- package/src/tree-list/tree-list-item.d.ts +16 -0
- package/src/tree-list/tree-list-item.d.ts.map +1 -0
- package/src/tree-list/tree-list.d.ts +11 -0
- package/src/tree-list/tree-list.d.ts.map +1 -0
- package/src/typography/typography.d.ts +12 -0
- package/src/typography/typography.d.ts.map +1 -0
- package/state.mjs +12 -0
- package/status-header-item.mjs +16 -16
- package/status-header.mjs +5 -5
- package/style-map.mjs +40 -0
- package/switch.mjs +531 -15
- package/tab-bar.mjs +1030 -13
- package/tab.mjs +29 -15
- package/text-lockup.mjs +8 -8
- package/textarea.mjs +111 -16
- package/textfield.mjs +34 -18
- package/textfield2.mjs +929 -2
- package/toolbar.mjs +8 -3
- package/tooltip.mjs +1153 -96
- package/top-app-bar-fixed.mjs +78 -18
- package/top-app-bar.mjs +19 -15
- package/top-app-bar2.mjs +9 -2
- package/tree-list-item.mjs +3 -3
- package/tree-list.mjs +6 -7
- package/tslib.es6.mjs +82 -0
- package/typography.mjs +8 -8
- package/utils.mjs +52 -0
package/drawer.mjs
CHANGED
@@ -1,20 +1,31 @@
|
|
1
|
-
import {
|
2
|
-
import {
|
3
|
-
import
|
4
|
-
import
|
5
|
-
|
1
|
+
import { i as m, r as c, e as l } from "./query-assigned-elements.mjs";
|
2
|
+
import { D as p } from "./mwc-drawer-base.mjs";
|
3
|
+
import "./tslib.es6.mjs";
|
4
|
+
import "./inert.esm.mjs";
|
5
|
+
import "./base-element.mjs";
|
6
|
+
import "./utils.mjs";
|
7
|
+
import "./observer.mjs";
|
8
|
+
import "./property.mjs";
|
9
|
+
import "./query.mjs";
|
10
|
+
import "./class-map.mjs";
|
11
|
+
/**
|
12
|
+
* @license
|
13
|
+
* Copyright 2021 Google LLC
|
14
|
+
* SPDX-LIcense-Identifier: Apache-2.0
|
15
|
+
*/
|
16
|
+
const s = m`.mdc-drawer{border-color:rgba(0, 0, 0, 0.12);background-color:#fff;background-color:var(--mdc-theme-surface, #fff);border-top-left-radius:0;border-top-right-radius:0;border-top-right-radius:var(--mdc-shape-large, 0);border-bottom-right-radius:0;border-bottom-right-radius:var(--mdc-shape-large, 0);border-bottom-left-radius:0;z-index:6;width:256px;display:flex;flex-direction:column;flex-shrink:0;box-sizing:border-box;height:100%;border-right-width:1px;border-right-style:solid;overflow:hidden;transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.mdc-drawer .mdc-drawer__title{color:rgba(0, 0, 0, 0.87)}.mdc-drawer .mdc-deprecated-list-group__subheader{color:rgba(0, 0, 0, 0.6)}.mdc-drawer .mdc-drawer__subtitle{color:rgba(0, 0, 0, 0.6)}.mdc-drawer .mdc-deprecated-list-item__graphic{color:rgba(0, 0, 0, 0.6)}.mdc-drawer .mdc-deprecated-list-item{color:rgba(0, 0, 0, 0.87)}.mdc-drawer .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic{color:#6200ee}.mdc-drawer .mdc-deprecated-list-item--activated{color:rgba(98, 0, 238, 0.87)}[dir=rtl] .mdc-drawer,.mdc-drawer[dir=rtl]{border-top-left-radius:0;border-top-left-radius:var(--mdc-shape-large, 0);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-bottom-left-radius:var(--mdc-shape-large, 0)}.mdc-drawer .mdc-deprecated-list-item{border-radius:4px;border-radius:var(--mdc-shape-small, 4px)}.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content{margin-left:256px;margin-right:0}[dir=rtl] .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content,.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content[dir=rtl]{margin-left:0;margin-right:256px}[dir=rtl] .mdc-drawer,.mdc-drawer[dir=rtl]{border-right-width:0;border-left-width:1px;border-right-style:none;border-left-style:solid}.mdc-drawer .mdc-deprecated-list-item{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-subtitle2-font-size, 0.875rem);line-height:1.375rem;line-height:var(--mdc-typography-subtitle2-line-height, 1.375rem);font-weight:500;font-weight:var(--mdc-typography-subtitle2-font-weight, 500);letter-spacing:0.0071428571em;letter-spacing:var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle2-text-transform, inherit);height:calc(48px - 2 * 4px);margin:8px 8px;padding:0 8px}.mdc-drawer .mdc-deprecated-list-item:nth-child(1){margin-top:2px}.mdc-drawer .mdc-deprecated-list-item:nth-last-child(1){margin-bottom:0}.mdc-drawer .mdc-deprecated-list-group__subheader{-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);display:block;margin-top:0;line-height:normal;margin:0;padding:0 16px}.mdc-drawer .mdc-deprecated-list-group__subheader::before{display:inline-block;width:0;height:24px;content:"";vertical-align:0}.mdc-drawer .mdc-deprecated-list-divider{margin:3px 0 4px}.mdc-drawer .mdc-deprecated-list-item__text,.mdc-drawer .mdc-deprecated-list-item__graphic{pointer-events:none}.mdc-drawer--animate{transform:translateX(-100%)}[dir=rtl] .mdc-drawer--animate,.mdc-drawer--animate[dir=rtl]{transform:translateX(100%)}.mdc-drawer--opening{transform:translateX(0);transition-duration:250ms}[dir=rtl] .mdc-drawer--opening,.mdc-drawer--opening[dir=rtl]{transform:translateX(0)}.mdc-drawer--closing{transform:translateX(-100%);transition-duration:200ms}[dir=rtl] .mdc-drawer--closing,.mdc-drawer--closing[dir=rtl]{transform:translateX(100%)}.mdc-drawer__header{flex-shrink:0;box-sizing:border-box;min-height:64px;padding:0 16px 4px}.mdc-drawer__title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.25rem;font-size:var(--mdc-typography-headline6-font-size, 1.25rem);line-height:2rem;line-height:var(--mdc-typography-headline6-line-height, 2rem);font-weight:500;font-weight:var(--mdc-typography-headline6-font-weight, 500);letter-spacing:0.0125em;letter-spacing:var(--mdc-typography-headline6-letter-spacing, 0.0125em);text-decoration:inherit;text-decoration:var(--mdc-typography-headline6-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline6-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-drawer__title::before{display:inline-block;width:0;height:36px;content:"";vertical-align:0}.mdc-drawer__title::after{display:inline-block;width:0;height:20px;content:"";vertical-align:-20px}.mdc-drawer__subtitle{-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);display:block;margin-top:0;line-height:normal;margin-bottom:0}.mdc-drawer__subtitle::before{display:inline-block;width:0;height:20px;content:"";vertical-align:0}.mdc-drawer__content{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.mdc-drawer--dismissible{left:0;right:initial;display:none;position:absolute}[dir=rtl] .mdc-drawer--dismissible,.mdc-drawer--dismissible[dir=rtl]{left:initial;right:0}.mdc-drawer--dismissible.mdc-drawer--open{display:flex}.mdc-drawer-app-content{margin-left:0;margin-right:0;position:relative}[dir=rtl] .mdc-drawer-app-content,.mdc-drawer-app-content[dir=rtl]{margin-left:0;margin-right:0}.mdc-drawer--modal{box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0,0,0,.12);left:0;right:initial;display:none;position:fixed}.mdc-drawer--modal+.mdc-drawer-scrim{background-color:rgba(0, 0, 0, 0.32)}[dir=rtl] .mdc-drawer--modal,.mdc-drawer--modal[dir=rtl]{left:initial;right:0}.mdc-drawer--modal.mdc-drawer--open{display:flex}.mdc-drawer-scrim{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:5;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.mdc-drawer--open+.mdc-drawer-scrim{display:block}.mdc-drawer--animate+.mdc-drawer-scrim{opacity:0}.mdc-drawer--opening+.mdc-drawer-scrim{transition-duration:250ms;opacity:1}.mdc-drawer--closing+.mdc-drawer-scrim{transition-duration:200ms;opacity:0}.mdc-drawer-app-content{overflow:auto;flex:1}:host{display:flex;height:100%}.mdc-drawer{width:256px;width:var(--mdc-drawer-width, 256px)}.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content{margin-left:256px;margin-left:var(--mdc-drawer-width, 256px);margin-right:0}[dir=rtl] .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content,.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content[dir=rtl]{margin-left:0;margin-right:256px;margin-right:var(--mdc-drawer-width, 256px)}`, g = `:host{border-color:var(--mdc-theme-border)}
|
6
17
|
`;
|
7
|
-
var
|
8
|
-
for (var r =
|
9
|
-
(
|
10
|
-
return
|
18
|
+
var h = Object.defineProperty, f = Object.getOwnPropertyDescriptor, w = (n, t, i, e) => {
|
19
|
+
for (var r = e > 1 ? void 0 : e ? f(t, i) : t, a = n.length - 1, d; a >= 0; a--)
|
20
|
+
(d = n[a]) && (r = (e ? d(t, i, r) : d(r)) || r);
|
21
|
+
return e && r && h(t, i, r), r;
|
11
22
|
};
|
12
|
-
let
|
23
|
+
let o = class extends p {
|
13
24
|
};
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
],
|
25
|
+
o.styles = [s, m`${c(g)}`];
|
26
|
+
o = w([
|
27
|
+
l("cv-drawer")
|
28
|
+
], o);
|
18
29
|
export {
|
19
|
-
|
30
|
+
o as CovalentDrawerBase
|
20
31
|
};
|
package/empty-state.mjs
CHANGED
@@ -1,8 +1,8 @@
|
|
1
|
-
import {
|
2
|
-
import {
|
1
|
+
import { s, y as o, i as g, r as f, e as l } from "./query-assigned-elements.mjs";
|
2
|
+
import { e as h } from "./property.mjs";
|
3
3
|
import "./icon.mjs";
|
4
|
-
import "
|
5
|
-
import "
|
4
|
+
import "./mwc-icon.mjs";
|
5
|
+
import "./tslib.es6.mjs";
|
6
6
|
const c = `.mdc-typography{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-font-family, Roboto, sans-serif)}.mdc-typography--headline1{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:6rem;font-size:var(--mdc-typography-headline1-font-size, 6rem);line-height:6rem;line-height:var(--mdc-typography-headline1-line-height, 6rem);font-weight:300;font-weight:var(--mdc-typography-headline1-font-weight, 300);letter-spacing:-.015625em;letter-spacing:var(--mdc-typography-headline1-letter-spacing, -.015625em);text-decoration:inherit;text-decoration:var(--mdc-typography-headline1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline1-text-transform, inherit)}.mdc-typography--headline2{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:3.75rem;font-size:var(--mdc-typography-headline2-font-size, 3.75rem);line-height:3.75rem;line-height:var(--mdc-typography-headline2-line-height, 3.75rem);font-weight:300;font-weight:var(--mdc-typography-headline2-font-weight, 300);letter-spacing:-.0083333333em;letter-spacing:var(--mdc-typography-headline2-letter-spacing, -.0083333333em);text-decoration:inherit;text-decoration:var(--mdc-typography-headline2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline2-text-transform, inherit)}.mdc-typography--headline3{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline3-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:3rem;font-size:var(--mdc-typography-headline3-font-size, 3rem);line-height:3.125rem;line-height:var(--mdc-typography-headline3-line-height, 3.125rem);font-weight:400;font-weight:var(--mdc-typography-headline3-font-weight, 400);letter-spacing:normal;letter-spacing:var(--mdc-typography-headline3-letter-spacing, normal);text-decoration:inherit;text-decoration:var(--mdc-typography-headline3-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline3-text-transform, inherit)}.mdc-typography--headline4{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline4-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:2.125rem;font-size:var(--mdc-typography-headline4-font-size, 2.125rem);line-height:2.5rem;line-height:var(--mdc-typography-headline4-line-height, 2.5rem);font-weight:400;font-weight:var(--mdc-typography-headline4-font-weight, 400);letter-spacing:.0073529412em;letter-spacing:var(--mdc-typography-headline4-letter-spacing, .0073529412em);text-decoration:inherit;text-decoration:var(--mdc-typography-headline4-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline4-text-transform, inherit)}.mdc-typography--headline5{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline5-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.5rem;font-size:var(--mdc-typography-headline5-font-size, 1.5rem);line-height:2rem;line-height:var(--mdc-typography-headline5-line-height, 2rem);font-weight:400;font-weight:var(--mdc-typography-headline5-font-weight, 400);letter-spacing:normal;letter-spacing:var(--mdc-typography-headline5-letter-spacing, normal);text-decoration:inherit;text-decoration:var(--mdc-typography-headline5-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline5-text-transform, inherit)}.mdc-typography--headline6{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.25rem;font-size:var(--mdc-typography-headline6-font-size, 1.25rem);line-height:2rem;line-height:var(--mdc-typography-headline6-line-height, 2rem);font-weight:500;font-weight:var(--mdc-typography-headline6-font-weight, 500);letter-spacing:.0125em;letter-spacing:var(--mdc-typography-headline6-letter-spacing, .0125em);text-decoration:inherit;text-decoration:var(--mdc-typography-headline6-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline6-text-transform, inherit)}.mdc-typography--subtitle1{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, .009375em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit)}.mdc-typography--subtitle2{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-subtitle2-font-size, .875rem);line-height:1.375rem;line-height:var(--mdc-typography-subtitle2-line-height, 1.375rem);font-weight:500;font-weight:var(--mdc-typography-subtitle2-font-weight, 500);letter-spacing:.0071428571em;letter-spacing:var(--mdc-typography-subtitle2-letter-spacing, .0071428571em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle2-text-transform, inherit)}.mdc-typography--body1{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-body1-font-size, 1rem);line-height:1.5rem;line-height:var(--mdc-typography-body1-line-height, 1.5rem);font-weight:400;font-weight:var(--mdc-typography-body1-font-weight, 400);letter-spacing:.03125em;letter-spacing:var(--mdc-typography-body1-letter-spacing, .03125em);text-decoration:inherit;text-decoration:var(--mdc-typography-body1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body1-text-transform, inherit)}.mdc-typography--body2{-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:.875rem;font-size:var(--mdc-typography-body2-font-size, .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:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .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)}.mdc-typography--caption{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform, inherit)}.mdc-typography--button{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-button-font-size, .875rem);line-height:2.25rem;line-height:var(--mdc-typography-button-line-height, 2.25rem);font-weight:500;font-weight:var(--mdc-typography-button-font-weight, 500);letter-spacing:.0892857143em;letter-spacing:var(--mdc-typography-button-letter-spacing, .0892857143em);text-decoration:none;text-decoration:var(--mdc-typography-button-text-decoration, none);text-transform:uppercase;text-transform:var(--mdc-typography-button-text-transform, uppercase)}.mdc-typography--overline{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-overline-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-overline-font-size, .75rem);line-height:2rem;line-height:var(--mdc-typography-overline-line-height, 2rem);font-weight:500;font-weight:var(--mdc-typography-overline-font-weight, 500);letter-spacing:.1666666667em;letter-spacing:var(--mdc-typography-overline-letter-spacing, .1666666667em);text-decoration:none;text-decoration:var(--mdc-typography-overline-text-decoration, none);text-transform:uppercase;text-transform:var(--mdc-typography-overline-text-transform, uppercase)}.content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.icon-background{display:flex;justify-content:center;align-items:center;width:96px;height:96px;border-radius:50%;background-color:var(--mdc-theme-background);margin-left:auto;margin-right:auto}.covalent-icon{font-size:40px;color:var(--mdc-theme-text-secondary-on-background)}.mdc-typography--headline6{font-family:var(--mdc-typography-headline6-font-family);font-size:var(--mdc-typography-headline6-font-size);font-weight:var(--mdc-typography-headline6-font-weight);line-height:var(--mdc-typography-headline6-line-height);color:var(--mdc-theme-text-secondary-on-background);margin:16px 0 8px}.mdc-typography--caption{font-family:var(--mdc-typography-caption-font-family);font-size:var(--mdc-typography-caption-font-size);font-weight:var(--mdc-typography-caption-font-weight);line-height:var(--mdc-typography-caption-line-height);color:var(--mdc-theme-text-secondary-on-background);margin:0}.buttonContainer{display:flex;gap:0 20px;margin-top:16px}h6{margin:16px}
|
7
7
|
`;
|
8
8
|
var d = Object.defineProperty, v = Object.getOwnPropertyDescriptor, i = (a, r, m, n) => {
|
@@ -0,0 +1,14 @@
|
|
1
|
+
import { o as e } from "./query-assigned-elements.mjs";
|
2
|
+
/**
|
3
|
+
* @license
|
4
|
+
* Copyright 2017 Google LLC
|
5
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
6
|
+
*/
|
7
|
+
function n(o) {
|
8
|
+
return e({ finisher: (r, t) => {
|
9
|
+
Object.assign(r.prototype[t], o);
|
10
|
+
} });
|
11
|
+
}
|
12
|
+
export {
|
13
|
+
n as e
|
14
|
+
};
|
package/form-element.mjs
ADDED
@@ -0,0 +1,50 @@
|
|
1
|
+
import { b as r } from "./tslib.es6.mjs";
|
2
|
+
import { e as a } from "./property.mjs";
|
3
|
+
import "./query-assigned-elements.mjs";
|
4
|
+
import { B as d } from "./base-element.mjs";
|
5
|
+
/**
|
6
|
+
* @license
|
7
|
+
* Copyright 2018 Google LLC
|
8
|
+
* SPDX-License-Identifier: Apache-2.0
|
9
|
+
*/
|
10
|
+
var o, e;
|
11
|
+
const l = (e = (o = window.ShadyDOM) === null || o === void 0 ? void 0 : o.inUse) !== null && e !== void 0 ? e : !1;
|
12
|
+
class n extends d {
|
13
|
+
constructor() {
|
14
|
+
super(...arguments), this.disabled = !1, this.containingForm = null, this.formDataListener = (t) => {
|
15
|
+
this.disabled || this.setFormData(t.formData);
|
16
|
+
};
|
17
|
+
}
|
18
|
+
findFormElement() {
|
19
|
+
if (!this.shadowRoot || l)
|
20
|
+
return null;
|
21
|
+
const s = this.getRootNode().querySelectorAll("form");
|
22
|
+
for (const i of Array.from(s))
|
23
|
+
if (i.contains(this))
|
24
|
+
return i;
|
25
|
+
return null;
|
26
|
+
}
|
27
|
+
connectedCallback() {
|
28
|
+
var t;
|
29
|
+
super.connectedCallback(), this.containingForm = this.findFormElement(), (t = this.containingForm) === null || t === void 0 || t.addEventListener("formdata", this.formDataListener);
|
30
|
+
}
|
31
|
+
disconnectedCallback() {
|
32
|
+
var t;
|
33
|
+
super.disconnectedCallback(), (t = this.containingForm) === null || t === void 0 || t.removeEventListener("formdata", this.formDataListener), this.containingForm = null;
|
34
|
+
}
|
35
|
+
click() {
|
36
|
+
this.formElement && !this.disabled && (this.formElement.focus(), this.formElement.click());
|
37
|
+
}
|
38
|
+
firstUpdated() {
|
39
|
+
super.firstUpdated(), this.shadowRoot && this.mdcRoot.addEventListener("change", (t) => {
|
40
|
+
this.dispatchEvent(new Event("change", t));
|
41
|
+
});
|
42
|
+
}
|
43
|
+
}
|
44
|
+
n.shadowRootOptions = { mode: "open", delegatesFocus: !0 };
|
45
|
+
r([
|
46
|
+
a({ type: Boolean })
|
47
|
+
], n.prototype, "disabled", void 0);
|
48
|
+
export {
|
49
|
+
n as F
|
50
|
+
};
|
package/foundation.mjs
ADDED
@@ -0,0 +1,152 @@
|
|
1
|
+
import { _ as f, a as d } from "./tslib.es6.mjs";
|
2
|
+
import { M as m } from "./foundation2.mjs";
|
3
|
+
/**
|
4
|
+
* @license
|
5
|
+
* Copyright 2020 Google Inc.
|
6
|
+
*
|
7
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
8
|
+
* of this software and associated documentation files (the "Software"), to deal
|
9
|
+
* in the Software without restriction, including without limitation the rights
|
10
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
11
|
+
* copies of the Software, and to permit persons to whom the Software is
|
12
|
+
* furnished to do so, subject to the following conditions:
|
13
|
+
*
|
14
|
+
* The above copyright notice and this permission notice shall be included in
|
15
|
+
* all copies or substantial portions of the Software.
|
16
|
+
*
|
17
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
18
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
19
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
20
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
21
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
22
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
23
|
+
* THE SOFTWARE.
|
24
|
+
*/
|
25
|
+
var s = {
|
26
|
+
CLOSING: "mdc-banner--closing",
|
27
|
+
OPEN: "mdc-banner--open",
|
28
|
+
OPENING: "mdc-banner--opening"
|
29
|
+
}, c = {
|
30
|
+
BANNER_ANIMATION_CLOSE_TIME_MS: 250,
|
31
|
+
BANNER_ANIMATION_OPEN_TIME_MS: 300
|
32
|
+
}, C = {
|
33
|
+
CLOSED: "MDCBanner:closed",
|
34
|
+
CLOSING: "MDCBanner:closing",
|
35
|
+
OPENED: "MDCBanner:opened",
|
36
|
+
OPENING: "MDCBanner:opening",
|
37
|
+
ACTION_CLICKED: "MDCBanner:actionClicked"
|
38
|
+
}, l = {
|
39
|
+
CONTENT: ".mdc-banner__content",
|
40
|
+
PRIMARY_ACTION: ".mdc-banner__primary-action",
|
41
|
+
SECONDARY_ACTION: ".mdc-banner__secondary-action",
|
42
|
+
TEXT: ".mdc-banner__text"
|
43
|
+
}, a;
|
44
|
+
(function(e) {
|
45
|
+
e[e.PRIMARY = 0] = "PRIMARY", e[e.SECONDARY = 1] = "SECONDARY", e[e.UNSPECIFIED = 2] = "UNSPECIFIED";
|
46
|
+
})(a || (a = {}));
|
47
|
+
var u;
|
48
|
+
(function(e) {
|
49
|
+
e[e.PRIMARY = 0] = "PRIMARY", e[e.SECONDARY = 1] = "SECONDARY", e[e.UNKNOWN = 2] = "UNKNOWN";
|
50
|
+
})(u || (u = {}));
|
51
|
+
/**
|
52
|
+
* @license
|
53
|
+
* Copyright 2020 Google Inc.
|
54
|
+
*
|
55
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
56
|
+
* of this software and associated documentation files (the "Software"), to deal
|
57
|
+
* in the Software without restriction, including without limitation the rights
|
58
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
59
|
+
* copies of the Software, and to permit persons to whom the Software is
|
60
|
+
* furnished to do so, subject to the following conditions:
|
61
|
+
*
|
62
|
+
* The above copyright notice and this permission notice shall be included in
|
63
|
+
* all copies or substantial portions of the Software.
|
64
|
+
*
|
65
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
66
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
67
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
68
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
69
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
70
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
71
|
+
* THE SOFTWARE.
|
72
|
+
*/
|
73
|
+
var r = s.OPENING, p = s.OPEN, o = s.CLOSING, O = (
|
74
|
+
/** @class */
|
75
|
+
function(e) {
|
76
|
+
f(t, e);
|
77
|
+
function t(n) {
|
78
|
+
var i = e.call(this, d(d({}, t.defaultAdapter), n)) || this;
|
79
|
+
return i.isOpened = !1, i.animationFrame = 0, i.animationTimer = 0, i;
|
80
|
+
}
|
81
|
+
return Object.defineProperty(t, "defaultAdapter", {
|
82
|
+
get: function() {
|
83
|
+
return {
|
84
|
+
addClass: function() {
|
85
|
+
},
|
86
|
+
getContentHeight: function() {
|
87
|
+
return 0;
|
88
|
+
},
|
89
|
+
notifyClosed: function() {
|
90
|
+
},
|
91
|
+
notifyClosing: function() {
|
92
|
+
},
|
93
|
+
notifyOpened: function() {
|
94
|
+
},
|
95
|
+
notifyOpening: function() {
|
96
|
+
},
|
97
|
+
notifyActionClicked: function() {
|
98
|
+
},
|
99
|
+
releaseFocus: function() {
|
100
|
+
},
|
101
|
+
removeClass: function() {
|
102
|
+
},
|
103
|
+
setStyleProperty: function() {
|
104
|
+
},
|
105
|
+
trapFocus: function() {
|
106
|
+
}
|
107
|
+
};
|
108
|
+
},
|
109
|
+
enumerable: !1,
|
110
|
+
configurable: !0
|
111
|
+
}), t.prototype.destroy = function() {
|
112
|
+
cancelAnimationFrame(this.animationFrame), this.animationFrame = 0, clearTimeout(this.animationTimer), this.animationTimer = 0;
|
113
|
+
}, t.prototype.open = function() {
|
114
|
+
var n = this;
|
115
|
+
this.isOpened = !0, this.adapter.notifyOpening(), this.adapter.removeClass(o), this.adapter.addClass(r);
|
116
|
+
var i = this.adapter.getContentHeight();
|
117
|
+
this.animationFrame = requestAnimationFrame(function() {
|
118
|
+
n.adapter.addClass(p), n.adapter.setStyleProperty("height", i + "px"), n.animationTimer = setTimeout(function() {
|
119
|
+
n.handleAnimationTimerEnd(), n.adapter.trapFocus(), n.adapter.notifyOpened();
|
120
|
+
}, c.BANNER_ANIMATION_OPEN_TIME_MS);
|
121
|
+
});
|
122
|
+
}, t.prototype.close = function(n) {
|
123
|
+
var i = this;
|
124
|
+
this.isOpened && (cancelAnimationFrame(this.animationFrame), this.animationFrame = 0, this.isOpened = !1, this.adapter.notifyClosing(n), this.adapter.addClass(o), this.adapter.setStyleProperty("height", "0"), this.adapter.removeClass(p), this.adapter.removeClass(r), clearTimeout(this.animationTimer), this.animationTimer = setTimeout(function() {
|
125
|
+
i.adapter.releaseFocus(), i.handleAnimationTimerEnd(), i.adapter.notifyClosed(n);
|
126
|
+
}, c.BANNER_ANIMATION_CLOSE_TIME_MS));
|
127
|
+
}, t.prototype.isOpen = function() {
|
128
|
+
return this.isOpened;
|
129
|
+
}, t.prototype.handlePrimaryActionClick = function(n) {
|
130
|
+
n === void 0 && (n = !1), n ? this.adapter.notifyActionClicked(
|
131
|
+
0
|
132
|
+
/* PRIMARY */
|
133
|
+
) : this.close(a.PRIMARY);
|
134
|
+
}, t.prototype.handleSecondaryActionClick = function(n) {
|
135
|
+
n === void 0 && (n = !1), n ? this.adapter.notifyActionClicked(
|
136
|
+
1
|
137
|
+
/* SECONDARY */
|
138
|
+
) : this.close(a.SECONDARY);
|
139
|
+
}, t.prototype.layout = function() {
|
140
|
+
var n = this.adapter.getContentHeight();
|
141
|
+
this.adapter.setStyleProperty("height", n + "px");
|
142
|
+
}, t.prototype.handleAnimationTimerEnd = function() {
|
143
|
+
this.animationTimer = 0, this.adapter.removeClass(r), this.adapter.removeClass(o);
|
144
|
+
}, t;
|
145
|
+
}(m)
|
146
|
+
);
|
147
|
+
export {
|
148
|
+
a as C,
|
149
|
+
O as M,
|
150
|
+
C as e,
|
151
|
+
l as s
|
152
|
+
};
|
package/foundation2.mjs
ADDED
@@ -0,0 +1,60 @@
|
|
1
|
+
/**
|
2
|
+
* @license
|
3
|
+
* Copyright 2016 Google Inc.
|
4
|
+
*
|
5
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
6
|
+
* of this software and associated documentation files (the "Software"), to deal
|
7
|
+
* in the Software without restriction, including without limitation the rights
|
8
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
9
|
+
* copies of the Software, and to permit persons to whom the Software is
|
10
|
+
* furnished to do so, subject to the following conditions:
|
11
|
+
*
|
12
|
+
* The above copyright notice and this permission notice shall be included in
|
13
|
+
* all copies or substantial portions of the Software.
|
14
|
+
*
|
15
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
16
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
17
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
18
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
19
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
20
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
21
|
+
* THE SOFTWARE.
|
22
|
+
*/
|
23
|
+
var n = (
|
24
|
+
/** @class */
|
25
|
+
function() {
|
26
|
+
function e(t) {
|
27
|
+
t === void 0 && (t = {}), this.adapter = t;
|
28
|
+
}
|
29
|
+
return Object.defineProperty(e, "cssClasses", {
|
30
|
+
get: function() {
|
31
|
+
return {};
|
32
|
+
},
|
33
|
+
enumerable: !1,
|
34
|
+
configurable: !0
|
35
|
+
}), Object.defineProperty(e, "strings", {
|
36
|
+
get: function() {
|
37
|
+
return {};
|
38
|
+
},
|
39
|
+
enumerable: !1,
|
40
|
+
configurable: !0
|
41
|
+
}), Object.defineProperty(e, "numbers", {
|
42
|
+
get: function() {
|
43
|
+
return {};
|
44
|
+
},
|
45
|
+
enumerable: !1,
|
46
|
+
configurable: !0
|
47
|
+
}), Object.defineProperty(e, "defaultAdapter", {
|
48
|
+
get: function() {
|
49
|
+
return {};
|
50
|
+
},
|
51
|
+
enumerable: !1,
|
52
|
+
configurable: !0
|
53
|
+
}), e.prototype.init = function() {
|
54
|
+
}, e.prototype.destroy = function() {
|
55
|
+
}, e;
|
56
|
+
}()
|
57
|
+
);
|
58
|
+
export {
|
59
|
+
n as M
|
60
|
+
};
|
package/icon-button.mjs
CHANGED
@@ -1,20 +1,135 @@
|
|
1
|
-
import {
|
2
|
-
import {
|
3
|
-
import {
|
4
|
-
import {
|
5
|
-
|
1
|
+
import { s as h, y as a, i as u, r as f, e as g } from "./query-assigned-elements.mjs";
|
2
|
+
import { b as n } from "./tslib.es6.mjs";
|
3
|
+
import { R as _, e as x } from "./ripple-handlers.mjs";
|
4
|
+
import { a as m } from "./aria-property.mjs";
|
5
|
+
import { e as r } from "./property.mjs";
|
6
|
+
import { t as v } from "./state.mjs";
|
7
|
+
import { e as b } from "./event-options.mjs";
|
8
|
+
import { i as y } from "./query.mjs";
|
9
|
+
import { l as w } from "./if-defined.mjs";
|
10
|
+
import "./base-element.mjs";
|
11
|
+
import "./utils.mjs";
|
12
|
+
import "./class-map.mjs";
|
13
|
+
import "./style-map.mjs";
|
14
|
+
/**
|
15
|
+
* @license
|
16
|
+
* Copyright 2018 Google LLC
|
17
|
+
* SPDX-License-Identifier: Apache-2.0
|
18
|
+
*/
|
19
|
+
class t extends h {
|
20
|
+
constructor() {
|
21
|
+
super(...arguments), this.disabled = !1, this.icon = "", this.shouldRenderRipple = !1, this.rippleHandlers = new _(() => (this.shouldRenderRipple = !0, this.ripple));
|
22
|
+
}
|
23
|
+
/** @soyTemplate */
|
24
|
+
renderRipple() {
|
25
|
+
return this.shouldRenderRipple ? a`
|
26
|
+
<mwc-ripple
|
27
|
+
.disabled="${this.disabled}"
|
28
|
+
unbounded>
|
29
|
+
</mwc-ripple>` : "";
|
30
|
+
}
|
31
|
+
focus() {
|
32
|
+
const o = this.buttonElement;
|
33
|
+
o && (this.rippleHandlers.startFocus(), o.focus());
|
34
|
+
}
|
35
|
+
blur() {
|
36
|
+
const o = this.buttonElement;
|
37
|
+
o && (this.rippleHandlers.endFocus(), o.blur());
|
38
|
+
}
|
39
|
+
/** @soyTemplate */
|
40
|
+
render() {
|
41
|
+
return a`<button
|
42
|
+
class="mdc-icon-button mdc-icon-button--display-flex"
|
43
|
+
aria-label="${this.ariaLabel || this.icon}"
|
44
|
+
aria-haspopup="${w(this.ariaHasPopup)}"
|
45
|
+
?disabled="${this.disabled}"
|
46
|
+
@focus="${this.handleRippleFocus}"
|
47
|
+
@blur="${this.handleRippleBlur}"
|
48
|
+
@mousedown="${this.handleRippleMouseDown}"
|
49
|
+
@mouseenter="${this.handleRippleMouseEnter}"
|
50
|
+
@mouseleave="${this.handleRippleMouseLeave}"
|
51
|
+
@touchstart="${this.handleRippleTouchStart}"
|
52
|
+
@touchend="${this.handleRippleDeactivate}"
|
53
|
+
@touchcancel="${this.handleRippleDeactivate}"
|
54
|
+
>${this.renderRipple()}
|
55
|
+
${this.icon ? a`<i class="material-icons">${this.icon}</i>` : ""}
|
56
|
+
<span
|
57
|
+
><slot></slot
|
58
|
+
></span>
|
59
|
+
</button>`;
|
60
|
+
}
|
61
|
+
handleRippleMouseDown(o) {
|
62
|
+
const i = () => {
|
63
|
+
window.removeEventListener("mouseup", i), this.handleRippleDeactivate();
|
64
|
+
};
|
65
|
+
window.addEventListener("mouseup", i), this.rippleHandlers.startPress(o);
|
66
|
+
}
|
67
|
+
handleRippleTouchStart(o) {
|
68
|
+
this.rippleHandlers.startPress(o);
|
69
|
+
}
|
70
|
+
handleRippleDeactivate() {
|
71
|
+
this.rippleHandlers.endPress();
|
72
|
+
}
|
73
|
+
handleRippleMouseEnter() {
|
74
|
+
this.rippleHandlers.startHover();
|
75
|
+
}
|
76
|
+
handleRippleMouseLeave() {
|
77
|
+
this.rippleHandlers.endHover();
|
78
|
+
}
|
79
|
+
handleRippleFocus() {
|
80
|
+
this.rippleHandlers.startFocus();
|
81
|
+
}
|
82
|
+
handleRippleBlur() {
|
83
|
+
this.rippleHandlers.endFocus();
|
84
|
+
}
|
85
|
+
}
|
86
|
+
n([
|
87
|
+
r({ type: Boolean, reflect: !0 })
|
88
|
+
], t.prototype, "disabled", void 0);
|
89
|
+
n([
|
90
|
+
r({ type: String })
|
91
|
+
], t.prototype, "icon", void 0);
|
92
|
+
n([
|
93
|
+
m,
|
94
|
+
r({ type: String, attribute: "aria-label" })
|
95
|
+
], t.prototype, "ariaLabel", void 0);
|
96
|
+
n([
|
97
|
+
m,
|
98
|
+
r({ type: String, attribute: "aria-haspopup" })
|
99
|
+
], t.prototype, "ariaHasPopup", void 0);
|
100
|
+
n([
|
101
|
+
y("button")
|
102
|
+
], t.prototype, "buttonElement", void 0);
|
103
|
+
n([
|
104
|
+
x("mwc-ripple")
|
105
|
+
], t.prototype, "ripple", void 0);
|
106
|
+
n([
|
107
|
+
v()
|
108
|
+
], t.prototype, "shouldRenderRipple", void 0);
|
109
|
+
n([
|
110
|
+
b({ passive: !0 })
|
111
|
+
], t.prototype, "handleRippleMouseDown", null);
|
112
|
+
n([
|
113
|
+
b({ passive: !0 })
|
114
|
+
], t.prototype, "handleRippleTouchStart", null);
|
115
|
+
/**
|
116
|
+
* @license
|
117
|
+
* Copyright 2021 Google LLC
|
118
|
+
* SPDX-LIcense-Identifier: Apache-2.0
|
119
|
+
*/
|
120
|
+
const R = u`.material-icons{font-family:var(--mdc-icon-font, "Material Icons");font-weight:normal;font-style:normal;font-size:var(--mdc-icon-size, 24px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.mdc-icon-button{font-size:24px;width:48px;height:48px;padding:12px}.mdc-icon-button .mdc-icon-button__focus-ring{display:none}.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{display:block;max-height:48px;max-width:48px}@media screen and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{pointer-events:none;border:2px solid transparent;border-radius:6px;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:100%;width:100%}}@media screen and (forced-colors: active)and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{border-color:CanvasText}}@media screen and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring::after,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring::after{content:"";border:2px solid transparent;border-radius:8px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}}@media screen and (forced-colors: active)and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring::after,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring::after{border-color:CanvasText}}.mdc-icon-button.mdc-icon-button--reduced-size .mdc-icon-button__ripple{width:40px;height:40px;margin-top:4px;margin-bottom:4px;margin-right:4px;margin-left:4px}.mdc-icon-button.mdc-icon-button--reduced-size.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button.mdc-icon-button--reduced-size:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{max-height:40px;max-width:40px}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mdc-icon-button:disabled{color:rgba(0, 0, 0, 0.38);color:var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38))}.mdc-icon-button svg,.mdc-icon-button img{width:24px;height:24px}.mdc-icon-button{display:inline-block;position:relative;box-sizing:border-box;border:none;outline:none;background-color:transparent;fill:currentColor;color:inherit;text-decoration:none;cursor:pointer;user-select:none;z-index:0;overflow:visible}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mdc-icon-button:disabled{cursor:default;pointer-events:none}.mdc-icon-button--display-flex{align-items:center;display:inline-flex;justify-content:center}.mdc-icon-button__icon{display:inline-block}.mdc-icon-button__icon.mdc-icon-button__icon--on{display:none}.mdc-icon-button--on .mdc-icon-button__icon{display:none}.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on{display:inline-block}.mdc-icon-button__link{height:100%;left:0;outline:none;position:absolute;top:0;width:100%}.mdc-icon-button{display:inline-block;position:relative;box-sizing:border-box;border:none;outline:none;background-color:transparent;fill:currentColor;color:inherit;text-decoration:none;cursor:pointer;user-select:none;z-index:0;overflow:visible}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mdc-icon-button:disabled{cursor:default;pointer-events:none}.mdc-icon-button--display-flex{align-items:center;display:inline-flex;justify-content:center}.mdc-icon-button__icon{display:inline-block}.mdc-icon-button__icon.mdc-icon-button__icon--on{display:none}.mdc-icon-button--on .mdc-icon-button__icon{display:none}.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on{display:inline-block}.mdc-icon-button__link{height:100%;left:0;outline:none;position:absolute;top:0;width:100%}:host{display:inline-block;outline:none}:host([disabled]){pointer-events:none}.mdc-icon-button i,.mdc-icon-button svg,.mdc-icon-button img,.mdc-icon-button ::slotted(*){display:block}:host{--mdc-ripple-color: currentcolor;-webkit-tap-highlight-color:transparent}:host,.mdc-icon-button{vertical-align:top}.mdc-icon-button{width:var(--mdc-icon-button-size, 48px);height:var(--mdc-icon-button-size, 48px);padding:calc( (var(--mdc-icon-button-size, 48px) - var(--mdc-icon-size, 24px)) / 2 )}.mdc-icon-button i,.mdc-icon-button svg,.mdc-icon-button img,.mdc-icon-button ::slotted(*){display:block;width:var(--mdc-icon-size, 24px);height:var(--mdc-icon-size, 24px)}`, $ = `:host{color:var(--mdc-theme-text-icon-on-background)}
|
6
121
|
`;
|
7
|
-
var
|
8
|
-
for (var
|
9
|
-
(
|
10
|
-
return
|
122
|
+
var k = Object.defineProperty, z = Object.getOwnPropertyDescriptor, H = (d, o, i, c) => {
|
123
|
+
for (var e = c > 1 ? void 0 : c ? z(o, i) : o, s = d.length - 1, l; s >= 0; s--)
|
124
|
+
(l = d[s]) && (e = (c ? l(o, i, e) : l(e)) || e);
|
125
|
+
return c && e && k(o, i, e), e;
|
11
126
|
};
|
12
|
-
let
|
127
|
+
let p = class extends t {
|
13
128
|
};
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
],
|
129
|
+
p.styles = [R, u`${f($)}`];
|
130
|
+
p = H([
|
131
|
+
g("cv-icon-button")
|
132
|
+
], p);
|
18
133
|
export {
|
19
|
-
|
134
|
+
p as CovalentIconButtonBase
|
20
135
|
};
|
package/icon-check-toggle.mjs
CHANGED
@@ -1,9 +1,19 @@
|
|
1
|
-
import {
|
2
|
-
import {
|
3
|
-
import {
|
4
|
-
import {
|
5
|
-
import {
|
6
|
-
import {
|
1
|
+
import { y as l, i as m, r as h, e as f } from "./query-assigned-elements.mjs";
|
2
|
+
import { e as s } from "./property.mjs";
|
3
|
+
import { o as d } from "./class-map.mjs";
|
4
|
+
import { i as g } from "./style-map.mjs";
|
5
|
+
import { C as y } from "./mwc-checkbox-base.mjs";
|
6
|
+
import { s as v } from "./mwc-checkbox.css.mjs";
|
7
|
+
import "./tslib.es6.mjs";
|
8
|
+
import "./ripple-handlers.mjs";
|
9
|
+
import "./base-element.mjs";
|
10
|
+
import "./utils.mjs";
|
11
|
+
import "./state.mjs";
|
12
|
+
import "./query.mjs";
|
13
|
+
import "./aria-property.mjs";
|
14
|
+
import "./form-element.mjs";
|
15
|
+
import "./event-options.mjs";
|
16
|
+
import "./if-defined.mjs";
|
7
17
|
const u = `:host .mdc-toggle__background{position:absolute;top:4px;right:4px;width:15px;height:15px;border:none;color:var(--mdc-theme-text-icon-on-dark)}:host .mdc-toggle__checkmark-path{transition:stroke-dashoffset .18s cubic-bezier(.4,0,.6,1) 0ms;stroke:currentcolor;stroke-width:3.12px;stroke-dashoffset:29.7833;stroke-dasharray:29.7833}:host .showCheck{stroke-dashoffset:0;opacity:1}:host([width=fill]){width:100%}.container{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;row-gap:8px;width:var(--width);height:var(--height);border:solid 2px var(--mdc-theme-border);border-radius:8px;color:var(--mdc-theme-text-primary-on-background);--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0);will-change:transform,opacity}.container:before,.container:after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.container:before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.container:after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.container.mdc-ripple-upgraded:before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.container.mdc-ripple-upgraded:after{top:0;left:0;transform:scale(0);transform-origin:center center}.container.mdc-ripple-upgraded--unbounded:after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.container.mdc-ripple-upgraded--foreground-activation:after{animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.container.mdc-ripple-upgraded--foreground-deactivation:after{animation:mdc-ripple-fg-opacity-out .15s;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.container:before,.container:after{top:0%;left:0%;width:100%;height:100%}.container.mdc-ripple-upgraded:before,.container.mdc-ripple-upgraded:after{top:var(--mdc-ripple-top, 0%);left:var(--mdc-ripple-left, 0%);width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.container.mdc-ripple-upgraded:after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.container:before,.container:after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.container:hover:before,.container.mdc-ripple-surface--hover:before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.container.mdc-ripple-upgraded--background-focused:before,.container:not(.mdc-ripple-upgraded):focus:before{transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.container:not(.mdc-ripple-upgraded):after{transition:opacity .15s linear}.container:not(.mdc-ripple-upgraded):active:after{transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.container.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, .12)}.container:after,.container:before{border-radius:8px}.container:hover{cursor:pointer}.cornerFill{background:linear-gradient(225deg,var(--mdc-theme-secondary) 28px,transparent 0)}.checked{border:solid 2px var(--mdc-theme-primary);background-color:var(--mdc-theme-surface-primary-highlight)}.checked:hover{background-color:var(--mdc-theme-surface-primary-highlight-hover)}[name=icon]::slotted(*){font-size:40px;color:var(--mdc-theme-text-icon-on-background)}[name=text]::slotted(*){color:var(--mdc-theme-text-primary-on-background);font-family:var(--mdc-typography-body1-font-family);font-size:var(--mdc-typography-body1-font-size);font-weight:var(--mdc-typography-body1-font-weight);line-height:var(--mdc-typography-body1-line-height);letter-spacing:.4px}[name=text]::slotted(*:last-child){color:var(--mdc-theme-text-secondary-on-background);font-family:var(--mdc-typography-body2-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:var(--mdc-typography-body2-font-weight);line-height:var(--mdc-typography-body2-line-height)}
|
8
18
|
`;
|
9
19
|
var b = Object.defineProperty, k = Object.getOwnPropertyDescriptor, c = (i, e, o, a) => {
|
@@ -49,8 +59,8 @@ let t = class extends y {
|
|
49
59
|
}
|
50
60
|
};
|
51
61
|
t.styles = [
|
52
|
-
|
53
|
-
${
|
62
|
+
m`
|
63
|
+
${h(u)}
|
54
64
|
`,
|
55
65
|
v
|
56
66
|
];
|