@covalent/components 6.2.0 → 6.2.1
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.js +6 -6
- package/action-ribbon.mjs +30 -35
- package/alert.js +6 -6
- package/alert.mjs +14 -19
- package/app-shell/app-shell.d.ts +2 -0
- package/app-shell/app-shell.d.ts.map +1 -1
- package/app-shell.js +8 -8
- package/app-shell.mjs +44 -42
- package/button.js +9 -9
- package/button.mjs +16 -25
- package/card.js +8 -8
- package/card.mjs +15 -17
- package/check-list-item.js +9 -9
- package/check-list-item.mjs +17 -26
- package/checkbox.js +2 -2
- package/checkbox.mjs +20 -29
- package/circular-progress.js +29 -29
- package/circular-progress.mjs +10 -14
- package/code-snippet.js +9 -9
- package/code-snippet.mjs +7 -10
- package/dialog.js +1 -1
- package/dialog.mjs +162 -14
- package/{dialog-85c21333.mjs → dialog2.mjs} +50 -56
- package/directive-helpers.mjs +5 -0
- package/drawer.js +3 -3
- package/drawer.mjs +9 -15
- package/empty-state.js +5 -5
- package/empty-state.mjs +4 -6
- package/{form-element-d4e7bcdb.js → form-element.mjs} +2 -2
- package/{foundation-3f55a9dc.js → foundation.mjs} +3 -3
- package/icon-button.js +8 -8
- package/icon-button.mjs +16 -25
- package/icon-check-toggle.js +9 -9
- package/icon-check-toggle.mjs +11 -20
- package/icon-radio/icon-radio-toggle.d.ts +2 -3
- package/icon-radio/icon-radio-toggle.d.ts.map +1 -1
- package/icon-radio-toggle.js +8 -14
- package/icon-radio-toggle.mjs +37 -64
- package/icon.js +2 -2
- package/icon.mjs +8 -9
- package/if-defined.mjs +5 -0
- package/index.js +1 -1
- package/index.mjs +114 -124
- package/linear-progress.js +12 -12
- package/linear-progress.mjs +17 -23
- package/list/list-expansion.d.ts +3 -2
- package/list/list-expansion.d.ts.map +1 -1
- package/list/list-item.d.ts.map +1 -1
- package/list/list.d.ts +5 -0
- package/list/list.d.ts.map +1 -1
- package/list-expansion.js +8 -8
- package/list-expansion.mjs +37 -41
- package/list-item.js +1 -1
- package/list-item.mjs +9 -18
- package/list-item2.mjs +43 -0
- package/list.js +1 -1
- package/list.mjs +5 -20
- package/{list-28b77a61.mjs → list2.mjs} +35 -16
- package/menu.js +2 -2
- package/menu.mjs +20 -29
- package/{mwc-checkbox-base-435c1f1d.js → mwc-checkbox-base.mjs} +6 -6
- package/mwc-checkbox.css.mjs +5 -0
- package/{mwc-drawer-base-f44fcf34.js → mwc-drawer-base.mjs} +11 -11
- package/mwc-icon.mjs +9 -0
- package/{mwc-line-ripple-directive-a97ce725.js → mwc-line-ripple-directive.mjs} +16 -16
- package/mwc-list-base.mjs +111 -0
- package/mwc-list-item-base.mjs +28 -0
- package/mwc-list-item.css.mjs +9 -0
- package/{mwc-menu-base-ac49fe54.js → mwc-menu-base.mjs} +20 -20
- package/{mwc-radio-base-442d495a.js → mwc-radio-base.mjs} +11 -11
- package/mwc-radio.css.mjs +5 -0
- package/mwc-ripple.mjs +175 -0
- package/{mwc-slider.css-48f02f1e.js → mwc-slider.css.mjs} +20 -20
- package/{mwc-tab-base-1a19b299.js → mwc-tab-base.mjs} +22 -22
- package/{mwc-top-app-bar-base-14e0a018.js → mwc-top-app-bar-base.mjs} +10 -10
- package/nav-list-item.js +10 -10
- package/nav-list-item.mjs +28 -36
- package/{observer-a096ab43.js → observer.mjs} +1 -1
- package/package.json +1 -1
- package/radio-list-item.js +10 -10
- package/radio-list-item.mjs +24 -33
- package/radio.js +2 -2
- package/radio.mjs +19 -28
- package/ripple-handlers.mjs +5 -0
- package/select.js +28 -28
- package/select.mjs +21 -31
- package/side-sheet.js +4 -4
- package/side-sheet.mjs +8 -14
- package/slider-range.js +7 -7
- package/slider-range.mjs +64 -72
- package/slider.js +3 -3
- package/slider.mjs +21 -29
- package/snackbar.js +15 -15
- package/snackbar.mjs +21 -27
- package/status-header-item.js +4 -4
- package/status-header-item.mjs +13 -14
- package/status-header.js +6 -6
- package/status-header.mjs +7 -9
- package/style.css +1 -1
- package/switch.js +18 -18
- package/switch.mjs +22 -31
- package/tab-bar.js +21 -21
- package/tab-bar.mjs +14 -23
- package/tab.js +3 -3
- package/tab.mjs +6 -15
- package/text-lockup.js +5 -5
- package/text-lockup.mjs +6 -8
- package/textarea.js +14 -14
- package/textarea.mjs +20 -28
- package/textfield.js +3 -3
- package/textfield.mjs +132 -41
- package/{textfield-276b0ded.mjs → textfield2.mjs} +21 -28
- package/toolbar.js +3 -3
- package/toolbar.mjs +4 -10
- package/tooltip.js +12 -12
- package/tooltip.mjs +9 -13
- package/top-app-bar-fixed.js +5 -5
- package/top-app-bar-fixed.mjs +23 -29
- package/top-app-bar.js +3 -3
- package/top-app-bar.mjs +6 -30
- package/{top-app-bar-a236c3bc.mjs → top-app-bar2.mjs} +1 -1
- package/tree-list-item.js +8 -8
- package/tree-list-item.mjs +3 -5
- package/tree-list.js +3 -3
- package/tree-list.mjs +4 -4
- package/typography.js +4 -4
- package/typography.mjs +11 -12
- package/aria-property-fa2717fe.mjs +0 -41
- package/base-element-c3dc926e.mjs +0 -28
- package/base-element-d5abe37a.js +0 -5
- package/class-map-08c84aeb.mjs +0 -62
- package/class-map-50b8edb4.js +0 -9
- package/dialog-8ee07177.js +0 -162
- package/directive-helpers-725a181d.mjs +0 -11
- package/directive-helpers-fce8cf91.js +0 -5
- package/event-options-3937d997.mjs +0 -14
- package/event-options-7bc382d8.js +0 -5
- package/form-element-6dbd7afa.mjs +0 -50
- package/foundation-2334d146.mjs +0 -60
- package/foundation-c580100a.mjs +0 -152
- package/if-defined-639ed018.mjs +0 -10
- package/if-defined-cb12d481.js +0 -5
- package/inert.esm-359d4581.mjs +0 -640
- package/list-170cca53.js +0 -5
- package/list-item-26ddcc43.js +0 -8
- package/list-item-c1e72538.mjs +0 -43
- package/mwc-checkbox-base-10e977f2.mjs +0 -198
- package/mwc-checkbox.css-956e3d6c.js +0 -5
- package/mwc-checkbox.css-b7abc7fd.mjs +0 -10
- package/mwc-drawer-base-b2b772c3.mjs +0 -335
- package/mwc-icon-b96fb867.js +0 -9
- package/mwc-icon-c7013880.mjs +0 -26
- package/mwc-line-ripple-directive-c3e1f04a.mjs +0 -653
- package/mwc-list-base-7d5f7278.js +0 -111
- package/mwc-list-base-c0f8af1c.mjs +0 -840
- package/mwc-list-item-base-803b9771.js +0 -28
- package/mwc-list-item-base-acef0223.mjs +0 -202
- package/mwc-list-item.css-401e2407.js +0 -9
- package/mwc-list-item.css-b5481d96.mjs +0 -17
- package/mwc-menu-base-8970b43d.mjs +0 -1145
- package/mwc-radio-base-c29e6f42.mjs +0 -528
- package/mwc-radio.css-388ad26d.js +0 -5
- package/mwc-radio.css-4694aa9c.mjs +0 -10
- package/mwc-slider.css-336f809b.mjs +0 -956
- package/mwc-tab-base-7fb3d339.mjs +0 -694
- package/mwc-top-app-bar-base-79c87e69.mjs +0 -380
- package/observer-be7b92e2.mjs +0 -32
- package/property-074570d1.js +0 -5
- package/property-ca27685b.mjs +0 -20
- package/query-1e7846ea.mjs +0 -25
- package/query-2ba749b7.js +0 -5
- package/query-assigned-elements-07e38f46.js +0 -33
- package/query-assigned-elements-514e5265.mjs +0 -615
- package/query-assigned-nodes-9ec0fa5f.js +0 -5
- package/query-assigned-nodes-bea12e0c.mjs +0 -17
- package/ripple-handlers-2176f137.js +0 -107
- package/ripple-handlers-227497d3.mjs +0 -761
- package/state-6f7e570d.mjs +0 -12
- package/state-949232e6.js +0 -5
- package/style-map-2cb0fb63.mjs +0 -40
- package/style-map-3056a771.js +0 -5
- package/textfield-507c6a06.js +0 -133
- package/top-app-bar-34e85527.js +0 -6
- package/tslib.es6-6b53b818.js +0 -1
- package/tslib.es6-b5e819a6.mjs +0 -82
- package/utils-a8190a39.js +0 -5
- package/utils-dc65fdc9.mjs +0 -52
- /package/{aria-property-849c8816.js → aria-property.mjs} +0 -0
- /package/{foundation-e830bd94.js → foundation2.mjs} +0 -0
- /package/{inert.esm-2cee6f2e.js → inert.esm.mjs} +0 -0
package/slider.mjs
CHANGED
@@ -1,23 +1,15 @@
|
|
1
|
-
import { _ as
|
2
|
-
import "./
|
3
|
-
import
|
4
|
-
import
|
5
|
-
import
|
6
|
-
import
|
7
|
-
import { i as f } from "./style-map-2cb0fb63.mjs";
|
8
|
-
import "./base-element-c3dc926e.mjs";
|
9
|
-
import "./state-6f7e570d.mjs";
|
10
|
-
import "./query-1e7846ea.mjs";
|
11
|
-
import "./class-map-08c84aeb.mjs";
|
12
|
-
import "./aria-property-fa2717fe.mjs";
|
13
|
-
import "./form-element-6dbd7afa.mjs";
|
14
|
-
import "./if-defined-639ed018.mjs";
|
1
|
+
import { _ as c, e as o, h, y as m, p as T, c as v } from "./mwc-ripple.mjs";
|
2
|
+
import { S as b, T as r, s as f } from "./mwc-slider.css.mjs";
|
3
|
+
import "./aria-property.mjs";
|
4
|
+
import "./form-element.mjs";
|
5
|
+
import "./ripple-handlers.mjs";
|
6
|
+
import "./if-defined.mjs";
|
15
7
|
/**
|
16
8
|
* @license
|
17
9
|
* Copyright 2018 Google LLC
|
18
10
|
* SPDX-License-Identifier: Apache-2.0
|
19
11
|
*/
|
20
|
-
class
|
12
|
+
class u extends b {
|
21
13
|
get value() {
|
22
14
|
return this.valueEnd;
|
23
15
|
}
|
@@ -25,7 +17,7 @@ class o extends h {
|
|
25
17
|
this.valueEnd = t;
|
26
18
|
}
|
27
19
|
renderTrack() {
|
28
|
-
const t =
|
20
|
+
const t = h({
|
29
21
|
"transform-origin": this.trackTransformOriginStyle,
|
30
22
|
left: this.trackLeftStyle,
|
31
23
|
right: this.trackRightStyle,
|
@@ -34,7 +26,7 @@ class o extends h {
|
|
34
26
|
"-webkit-transition": this.trackTransitionStyle,
|
35
27
|
transition: this.trackTransitionStyle
|
36
28
|
});
|
37
|
-
return
|
29
|
+
return m`
|
38
30
|
<div class="mdc-slider__track">
|
39
31
|
<div class="mdc-slider__track--inactive"></div>
|
40
32
|
<div class="mdc-slider__track--active">
|
@@ -160,7 +152,7 @@ class o extends h {
|
|
160
152
|
isInputFocused: (t) => {
|
161
153
|
if (t === r.START)
|
162
154
|
return !1;
|
163
|
-
const e =
|
155
|
+
const e = T();
|
164
156
|
return e[e.length - 1] === this.formElement;
|
165
157
|
},
|
166
158
|
isRTL: () => getComputedStyle(this).direction === "rtl",
|
@@ -238,22 +230,22 @@ class o extends h {
|
|
238
230
|
};
|
239
231
|
}
|
240
232
|
}
|
241
|
-
|
242
|
-
|
243
|
-
],
|
244
|
-
var
|
245
|
-
for (var s = i > 1 ? void 0 : i ?
|
233
|
+
c([
|
234
|
+
o({ type: Number })
|
235
|
+
], u.prototype, "value", null);
|
236
|
+
var g = Object.defineProperty, S = Object.getOwnPropertyDescriptor, p = (a, t, e, i) => {
|
237
|
+
for (var s = i > 1 ? void 0 : i ? S(t, e) : t, d = a.length - 1, l; d >= 0; d--)
|
246
238
|
(l = a[d]) && (s = (i ? l(t, e, s) : l(s)) || s);
|
247
|
-
return i && s &&
|
239
|
+
return i && s && g(t, e, s), s;
|
248
240
|
};
|
249
|
-
let n = class extends
|
241
|
+
let n = class extends u {
|
250
242
|
};
|
251
|
-
n.styles = [
|
252
|
-
n =
|
243
|
+
n.styles = [f];
|
244
|
+
n = p([
|
253
245
|
v("cv-slider")
|
254
246
|
], n);
|
255
|
-
const
|
247
|
+
const _ = n;
|
256
248
|
export {
|
257
249
|
n as CovalentSlider,
|
258
|
-
|
250
|
+
_ as default
|
259
251
|
};
|
package/snackbar.js
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./mwc-ripple.mjs"),b=require("./observer.mjs"),A=require("./directive-helpers.mjs");/**
|
2
2
|
* @license
|
3
3
|
* Copyright 2016 Google Inc.
|
4
4
|
*
|
@@ -19,7 +19,7 @@
|
|
19
19
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
20
20
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
21
21
|
* THE SOFTWARE.
|
22
|
-
*/var
|
22
|
+
*/var C=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
23
|
* @license
|
24
24
|
* Copyright 2018 Google Inc.
|
25
25
|
*
|
@@ -40,7 +40,7 @@
|
|
40
40
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
41
41
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
42
42
|
* THE SOFTWARE.
|
43
|
-
*/var d={CLOSING:"mdc-snackbar--closing",OPEN:"mdc-snackbar--open",OPENING:"mdc-snackbar--opening"},
|
43
|
+
*/var d={CLOSING:"mdc-snackbar--closing",OPEN:"mdc-snackbar--open",OPENING:"mdc-snackbar--opening"},f={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
44
|
* @license
|
45
45
|
* Copyright 2018 Google Inc.
|
46
46
|
*
|
@@ -61,33 +61,33 @@
|
|
61
61
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
62
62
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
63
63
|
* THE SOFTWARE.
|
64
|
-
*/var
|
65
|
-
timeoutMs must be an integer in the range `+i+"–"+
|
66
|
-
(or `+
|
64
|
+
*/var k=d.OPENING,v=d.OPEN,y=d.CLOSING,T=f.REASON_ACTION,_=f.REASON_DISMISS,S=function(a){n.__extends(e,a);function e(t){var i=a.call(this,n.__assign(n.__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 f},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(k),this.adapter.removeClass(v),this.adapter.removeClass(y)},e.prototype.open=function(){var t=this;this.clearAutoDismissTimer(),this.opened=!0,this.adapter.notifyOpening(),this.adapter.removeClass(y),this.adapter.addClass(k),this.adapter.announce(),this.runNextAnimationFrame(function(){t.adapter.addClass(v),t.animationTimer=setTimeout(function(){var i=t.getTimeoutMs();t.handleAnimationTimerEnd(),t.adapter.notifyOpened(),i!==c.INDETERMINATE&&(t.autoDismissTimer=setTimeout(function(){t.close(_)},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,s=c.MAX_AUTO_DISMISS_TIMEOUT_MS,r=c.INDETERMINATE;if(t===c.INDETERMINATE||t<=s&&t>=i)this.autoDismissTimeoutMs=t;else throw new Error(`
|
65
|
+
timeoutMs must be an integer in the range `+i+"–"+s+`
|
66
|
+
(or `+r+" 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(_)},e.prototype.handleActionButtonClick=function(t){this.close(T)},e.prototype.handleActionIconClick=function(t){this.close(_)},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}(C);const h=S;/**
|
67
67
|
* @license
|
68
68
|
* Copyright 2017 Google LLC
|
69
69
|
* SPDX-License-Identifier: BSD-3-Clause
|
70
|
-
*/const
|
70
|
+
*/const m=(a,e)=>{var t,i;const s=a._$AN;if(s===void 0)return!1;for(const r of s)(i=(t=r)._$AO)===null||i===void 0||i.call(t,e,!1),m(r,e);return!0},u=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)},x=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),N(e)}};function O(a){this._$AN!==void 0?(u(this),this._$AM=a,x(this)):this._$AM=a}function I(a,e=!1,t=0){const i=this._$AH,s=this._$AN;if(s!==void 0&&s.size!==0)if(e)if(Array.isArray(i))for(let r=t;r<i.length;r++)m(i[r],!1),u(i[r]);else i!=null&&(m(i,!1),u(i));else m(this,a)}const N=a=>{var e,t,i,s;a.type==n.t$1.CHILD&&((e=(i=a)._$AP)!==null&&e!==void 0||(i._$AP=I),(t=(s=a)._$AQ)!==null&&t!==void 0||(s._$AQ=O))};class M extends n.i$3{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,t,i){super._$AT(e,t,i),x(this),this.isConnected=e._$AU}_$AO(e,t=!0){var i,s;e!==this.isConnected&&(this.isConnected=e,e?(i=this.reconnected)===null||i===void 0||i.call(this):(s=this.disconnected)===null||s===void 0||s.call(this)),t&&(m(this,e),u(this))}setValue(e){if(A.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
71
|
* @license
|
72
72
|
* Copyright 2019 Google LLC
|
73
73
|
* SPDX-License-Identifier: Apache-2.0
|
74
|
-
*/const{ARIA_LIVE_DELAY_MS:
|
75
|
-
<div class="mdc-snackbar__label" role="status" aria-live="polite">${e}</div>`:
|
74
|
+
*/const{ARIA_LIVE_DELAY_MS:D}=h.numbers;class w extends M{constructor(e){if(super(e),this.labelEl=null,this.timerId=null,this.previousPart=null,e.type!==n.t$1.CHILD)throw new Error("AccessibleSnackbarLabel only supports child parts.")}update(e,[t,i]){var s;if(!i)return;if(this.labelEl===null){const g=document.createElement("div"),E=n.y`<div class="mdc-snackbar__label" role="status" aria-live="polite"></div>`;n.Z(E,g);const p=g.firstElementChild;return p.textContent=t,(s=e.endNode)===null||s===void 0||s.parentNode.insertBefore(p,e.endNode),this.labelEl=p,p}const r=this.labelEl;r.setAttribute("aria-live","off"),r.textContent="";const o=document.createElement("span");return o.style.display="inline-block",o.style.width="0",o.style.height="1px",o.textContent=" ",r.appendChild(o),r.setAttribute("data-mdc-snackbar-label-text",t),this.timerId!==null&&clearTimeout(this.timerId),this.timerId=window.setTimeout(()=>{this.timerId=null,r.setAttribute("aria-live","polite"),r.removeAttribute("data-mdc-snackbar-label-text"),r.textContent=t,this.setValue(this.labelEl)},D),r}render(e,t){return t?n.y`
|
75
|
+
<div class="mdc-snackbar__label" role="status" aria-live="polite">${e}</div>`:n.y``}}const $=n.e$4(w);/**
|
76
76
|
* @license
|
77
77
|
* Copyright 2018 Google LLC
|
78
78
|
* SPDX-License-Identifier: Apache-2.0
|
79
|
-
*/const{OPENING_EVENT:
|
80
|
-
<div class="mdc-snackbar ${
|
79
|
+
*/const{OPENING_EVENT:F,OPENED_EVENT:L,CLOSING_EVENT:P,CLOSED_EVENT:R}=h.strings;class l extends n.BaseElement{constructor(){super(...arguments),this.mdcFoundationClass=h,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 n.y`
|
80
|
+
<div class="mdc-snackbar ${n.o(e)}" @keydown="${this._handleKeydown}">
|
81
81
|
<div class="mdc-snackbar__surface">
|
82
|
-
${
|
82
|
+
${$(this.labelText,this.open)}
|
83
83
|
<div class="mdc-snackbar__actions">
|
84
84
|
<slot name="action" @click="${this._handleActionClick}"></slot>
|
85
85
|
<slot name="dismiss" @click="${this._handleDismissClick}"></slot>
|
86
86
|
</div>
|
87
87
|
</div>
|
88
|
-
</div>`}createAdapter(){return Object.assign(Object.assign({},
|
88
|
+
</div>`}createAdapter(){return Object.assign(Object.assign({},n.addHasRemoveClass(this.mdcRoot)),{announce:()=>{},notifyClosed:e=>{this.dispatchEvent(new CustomEvent(R,{bubbles:!0,cancelable:!0,detail:{reason:e}}))},notifyClosing:e=>{this.open=!1,this.dispatchEvent(new CustomEvent(P,{bubbles:!0,cancelable:!0,detail:{reason:e}}))},notifyOpened:()=>{this.dispatchEvent(new CustomEvent(L,{bubbles:!0,cancelable:!0}))},notifyOpening:()=>{this.open=!0,this.dispatchEvent(new CustomEvent(F,{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)}}n.__decorate([n.i(".mdc-snackbar")],l.prototype,"mdcRoot",void 0);n.__decorate([n.i(".mdc-snackbar__label")],l.prototype,"labelElement",void 0);n.__decorate([n.e({type:Boolean,reflect:!0}),b.observer(function(a){this.mdcFoundation&&(a?this.mdcFoundation.open():(this.mdcFoundation.close(this.reason),this.reason=""))})],l.prototype,"open",void 0);n.__decorate([b.observer(function(a){this.mdcFoundation.setTimeoutMs(a)}),n.e({type:Number})],l.prototype,"timeoutMs",void 0);n.__decorate([b.observer(function(a){this.mdcFoundation.setCloseOnEscape(a)}),n.e({type:Boolean})],l.prototype,"closeOnEscape",void 0);n.__decorate([n.e({type:String})],l.prototype,"labelText",void 0);n.__decorate([n.e({type:Boolean})],l.prototype,"stacked",void 0);n.__decorate([n.e({type:Boolean})],l.prototype,"leading",void 0);/**
|
89
89
|
* @license
|
90
90
|
* Copyright 2021 Google LLC
|
91
91
|
* SPDX-LIcense-Identifier: Apache-2.0
|
92
|
-
*/const
|
93
|
-
`;var
|
92
|
+
*/const z=n.i$1`.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}`,U=`: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 j=Object.defineProperty,V=Object.getOwnPropertyDescriptor,B=(a,e,t,i)=>{for(var s=i>1?void 0:i?V(e,t):e,r=a.length-1,o;r>=0;r--)(o=a[r])&&(s=(i?o(e,t,s):o(s))||s);return i&&s&&j(e,t,s),s};exports.CovalentSnackbar=class extends l{};exports.CovalentSnackbar.styles=[z,n.i$1`${n.r(U)}`];exports.CovalentSnackbar=B([n.e$1("cv-snackbar")],exports.CovalentSnackbar);const G=exports.CovalentSnackbar;exports.default=G;
|
package/snackbar.mjs
CHANGED
@@ -1,12 +1,6 @@
|
|
1
|
-
import {
|
2
|
-
import {
|
3
|
-
import {
|
4
|
-
import { o as g } from "./observer-be7b92e2.mjs";
|
5
|
-
import { e as l } from "./property-ca27685b.mjs";
|
6
|
-
import { i as O } from "./query-1e7846ea.mjs";
|
7
|
-
import { i as L, t as S, e as P, o as R } from "./class-map-08c84aeb.mjs";
|
8
|
-
import { e as z } from "./directive-helpers-725a181d.mjs";
|
9
|
-
import { a as U } from "./utils-dc65fdc9.mjs";
|
1
|
+
import { k as M, m as x, q as D, u as C, v as w, Z as $, y as b, _ as m, i as O, e as l, B as F, o as L, a as P, b as S, r as R, c as z } from "./mwc-ripple.mjs";
|
2
|
+
import { o as g } from "./observer.mjs";
|
3
|
+
import { e as U } from "./directive-helpers.mjs";
|
10
4
|
/**
|
11
5
|
* @license
|
12
6
|
* Copyright 2016 Google Inc.
|
@@ -142,7 +136,7 @@ var c = {
|
|
142
136
|
var E = c.OPENING, A = c.OPEN, T = c.CLOSING, V = k.REASON_ACTION, h = k.REASON_DISMISS, j = (
|
143
137
|
/** @class */
|
144
138
|
function(a) {
|
145
|
-
|
139
|
+
M(e, a);
|
146
140
|
function e(t) {
|
147
141
|
var i = a.call(this, x(x({}, e.defaultAdapter), t)) || this;
|
148
142
|
return i.opened = !1, i.animationFrame = 0, i.animationTimer = 0, i.autoDismissTimer = 0, i.autoDismissTimeoutMs = o.DEFAULT_AUTO_DISMISS_TIMEOUT_MS, i.closeOnEscape = !0, i;
|
@@ -286,9 +280,9 @@ function K(a, e = !1, t = 0) {
|
|
286
280
|
}
|
287
281
|
const H = (a) => {
|
288
282
|
var e, t, i, n;
|
289
|
-
a.type ==
|
283
|
+
a.type == C.CHILD && ((e = (i = a)._$AP) !== null && e !== void 0 || (i._$AP = K), (t = (n = a)._$AQ) !== null && t !== void 0 || (n._$AQ = G));
|
290
284
|
};
|
291
|
-
class X extends
|
285
|
+
class X extends D {
|
292
286
|
constructor() {
|
293
287
|
super(...arguments), this._$AN = void 0;
|
294
288
|
}
|
@@ -300,7 +294,7 @@ class X extends L {
|
|
300
294
|
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 && (p(this, e), _(this));
|
301
295
|
}
|
302
296
|
setValue(e) {
|
303
|
-
if (
|
297
|
+
if (U(this._$Ct))
|
304
298
|
this._$Ct._$AI(e, this);
|
305
299
|
else {
|
306
300
|
const t = [...this._$Ct._$AH];
|
@@ -317,10 +311,10 @@ class X extends L {
|
|
317
311
|
* Copyright 2019 Google LLC
|
318
312
|
* SPDX-License-Identifier: Apache-2.0
|
319
313
|
*/
|
320
|
-
const { ARIA_LIVE_DELAY_MS:
|
321
|
-
class
|
314
|
+
const { ARIA_LIVE_DELAY_MS: q } = y.numbers;
|
315
|
+
class Q extends X {
|
322
316
|
constructor(e) {
|
323
|
-
if (super(e), this.labelEl = null, this.timerId = null, this.previousPart = null, e.type !==
|
317
|
+
if (super(e), this.labelEl = null, this.timerId = null, this.previousPart = null, e.type !== C.CHILD)
|
324
318
|
throw new Error("AccessibleSnackbarLabel only supports child parts.");
|
325
319
|
}
|
326
320
|
update(e, [t, i]) {
|
@@ -329,7 +323,7 @@ class Y extends X {
|
|
329
323
|
return;
|
330
324
|
if (this.labelEl === null) {
|
331
325
|
const v = document.createElement("div"), N = b`<div class="mdc-snackbar__label" role="status" aria-live="polite"></div>`;
|
332
|
-
|
326
|
+
$(N, v);
|
333
327
|
const u = v.firstElementChild;
|
334
328
|
return u.textContent = t, (n = e.endNode) === null || n === void 0 || n.parentNode.insertBefore(u, e.endNode), this.labelEl = u, u;
|
335
329
|
}
|
@@ -338,14 +332,14 @@ class Y extends X {
|
|
338
332
|
const r = document.createElement("span");
|
339
333
|
return r.style.display = "inline-block", r.style.width = "0", r.style.height = "1px", r.textContent = " ", s.appendChild(r), s.setAttribute("data-mdc-snackbar-label-text", t), this.timerId !== null && clearTimeout(this.timerId), this.timerId = window.setTimeout(() => {
|
340
334
|
this.timerId = null, s.setAttribute("aria-live", "polite"), s.removeAttribute("data-mdc-snackbar-label-text"), s.textContent = t, this.setValue(this.labelEl);
|
341
|
-
},
|
335
|
+
}, q), s;
|
342
336
|
}
|
343
337
|
render(e, t) {
|
344
338
|
return t ? b`
|
345
339
|
<div class="mdc-snackbar__label" role="status" aria-live="polite">${e}</div>` : b``;
|
346
340
|
}
|
347
341
|
}
|
348
|
-
const
|
342
|
+
const Y = w(Q);
|
349
343
|
/**
|
350
344
|
* @license
|
351
345
|
* Copyright 2018 Google LLC
|
@@ -362,9 +356,9 @@ class d extends F {
|
|
362
356
|
"mdc-snackbar--leading": this.leading
|
363
357
|
};
|
364
358
|
return b`
|
365
|
-
<div class="mdc-snackbar ${
|
359
|
+
<div class="mdc-snackbar ${L(e)}" @keydown="${this._handleKeydown}">
|
366
360
|
<div class="mdc-snackbar__surface">
|
367
|
-
${
|
361
|
+
${Y(this.labelText, this.open)}
|
368
362
|
<div class="mdc-snackbar__actions">
|
369
363
|
<slot name="action" @click="${this._handleActionClick}"></slot>
|
370
364
|
<slot name="dismiss" @click="${this._handleDismissClick}"></slot>
|
@@ -373,7 +367,7 @@ class d extends F {
|
|
373
367
|
</div>`;
|
374
368
|
}
|
375
369
|
createAdapter() {
|
376
|
-
return Object.assign(Object.assign({},
|
370
|
+
return Object.assign(Object.assign({}, P(this.mdcRoot)), { announce: () => {
|
377
371
|
}, notifyClosed: (e) => {
|
378
372
|
this.dispatchEvent(new CustomEvent(ee, { bubbles: !0, cancelable: !0, detail: { reason: e } }));
|
379
373
|
}, notifyClosing: (e) => {
|
@@ -443,7 +437,7 @@ m([
|
|
443
437
|
* Copyright 2021 Google LLC
|
444
438
|
* SPDX-LIcense-Identifier: Apache-2.0
|
445
439
|
*/
|
446
|
-
const te =
|
440
|
+
const te = S`.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}`, ie = `: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)}
|
447
441
|
`;
|
448
442
|
var ae = Object.defineProperty, ne = Object.getOwnPropertyDescriptor, se = (a, e, t, i) => {
|
449
443
|
for (var n = i > 1 ? void 0 : i ? ne(e, t) : e, s = a.length - 1, r; s >= 0; s--)
|
@@ -452,12 +446,12 @@ var ae = Object.defineProperty, ne = Object.getOwnPropertyDescriptor, se = (a, e
|
|
452
446
|
};
|
453
447
|
let f = class extends d {
|
454
448
|
};
|
455
|
-
f.styles = [te,
|
449
|
+
f.styles = [te, S`${R(ie)}`];
|
456
450
|
f = se([
|
457
|
-
|
451
|
+
z("cv-snackbar")
|
458
452
|
], f);
|
459
|
-
const
|
453
|
+
const de = f;
|
460
454
|
export {
|
461
455
|
f as CovalentSnackbar,
|
462
|
-
|
456
|
+
de as default
|
463
457
|
};
|
package/status-header-item.js
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./
|
2
|
-
`;var
|
3
|
-
${t.r(
|
4
|
-
`];d([
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./mwc-ripple.mjs"),i=`: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 p=Object.defineProperty,v=Object.getOwnPropertyDescriptor,d=(s,a,o,r)=>{for(var e=r>1?void 0:r?v(a,o):a,l=s.length-1,n;l>=0;l--)(n=s[l])&&(e=(r?n(a,o,e):n(e))||e);return r&&e&&p(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$1`
|
3
|
+
${t.r(i)}
|
4
|
+
`];d([t.e()],exports.CovalentStatusHeaderItem.prototype,"label",2);exports.CovalentStatusHeaderItem=d([t.e$1("cv-status-header-item")],exports.CovalentStatusHeaderItem);const u=exports.CovalentStatusHeaderItem;exports.default=u;
|
package/status-header-item.mjs
CHANGED
@@ -1,15 +1,14 @@
|
|
1
|
-
import {
|
2
|
-
import { e as m } from "./property-ca27685b.mjs";
|
1
|
+
import { b as p, r as d, e as y, s as h, y as c, c as v } from "./mwc-ripple.mjs";
|
3
2
|
const f = `: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)}
|
4
3
|
`;
|
5
|
-
var
|
6
|
-
for (var e =
|
7
|
-
(n =
|
8
|
-
return
|
4
|
+
var m = Object.defineProperty, b = Object.getOwnPropertyDescriptor, i = (l, a, r, s) => {
|
5
|
+
for (var e = s > 1 ? void 0 : s ? b(a, r) : a, o = l.length - 1, n; o >= 0; o--)
|
6
|
+
(n = l[o]) && (e = (s ? n(a, r, e) : n(e)) || e);
|
7
|
+
return s && e && m(a, r, e), e;
|
9
8
|
};
|
10
|
-
let t = class extends
|
9
|
+
let t = class extends h {
|
11
10
|
render() {
|
12
|
-
return
|
11
|
+
return c`<span>${this.label}</span> <slot></slot>`;
|
13
12
|
}
|
14
13
|
};
|
15
14
|
t.styles = [
|
@@ -17,14 +16,14 @@ t.styles = [
|
|
17
16
|
${d(f)}
|
18
17
|
`
|
19
18
|
];
|
20
|
-
|
21
|
-
|
19
|
+
i([
|
20
|
+
y()
|
22
21
|
], t.prototype, "label", 2);
|
23
|
-
t =
|
24
|
-
|
22
|
+
t = i([
|
23
|
+
v("cv-status-header-item")
|
25
24
|
], t);
|
26
|
-
const
|
25
|
+
const u = t;
|
27
26
|
export {
|
28
27
|
t as CovalentStatusHeaderItem,
|
29
|
-
|
28
|
+
u as default
|
30
29
|
};
|
package/status-header.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
2
|
-
<div class="status-header ${
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./mwc-ripple.mjs");var n=Object.defineProperty,u=Object.getOwnPropertyDescriptor,d=(r,e,o,s)=>{for(var t=s>1?void 0:s?u(e,o):e,c=r.length-1,i;c>=0;c--)(i=r[c])&&(t=(s?i(e,o,t):i(t))||t);return s&&t&&n(e,o,t),t};class h extends a.s{constructor(){super(...arguments),this.state="neutral",this.statusText="",this.statusHelper="",this.titleText=""}render(){const e={active:this.state==="active",caution:this.state==="caution",error:this.state==="error",positive:this.state==="positive"};return a.y`
|
2
|
+
<div class="status-header ${a.o(e)}">
|
3
3
|
<div class="status-header-title">
|
4
4
|
<div class="status-header-title-text">${this.titleText}</div>
|
5
5
|
<slot name="status-header-actions"></slot>
|
@@ -18,7 +18,7 @@
|
|
18
18
|
</div>
|
19
19
|
<slot></slot>
|
20
20
|
</div>
|
21
|
-
`}}
|
22
|
-
`;var
|
23
|
-
${
|
24
|
-
`];exports.CovalentStatusHeader=
|
21
|
+
`}}d([a.e()],h.prototype,"state",2);d([a.e({type:String})],h.prototype,"statusText",2);d([a.e({type:String})],h.prototype,"statusHelper",2);d([a.e({type:String})],h.prototype,"titleText",2);const l=`.status-header{--cv-status-header-background: transparent;--cv-status-header-icon-background: var( --mdc-theme-surface-neutral-highlight-hover );--cv-status-header-icon-color: var(--mdc-theme-text-icon-on-background);--cv-status-header-status-color: var(--mdc-theme-on-surface);background-color:var(--cv-status-header-background)}.status-header .status-header-content{max-width:inherit;flex-direction:column}.status-header .status-header-icon{background-color:var(--cv-status-header-icon-background);color:var(--cv-status-header-icon-color)}.status-header .status-header-text{--mdc-theme-primary: var(--mdc-theme-surface-neutral-highlight-hover);--mdc-theme-on-surface: var(--mdc-theme-text-icon-on-background);color:var(--cv-status-header-status-color)}.status-header .status-header-helper{color:var(--mdc-theme-text-secondary-on-background)}.status-header .status-header-title-text{color:var(--mdc-theme-on-surface)}.status-header.active{--cv-status-header-background: var( --mdc-theme-surface-secondary-highlight );--cv-status-header-icon-background: var( --mdc-theme-surface-secondary-highlight-hover );--cv-status-header-icon-color: var(--mdc-theme-secondary);--cv-status-header-status-color: var(--mdc-theme-secondary)}.status-header.caution{--cv-status-header-background: var(--mdc-theme-surface-caution-highlight);--cv-status-header-icon-background: var( --mdc-theme-surface-caution-highlight-hover );--cv-status-header-icon-color: var(--mdc-theme-caution);--cv-status-header-status-color: var(--mdc-theme-caution)}.status-header.error{--cv-status-header-background: var( --mdc-theme-surface-negative-highlight );--cv-status-header-icon-background: var( --mdc-theme-surface-negative-highlight-hover );--cv-status-header-icon-color: var(--mdc-theme-negative);--cv-status-header-status-color: var(--mdc-theme-negative)}.status-header.positive{--cv-status-header-background: var( --mdc-theme-surface-positive-highlight );--cv-status-header-icon-background: var( --mdc-theme-surface-positive-highlight-hover );--cv-status-header-icon-color: var(--mdc-theme-positive);--cv-status-header-status-color: var(--mdc-theme-positive)}.status-header-title{padding:0 0 16px 16px;height:fit-content;display:flex;justify-content:space-between;align-items:center}.status-header-title-text{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)}.status-header-text{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)}.status-header-icon{--mdc-icon-size: 36px;border-radius:50%;min-width:72px;height:72px;display:flex;justify-content:center;align-items:center}.status-header-status{padding-left:32px;padding-bottom:16px;display:flex;flex-direction:row;align-items:center}.status-header-text-block{display:flex;flex-direction:column;margin-left:12px;margin-right:56px}.status-header-text-block .status-header-helper{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)}
|
22
|
+
`;var v=Object.defineProperty,m=Object.getOwnPropertyDescriptor,p=(r,e,o,s)=>{for(var t=s>1?void 0:s?m(e,o):e,c=r.length-1,i;c>=0;c--)(i=r[c])&&(t=(s?i(e,o,t):i(t))||t);return s&&t&&v(e,o,t),t};exports.CovalentStatusHeader=class extends h{};exports.CovalentStatusHeader.styles=[a.i$1`
|
23
|
+
${a.r(l)}
|
24
|
+
`];exports.CovalentStatusHeader=p([a.e$1("cv-status-header")],exports.CovalentStatusHeader);const g=exports.CovalentStatusHeader;exports.default=g;
|
package/status-header.mjs
CHANGED
@@ -1,6 +1,4 @@
|
|
1
|
-
import { s as u, y as v,
|
2
|
-
import { o as g } from "./class-map-08c84aeb.mjs";
|
3
|
-
import { e as d } from "./property-ca27685b.mjs";
|
1
|
+
import { e as d, s as u, y as v, o as l, b as m, r as p, c as g } from "./mwc-ripple.mjs";
|
4
2
|
var f = Object.defineProperty, y = Object.getOwnPropertyDescriptor, n = (c, e, s, a) => {
|
5
3
|
for (var t = a > 1 ? void 0 : a ? y(e, s) : e, r = c.length - 1, o; r >= 0; r--)
|
6
4
|
(o = c[r]) && (t = (a ? o(e, s, t) : o(t)) || t);
|
@@ -18,7 +16,7 @@ class i extends u {
|
|
18
16
|
positive: this.state === "positive"
|
19
17
|
};
|
20
18
|
return v`
|
21
|
-
<div class="status-header ${
|
19
|
+
<div class="status-header ${l(e)}">
|
22
20
|
<div class="status-header-title">
|
23
21
|
<div class="status-header-title-text">${this.titleText}</div>
|
24
22
|
<slot name="status-header-actions"></slot>
|
@@ -62,15 +60,15 @@ var b = Object.defineProperty, w = Object.getOwnPropertyDescriptor, _ = (c, e, s
|
|
62
60
|
let h = class extends i {
|
63
61
|
};
|
64
62
|
h.styles = [
|
65
|
-
|
66
|
-
${
|
63
|
+
m`
|
64
|
+
${p(x)}
|
67
65
|
`
|
68
66
|
];
|
69
67
|
h = _([
|
70
|
-
|
68
|
+
g("cv-status-header")
|
71
69
|
], h);
|
72
|
-
const
|
70
|
+
const $ = h;
|
73
71
|
export {
|
74
72
|
h as CovalentStatusHeader,
|
75
|
-
|
73
|
+
$ as default
|
76
74
|
};
|