@covalent/components 6.2.1 → 6.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/action-ribbon.js +6 -6
- package/action-ribbon.mjs +34 -29
- package/alert.js +6 -6
- package/alert.mjs +18 -13
- package/app-shell.js +8 -8
- package/app-shell.mjs +9 -3
- package/base-element.mjs +5 -0
- package/button.js +9 -9
- package/button.mjs +23 -14
- package/card.js +8 -8
- package/card.mjs +17 -15
- package/check-list-item.js +9 -9
- package/check-list-item.mjs +20 -11
- package/checkbox.js +2 -2
- package/checkbox.mjs +26 -17
- package/circular-progress.js +29 -29
- package/circular-progress.mjs +13 -9
- package/class-map.mjs +9 -0
- package/code-snippet.js +9 -9
- package/code-snippet.mjs +10 -7
- package/dialog.js +1 -1
- package/dialog.mjs +14 -14
- package/dialog2.mjs +55 -49
- package/directive-helpers.mjs +1 -1
- package/drawer.js +3 -3
- package/drawer.mjs +13 -7
- package/empty-state.js +5 -5
- package/empty-state.mjs +5 -3
- package/event-options.mjs +5 -0
- package/form-element.mjs +2 -2
- package/foundation.mjs +2 -2
- package/icon-button.js +8 -8
- package/icon-button.mjs +23 -14
- package/icon-check-toggle.js +9 -9
- package/icon-check-toggle.mjs +15 -6
- package/icon-radio-toggle.js +5 -5
- package/icon-radio-toggle.mjs +30 -21
- package/icon.js +2 -2
- package/icon.mjs +8 -7
- package/if-defined.mjs +1 -1
- package/index.js +1 -1
- package/index.mjs +100 -90
- package/linear-progress.js +12 -12
- package/linear-progress.mjs +23 -17
- package/list-expansion.js +8 -8
- package/list-expansion.mjs +38 -29
- package/list-item.js +1 -1
- package/list-item.mjs +6 -6
- package/list-item2.mjs +16 -15
- package/list.js +1 -1
- package/list.mjs +2 -2
- package/list2.mjs +6 -5
- package/menu.js +2 -2
- package/menu.mjs +25 -16
- package/mwc-checkbox-base.mjs +6 -6
- package/mwc-checkbox.css.mjs +2 -2
- package/mwc-drawer-base.mjs +11 -11
- package/mwc-icon.mjs +3 -3
- package/mwc-line-ripple-directive.mjs +16 -16
- package/mwc-list-base.mjs +25 -25
- package/mwc-list-item-base.mjs +11 -11
- package/mwc-list-item.css.mjs +3 -3
- package/mwc-menu-base.mjs +20 -20
- package/mwc-radio-base.mjs +11 -11
- package/mwc-radio.css.mjs +2 -2
- package/mwc-slider.css.mjs +20 -20
- package/mwc-tab-base.mjs +22 -22
- package/mwc-top-app-bar-base.mjs +10 -10
- package/nav-list-item.js +10 -10
- package/nav-list-item.mjs +32 -24
- package/package.json +1 -1
- package/property.mjs +5 -0
- package/query-assigned-elements.mjs +33 -0
- package/query-assigned-nodes.mjs +5 -0
- package/query.mjs +5 -0
- package/radio-list-item.js +10 -10
- package/radio-list-item.mjs +27 -18
- package/radio.js +2 -2
- package/radio.mjs +22 -13
- package/ripple-handlers.mjs +104 -2
- package/select.js +28 -28
- package/select.mjs +25 -15
- package/side-sheet.js +4 -4
- package/side-sheet.mjs +12 -6
- package/slider-range.js +7 -7
- package/slider-range.mjs +69 -61
- package/slider.js +3 -3
- package/slider.mjs +26 -18
- package/snackbar.js +15 -15
- package/snackbar.mjs +26 -20
- package/state.mjs +5 -0
- package/status-header-item.js +4 -4
- package/status-header-item.mjs +14 -13
- package/status-header.js +6 -6
- package/status-header.mjs +9 -7
- package/style-map.mjs +5 -0
- package/switch.js +18 -18
- package/switch.mjs +30 -21
- package/tab-bar.js +21 -21
- package/tab-bar.mjs +22 -13
- package/tab.js +3 -3
- package/tab.mjs +13 -4
- package/text-lockup.js +5 -5
- package/text-lockup.mjs +8 -6
- package/textarea.js +14 -14
- package/textarea.mjs +23 -15
- package/textfield.js +3 -3
- package/textfield.mjs +39 -39
- package/textfield2.mjs +26 -19
- package/toolbar.js +3 -3
- package/toolbar.mjs +9 -3
- package/tooltip.js +12 -12
- package/tooltip.mjs +12 -8
- package/top-app-bar-fixed.js +5 -5
- package/top-app-bar-fixed.mjs +29 -23
- package/top-app-bar.js +3 -3
- package/top-app-bar.mjs +2 -2
- package/top-app-bar2.mjs +1 -1
- package/tree-list-item.js +8 -8
- package/tree-list-item.mjs +5 -3
- package/tree-list.js +3 -3
- package/tree-list.mjs +4 -4
- package/tslib.es6.mjs +1 -0
- package/typography.js +4 -4
- package/typography.mjs +12 -11
- package/utils.mjs +5 -0
- package/mwc-ripple.mjs +0 -175
package/slider.mjs
CHANGED
@@ -1,15 +1,23 @@
|
|
1
|
-
import { _ as
|
2
|
-
import
|
1
|
+
import { _ as u } from "./tslib.es6.mjs";
|
2
|
+
import "./ripple-handlers.mjs";
|
3
|
+
import { d as c } from "./utils.mjs";
|
4
|
+
import { S as h, T as r, s as m } from "./mwc-slider.css.mjs";
|
5
|
+
import { y as T, e as v } from "./query-assigned-elements.mjs";
|
6
|
+
import { e as b } from "./property.mjs";
|
7
|
+
import { i as f } from "./style-map.mjs";
|
8
|
+
import "./base-element.mjs";
|
9
|
+
import "./state.mjs";
|
10
|
+
import "./query.mjs";
|
11
|
+
import "./class-map.mjs";
|
3
12
|
import "./aria-property.mjs";
|
4
13
|
import "./form-element.mjs";
|
5
|
-
import "./ripple-handlers.mjs";
|
6
14
|
import "./if-defined.mjs";
|
7
15
|
/**
|
8
16
|
* @license
|
9
17
|
* Copyright 2018 Google LLC
|
10
18
|
* SPDX-License-Identifier: Apache-2.0
|
11
19
|
*/
|
12
|
-
class
|
20
|
+
class o extends h {
|
13
21
|
get value() {
|
14
22
|
return this.valueEnd;
|
15
23
|
}
|
@@ -17,7 +25,7 @@ class u extends b {
|
|
17
25
|
this.valueEnd = t;
|
18
26
|
}
|
19
27
|
renderTrack() {
|
20
|
-
const t =
|
28
|
+
const t = f({
|
21
29
|
"transform-origin": this.trackTransformOriginStyle,
|
22
30
|
left: this.trackLeftStyle,
|
23
31
|
right: this.trackRightStyle,
|
@@ -26,7 +34,7 @@ class u extends b {
|
|
26
34
|
"-webkit-transition": this.trackTransitionStyle,
|
27
35
|
transition: this.trackTransitionStyle
|
28
36
|
});
|
29
|
-
return
|
37
|
+
return T`
|
30
38
|
<div class="mdc-slider__track">
|
31
39
|
<div class="mdc-slider__track--inactive"></div>
|
32
40
|
<div class="mdc-slider__track--active">
|
@@ -152,7 +160,7 @@ class u extends b {
|
|
152
160
|
isInputFocused: (t) => {
|
153
161
|
if (t === r.START)
|
154
162
|
return !1;
|
155
|
-
const e =
|
163
|
+
const e = c();
|
156
164
|
return e[e.length - 1] === this.formElement;
|
157
165
|
},
|
158
166
|
isRTL: () => getComputedStyle(this).direction === "rtl",
|
@@ -230,22 +238,22 @@ class u extends b {
|
|
230
238
|
};
|
231
239
|
}
|
232
240
|
}
|
233
|
-
|
234
|
-
|
235
|
-
],
|
236
|
-
var
|
237
|
-
for (var s = i > 1 ? void 0 : i ?
|
241
|
+
u([
|
242
|
+
b({ type: Number })
|
243
|
+
], o.prototype, "value", null);
|
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--)
|
238
246
|
(l = a[d]) && (s = (i ? l(t, e, s) : l(s)) || s);
|
239
|
-
return i && s &&
|
247
|
+
return i && s && p(t, e, s), s;
|
240
248
|
};
|
241
|
-
let n = class extends
|
249
|
+
let n = class extends o {
|
242
250
|
};
|
243
|
-
n.styles = [
|
244
|
-
n =
|
251
|
+
n.styles = [m];
|
252
|
+
n = S([
|
245
253
|
v("cv-slider")
|
246
254
|
], n);
|
247
|
-
const
|
255
|
+
const V = n;
|
248
256
|
export {
|
249
257
|
n as CovalentSlider,
|
250
|
-
|
258
|
+
V as default
|
251
259
|
};
|
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 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
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 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
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"},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
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 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
67
|
* @license
|
68
68
|
* Copyright 2017 Google LLC
|
69
69
|
* SPDX-License-Identifier: BSD-3-Clause
|
70
|
-
*/const
|
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
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: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
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: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
81
|
<div class="mdc-snackbar__surface">
|
82
|
-
${
|
82
|
+
${U(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(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
89
|
* @license
|
90
90
|
* Copyright 2021 Google LLC
|
91
91
|
* SPDX-LIcense-Identifier: Apache-2.0
|
92
|
-
*/const
|
93
|
-
`;var
|
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,6 +1,12 @@
|
|
1
|
-
import {
|
1
|
+
import { Z as M, y as b, i as C, r as D, e as w } from "./query-assigned-elements.mjs";
|
2
|
+
import { a as $, b as x, _ as m } from "./tslib.es6.mjs";
|
3
|
+
import { B as F } from "./base-element.mjs";
|
2
4
|
import { o as g } from "./observer.mjs";
|
3
|
-
import { e as
|
5
|
+
import { e as l } from "./property.mjs";
|
6
|
+
import { i as O } from "./query.mjs";
|
7
|
+
import { i as L, t as S, e as P, o as R } from "./class-map.mjs";
|
8
|
+
import { e as z } from "./directive-helpers.mjs";
|
9
|
+
import { a as U } from "./utils.mjs";
|
4
10
|
/**
|
5
11
|
* @license
|
6
12
|
* Copyright 2016 Google Inc.
|
@@ -136,7 +142,7 @@ var c = {
|
|
136
142
|
var E = c.OPENING, A = c.OPEN, T = c.CLOSING, V = k.REASON_ACTION, h = k.REASON_DISMISS, j = (
|
137
143
|
/** @class */
|
138
144
|
function(a) {
|
139
|
-
|
145
|
+
$(e, a);
|
140
146
|
function e(t) {
|
141
147
|
var i = a.call(this, x(x({}, e.defaultAdapter), t)) || this;
|
142
148
|
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;
|
@@ -280,9 +286,9 @@ function K(a, e = !1, t = 0) {
|
|
280
286
|
}
|
281
287
|
const H = (a) => {
|
282
288
|
var e, t, i, n;
|
283
|
-
a.type ==
|
289
|
+
a.type == S.CHILD && ((e = (i = a)._$AP) !== null && e !== void 0 || (i._$AP = K), (t = (n = a)._$AQ) !== null && t !== void 0 || (n._$AQ = G));
|
284
290
|
};
|
285
|
-
class X extends
|
291
|
+
class X extends L {
|
286
292
|
constructor() {
|
287
293
|
super(...arguments), this._$AN = void 0;
|
288
294
|
}
|
@@ -294,7 +300,7 @@ class X extends D {
|
|
294
300
|
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));
|
295
301
|
}
|
296
302
|
setValue(e) {
|
297
|
-
if (
|
303
|
+
if (z(this._$Ct))
|
298
304
|
this._$Ct._$AI(e, this);
|
299
305
|
else {
|
300
306
|
const t = [...this._$Ct._$AH];
|
@@ -311,10 +317,10 @@ class X extends D {
|
|
311
317
|
* Copyright 2019 Google LLC
|
312
318
|
* SPDX-License-Identifier: Apache-2.0
|
313
319
|
*/
|
314
|
-
const { ARIA_LIVE_DELAY_MS:
|
315
|
-
class
|
320
|
+
const { ARIA_LIVE_DELAY_MS: Q } = y.numbers;
|
321
|
+
class Y extends X {
|
316
322
|
constructor(e) {
|
317
|
-
if (super(e), this.labelEl = null, this.timerId = null, this.previousPart = null, e.type !==
|
323
|
+
if (super(e), this.labelEl = null, this.timerId = null, this.previousPart = null, e.type !== S.CHILD)
|
318
324
|
throw new Error("AccessibleSnackbarLabel only supports child parts.");
|
319
325
|
}
|
320
326
|
update(e, [t, i]) {
|
@@ -323,7 +329,7 @@ class Q extends X {
|
|
323
329
|
return;
|
324
330
|
if (this.labelEl === null) {
|
325
331
|
const v = document.createElement("div"), N = b`<div class="mdc-snackbar__label" role="status" aria-live="polite"></div>`;
|
326
|
-
|
332
|
+
M(N, v);
|
327
333
|
const u = v.firstElementChild;
|
328
334
|
return u.textContent = t, (n = e.endNode) === null || n === void 0 || n.parentNode.insertBefore(u, e.endNode), this.labelEl = u, u;
|
329
335
|
}
|
@@ -332,14 +338,14 @@ class Q extends X {
|
|
332
338
|
const r = document.createElement("span");
|
333
339
|
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(() => {
|
334
340
|
this.timerId = null, s.setAttribute("aria-live", "polite"), s.removeAttribute("data-mdc-snackbar-label-text"), s.textContent = t, this.setValue(this.labelEl);
|
335
|
-
},
|
341
|
+
}, Q), s;
|
336
342
|
}
|
337
343
|
render(e, t) {
|
338
344
|
return t ? b`
|
339
345
|
<div class="mdc-snackbar__label" role="status" aria-live="polite">${e}</div>` : b``;
|
340
346
|
}
|
341
347
|
}
|
342
|
-
const
|
348
|
+
const q = P(Y);
|
343
349
|
/**
|
344
350
|
* @license
|
345
351
|
* Copyright 2018 Google LLC
|
@@ -356,9 +362,9 @@ class d extends F {
|
|
356
362
|
"mdc-snackbar--leading": this.leading
|
357
363
|
};
|
358
364
|
return b`
|
359
|
-
<div class="mdc-snackbar ${
|
365
|
+
<div class="mdc-snackbar ${R(e)}" @keydown="${this._handleKeydown}">
|
360
366
|
<div class="mdc-snackbar__surface">
|
361
|
-
${
|
367
|
+
${q(this.labelText, this.open)}
|
362
368
|
<div class="mdc-snackbar__actions">
|
363
369
|
<slot name="action" @click="${this._handleActionClick}"></slot>
|
364
370
|
<slot name="dismiss" @click="${this._handleDismissClick}"></slot>
|
@@ -367,7 +373,7 @@ class d extends F {
|
|
367
373
|
</div>`;
|
368
374
|
}
|
369
375
|
createAdapter() {
|
370
|
-
return Object.assign(Object.assign({},
|
376
|
+
return Object.assign(Object.assign({}, U(this.mdcRoot)), { announce: () => {
|
371
377
|
}, notifyClosed: (e) => {
|
372
378
|
this.dispatchEvent(new CustomEvent(ee, { bubbles: !0, cancelable: !0, detail: { reason: e } }));
|
373
379
|
}, notifyClosing: (e) => {
|
@@ -437,7 +443,7 @@ m([
|
|
437
443
|
* Copyright 2021 Google LLC
|
438
444
|
* SPDX-LIcense-Identifier: Apache-2.0
|
439
445
|
*/
|
440
|
-
const te =
|
446
|
+
const te = C`.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)}
|
441
447
|
`;
|
442
448
|
var ae = Object.defineProperty, ne = Object.getOwnPropertyDescriptor, se = (a, e, t, i) => {
|
443
449
|
for (var n = i > 1 ? void 0 : i ? ne(e, t) : e, s = a.length - 1, r; s >= 0; s--)
|
@@ -446,12 +452,12 @@ var ae = Object.defineProperty, ne = Object.getOwnPropertyDescriptor, se = (a, e
|
|
446
452
|
};
|
447
453
|
let f = class extends d {
|
448
454
|
};
|
449
|
-
f.styles = [te,
|
455
|
+
f.styles = [te, C`${D(ie)}`];
|
450
456
|
f = se([
|
451
|
-
|
457
|
+
w("cv-snackbar")
|
452
458
|
], f);
|
453
|
-
const
|
459
|
+
const _e = f;
|
454
460
|
export {
|
455
461
|
f as CovalentSnackbar,
|
456
|
-
|
462
|
+
_e as default
|
457
463
|
};
|
package/state.mjs
ADDED
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("./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;
|
package/status-header-item.mjs
CHANGED
@@ -1,14 +1,15 @@
|
|
1
|
-
import {
|
1
|
+
import { i as p, r as d, s as y, y as h, e as c } from "./query-assigned-elements.mjs";
|
2
|
+
import { e as m } from "./property.mjs";
|
2
3
|
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)}
|
3
4
|
`;
|
4
|
-
var
|
5
|
-
for (var e =
|
6
|
-
(n =
|
7
|
-
return
|
5
|
+
var v = Object.defineProperty, g = Object.getOwnPropertyDescriptor, l = (i, a, s, r) => {
|
6
|
+
for (var e = r > 1 ? void 0 : r ? g(a, s) : a, o = i.length - 1, n; o >= 0; o--)
|
7
|
+
(n = i[o]) && (e = (r ? n(a, s, e) : n(e)) || e);
|
8
|
+
return r && e && v(a, s, e), e;
|
8
9
|
};
|
9
|
-
let t = class extends
|
10
|
+
let t = class extends y {
|
10
11
|
render() {
|
11
|
-
return
|
12
|
+
return h`<span>${this.label}</span> <slot></slot>`;
|
12
13
|
}
|
13
14
|
};
|
14
15
|
t.styles = [
|
@@ -16,14 +17,14 @@ t.styles = [
|
|
16
17
|
${d(f)}
|
17
18
|
`
|
18
19
|
];
|
19
|
-
|
20
|
-
|
20
|
+
l([
|
21
|
+
m()
|
21
22
|
], t.prototype, "label", 2);
|
22
|
-
t =
|
23
|
-
|
23
|
+
t = l([
|
24
|
+
c("cv-status-header-item")
|
24
25
|
], t);
|
25
|
-
const
|
26
|
+
const w = t;
|
26
27
|
export {
|
27
28
|
t as CovalentStatusHeaderItem,
|
28
|
-
|
29
|
+
w as default
|
29
30
|
};
|
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 i=require("./query-assigned-elements.mjs"),u=require("./class-map.mjs"),d=require("./property.mjs");var l=Object.defineProperty,v=Object.getOwnPropertyDescriptor,n=(s,e,r,a)=>{for(var t=a>1?void 0:a?v(e,r):e,o=s.length-1,c;o>=0;o--)(c=s[o])&&(t=(a?c(e,r,t):c(t))||t);return a&&t&&l(e,r,t),t};class h extends i.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 i.y`
|
2
|
+
<div class="status-header ${u.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
|
+
`}}n([d.e()],h.prototype,"state",2);n([d.e({type:String})],h.prototype,"statusText",2);n([d.e({type:String})],h.prototype,"statusHelper",2);n([d.e({type:String})],h.prototype,"titleText",2);const m=`.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 p=Object.defineProperty,g=Object.getOwnPropertyDescriptor,f=(s,e,r,a)=>{for(var t=a>1?void 0:a?g(e,r):e,o=s.length-1,c;o>=0;o--)(c=s[o])&&(t=(a?c(e,r,t):c(t))||t);return a&&t&&p(e,r,t),t};exports.CovalentStatusHeader=class extends h{};exports.CovalentStatusHeader.styles=[i.i`
|
23
|
+
${i.r(m)}
|
24
|
+
`];exports.CovalentStatusHeader=f([i.e("cv-status-header")],exports.CovalentStatusHeader);const y=exports.CovalentStatusHeader;exports.default=y;
|
package/status-header.mjs
CHANGED
@@ -1,4 +1,6 @@
|
|
1
|
-
import {
|
1
|
+
import { s as u, y as v, i as l, r as m, e as p } from "./query-assigned-elements.mjs";
|
2
|
+
import { o as g } from "./class-map.mjs";
|
3
|
+
import { e as d } from "./property.mjs";
|
2
4
|
var f = Object.defineProperty, y = Object.getOwnPropertyDescriptor, n = (c, e, s, a) => {
|
3
5
|
for (var t = a > 1 ? void 0 : a ? y(e, s) : e, r = c.length - 1, o; r >= 0; r--)
|
4
6
|
(o = c[r]) && (t = (a ? o(e, s, t) : o(t)) || t);
|
@@ -16,7 +18,7 @@ class i extends u {
|
|
16
18
|
positive: this.state === "positive"
|
17
19
|
};
|
18
20
|
return v`
|
19
|
-
<div class="status-header ${
|
21
|
+
<div class="status-header ${g(e)}">
|
20
22
|
<div class="status-header-title">
|
21
23
|
<div class="status-header-title-text">${this.titleText}</div>
|
22
24
|
<slot name="status-header-actions"></slot>
|
@@ -60,15 +62,15 @@ var b = Object.defineProperty, w = Object.getOwnPropertyDescriptor, _ = (c, e, s
|
|
60
62
|
let h = class extends i {
|
61
63
|
};
|
62
64
|
h.styles = [
|
63
|
-
|
64
|
-
${
|
65
|
+
l`
|
66
|
+
${m(x)}
|
65
67
|
`
|
66
68
|
];
|
67
69
|
h = _([
|
68
|
-
|
70
|
+
p("cv-status-header")
|
69
71
|
], h);
|
70
|
-
const
|
72
|
+
const P = h;
|
71
73
|
export {
|
72
74
|
h as CovalentStatusHeader,
|
73
|
-
|
75
|
+
P as default
|
74
76
|
};
|
package/style-map.mjs
ADDED
@@ -0,0 +1,5 @@
|
|
1
|
+
"use strict";const o=require("./query-assigned-elements.mjs"),i=require("./class-map.mjs");/**
|
2
|
+
* @license
|
3
|
+
* Copyright 2018 Google LLC
|
4
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
5
|
+
*/const u=i.e(class extends i.i{constructor(s){var t;if(super(s),s.type!==i.t.ATTRIBUTE||s.name!=="style"||((t=s.strings)===null||t===void 0?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(s){return Object.keys(s).reduce((t,r)=>{const e=s[r];return e==null?t:t+`${r=r.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${e};`},"")}update(s,[t]){const{style:r}=s.element;if(this.vt===void 0){this.vt=new Set;for(const e in t)this.vt.add(e);return this.render(t)}this.vt.forEach(e=>{t[e]==null&&(this.vt.delete(e),e.includes("-")?r.removeProperty(e):r[e]="")});for(const e in t){const n=t[e];n!=null&&(this.vt.add(e),e.includes("-")?r.setProperty(e,n):r[e]=n)}return o.x}});exports.i=u;
|