@covalent/components 6.0.3 → 6.0.5
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/action-ribbon-base.d.ts.map +1 -0
- package/{src/action-ribbon → action-ribbon}/action-ribbon.d.ts +1 -0
- package/action-ribbon/action-ribbon.d.ts.map +1 -0
- package/action-ribbon.js +18 -0
- package/action-ribbon.mjs +13 -11
- package/alert/alert-base.d.ts.map +1 -0
- package/{src/alert → alert}/alert.d.ts +1 -0
- package/alert/alert.d.ts.map +1 -0
- package/alert.js +21 -0
- package/alert.mjs +14 -12
- package/{src/app-shell → app-shell}/app-shell.d.ts +1 -0
- package/app-shell/app-shell.d.ts.map +1 -0
- package/app-shell.js +41 -0
- package/app-shell.mjs +19 -17
- package/aria-property.mjs +2 -38
- package/base-element.mjs +2 -25
- package/{src/button → button}/button.d.ts +3 -2
- package/button/button.d.ts.map +1 -0
- package/button.js +44 -0
- package/button.mjs +11 -9
- package/card/card-base.d.ts.map +1 -0
- package/{src/card → card}/card.d.ts +3 -2
- package/card/card.d.ts.map +1 -0
- package/card.js +19 -0
- package/card.mjs +3 -1
- package/check-list-item.js +27 -0
- package/check-list-item.mjs +17 -15
- package/{src/checkbox → checkbox}/checkbox.d.ts +3 -2
- package/checkbox/checkbox.d.ts.map +1 -0
- package/checkbox.js +2 -0
- package/checkbox.mjs +15 -13
- package/chips/chip-base.d.ts.map +1 -0
- package/chips/chip-set-base.d.ts.map +1 -0
- package/{src/chips → chips}/chip-set.d.ts +1 -0
- package/chips/chip-set.d.ts.map +1 -0
- package/{src/chips → chips}/chip.d.ts +1 -0
- package/chips/chip.d.ts.map +1 -0
- package/chips/foundation.d.ts.map +1 -0
- package/circular-progress/circular-progress.d.ts +11 -0
- package/circular-progress/circular-progress.d.ts.map +1 -0
- package/circular-progress.js +65 -0
- package/circular-progress.mjs +11 -9
- package/class-map.mjs +3 -56
- package/{src/code-snippet → code-snippet}/code-snippet.d.ts +3 -2
- package/code-snippet/code-snippet.d.ts.map +1 -0
- package/code-snippet.js +13 -0
- package/code-snippet.mjs +36 -34
- package/{src/dialog → dialog}/dialog.d.ts +3 -2
- package/dialog/dialog.d.ts.map +1 -0
- package/dialog.js +1 -0
- package/dialog.mjs +15 -608
- package/dialog2.mjs +750 -0
- package/directive-helpers.mjs +2 -8
- package/{src/drawer → drawer}/drawer.d.ts +3 -2
- package/drawer/drawer.d.ts.map +1 -0
- package/drawer.js +6 -0
- package/drawer.mjs +11 -9
- package/{src/empty-state → empty-state}/empty-state.d.ts +3 -2
- package/empty-state/empty-state.d.ts.map +1 -0
- package/empty-state.js +27 -0
- package/empty-state.mjs +17 -15
- package/event-options.mjs +2 -11
- package/form-element.mjs +2 -47
- package/{src/formfield → formfield}/formfield.d.ts +3 -2
- package/formfield/formfield.d.ts.map +1 -0
- package/foundation.mjs +3 -112
- package/foundation2.mjs +2 -40
- package/{src/icon → icon}/icon.d.ts +1 -0
- package/icon/icon.d.ts.map +1 -0
- package/{src/icon-button → icon-button}/icon-button.d.ts +3 -2
- package/icon-button/icon-button.d.ts.map +1 -0
- package/icon-button.js +32 -0
- package/icon-button.mjs +23 -21
- package/icon-check-toggle.js +15 -0
- package/icon-check-toggle.mjs +5 -5
- package/{src/icon-checkbox → icon-checkbox}/icon-check-toggle.d.ts +3 -2
- package/icon-checkbox/icon-check-toggle.d.ts.map +1 -0
- package/{src/icon-radio → icon-radio}/icon-radio-toggle.d.ts +3 -2
- package/icon-radio/icon-radio-toggle.d.ts.map +1 -0
- package/icon-radio-toggle.js +14 -0
- package/icon-radio-toggle.mjs +19 -19
- package/icon.js +5 -0
- package/icon.mjs +11 -9
- package/if-defined.mjs +2 -7
- package/index.d.ts +46 -0
- package/index.d.ts.map +1 -0
- package/index.js +1 -0
- package/index.mjs +126 -0
- package/inert.esm.mjs +3 -615
- package/linear-progress/linear-progress.d.ts +11 -0
- package/linear-progress/linear-progress.d.ts.map +1 -0
- package/linear-progress.js +36 -0
- package/linear-progress.mjs +21 -19
- package/list/check-list-item.d.ts +11 -0
- package/list/check-list-item.d.ts.map +1 -0
- package/{src/list → list}/list-expansion.d.ts +5 -4
- package/list/list-expansion.d.ts.map +1 -0
- package/{src/list → list}/list-item.d.ts +3 -2
- package/list/list-item.d.ts.map +1 -0
- package/{src/list → list}/list.d.ts +3 -2
- package/list/list.d.ts.map +1 -0
- package/{src/list → list}/nav-list-item.d.ts +3 -2
- package/list/nav-list-item.d.ts.map +1 -0
- package/list/radio-list-item.d.ts +11 -0
- package/list/radio-list-item.d.ts.map +1 -0
- package/list-expansion.js +9 -0
- package/list-expansion.mjs +20 -18
- package/list-item.js +1 -0
- package/list-item.mjs +8 -48
- package/list-item2.mjs +43 -0
- package/list.js +1 -0
- package/list.mjs +2 -27
- package/list2.mjs +25 -0
- package/{src/menu → menu}/menu.d.ts +3 -2
- package/menu/menu.d.ts.map +1 -0
- package/menu.js +5 -0
- package/menu.mjs +11 -9
- package/mwc-checkbox-base.mjs +11 -168
- package/mwc-checkbox.css.mjs +2 -7
- package/mwc-drawer-base.mjs +12 -242
- package/mwc-icon.mjs +3 -20
- package/mwc-line-ripple-directive.mjs +16 -452
- package/mwc-list-base.mjs +26 -755
- package/mwc-list-item-base.mjs +9 -183
- package/mwc-list-item.css.mjs +3 -11
- package/mwc-menu-base.mjs +21 -976
- package/mwc-radio-base.mjs +11 -438
- package/mwc-radio.css.mjs +2 -7
- package/mwc-slider.css.mjs +23 -794
- package/mwc-tab-base.mjs +25 -503
- package/mwc-top-app-bar-base.mjs +12 -282
- package/nav-list-item.js +10 -0
- package/nav-list-item.mjs +26 -24
- package/observer.mjs +2 -29
- package/package.json +226 -5
- package/property.mjs +2 -17
- package/query-assigned-elements.mjs +9 -591
- package/query-assigned-nodes.mjs +2 -14
- package/query.mjs +2 -22
- package/{src/radio → radio}/radio.d.ts +3 -2
- package/radio/radio.d.ts.map +1 -0
- package/radio-list-item.js +27 -0
- package/radio-list-item.mjs +17 -15
- package/radio.js +2 -0
- package/radio.mjs +12 -10
- package/ripple-handlers.mjs +12 -666
- package/{src/select → select}/select.d.ts +3 -2
- package/select/select.d.ts.map +1 -0
- package/select.js +272 -0
- package/select.mjs +124 -122
- package/{src/side-sheet → side-sheet}/side-sheet.d.ts +2 -2
- package/side-sheet/side-sheet.d.ts.map +1 -0
- package/side-sheet.js +4 -0
- package/side-sheet.mjs +3 -3
- package/slider/slider-range.d.ts +11 -0
- package/slider/slider-range.d.ts.map +1 -0
- package/{src/slider → slider}/slider.d.ts +3 -2
- package/slider/slider.d.ts.map +1 -0
- package/slider-range.js +64 -0
- package/slider-range.mjs +23 -21
- package/slider.js +14 -0
- package/slider.mjs +16 -14
- package/{src/snackbar → snackbar}/snackbar.d.ts +3 -2
- package/snackbar/snackbar.d.ts.map +1 -0
- package/snackbar.js +93 -0
- package/snackbar.mjs +12 -10
- package/state.mjs +2 -9
- package/status-header/status-header-base.d.ts.map +1 -0
- package/{src/status-header → status-header}/status-header-item.d.ts +1 -0
- package/status-header/status-header-item.d.ts.map +1 -0
- package/{src/status-header → status-header}/status-header.d.ts +1 -0
- package/status-header/status-header.d.ts.map +1 -0
- package/status-header-item.js +4 -0
- package/status-header-item.mjs +17 -15
- package/status-header.js +24 -0
- package/status-header.mjs +17 -15
- package/style-map.mjs +2 -37
- package/style.css +1 -0
- package/{src/switch → switch}/switch.d.ts +3 -2
- package/switch/switch.d.ts.map +1 -0
- package/switch.js +174 -0
- package/switch.mjs +10 -8
- package/{src/tab → tab}/tab-bar.d.ts +3 -2
- package/tab/tab-bar.d.ts.map +1 -0
- package/{src/tab → tab}/tab.d.ts +3 -2
- package/tab/tab.d.ts.map +1 -0
- package/tab-bar.js +278 -0
- package/tab-bar.mjs +23 -21
- package/tab.js +6 -0
- package/tab.mjs +11 -9
- package/{src/text-lockup → text-lockup}/text-lockup.d.ts +1 -0
- package/text-lockup/text-lockup.d.ts.map +1 -0
- package/text-lockup.js +7 -0
- package/text-lockup.mjs +11 -9
- package/{src/textarea → textarea}/textarea.d.ts +3 -2
- package/textarea/textarea.d.ts.map +1 -0
- package/textarea.js +40 -0
- package/textarea.mjs +14 -12
- package/{src/textfield → textfield}/textfield.d.ts +3 -2
- package/textfield/textfield.d.ts.map +1 -0
- package/textfield.js +7 -0
- package/textfield.mjs +132 -39
- package/textfield2.mjs +1 -1
- package/{src/toolbar → toolbar}/toolbar.d.ts +3 -2
- package/toolbar/toolbar.d.ts.map +1 -0
- package/toolbar.js +4 -0
- package/toolbar.mjs +11 -9
- package/{src/tooltip → tooltip}/tooltip.d.ts +3 -2
- package/tooltip/tooltip.d.ts.map +1 -0
- package/tooltip.js +126 -0
- package/tooltip.mjs +66 -64
- package/top-app-bar/top-app-bar-fixed.d.ts +11 -0
- package/top-app-bar/top-app-bar-fixed.d.ts.map +1 -0
- package/{src/top-app-bar → top-app-bar}/top-app-bar.d.ts +3 -2
- package/top-app-bar/top-app-bar.d.ts.map +1 -0
- package/top-app-bar-fixed.js +28 -0
- package/top-app-bar-fixed.mjs +16 -14
- package/top-app-bar.js +3 -0
- package/top-app-bar.mjs +6 -28
- package/{src/tree-list → tree-list}/tree-list-item.d.ts +1 -0
- package/tree-list/tree-list-item.d.ts.map +1 -0
- package/{src/tree-list → tree-list}/tree-list.d.ts +1 -0
- package/tree-list/tree-list.d.ts.map +1 -0
- package/tree-list-item.js +26 -0
- package/tree-list-item.mjs +7 -5
- package/tree-list.js +10 -0
- package/tree-list.mjs +13 -12
- package/tslib.es6.mjs +1 -82
- package/{src/typography → typography}/typography.d.ts +1 -0
- package/typography/typography.d.ts.map +1 -0
- package/typography.js +4 -0
- package/typography.mjs +16 -14
- package/utils.mjs +2 -49
- package/covalent.mjs +0 -44
- package/covalent.umd.js +0 -3501
- package/src/action-ribbon/action-ribbon-base.d.ts.map +0 -1
- package/src/action-ribbon/action-ribbon.d.ts.map +0 -1
- package/src/alert/alert-base.d.ts.map +0 -1
- package/src/alert/alert.d.ts.map +0 -1
- package/src/app-shell/app-shell.d.ts.map +0 -1
- package/src/button/button.d.ts.map +0 -1
- package/src/card/card-base.d.ts.map +0 -1
- package/src/card/card.d.ts.map +0 -1
- package/src/checkbox/checkbox.d.ts.map +0 -1
- package/src/chips/chip-base.d.ts.map +0 -1
- package/src/chips/chip-set-base.d.ts.map +0 -1
- package/src/chips/chip-set.d.ts.map +0 -1
- package/src/chips/chip.d.ts.map +0 -1
- package/src/chips/foundation.d.ts.map +0 -1
- package/src/circular-progress/circular-progress.d.ts +0 -10
- package/src/circular-progress/circular-progress.d.ts.map +0 -1
- package/src/code-snippet/code-snippet.d.ts.map +0 -1
- package/src/dialog/dialog.d.ts.map +0 -1
- package/src/drawer/drawer.d.ts.map +0 -1
- package/src/empty-state/empty-state.d.ts.map +0 -1
- package/src/formfield/formfield.d.ts.map +0 -1
- package/src/icon/icon.d.ts.map +0 -1
- package/src/icon-button/icon-button.d.ts.map +0 -1
- package/src/icon-checkbox/icon-check-toggle.d.ts.map +0 -1
- package/src/icon-radio/icon-radio-toggle.d.ts.map +0 -1
- package/src/index.d.ts +0 -3
- package/src/index.d.ts.map +0 -1
- package/src/linear-progress/linear-progress.d.ts +0 -10
- package/src/linear-progress/linear-progress.d.ts.map +0 -1
- package/src/list/check-list-item.d.ts +0 -10
- package/src/list/check-list-item.d.ts.map +0 -1
- package/src/list/list-expansion.d.ts.map +0 -1
- package/src/list/list-item.d.ts.map +0 -1
- package/src/list/list.d.ts.map +0 -1
- package/src/list/nav-list-item.d.ts.map +0 -1
- package/src/list/radio-list-item.d.ts +0 -10
- package/src/list/radio-list-item.d.ts.map +0 -1
- package/src/menu/menu.d.ts.map +0 -1
- package/src/radio/radio.d.ts.map +0 -1
- package/src/select/select.d.ts.map +0 -1
- package/src/side-sheet/side-sheet.d.ts.map +0 -1
- package/src/slider/slider-range.d.ts +0 -10
- package/src/slider/slider-range.d.ts.map +0 -1
- package/src/slider/slider.d.ts.map +0 -1
- package/src/snackbar/snackbar.d.ts.map +0 -1
- package/src/status-header/status-header-base.d.ts.map +0 -1
- package/src/status-header/status-header-item.d.ts.map +0 -1
- package/src/status-header/status-header.d.ts.map +0 -1
- package/src/switch/switch.d.ts.map +0 -1
- package/src/tab/tab-bar.d.ts.map +0 -1
- package/src/tab/tab.d.ts.map +0 -1
- package/src/text-lockup/text-lockup.d.ts.map +0 -1
- package/src/textarea/textarea.d.ts.map +0 -1
- package/src/textfield/textfield.d.ts.map +0 -1
- package/src/toolbar/toolbar.d.ts.map +0 -1
- package/src/tooltip/tooltip.d.ts.map +0 -1
- package/src/top-app-bar/top-app-bar-fixed.d.ts +0 -10
- package/src/top-app-bar/top-app-bar-fixed.d.ts.map +0 -1
- package/src/top-app-bar/top-app-bar.d.ts.map +0 -1
- package/src/tree-list/tree-list-item.d.ts.map +0 -1
- package/src/tree-list/tree-list.d.ts.map +0 -1
- package/src/typography/typography.d.ts.map +0 -1
- /package/{src/action-ribbon → action-ribbon}/action-ribbon-base.d.ts +0 -0
- /package/{src/alert → alert}/alert-base.d.ts +0 -0
- /package/{src/card → card}/card-base.d.ts +0 -0
- /package/{src/chips → chips}/chip-base.d.ts +0 -0
- /package/{src/chips → chips}/chip-set-base.d.ts +0 -0
- /package/{src/chips → chips}/foundation.d.ts +0 -0
- /package/{src/status-header → status-header}/status-header-base.d.ts +0 -0
@@ -1,4 +1,4 @@
|
|
1
|
-
import {
|
1
|
+
import { CovalentDialog } from '../dialog/dialog';
|
2
2
|
declare global {
|
3
3
|
interface HTMLElementTagNameMap {
|
4
4
|
'cv-side-sheet': CovalentSideSheet;
|
@@ -9,7 +9,7 @@ declare global {
|
|
9
9
|
*
|
10
10
|
* @slot - This element has a slot
|
11
11
|
*/
|
12
|
-
export declare class CovalentSideSheet extends
|
12
|
+
export declare class CovalentSideSheet extends CovalentDialog {
|
13
13
|
static styles: import("lit").CSSResult[];
|
14
14
|
pushed: boolean;
|
15
15
|
noPadding: boolean;
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"side-sheet.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/side-sheet/side-sheet.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,iBAAiB,CAAC;KACpC;CACF;AAED;;;;GAIG;AACH,qBACa,iBAAkB,SAAQ,cAAc;IACnD,OAAgB,MAAM,4BAKpB;IAGF,MAAM,UAAS;IAGf,SAAS,UAAS;;CAMnB"}
|
package/side-sheet.js
ADDED
@@ -0,0 +1,4 @@
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./query-assigned-elements.mjs"),c=require("./property.mjs"),l=require("./dialog.mjs");require("./tslib.es6.mjs");require("./inert.esm.mjs");require("./base-element.mjs");require("./utils.mjs");require("./observer.mjs");require("./query.mjs");require("./class-map.mjs");const h=`:host{--cv-side-sheet-width: 800px;--mdc-dialog-heading-ink-color: var(--mdc-theme-text-primary-on-background)}.mdc-dialog{justify-content:flex-end}.mdc-dialog .mdc-dialog__surface{border-radius:0;height:100%;min-height:inherit;max-height:inherit;min-width:var(--cv-side-sheet-width, 400px)}.mdc-dialog--opening .mdc-dialog__container{transform:translate(100%);transition:transform .15s cubic-bezier(.4,0,1,1)}.mdc-dialog--open .mdc-dialog__container{transform:translate(0)}.mdc-dialog--closing .mdc-dialog__container{opacity:1;transform:translate(100%);transition:transform .15s cubic-bezier(0,0,.2,1)}:host([pushed]) .mdc-dialog__surface{min-width:100vw}:host([noPadding]) .mdc-dialog .mdc-dialog__content{padding:0}
|
2
|
+
`;var u=Object.defineProperty,g=Object.getOwnPropertyDescriptor,s=(r,t,o,i)=>{for(var e=i>1?void 0:i?g(t,o):t,n=r.length-1,a;n>=0;n--)(a=r[n])&&(e=(i?a(t,o,e):a(e))||e);return i&&e&&u(t,o,e),e};exports.CovalentSideSheet=class extends l.CovalentDialog{constructor(){super(),this.pushed=!1,this.noPadding=!1,this.hideActions=!0}};exports.CovalentSideSheet.styles=[l.styles,d.i`
|
3
|
+
${d.r(h)}
|
4
|
+
`];s([c.e({type:Boolean,reflect:!0})],exports.CovalentSideSheet.prototype,"pushed",2);s([c.e({type:Boolean,reflect:!0})],exports.CovalentSideSheet.prototype,"noPadding",2);exports.CovalentSideSheet=s([d.e("cv-side-sheet")],exports.CovalentSideSheet);
|
package/side-sheet.mjs
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
import { i as m, r as l, e as p } from "./query-assigned-elements.mjs";
|
2
2
|
import { e as c } from "./property.mjs";
|
3
|
-
import {
|
3
|
+
import { s as h, C as g } from "./dialog2.mjs";
|
4
4
|
import "./tslib.es6.mjs";
|
5
5
|
import "./inert.esm.mjs";
|
6
6
|
import "./base-element.mjs";
|
@@ -15,13 +15,13 @@ var _ = Object.defineProperty, u = Object.getOwnPropertyDescriptor, n = (d, i, r
|
|
15
15
|
(s = d[a]) && (e = (o ? s(i, r, e) : s(e)) || e);
|
16
16
|
return o && e && _(i, r, e), e;
|
17
17
|
};
|
18
|
-
let t = class extends
|
18
|
+
let t = class extends g {
|
19
19
|
constructor() {
|
20
20
|
super(), this.pushed = !1, this.noPadding = !1, this.hideActions = !0;
|
21
21
|
}
|
22
22
|
};
|
23
23
|
t.styles = [
|
24
|
-
|
24
|
+
h,
|
25
25
|
m`
|
26
26
|
${l(f)}
|
27
27
|
`
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import { SliderRangeBase } from '@material/mwc-slider/slider-range-base';
|
2
|
+
declare global {
|
3
|
+
interface HTMLElementTagNameMap {
|
4
|
+
'cv-slider-range': CovalentSliderRange;
|
5
|
+
}
|
6
|
+
}
|
7
|
+
export declare class CovalentSliderRange extends SliderRangeBase {
|
8
|
+
static styles: import("lit").CSSResult[];
|
9
|
+
}
|
10
|
+
export default CovalentSliderRange;
|
11
|
+
//# sourceMappingURL=slider-range.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"slider-range.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/slider/slider-range.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AAIzE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,mBAAmB,CAAC;KACxC;CACF;AAED,qBACa,mBAAoB,SAAQ,eAAe;IACtD,OAAgB,MAAM,4BAAY;CACnC;AAED,eAAe,mBAAmB,CAAC"}
|
@@ -1,10 +1,11 @@
|
|
1
1
|
import { SliderSingleBase } from '@material/mwc-slider/slider-single-base';
|
2
2
|
declare global {
|
3
3
|
interface HTMLElementTagNameMap {
|
4
|
-
'cv-slider':
|
4
|
+
'cv-slider': CovalentSlider;
|
5
5
|
}
|
6
6
|
}
|
7
|
-
export declare class
|
7
|
+
export declare class CovalentSlider extends SliderSingleBase {
|
8
8
|
static styles: import("lit").CSSResult[];
|
9
9
|
}
|
10
|
+
export default CovalentSlider;
|
10
11
|
//# sourceMappingURL=slider.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/slider/slider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAI3E,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,cAAc,CAAC;KAC7B;CACF;AAED,qBACa,cAAe,SAAQ,gBAAgB;IAClD,OAAgB,MAAM,4BAAY;CACnC;AAED,eAAe,cAAc,CAAC"}
|
package/slider-range.js
ADDED
@@ -0,0 +1,64 @@
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./tslib.es6.mjs"),T=require("./ripple-handlers.mjs"),v=require("./utils.mjs"),i=require("./mwc-slider.css.mjs"),l=require("./query-assigned-elements.mjs"),S=require("./property.mjs"),o=require("./state.mjs"),h=require("./query.mjs"),b=require("./class-map.mjs"),n=require("./if-defined.mjs"),p=require("./style-map.mjs");require("./base-element.mjs");require("./aria-property.mjs");require("./form-element.mjs");/**
|
2
|
+
* @license
|
3
|
+
* Copyright 2021 Google LLC
|
4
|
+
* SPDX-License-Identifier: Apache-2.0
|
5
|
+
*/class s extends i.SliderBase{constructor(){super(...arguments),this.valueStart=0,this.startThumbWithIndicator=!1,this.startThumbTop=!1,this.shouldRenderStartRipple=!1,this.startThumbTransformStyle="",this.startThumbTransitionStyle="",this.startThumbCssProperties={},this.startRippleHandlers=new T.RippleHandlers(()=>(this.shouldRenderStartRipple=!0,this.startRipple))}update(t){if(t.has("valueStart")&&this.mdcFoundation){this.mdcFoundation.setValueStart(this.valueStart);const e=this.mdcFoundation.getValueStart();e!==this.valueStart&&(this.valueStart=e)}super.update(t)}renderRootEl(t){const e=b.o({"mdc-slider--disabled":this.disabled,"mdc-slider--discrete":this.discrete});return l.y`
|
6
|
+
<div
|
7
|
+
class="mdc-slider mdc-slider--range ${e}"
|
8
|
+
@pointerdown=${this.onPointerdown}
|
9
|
+
@pointerup=${this.onPointerup}
|
10
|
+
@contextmenu=${this.onContextmenu}>
|
11
|
+
${t}
|
12
|
+
</div>`}renderStartInput(){var t;return l.y`
|
13
|
+
<input
|
14
|
+
class="mdc-slider__input start"
|
15
|
+
type="range"
|
16
|
+
step=${this.step}
|
17
|
+
min=${this.min}
|
18
|
+
max=${this.valueEnd}
|
19
|
+
.value=${this.valueStart}
|
20
|
+
@change=${this.onStartChange}
|
21
|
+
@focus=${this.onStartFocus}
|
22
|
+
@blur=${this.onStartBlur}
|
23
|
+
?disabled=${this.disabled}
|
24
|
+
aria-label=${n.l(this.ariaLabel)}
|
25
|
+
aria-labelledby=${n.l(this.ariaLabelledBy)}
|
26
|
+
aria-describedby=${n.l(this.ariaDescribedBy)}
|
27
|
+
aria-valuetext=${n.l((t=this.valueToAriaTextTransform)===null||t===void 0?void 0:t.call(this,this.valueStart))}>
|
28
|
+
`}renderEndInput(){var t;return l.y`
|
29
|
+
<input
|
30
|
+
class="mdc-slider__input end"
|
31
|
+
type="range"
|
32
|
+
step=${this.step}
|
33
|
+
min=${this.valueStart}
|
34
|
+
max=${this.max}
|
35
|
+
.value=${this.valueEnd}
|
36
|
+
@change=${this.onEndChange.bind(this)}
|
37
|
+
@focus=${this.onEndFocus}
|
38
|
+
@blur=${this.onEndBlur}
|
39
|
+
?disabled=${this.disabled}
|
40
|
+
name=${this.name}
|
41
|
+
aria-label=${n.l(this.ariaLabel)}
|
42
|
+
aria-labelledby=${n.l(this.ariaLabelledBy)}
|
43
|
+
aria-describedby=${n.l(this.ariaDescribedBy)}
|
44
|
+
aria-valuetext=${n.l((t=this.valueToAriaTextTransform)===null||t===void 0?void 0:t.call(this,this.valueEnd))}>
|
45
|
+
`}renderTrack(){const t=p.i({"transform-origin":this.trackTransformOriginStyle,left:this.trackLeftStyle?this.trackLeftStyle:getComputedStyle(this).direction==="rtl"?"":`calc(${(this.valueStart-this.min)/(this.max-this.min)*100}%)`,right:this.trackRightStyle?this.trackRightStyle:getComputedStyle(this).direction!=="rtl"?"":`calc(${(this.valueStart-this.min)/(this.max-this.min)*100}%)`,"-webkit-transform":`scaleX(${(this.valueEnd-this.valueStart)/(this.max-this.min)})`,transform:`scaleX(${(this.valueEnd-this.valueStart)/(this.max-this.min)})`,"-webkit-transition":this.trackTransitionStyle,transition:this.trackTransitionStyle});return l.y`
|
46
|
+
<div class="mdc-slider__track">
|
47
|
+
<div class="mdc-slider__track--inactive"></div>
|
48
|
+
<div class="mdc-slider__track--active">
|
49
|
+
<div
|
50
|
+
class="mdc-slider__track--active_fill"
|
51
|
+
style=${t}>
|
52
|
+
</div>
|
53
|
+
</div>
|
54
|
+
</div>`}renderStartThumb(){const t=b.o({"mdc-slider__thumb--with-indicator":this.startThumbWithIndicator,"mdc-slider__thumb--top":this.startThumbTop}),e=p.i(Object.assign({"-webkit-transform":this.startThumbTransformStyle,transform:this.startThumbTransformStyle,"-webkit-transition":this.startThumbTransitionStyle,transition:this.startThumbTransitionStyle,left:this.startThumbTransformStyle||getComputedStyle(this).direction==="rtl"?"":`calc(${(this.valueStart-this.min)/(this.max-this.min)*100}% - 24px)`,right:this.startThumbTransformStyle||getComputedStyle(this).direction!=="rtl"?"":`calc(${(this.valueStart-this.min)/(this.max-this.min)*100}% - 24px)`},this.startThumbCssProperties)),r=this.shouldRenderStartRipple?l.y`<mwc-ripple class="ripple" unbounded></mwc-ripple>`:l.b;return l.y`
|
55
|
+
<div
|
56
|
+
class="mdc-slider__thumb start ${t}"
|
57
|
+
style=${e}
|
58
|
+
@mouseenter=${this.onStartMouseenter}
|
59
|
+
@mouseleave=${this.onStartMouseleave}>
|
60
|
+
${r}
|
61
|
+
${this.renderValueIndicator(this.valueToValueIndicatorTransform(this.valueStart))}
|
62
|
+
<div class="mdc-slider__thumb-knob"></div>
|
63
|
+
</div>
|
64
|
+
`}createAdapter(){return{addClass:t=>{switch(t){case"mdc-slider--disabled":this.disabled=!0;break}},removeClass:t=>{switch(t){case"mdc-slider--disabled":this.disabled=!1;break}},hasClass:t=>{switch(t){case"mdc-slider--disabled":return this.disabled;case"mdc-slider--range":return!0;case"mdc-slider--discrete":return this.discrete;default:return!1}},addThumbClass:(t,e)=>{if(e===i.Thumb.START)switch(t){case"mdc-slider__thumb--with-indicator":this.startThumbWithIndicator=!0;break;case"mdc-slider__thumb--top":this.startThumbTop=!0;break}else switch(t){case"mdc-slider__thumb--with-indicator":this.endThumbWithIndicator=!0;break;case"mdc-slider__thumb--top":this.endThumbTop=!0;break}},removeThumbClass:(t,e)=>{if(e===i.Thumb.START)switch(t){case"mdc-slider__thumb--with-indicator":this.startThumbWithIndicator=!1;break;case"mdc-slider__thumb--top":this.startThumbTop=!1;break}else switch(t){case"mdc-slider__thumb--with-indicator":this.endThumbWithIndicator=!1;break;case"mdc-slider__thumb--top":this.endThumbTop=!1;break}},registerEventHandler:()=>{},deregisterEventHandler:()=>{},registerBodyEventHandler:(t,e)=>{document.body.addEventListener(t,e)},deregisterBodyEventHandler:(t,e)=>{document.body.removeEventListener(t,e)},registerInputEventHandler:(t,e,r)=>{t===i.Thumb.START?this.startInput.addEventListener(e,r):this.formElement.addEventListener(e,r)},deregisterInputEventHandler:(t,e,r)=>{t===i.Thumb.START?this.startInput.removeEventListener(e,r):this.formElement.removeEventListener(e,r)},registerThumbEventHandler:()=>{},deregisterThumbEventHandler:()=>{},registerWindowEventHandler:(t,e)=>{window.addEventListener(t,e)},deregisterWindowEventHandler:(t,e)=>{window.removeEventListener(t,e)},emitChangeEvent:(t,e)=>{const r=new CustomEvent("change",{bubbles:!0,composed:!0,detail:{value:t,thumb:e}});this.dispatchEvent(r)},emitDragEndEvent:(t,e)=>{e===i.Thumb.START?this.startRippleHandlers.endPress():this.endRippleHandlers.endPress()},emitDragStartEvent:(t,e)=>{e===i.Thumb.START?this.startRippleHandlers.startPress():this.endRippleHandlers.startPress()},emitInputEvent:(t,e)=>{const r=new CustomEvent("input",{bubbles:!0,composed:!0,detail:{value:t,thumb:e}});this.dispatchEvent(r)},focusInput:t=>{t===i.Thumb.START?this.startInput.focus():this.formElement.focus()},getAttribute:()=>"",getBoundingClientRect:()=>this.mdcRoot.getBoundingClientRect(),getInputAttribute:(t,e)=>{if(e===i.Thumb.START)switch(t){case"min":return this.min.toString();case"max":return this.valueEnd.toString();case"value":return this.valueStart.toString();case"step":return this.step.toString();default:return null}switch(t){case"min":return this.valueStart.toString();case"max":return this.max.toString();case"value":return this.valueEnd.toString();case"step":return this.step.toString();default:return null}},getInputValue:t=>t===i.Thumb.START?this.valueStart.toString():this.valueEnd.toString(),getThumbBoundingClientRect:t=>t===i.Thumb.START?this.startThumb.getBoundingClientRect():this.endThumb.getBoundingClientRect(),getThumbKnobWidth:t=>t===i.Thumb.START?this.startThumbKnob.getBoundingClientRect().width:this.endThumbKnob.getBoundingClientRect().width,getValueIndicatorContainerWidth:t=>t===i.Thumb.START?this.startValueIndicatorContainer.getBoundingClientRect().width:this.endValueIndicatorContainer.getBoundingClientRect().width,getValueToAriaValueTextFn:()=>this.valueToAriaTextTransform,isInputFocused:t=>{const e=v.deepActiveElementPath(),r=e[e.length-1];return t===i.Thumb.START?r===this.startInput:r===this.formElement},isRTL:()=>getComputedStyle(this).direction==="rtl",setInputAttribute:(t,e,r)=>{i.Thumb.START},removeInputAttribute:t=>{},setThumbStyleProperty:(t,e,r)=>{if(r===i.Thumb.START)switch(t){case"transform":case"-webkit-transform":this.startThumbTransformStyle=e;break;case"transition":case"-webkit-transition":this.startThumbTransitionStyle=e;break;default:t.startsWith("--")&&(this.startThumbCssProperties[t]=e)}else switch(t){case"transform":case"-webkit-transform":this.endThumbTransformStyle=e;break;case"transition":case"-webkit-transition":this.endThumbTransitionStyle=e;break;default:t.startsWith("--")&&(this.endThumbCssProperties[t]=e)}},removeThumbStyleProperty:(t,e)=>{if(e===i.Thumb.START)switch(t){case"left":case"right":break;case"transition":case"-webkit-transition":this.startThumbTransitionStyle="";break}else switch(t){case"left":case"right":break;case"transition":case"-webkit-transition":this.endThumbTransitionStyle="";break}},setTrackActiveStyleProperty:(t,e)=>{switch(t){case"transform-origin":this.trackTransformOriginStyle=e;break;case"left":this.trackLeftStyle=e;break;case"right":this.trackRightStyle=e;break;case"transform":case"-webkit-transform":break;case"transition":case"-webkit-transition":this.trackTransitionStyle=e;break}},removeTrackActiveStyleProperty:t=>{switch(t){case"transition":case"-webkit-transition":this.trackTransitionStyle="";break}},setInputValue:(t,e)=>{e===i.Thumb.START?this.valueStart=Number(t):this.valueEnd=Number(t)},setPointerCapture:t=>{this.mdcRoot.setPointerCapture(t)},setValueIndicatorText:()=>{},updateTickMarks:t=>{this.tickMarks=t}}}onStartChange(t){var e;this.valueStart=Number(t.target.value),(e=this.mdcFoundation)===null||e===void 0||e.handleInputChange(i.Thumb.START)}onStartFocus(){var t;(t=this.mdcFoundation)===null||t===void 0||t.handleInputFocus(i.Thumb.START),this.startRippleHandlers.startFocus()}onStartBlur(){var t;(t=this.mdcFoundation)===null||t===void 0||t.handleInputBlur(i.Thumb.START),this.startRippleHandlers.endFocus()}onStartMouseenter(){var t;(t=this.mdcFoundation)===null||t===void 0||t.handleThumbMouseenter(),this.startRippleHandlers.startHover()}onStartMouseleave(){var t;(t=this.mdcFoundation)===null||t===void 0||t.handleThumbMouseleave(),this.startRippleHandlers.endHover()}setFormData(t){this.name&&(t.append(`${this.name}-start`,`${this.valueStart}`),t.append(`${this.name}-end`,`${this.valueEnd}`))}}a.__decorate([h.i("input.start")],s.prototype,"startInput",void 0);a.__decorate([h.i(".start.mdc-slider__thumb")],s.prototype,"startThumb",void 0);a.__decorate([h.i(".start.mdc-slider__thumb .mdc-slider__thumb-knob")],s.prototype,"startThumbKnob",void 0);a.__decorate([h.i(".start.mdc-slider__thumb .mdc-slider__value-indicator-container")],s.prototype,"startValueIndicatorContainer",void 0);a.__decorate([T.e(".start .ripple")],s.prototype,"startRipple",void 0);a.__decorate([S.e({type:Number})],s.prototype,"valueStart",void 0);a.__decorate([o.t()],s.prototype,"startThumbWithIndicator",void 0);a.__decorate([o.t()],s.prototype,"startThumbTop",void 0);a.__decorate([o.t()],s.prototype,"shouldRenderStartRipple",void 0);a.__decorate([o.t()],s.prototype,"startThumbTransformStyle",void 0);a.__decorate([o.t()],s.prototype,"startThumbTransitionStyle",void 0);a.__decorate([o.t()],s.prototype,"startThumbCssProperties",void 0);var g=Object.defineProperty,_=Object.getOwnPropertyDescriptor,f=(u,t,e,r)=>{for(var d=r>1?void 0:r?_(t,e):t,c=u.length-1,m;c>=0;c--)(m=u[c])&&(d=(r?m(t,e,d):m(d))||d);return r&&d&&g(t,e,d),d};exports.CovalentSliderRange=class extends s{};exports.CovalentSliderRange.styles=[i.styles];exports.CovalentSliderRange=f([l.e("cv-slider-range")],exports.CovalentSliderRange);const y=exports.CovalentSliderRange;exports.default=y;
|
package/slider-range.mjs
CHANGED
@@ -1,14 +1,14 @@
|
|
1
|
-
import {
|
2
|
-
import {
|
3
|
-
import {
|
1
|
+
import { _ as a } from "./tslib.es6.mjs";
|
2
|
+
import { e as T, R as S } from "./ripple-handlers.mjs";
|
3
|
+
import { d as f } from "./utils.mjs";
|
4
4
|
import { S as g, T as r, s as y } from "./mwc-slider.css.mjs";
|
5
5
|
import { y as d, b as _, e as R } from "./query-assigned-elements.mjs";
|
6
6
|
import { e as k } from "./property.mjs";
|
7
7
|
import { t as l } from "./state.mjs";
|
8
|
-
import { i as
|
8
|
+
import { i as u } from "./query.mjs";
|
9
9
|
import { o as b } from "./class-map.mjs";
|
10
10
|
import { l as n } from "./if-defined.mjs";
|
11
|
-
import { i as
|
11
|
+
import { i as v } from "./style-map.mjs";
|
12
12
|
import "./base-element.mjs";
|
13
13
|
import "./aria-property.mjs";
|
14
14
|
import "./form-element.mjs";
|
@@ -19,7 +19,7 @@ import "./form-element.mjs";
|
|
19
19
|
*/
|
20
20
|
class s extends g {
|
21
21
|
constructor() {
|
22
|
-
super(...arguments), this.valueStart = 0, this.startThumbWithIndicator = !1, this.startThumbTop = !1, this.shouldRenderStartRipple = !1, this.startThumbTransformStyle = "", this.startThumbTransitionStyle = "", this.startThumbCssProperties = {}, this.startRippleHandlers = new
|
22
|
+
super(...arguments), this.valueStart = 0, this.startThumbWithIndicator = !1, this.startThumbTop = !1, this.shouldRenderStartRipple = !1, this.startThumbTransformStyle = "", this.startThumbTransitionStyle = "", this.startThumbCssProperties = {}, this.startRippleHandlers = new S(() => (this.shouldRenderStartRipple = !0, this.startRipple));
|
23
23
|
}
|
24
24
|
update(t) {
|
25
25
|
if (t.has("valueStart") && this.mdcFoundation) {
|
@@ -85,7 +85,7 @@ class s extends g {
|
|
85
85
|
`;
|
86
86
|
}
|
87
87
|
renderTrack() {
|
88
|
-
const t =
|
88
|
+
const t = v({
|
89
89
|
"transform-origin": this.trackTransformOriginStyle,
|
90
90
|
left: this.trackLeftStyle ? this.trackLeftStyle : getComputedStyle(this).direction === "rtl" ? "" : `calc(${(this.valueStart - this.min) / (this.max - this.min) * 100}%)`,
|
91
91
|
right: this.trackRightStyle ? this.trackRightStyle : getComputedStyle(this).direction !== "rtl" ? "" : `calc(${(this.valueStart - this.min) / (this.max - this.min) * 100}%)`,
|
@@ -109,7 +109,7 @@ class s extends g {
|
|
109
109
|
const t = b({
|
110
110
|
"mdc-slider__thumb--with-indicator": this.startThumbWithIndicator,
|
111
111
|
"mdc-slider__thumb--top": this.startThumbTop
|
112
|
-
}), e =
|
112
|
+
}), e = v(Object.assign({ "-webkit-transform": this.startThumbTransformStyle, transform: this.startThumbTransformStyle, "-webkit-transition": this.startThumbTransitionStyle, transition: this.startThumbTransitionStyle, left: this.startThumbTransformStyle || getComputedStyle(this).direction === "rtl" ? "" : `calc(${(this.valueStart - this.min) / (this.max - this.min) * 100}% - 24px)`, right: this.startThumbTransformStyle || getComputedStyle(this).direction !== "rtl" ? "" : `calc(${(this.valueStart - this.min) / (this.max - this.min) * 100}% - 24px)` }, this.startThumbCssProperties)), i = this.shouldRenderStartRipple ? d`<mwc-ripple class="ripple" unbounded></mwc-ripple>` : _;
|
113
113
|
return d`
|
114
114
|
<div
|
115
115
|
class="mdc-slider__thumb start ${t}"
|
@@ -393,19 +393,19 @@ class s extends g {
|
|
393
393
|
}
|
394
394
|
}
|
395
395
|
a([
|
396
|
-
|
396
|
+
u("input.start")
|
397
397
|
], s.prototype, "startInput", void 0);
|
398
398
|
a([
|
399
|
-
|
399
|
+
u(".start.mdc-slider__thumb")
|
400
400
|
], s.prototype, "startThumb", void 0);
|
401
401
|
a([
|
402
|
-
|
402
|
+
u(".start.mdc-slider__thumb .mdc-slider__thumb-knob")
|
403
403
|
], s.prototype, "startThumbKnob", void 0);
|
404
404
|
a([
|
405
|
-
|
405
|
+
u(".start.mdc-slider__thumb .mdc-slider__value-indicator-container")
|
406
406
|
], s.prototype, "startValueIndicatorContainer", void 0);
|
407
407
|
a([
|
408
|
-
|
408
|
+
T(".start .ripple")
|
409
409
|
], s.prototype, "startRipple", void 0);
|
410
410
|
a([
|
411
411
|
k({ type: Number })
|
@@ -428,17 +428,19 @@ a([
|
|
428
428
|
a([
|
429
429
|
l()
|
430
430
|
], s.prototype, "startThumbCssProperties", void 0);
|
431
|
-
var w = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, E = (
|
432
|
-
for (var o = i > 1 ? void 0 : i ? $(t, e) : t,
|
433
|
-
(
|
431
|
+
var w = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, E = (c, t, e, i) => {
|
432
|
+
for (var o = i > 1 ? void 0 : i ? $(t, e) : t, m = c.length - 1, p; m >= 0; m--)
|
433
|
+
(p = c[m]) && (o = (i ? p(t, e, o) : p(o)) || o);
|
434
434
|
return i && o && w(t, e, o), o;
|
435
435
|
};
|
436
|
-
let
|
436
|
+
let h = class extends s {
|
437
437
|
};
|
438
|
-
|
439
|
-
|
438
|
+
h.styles = [y];
|
439
|
+
h = E([
|
440
440
|
R("cv-slider-range")
|
441
|
-
],
|
441
|
+
], h);
|
442
|
+
const K = h;
|
442
443
|
export {
|
443
|
-
|
444
|
+
h as CovalentSliderRange,
|
445
|
+
K as default
|
444
446
|
};
|
package/slider.js
ADDED
@@ -0,0 +1,14 @@
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./tslib.es6.mjs");require("./ripple-handlers.mjs");const o=require("./utils.mjs"),r=require("./mwc-slider.css.mjs"),d=require("./query-assigned-elements.mjs"),h=require("./property.mjs"),m=require("./style-map.mjs");require("./base-element.mjs");require("./state.mjs");require("./query.mjs");require("./class-map.mjs");require("./aria-property.mjs");require("./form-element.mjs");require("./if-defined.mjs");/**
|
2
|
+
* @license
|
3
|
+
* Copyright 2018 Google LLC
|
4
|
+
* SPDX-License-Identifier: Apache-2.0
|
5
|
+
*/class l extends r.SliderBase{get value(){return this.valueEnd}set value(e){this.valueEnd=e}renderTrack(){const e=m.i({"transform-origin":this.trackTransformOriginStyle,left:this.trackLeftStyle,right:this.trackRightStyle,"-webkit-transform":`scaleX(${(this.valueEnd-this.min)/(this.max-this.min)})`,transform:`scaleX(${(this.valueEnd-this.min)/(this.max-this.min)})`,"-webkit-transition":this.trackTransitionStyle,transition:this.trackTransitionStyle});return d.y`
|
6
|
+
<div class="mdc-slider__track">
|
7
|
+
<div class="mdc-slider__track--inactive"></div>
|
8
|
+
<div class="mdc-slider__track--active">
|
9
|
+
<div
|
10
|
+
class="mdc-slider__track--active_fill"
|
11
|
+
style=${e}>
|
12
|
+
</div>
|
13
|
+
</div>
|
14
|
+
</div>`}createAdapter(){return{addClass:e=>{switch(e){case"mdc-slider--disabled":this.disabled=!0;break}},removeClass:e=>{switch(e){case"mdc-slider--disabled":this.disabled=!1;break}},hasClass:e=>{switch(e){case"mdc-slider--disabled":return this.disabled;case"mdc-slider--discrete":return this.discrete;default:return!1}},addThumbClass:(e,t)=>{if(t!==r.Thumb.START)switch(e){case"mdc-slider__thumb--with-indicator":this.endThumbWithIndicator=!0;break}},removeThumbClass:(e,t)=>{if(t!==r.Thumb.START)switch(e){case"mdc-slider__thumb--with-indicator":this.endThumbWithIndicator=!1;break}},registerEventHandler:()=>{},deregisterEventHandler:()=>{},registerBodyEventHandler:(e,t)=>{document.body.addEventListener(e,t)},deregisterBodyEventHandler:(e,t)=>{document.body.removeEventListener(e,t)},registerInputEventHandler:(e,t,i)=>{e!==r.Thumb.START&&this.formElement.addEventListener(t,i)},deregisterInputEventHandler:(e,t,i)=>{e!==r.Thumb.START&&this.formElement.removeEventListener(t,i)},registerThumbEventHandler:()=>{},deregisterThumbEventHandler:()=>{},registerWindowEventHandler:(e,t)=>{window.addEventListener(e,t)},deregisterWindowEventHandler:(e,t)=>{window.addEventListener(e,t)},emitChangeEvent:(e,t)=>{if(t===r.Thumb.START)return;const i=new CustomEvent("change",{bubbles:!0,composed:!0,detail:{value:e,thumb:t}});this.dispatchEvent(i)},emitDragEndEvent:(e,t)=>{t!==r.Thumb.START&&this.endRippleHandlers.endPress()},emitDragStartEvent:(e,t)=>{t!==r.Thumb.START&&this.endRippleHandlers.startPress()},emitInputEvent:(e,t)=>{if(t===r.Thumb.START)return;const i=new CustomEvent("input",{bubbles:!0,composed:!0,detail:{value:e,thumb:t}});this.dispatchEvent(i)},focusInput:e=>{e!==r.Thumb.START&&this.formElement.focus()},getAttribute:()=>"",getBoundingClientRect:()=>this.mdcRoot.getBoundingClientRect(),getInputAttribute:(e,t)=>{if(t===r.Thumb.START)return null;switch(e){case"min":return this.min.toString();case"max":return this.max.toString();case"value":return this.valueEnd.toString();case"step":return this.step.toString();default:return null}},getInputValue:e=>e===r.Thumb.START?"":this.valueEnd.toString(),getThumbBoundingClientRect:e=>e===r.Thumb.START?this.getBoundingClientRect():this.endThumb.getBoundingClientRect(),getThumbKnobWidth:e=>e===r.Thumb.START?0:this.endThumbKnob.getBoundingClientRect().width,getValueIndicatorContainerWidth:e=>e===r.Thumb.START?0:this.endValueIndicatorContainer.getBoundingClientRect().width,getValueToAriaValueTextFn:()=>this.valueToAriaTextTransform,isInputFocused:e=>{if(e===r.Thumb.START)return!1;const t=o.deepActiveElementPath();return t[t.length-1]===this.formElement},isRTL:()=>getComputedStyle(this).direction==="rtl",setInputAttribute:(e,t,i)=>{r.Thumb.START},removeInputAttribute:e=>{},setThumbStyleProperty:(e,t,i)=>{if(i!==r.Thumb.START)switch(e){case"transform":case"-webkit-transform":this.endThumbTransformStyle=t;break;case"transition":case"-webkit-transition":this.endThumbTransitionStyle=t;break;default:e.startsWith("--")&&(this.endThumbCssProperties[e]=t)}},removeThumbStyleProperty:(e,t)=>{if(t!==r.Thumb.START)switch(e){case"left":case"right":break;case"transition":case"-webkit-transition":this.endThumbTransitionStyle="";break}},setTrackActiveStyleProperty:(e,t)=>{switch(e){case"transform-origin":this.trackTransformOriginStyle=t;break;case"left":this.trackLeftStyle=t;break;case"right":this.trackRightStyle=t;break;case"transform":case"-webkit-transform":break;case"transition":case"-webkit-transition":this.trackTransitionStyle=t;break}},removeTrackActiveStyleProperty:e=>{switch(e){case"transition":case"-webkit-transition":this.trackTransitionStyle="";break}},setInputValue:(e,t)=>{t!==r.Thumb.START&&(this.valueEnd=Number(e))},setPointerCapture:e=>{this.mdcRoot.setPointerCapture(e)},setValueIndicatorText:()=>{},updateTickMarks:e=>{this.tickMarks=e}}}}c.__decorate([h.e({type:Number})],l.prototype,"value",null);var T=Object.defineProperty,b=Object.getOwnPropertyDescriptor,v=(s,e,t,i)=>{for(var n=i>1?void 0:i?b(e,t):e,a=s.length-1,u;a>=0;a--)(u=s[a])&&(n=(i?u(e,t,n):u(n))||n);return i&&n&&T(e,t,n),n};exports.CovalentSlider=class extends l{};exports.CovalentSlider.styles=[r.styles];exports.CovalentSlider=v([d.e("cv-slider")],exports.CovalentSlider);const f=exports.CovalentSlider;exports.default=f;
|
package/slider.mjs
CHANGED
@@ -1,9 +1,9 @@
|
|
1
|
-
import {
|
1
|
+
import { _ as u } from "./tslib.es6.mjs";
|
2
2
|
import "./ripple-handlers.mjs";
|
3
|
-
import {
|
3
|
+
import { d as c } from "./utils.mjs";
|
4
4
|
import { S as h, T as r, s as m } from "./mwc-slider.css.mjs";
|
5
|
-
import { y as T, e as
|
6
|
-
import { e as
|
5
|
+
import { y as T, e as v } from "./query-assigned-elements.mjs";
|
6
|
+
import { e as b } from "./property.mjs";
|
7
7
|
import { i as f } from "./style-map.mjs";
|
8
8
|
import "./base-element.mjs";
|
9
9
|
import "./state.mjs";
|
@@ -239,19 +239,21 @@ class o extends h {
|
|
239
239
|
}
|
240
240
|
}
|
241
241
|
u([
|
242
|
-
|
242
|
+
b({ type: Number })
|
243
243
|
], o.prototype, "value", null);
|
244
|
-
var p = Object.defineProperty, g = Object.getOwnPropertyDescriptor, S = (
|
245
|
-
for (var s = i > 1 ? void 0 : i ? g(t, e) : t,
|
246
|
-
(
|
244
|
+
var p = Object.defineProperty, g = Object.getOwnPropertyDescriptor, S = (a, t, e, i) => {
|
245
|
+
for (var s = i > 1 ? void 0 : i ? g(t, e) : t, d = a.length - 1, l; d >= 0; d--)
|
246
|
+
(l = a[d]) && (s = (i ? l(t, e, s) : l(s)) || s);
|
247
247
|
return i && s && p(t, e, s), s;
|
248
248
|
};
|
249
|
-
let
|
249
|
+
let n = class extends o {
|
250
250
|
};
|
251
|
-
|
252
|
-
|
253
|
-
|
254
|
-
],
|
251
|
+
n.styles = [m];
|
252
|
+
n = S([
|
253
|
+
v("cv-slider")
|
254
|
+
], n);
|
255
|
+
const V = n;
|
255
256
|
export {
|
256
|
-
|
257
|
+
n as CovalentSlider,
|
258
|
+
V as default
|
257
259
|
};
|
@@ -1,10 +1,11 @@
|
|
1
1
|
import { SnackbarBase } from '@material/mwc-snackbar/mwc-snackbar-base';
|
2
2
|
declare global {
|
3
3
|
interface HTMLElementTagNameMap {
|
4
|
-
'cv-snackbar':
|
4
|
+
'cv-snackbar': CovalentSnackbar;
|
5
5
|
}
|
6
6
|
}
|
7
|
-
export declare class
|
7
|
+
export declare class CovalentSnackbar extends SnackbarBase {
|
8
8
|
static styles: import("lit").CSSResult[];
|
9
9
|
}
|
10
|
+
export default CovalentSnackbar;
|
10
11
|
//# sourceMappingURL=snackbar.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"snackbar.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/snackbar/snackbar.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AAIxE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,gBAAgB,CAAC;KACjC;CACF;AAED,qBACa,gBAAiB,SAAQ,YAAY;IAChD,OAAgB,MAAM,4BAA2C;CAClE;AAED,eAAe,gBAAgB,CAAC"}
|
package/snackbar.js
ADDED
@@ -0,0 +1,93 @@
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("./query-assigned-elements.mjs"),r=require("./tslib.es6.mjs"),O=require("./base-element.mjs"),g=require("./observer.mjs"),p=require("./property.mjs"),C=require("./query.mjs"),_=require("./class-map.mjs"),I=require("./directive-helpers.mjs"),N=require("./utils.mjs");/**
|
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
|
+
*/var M=function(){function a(e){e===void 0&&(e={}),this.adapter=e}return Object.defineProperty(a,"cssClasses",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(a,"strings",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(a,"numbers",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(a,"defaultAdapter",{get:function(){return{}},enumerable:!1,configurable:!0}),a.prototype.init=function(){},a.prototype.destroy=function(){},a}();/**
|
23
|
+
* @license
|
24
|
+
* Copyright 2018 Google Inc.
|
25
|
+
*
|
26
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
27
|
+
* of this software and associated documentation files (the "Software"), to deal
|
28
|
+
* in the Software without restriction, including without limitation the rights
|
29
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
30
|
+
* copies of the Software, and to permit persons to whom the Software is
|
31
|
+
* furnished to do so, subject to the following conditions:
|
32
|
+
*
|
33
|
+
* The above copyright notice and this permission notice shall be included in
|
34
|
+
* all copies or substantial portions of the Software.
|
35
|
+
*
|
36
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
37
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
38
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
39
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
40
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
41
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
42
|
+
* THE SOFTWARE.
|
43
|
+
*/var d={CLOSING:"mdc-snackbar--closing",OPEN:"mdc-snackbar--open",OPENING:"mdc-snackbar--opening"},k={ACTION_SELECTOR:".mdc-snackbar__action",ARIA_LIVE_LABEL_TEXT_ATTR:"data-mdc-snackbar-label-text",CLOSED_EVENT:"MDCSnackbar:closed",CLOSING_EVENT:"MDCSnackbar:closing",DISMISS_SELECTOR:".mdc-snackbar__dismiss",LABEL_SELECTOR:".mdc-snackbar__label",OPENED_EVENT:"MDCSnackbar:opened",OPENING_EVENT:"MDCSnackbar:opening",REASON_ACTION:"action",REASON_DISMISS:"dismiss",SURFACE_SELECTOR:".mdc-snackbar__surface"},c={DEFAULT_AUTO_DISMISS_TIMEOUT_MS:5e3,INDETERMINATE:-1,MAX_AUTO_DISMISS_TIMEOUT_MS:1e4,MIN_AUTO_DISMISS_TIMEOUT_MS:4e3,SNACKBAR_ANIMATION_CLOSE_TIME_MS:75,SNACKBAR_ANIMATION_OPEN_TIME_MS:150,ARIA_LIVE_DELAY_MS:1e3};/**
|
44
|
+
* @license
|
45
|
+
* Copyright 2018 Google Inc.
|
46
|
+
*
|
47
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
48
|
+
* of this software and associated documentation files (the "Software"), to deal
|
49
|
+
* in the Software without restriction, including without limitation the rights
|
50
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
51
|
+
* copies of the Software, and to permit persons to whom the Software is
|
52
|
+
* furnished to do so, subject to the following conditions:
|
53
|
+
*
|
54
|
+
* The above copyright notice and this permission notice shall be included in
|
55
|
+
* all copies or substantial portions of the Software.
|
56
|
+
*
|
57
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
58
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
59
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
60
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
61
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
62
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
63
|
+
* THE SOFTWARE.
|
64
|
+
*/var x=d.OPENING,E=d.OPEN,A=d.CLOSING,D=k.REASON_ACTION,h=k.REASON_DISMISS,w=function(a){r.__extends(e,a);function e(t){var i=a.call(this,r.__assign(r.__assign({},e.defaultAdapter),t))||this;return i.opened=!1,i.animationFrame=0,i.animationTimer=0,i.autoDismissTimer=0,i.autoDismissTimeoutMs=c.DEFAULT_AUTO_DISMISS_TIMEOUT_MS,i.closeOnEscape=!0,i}return Object.defineProperty(e,"cssClasses",{get:function(){return d},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return k},enumerable:!1,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return c},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},announce:function(){},notifyClosed:function(){},notifyClosing:function(){},notifyOpened:function(){},notifyOpening:function(){},removeClass:function(){}}},enumerable:!1,configurable:!0}),e.prototype.destroy=function(){this.clearAutoDismissTimer(),cancelAnimationFrame(this.animationFrame),this.animationFrame=0,clearTimeout(this.animationTimer),this.animationTimer=0,this.adapter.removeClass(x),this.adapter.removeClass(E),this.adapter.removeClass(A)},e.prototype.open=function(){var t=this;this.clearAutoDismissTimer(),this.opened=!0,this.adapter.notifyOpening(),this.adapter.removeClass(A),this.adapter.addClass(x),this.adapter.announce(),this.runNextAnimationFrame(function(){t.adapter.addClass(E),t.animationTimer=setTimeout(function(){var i=t.getTimeoutMs();t.handleAnimationTimerEnd(),t.adapter.notifyOpened(),i!==c.INDETERMINATE&&(t.autoDismissTimer=setTimeout(function(){t.close(h)},i))},c.SNACKBAR_ANIMATION_OPEN_TIME_MS)})},e.prototype.close=function(t){var i=this;t===void 0&&(t=""),this.opened&&(cancelAnimationFrame(this.animationFrame),this.animationFrame=0,this.clearAutoDismissTimer(),this.opened=!1,this.adapter.notifyClosing(t),this.adapter.addClass(d.CLOSING),this.adapter.removeClass(d.OPEN),this.adapter.removeClass(d.OPENING),clearTimeout(this.animationTimer),this.animationTimer=setTimeout(function(){i.handleAnimationTimerEnd(),i.adapter.notifyClosed(t)},c.SNACKBAR_ANIMATION_CLOSE_TIME_MS))},e.prototype.isOpen=function(){return this.opened},e.prototype.getTimeoutMs=function(){return this.autoDismissTimeoutMs},e.prototype.setTimeoutMs=function(t){var i=c.MIN_AUTO_DISMISS_TIMEOUT_MS,n=c.MAX_AUTO_DISMISS_TIMEOUT_MS,s=c.INDETERMINATE;if(t===c.INDETERMINATE||t<=n&&t>=i)this.autoDismissTimeoutMs=t;else throw new Error(`
|
65
|
+
timeoutMs must be an integer in the range `+i+"–"+n+`
|
66
|
+
(or `+s+" to disable), but got '"+t+"'")},e.prototype.getCloseOnEscape=function(){return this.closeOnEscape},e.prototype.setCloseOnEscape=function(t){this.closeOnEscape=t},e.prototype.handleKeyDown=function(t){var i=t.key==="Escape"||t.keyCode===27;i&&this.getCloseOnEscape()&&this.close(h)},e.prototype.handleActionButtonClick=function(t){this.close(D)},e.prototype.handleActionIconClick=function(t){this.close(h)},e.prototype.clearAutoDismissTimer=function(){clearTimeout(this.autoDismissTimer),this.autoDismissTimer=0},e.prototype.handleAnimationTimerEnd=function(){this.animationTimer=0,this.adapter.removeClass(d.OPENING),this.adapter.removeClass(d.CLOSING)},e.prototype.runNextAnimationFrame=function(t){var i=this;cancelAnimationFrame(this.animationFrame),this.animationFrame=requestAnimationFrame(function(){i.animationFrame=0,clearTimeout(i.animationTimer),i.animationTimer=setTimeout(t,0)})},e}(M);const y=w;/**
|
67
|
+
* @license
|
68
|
+
* Copyright 2017 Google LLC
|
69
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
70
|
+
*/const u=(a,e)=>{var t,i;const n=a._$AN;if(n===void 0)return!1;for(const s of n)(i=(t=s)._$AO)===null||i===void 0||i.call(t,e,!1),u(s,e);return!0},f=a=>{let e,t;do{if((e=a._$AM)===void 0)break;t=e._$AN,t.delete(a),a=e}while((t==null?void 0:t.size)===0)},T=a=>{for(let e;e=a._$AM;a=e){let t=e._$AN;if(t===void 0)e._$AN=t=new Set;else if(t.has(a))break;t.add(a),L(e)}};function $(a){this._$AN!==void 0?(f(this),this._$AM=a,T(this)):this._$AM=a}function F(a,e=!1,t=0){const i=this._$AH,n=this._$AN;if(n!==void 0&&n.size!==0)if(e)if(Array.isArray(i))for(let s=t;s<i.length;s++)u(i[s],!1),f(i[s]);else i!=null&&(u(i,!1),f(i));else u(this,a)}const L=a=>{var e,t,i,n;a.type==_.t.CHILD&&((e=(i=a)._$AP)!==null&&e!==void 0||(i._$AP=F),(t=(n=a)._$AQ)!==null&&t!==void 0||(n._$AQ=$))};class P extends _.i{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,t,i){super._$AT(e,t,i),T(this),this.isConnected=e._$AU}_$AO(e,t=!0){var i,n;e!==this.isConnected&&(this.isConnected=e,e?(i=this.reconnected)===null||i===void 0||i.call(this):(n=this.disconnected)===null||n===void 0||n.call(this)),t&&(u(this,e),f(this))}setValue(e){if(I.e(this._$Ct))this._$Ct._$AI(e,this);else{const t=[...this._$Ct._$AH];t[this._$Ci]=e,this._$Ct._$AI(t,this,0)}}disconnected(){}reconnected(){}}/**
|
71
|
+
* @license
|
72
|
+
* Copyright 2019 Google LLC
|
73
|
+
* SPDX-License-Identifier: Apache-2.0
|
74
|
+
*/const{ARIA_LIVE_DELAY_MS:R}=y.numbers;class z extends P{constructor(e){if(super(e),this.labelEl=null,this.timerId=null,this.previousPart=null,e.type!==_.t.CHILD)throw new Error("AccessibleSnackbarLabel only supports child parts.")}update(e,[t,i]){var n;if(!i)return;if(this.labelEl===null){const v=document.createElement("div"),S=l.y`<div class="mdc-snackbar__label" role="status" aria-live="polite"></div>`;l.Z(S,v);const b=v.firstElementChild;return b.textContent=t,(n=e.endNode)===null||n===void 0||n.parentNode.insertBefore(b,e.endNode),this.labelEl=b,b}const s=this.labelEl;s.setAttribute("aria-live","off"),s.textContent="";const o=document.createElement("span");return o.style.display="inline-block",o.style.width="0",o.style.height="1px",o.textContent=" ",s.appendChild(o),s.setAttribute("data-mdc-snackbar-label-text",t),this.timerId!==null&&clearTimeout(this.timerId),this.timerId=window.setTimeout(()=>{this.timerId=null,s.setAttribute("aria-live","polite"),s.removeAttribute("data-mdc-snackbar-label-text"),s.textContent=t,this.setValue(this.labelEl)},R),s}render(e,t){return t?l.y`
|
75
|
+
<div class="mdc-snackbar__label" role="status" aria-live="polite">${e}</div>`:l.y``}}const U=_.e(z);/**
|
76
|
+
* @license
|
77
|
+
* Copyright 2018 Google LLC
|
78
|
+
* SPDX-License-Identifier: Apache-2.0
|
79
|
+
*/const{OPENING_EVENT:j,OPENED_EVENT:V,CLOSING_EVENT:B,CLOSED_EVENT:G}=y.strings;class m extends O.BaseElement{constructor(){super(...arguments),this.mdcFoundationClass=y,this.open=!1,this.timeoutMs=5e3,this.closeOnEscape=!1,this.labelText="",this.stacked=!1,this.leading=!1,this.reason=""}render(){const e={"mdc-snackbar--stacked":this.stacked,"mdc-snackbar--leading":this.leading};return l.y`
|
80
|
+
<div class="mdc-snackbar ${_.o(e)}" @keydown="${this._handleKeydown}">
|
81
|
+
<div class="mdc-snackbar__surface">
|
82
|
+
${U(this.labelText,this.open)}
|
83
|
+
<div class="mdc-snackbar__actions">
|
84
|
+
<slot name="action" @click="${this._handleActionClick}"></slot>
|
85
|
+
<slot name="dismiss" @click="${this._handleDismissClick}"></slot>
|
86
|
+
</div>
|
87
|
+
</div>
|
88
|
+
</div>`}createAdapter(){return Object.assign(Object.assign({},N.addHasRemoveClass(this.mdcRoot)),{announce:()=>{},notifyClosed:e=>{this.dispatchEvent(new CustomEvent(G,{bubbles:!0,cancelable:!0,detail:{reason:e}}))},notifyClosing:e=>{this.open=!1,this.dispatchEvent(new CustomEvent(B,{bubbles:!0,cancelable:!0,detail:{reason:e}}))},notifyOpened:()=>{this.dispatchEvent(new CustomEvent(V,{bubbles:!0,cancelable:!0}))},notifyOpening:()=>{this.open=!0,this.dispatchEvent(new CustomEvent(j,{bubbles:!0,cancelable:!0}))}})}show(){this.open=!0}close(e=""){this.reason=e,this.open=!1}firstUpdated(){super.firstUpdated(),this.open&&this.mdcFoundation.open()}_handleKeydown(e){this.mdcFoundation.handleKeyDown(e)}_handleActionClick(e){this.mdcFoundation.handleActionButtonClick(e)}_handleDismissClick(e){this.mdcFoundation.handleActionIconClick(e)}}r.__decorate([C.i(".mdc-snackbar")],m.prototype,"mdcRoot",void 0);r.__decorate([C.i(".mdc-snackbar__label")],m.prototype,"labelElement",void 0);r.__decorate([p.e({type:Boolean,reflect:!0}),g.observer(function(a){this.mdcFoundation&&(a?this.mdcFoundation.open():(this.mdcFoundation.close(this.reason),this.reason=""))})],m.prototype,"open",void 0);r.__decorate([g.observer(function(a){this.mdcFoundation.setTimeoutMs(a)}),p.e({type:Number})],m.prototype,"timeoutMs",void 0);r.__decorate([g.observer(function(a){this.mdcFoundation.setCloseOnEscape(a)}),p.e({type:Boolean})],m.prototype,"closeOnEscape",void 0);r.__decorate([p.e({type:String})],m.prototype,"labelText",void 0);r.__decorate([p.e({type:Boolean})],m.prototype,"stacked",void 0);r.__decorate([p.e({type:Boolean})],m.prototype,"leading",void 0);/**
|
89
|
+
* @license
|
90
|
+
* Copyright 2021 Google LLC
|
91
|
+
* SPDX-LIcense-Identifier: Apache-2.0
|
92
|
+
*/const q=l.i`.mdc-snackbar{z-index:8;margin:8px;display:none;position:fixed;right:0;bottom:0;left:0;align-items:center;justify-content:center;box-sizing:border-box;pointer-events:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mdc-snackbar__surface{background-color:#333333}.mdc-snackbar__label{color:rgba(255, 255, 255, 0.87)}.mdc-snackbar__surface{min-width:344px}@media(max-width: 480px),(max-width: 344px){.mdc-snackbar__surface{min-width:100%}}.mdc-snackbar__surface{max-width:672px}.mdc-snackbar__surface{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0,0,0,.12)}.mdc-snackbar__surface{border-radius:4px;border-radius:var(--mdc-shape-small, 4px)}.mdc-snackbar--opening,.mdc-snackbar--open,.mdc-snackbar--closing{display:flex}.mdc-snackbar--open .mdc-snackbar__label,.mdc-snackbar--open .mdc-snackbar__actions{visibility:visible}.mdc-snackbar--leading{justify-content:flex-start}.mdc-snackbar--stacked .mdc-snackbar__label{padding-left:16px;padding-right:8px;padding-bottom:12px}[dir=rtl] .mdc-snackbar--stacked .mdc-snackbar__label,.mdc-snackbar--stacked .mdc-snackbar__label[dir=rtl]{padding-left:8px;padding-right:16px}.mdc-snackbar--stacked .mdc-snackbar__surface{flex-direction:column;align-items:flex-start}.mdc-snackbar--stacked .mdc-snackbar__actions{align-self:flex-end;margin-bottom:8px}.mdc-snackbar__surface{padding-left:0;padding-right:8px;display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;transform:scale(0.8);opacity:0}.mdc-snackbar__surface::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:"";pointer-events:none}@media screen and (forced-colors: active){.mdc-snackbar__surface::before{border-color:CanvasText}}[dir=rtl] .mdc-snackbar__surface,.mdc-snackbar__surface[dir=rtl]{padding-left:8px;padding-right:0}.mdc-snackbar--open .mdc-snackbar__surface{transform:scale(1);opacity:1;pointer-events:auto;transition:opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-snackbar--closing .mdc-snackbar__surface{transform:scale(1);transition:opacity 75ms 0ms cubic-bezier(0.4, 0, 1, 1)}.mdc-snackbar__label{-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);padding-left:16px;padding-right:8px;width:100%;flex-grow:1;box-sizing:border-box;margin:0;visibility:hidden;padding-top:14px;padding-bottom:14px}[dir=rtl] .mdc-snackbar__label,.mdc-snackbar__label[dir=rtl]{padding-left:8px;padding-right:16px}.mdc-snackbar__label::before{display:inline;content:attr(data-mdc-snackbar-label-text)}.mdc-snackbar__actions{display:flex;flex-shrink:0;align-items:center;box-sizing:border-box;visibility:hidden}.mdc-snackbar__action:not(:disabled){color:#bb86fc}.mdc-snackbar__action .mdc-button__ripple::before,.mdc-snackbar__action .mdc-button__ripple::after{background-color:#bb86fc;background-color:var(--mdc-ripple-color, #bb86fc)}.mdc-snackbar__action:hover .mdc-button__ripple::before,.mdc-snackbar__action.mdc-ripple-surface--hover .mdc-button__ripple::before{opacity:0.08;opacity:var(--mdc-ripple-hover-opacity, 0.08)}.mdc-snackbar__action.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.mdc-snackbar__action:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}.mdc-snackbar__action:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{transition:opacity 150ms linear}.mdc-snackbar__action:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-snackbar__action.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-snackbar__dismiss{color:rgba(255, 255, 255, 0.87)}.mdc-snackbar__dismiss .mdc-icon-button__ripple::before,.mdc-snackbar__dismiss .mdc-icon-button__ripple::after{background-color:rgba(255, 255, 255, 0.87);background-color:var(--mdc-ripple-color, rgba(255, 255, 255, 0.87))}.mdc-snackbar__dismiss:hover .mdc-icon-button__ripple::before,.mdc-snackbar__dismiss.mdc-ripple-surface--hover .mdc-icon-button__ripple::before{opacity:0.08;opacity:var(--mdc-ripple-hover-opacity, 0.08)}.mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused .mdc-icon-button__ripple::before,.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus .mdc-icon-button__ripple::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded) .mdc-icon-button__ripple::after{transition:opacity 150ms linear}.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):active .mdc-icon-button__ripple::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-snackbar__dismiss.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-snackbar__dismiss.mdc-snackbar__dismiss{width:36px;height:36px;padding:6px;font-size:18px}.mdc-snackbar__dismiss.mdc-snackbar__dismiss .mdc-icon-button__focus-ring{display:none}.mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-snackbar__dismiss.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{display:block;max-height:36px;max-width:36px}@media screen and (forced-colors: active){.mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-snackbar__dismiss.mdc-snackbar__dismiss: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-snackbar__dismiss.mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-snackbar__dismiss.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{border-color:CanvasText}}@media screen and (forced-colors: active){.mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring::after,.mdc-snackbar__dismiss.mdc-snackbar__dismiss: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-snackbar__dismiss.mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring::after,.mdc-snackbar__dismiss.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring::after{border-color:CanvasText}}.mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-icon-button--reduced-size .mdc-icon-button__ripple{width:36px;height:36px;margin-top:0px;margin-bottom:0px;margin-right:0px;margin-left:0px}.mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-icon-button--reduced-size.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-icon-button--reduced-size:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{max-height:36px;max-width:36px}.mdc-snackbar__dismiss.mdc-snackbar__dismiss .mdc-icon-button__touch{position:absolute;top:50%;height:36px;left:50%;width:36px;transform:translate(-50%, -50%)}.mdc-snackbar__action+.mdc-snackbar__dismiss{margin-left:8px;margin-right:0}[dir=rtl] .mdc-snackbar__action+.mdc-snackbar__dismiss,.mdc-snackbar__action+.mdc-snackbar__dismiss[dir=rtl]{margin-left:0;margin-right:8px}slot[name=action]::slotted(mwc-button){--mdc-theme-primary: var( --mdc-snackbar-action-color, #bb86fc )}slot[name=dismiss]::slotted(mwc-icon-button){--mdc-icon-size: 18px;--mdc-icon-button-size: 36px;color:rgba(255, 255, 255, 0.87);margin-left:8px;margin-right:0}[dir=rtl] slot[name=dismiss]::slotted(mwc-icon-button),::slotted(mwc-icon-buttonslot[name=dismiss][dir=rtl]){margin-left:0;margin-right:8px}`,K=`:host{--mdc-snackbar-action-color: var(--mdc-theme-text-primary-on-dark)}:host ::slotted(cv-icon-button){color:var(--mdc-theme-text-icon-on-dark)}
|
93
|
+
`;var H=Object.defineProperty,X=Object.getOwnPropertyDescriptor,Q=(a,e,t,i)=>{for(var n=i>1?void 0:i?X(e,t):e,s=a.length-1,o;s>=0;s--)(o=a[s])&&(n=(i?o(e,t,n):o(n))||n);return i&&n&&H(e,t,n),n};exports.CovalentSnackbar=class extends m{};exports.CovalentSnackbar.styles=[q,l.i`${l.r(K)}`];exports.CovalentSnackbar=Q([l.e("cv-snackbar")],exports.CovalentSnackbar);const Y=exports.CovalentSnackbar;exports.default=Y;
|
package/snackbar.mjs
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
import { Z as M, y as b, i as C, r as D, e as w } from "./query-assigned-elements.mjs";
|
2
|
-
import {
|
2
|
+
import { a as $, b as x, _ as m } from "./tslib.es6.mjs";
|
3
3
|
import { B as F } from "./base-element.mjs";
|
4
4
|
import { o as g } from "./observer.mjs";
|
5
5
|
import { e as l } from "./property.mjs";
|
@@ -139,7 +139,7 @@ var c = {
|
|
139
139
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
140
140
|
* THE SOFTWARE.
|
141
141
|
*/
|
142
|
-
var E = c.OPENING, A = c.OPEN, T = c.CLOSING, V = k.REASON_ACTION,
|
142
|
+
var E = c.OPENING, A = c.OPEN, T = c.CLOSING, V = k.REASON_ACTION, h = k.REASON_DISMISS, j = (
|
143
143
|
/** @class */
|
144
144
|
function(a) {
|
145
145
|
$(e, a);
|
@@ -194,7 +194,7 @@ var E = c.OPENING, A = c.OPEN, T = c.CLOSING, V = k.REASON_ACTION, f = k.REASON_
|
|
194
194
|
t.adapter.addClass(A), t.animationTimer = setTimeout(function() {
|
195
195
|
var i = t.getTimeoutMs();
|
196
196
|
t.handleAnimationTimerEnd(), t.adapter.notifyOpened(), i !== o.INDETERMINATE && (t.autoDismissTimer = setTimeout(function() {
|
197
|
-
t.close(
|
197
|
+
t.close(h);
|
198
198
|
}, i));
|
199
199
|
}, o.SNACKBAR_ANIMATION_OPEN_TIME_MS);
|
200
200
|
});
|
@@ -221,11 +221,11 @@ var E = c.OPENING, A = c.OPEN, T = c.CLOSING, V = k.REASON_ACTION, f = k.REASON_
|
|
221
221
|
this.closeOnEscape = t;
|
222
222
|
}, e.prototype.handleKeyDown = function(t) {
|
223
223
|
var i = t.key === "Escape" || t.keyCode === 27;
|
224
|
-
i && this.getCloseOnEscape() && this.close(
|
224
|
+
i && this.getCloseOnEscape() && this.close(h);
|
225
225
|
}, e.prototype.handleActionButtonClick = function(t) {
|
226
226
|
this.close(V);
|
227
227
|
}, e.prototype.handleActionIconClick = function(t) {
|
228
|
-
this.close(
|
228
|
+
this.close(h);
|
229
229
|
}, e.prototype.clearAutoDismissTimer = function() {
|
230
230
|
clearTimeout(this.autoDismissTimer), this.autoDismissTimer = 0;
|
231
231
|
}, e.prototype.handleAnimationTimerEnd = function() {
|
@@ -450,12 +450,14 @@ var ae = Object.defineProperty, ne = Object.getOwnPropertyDescriptor, se = (a, e
|
|
450
450
|
(r = a[s]) && (n = (i ? r(e, t, n) : r(n)) || n);
|
451
451
|
return i && n && ae(e, t, n), n;
|
452
452
|
};
|
453
|
-
let
|
453
|
+
let f = class extends d {
|
454
454
|
};
|
455
|
-
|
456
|
-
|
455
|
+
f.styles = [te, C`${D(ie)}`];
|
456
|
+
f = se([
|
457
457
|
w("cv-snackbar")
|
458
|
-
],
|
458
|
+
], f);
|
459
|
+
const _e = f;
|
459
460
|
export {
|
460
|
-
|
461
|
+
f as CovalentSnackbar,
|
462
|
+
_e as default
|
461
463
|
};
|
package/state.mjs
CHANGED
@@ -1,12 +1,5 @@
|
|
1
|
-
|
2
|
-
/**
|
1
|
+
"use strict";const e=require("./property.mjs");/**
|
3
2
|
* @license
|
4
3
|
* Copyright 2017 Google LLC
|
5
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
6
|
-
*/
|
7
|
-
function o(t) {
|
8
|
-
return r({ ...t, state: !0 });
|
9
|
-
}
|
10
|
-
export {
|
11
|
-
o as t
|
12
|
-
};
|
5
|
+
*/function r(t){return e.e({...t,state:!0})}exports.t=r;
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"status-header-base.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/status-header/status-header-base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAIvC,qBAAa,gBAAiB,SAAQ,UAAU;IAClC,KAAK,EAAE,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAC9D;IACgB,UAAU,SAAM;IAChB,YAAY,SAAM;IAClB,SAAS,SAAM;cAExB,MAAM;CA8B1B"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"status-header-item.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/status-header/status-header-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,MAAM,KAAK,CAAC;AAIvD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,wBAAwB,CAAC;KACnD;CACF;AAED;;;;GAIG;AACH,qBACa,wBAAyB,SAAQ,UAAU;IACtD,OAAgB,MAAM,4BAIpB;IAGF,KAAK,EAAG,MAAM,CAAC;IAEf,MAAM;CAGP;AAED,eAAe,wBAAwB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"status-header.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/status-header/status-header.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAGxD;;;;GAIG;AACH,qBACa,oBAAqB,SAAQ,gBAAgB;IACxD,OAAgB,MAAM,4BAIpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,oBAAoB,CAAC;KAC1C;CACF;AAED,eAAe,oBAAoB,CAAC"}
|
@@ -0,0 +1,4 @@
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./query-assigned-elements.mjs"),i=require("./property.mjs"),p=`:host{--cv-status-header-item-width: 178px;display:flex;padding:14px 16px;align-items:center;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)}span{display:inline-block;width:var(--cv-status-header-item-width);color:var(--mdc-theme-text-secondary-on-background)}
|
2
|
+
`;var u=Object.defineProperty,v=Object.getOwnPropertyDescriptor,d=(s,a,o,r)=>{for(var e=r>1?void 0:r?v(a,o):a,n=s.length-1,l;n>=0;n--)(l=s[n])&&(e=(r?l(a,o,e):l(e))||e);return r&&e&&u(a,o,e),e};exports.CovalentStatusHeaderItem=class extends t.s{render(){return t.y`<span>${this.label}</span> <slot></slot>`}};exports.CovalentStatusHeaderItem.styles=[t.i`
|
3
|
+
${t.r(p)}
|
4
|
+
`];d([i.e()],exports.CovalentStatusHeaderItem.prototype,"label",2);exports.CovalentStatusHeaderItem=d([t.e("cv-status-header-item")],exports.CovalentStatusHeaderItem);const y=exports.CovalentStatusHeaderItem;exports.default=y;
|