@covalent/components 10.1.0-beta.9 → 10.1.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/alert/alert-base.d.ts +1 -0
- package/alert/alert-base.d.ts.map +1 -1
- package/alert.js +1 -1
- package/alert.mjs +3 -2
- package/expansion-panel/expansion-panel-item.d.ts.map +1 -1
- package/expansion-panel-item.js +5 -4
- package/expansion-panel-item.mjs +5 -4
- package/expansion-panel.js +2 -2
- package/expansion-panel.mjs +4 -4
- package/icon-check-toggle.js +4 -4
- package/icon-check-toggle.mjs +31 -27
- package/icon-checkbox/icon-check-toggle.d.ts +1 -0
- package/icon-checkbox/icon-check-toggle.d.ts.map +1 -1
- package/package.json +1 -1
package/alert/alert-base.d.ts
CHANGED
|
@@ -2,6 +2,7 @@ import { MDCBannerFoundation } from '@material/banner/foundation';
|
|
|
2
2
|
import { MDCBannerAdapter } from '@material/banner/adapter';
|
|
3
3
|
import { CloseReason } from '@material/banner/constants';
|
|
4
4
|
import { LitElement, TemplateResult } from 'lit';
|
|
5
|
+
import '../icon/icon';
|
|
5
6
|
export declare class AlertBase extends LitElement {
|
|
6
7
|
protected mdcFoundation: MDCBannerFoundation;
|
|
7
8
|
protected readonly mdcFoundationClass: typeof MDCBannerFoundation;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert-base.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/alert/alert-base.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAU,WAAW,EAAU,MAAM,4BAA4B,CAAC;AAEzE,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAIvD,qBAAa,SAAU,SAAQ,UAAU;IACvC,SAAS,CAAC,aAAa,EAAG,mBAAmB,CAAC;IAC9C,SAAS,CAAC,QAAQ,CAAC,kBAAkB,6BAAuB;IAC5D,OAAO,CAAC,eAAe,CAAkB;IAEnB,SAAS,CAAC,OAAO,EAAG,WAAW,CAAC;IACvB,SAAS,CAAC,UAAU,EAAG,WAAW,CAAC;IAElE,SAAS,CAAC,qBAAqB,EAAG,WAAW,CAAC;IACrC,SAAS,CAAC,YAAY,SAAK;IAapC,IAAI,UAAQ;IAEgB,SAAS,SAAM;IACf,eAAe,SAAM;IAErB,IAAI,SAAM;IACV,aAAa,SAAM;IAElB,MAAM,UAAS;IAC5C;;OAEG;IAEH,KAAK,SAAM;;IAiBX,oBAAoB;IAKpB,SAAS,CAAC,MAAM,EAAE,WAAW,CAA2B;cAErC,MAAM;IA8BzB,mBAAmB;IACnB,SAAS,CAAC,UAAU,IAAI,cAAc;IAYtC,SAAS,CAAC,aAAa,IAAI,gBAAgB;IAsC3C,cAAc;IACd,IAAI;IAIJ,cAAc;IACd,KAAK,CAAC,MAAM,cAA0B;cAKb,YAAY;CAWtC"}
|
|
1
|
+
{"version":3,"file":"alert-base.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/alert/alert-base.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAU,WAAW,EAAU,MAAM,4BAA4B,CAAC;AAEzE,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAIvD,OAAO,cAAc,CAAC;AAEtB,qBAAa,SAAU,SAAQ,UAAU;IACvC,SAAS,CAAC,aAAa,EAAG,mBAAmB,CAAC;IAC9C,SAAS,CAAC,QAAQ,CAAC,kBAAkB,6BAAuB;IAC5D,OAAO,CAAC,eAAe,CAAkB;IAEnB,SAAS,CAAC,OAAO,EAAG,WAAW,CAAC;IACvB,SAAS,CAAC,UAAU,EAAG,WAAW,CAAC;IAElE,SAAS,CAAC,qBAAqB,EAAG,WAAW,CAAC;IACrC,SAAS,CAAC,YAAY,SAAK;IAapC,IAAI,UAAQ;IAEgB,SAAS,SAAM;IACf,eAAe,SAAM;IAErB,IAAI,SAAM;IACV,aAAa,SAAM;IAElB,MAAM,UAAS;IAC5C;;OAEG;IAEH,KAAK,SAAM;;IAiBX,oBAAoB;IAKpB,SAAS,CAAC,MAAM,EAAE,WAAW,CAA2B;cAErC,MAAM;IA8BzB,mBAAmB;IACnB,SAAS,CAAC,UAAU,IAAI,cAAc;IAYtC,SAAS,CAAC,aAAa,IAAI,gBAAgB;IAsC3C,cAAc;IACd,IAAI;IAIJ,cAAc;IACd,KAAK,CAAC,MAAM,cAA0B;cAKb,YAAY;CAWtC"}
|
package/alert.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("./query-assigned-elements-BQszEgac.js"),p=require("./utils-wMBJ9n_n.js"),l=require("./observer-N9cgkDqh.js"),h=require("./foundation-sIsx2I_x.js"),g=require("./class-map-PsUYVqvf.js"),d=require("./property-BRKnMYJe.js"),u=require("./state-Csv4sdJA.js"),b=require("./query-BvlE-gMJ.js");var f=Object.defineProperty,r=(o,e,a,i)=>{for(var t=void 0,c=o.length-1,s;c>=0;c--)(s=o[c])&&(t=s(e,a,t)||t);return t&&f(e,a,t),t};class n extends m.s{constructor(){super(),this.mdcFoundationClass=h.MDCBannerFoundation,this.currentWidth=0,this.open=!0,this.titleText="",this.descriptionText="",this.icon="",this.iconAriaLabel="",this.inline=!1,this.state="",this.reason=h.CloseReason.UNSPECIFIED,this._resizeObserver=new ResizeObserver(e=>{for(const a of e){const i=a.contentRect.width;i!==this.currentWidth&&(this.currentWidth=i,this.mdcFoundation.layout())}})}disconnectedCallback(){super.disconnectedCallback(),this._resizeObserver.disconnect()}render(){const e={"mdc-banner":!0,"cv-banner--inline":this.inline,negative:this.state==="negative",positive:this.state==="positive",caution:this.state==="caution",active:this.state==="active"};return m.x` <div class="${g.o(e)}" role="banner">
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("./query-assigned-elements-BQszEgac.js"),p=require("./utils-wMBJ9n_n.js"),l=require("./observer-N9cgkDqh.js"),h=require("./foundation-sIsx2I_x.js"),g=require("./class-map-PsUYVqvf.js"),d=require("./property-BRKnMYJe.js"),u=require("./state-Csv4sdJA.js"),b=require("./query-BvlE-gMJ.js");require("./icon.js");var f=Object.defineProperty,r=(o,e,a,i)=>{for(var t=void 0,c=o.length-1,s;c>=0;c--)(s=o[c])&&(t=s(e,a,t)||t);return t&&f(e,a,t),t};class n extends m.s{constructor(){super(),this.mdcFoundationClass=h.MDCBannerFoundation,this.currentWidth=0,this.open=!0,this.titleText="",this.descriptionText="",this.icon="",this.iconAriaLabel="",this.inline=!1,this.state="",this.reason=h.CloseReason.UNSPECIFIED,this._resizeObserver=new ResizeObserver(e=>{for(const a of e){const i=a.contentRect.width;i!==this.currentWidth&&(this.currentWidth=i,this.mdcFoundation.layout())}})}disconnectedCallback(){super.disconnectedCallback(),this._resizeObserver.disconnect()}render(){const e={"mdc-banner":!0,"cv-banner--inline":this.inline,negative:this.state==="negative",positive:this.state==="positive",caution:this.state==="caution",active:this.state==="active"};return m.x` <div class="${g.o(e)}" role="banner">
|
|
2
2
|
<div
|
|
3
3
|
class="mdc-banner__content"
|
|
4
4
|
role="alertdialog"
|
package/alert.mjs
CHANGED
|
@@ -6,6 +6,7 @@ import { o as w } from "./class-map-BHl5MHd7.mjs";
|
|
|
6
6
|
import { n as d } from "./property-DJzm_oB9.mjs";
|
|
7
7
|
import { t as k } from "./state-B_tK3mBm.mjs";
|
|
8
8
|
import { i as b } from "./query-DSO61t36.mjs";
|
|
9
|
+
import "./icon.mjs";
|
|
9
10
|
var C = Object.defineProperty, r = (o, e, a, i) => {
|
|
10
11
|
for (var t = void 0, c = o.length - 1, s; c >= 0; c--)
|
|
11
12
|
(s = o[c]) && (t = s(e, a, t) || t);
|
|
@@ -159,8 +160,8 @@ m.styles = [
|
|
|
159
160
|
m = $([
|
|
160
161
|
v("cv-alert")
|
|
161
162
|
], m);
|
|
162
|
-
const
|
|
163
|
+
const B = m;
|
|
163
164
|
export {
|
|
164
165
|
m as CovalentAlert,
|
|
165
|
-
|
|
166
|
+
B as default
|
|
166
167
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"expansion-panel-item.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/expansion-panel/expansion-panel-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAGvD,OAAO,cAAc,CAAC;AAEtB,qBACa,0BAA2B,SAAQ,UAAU;IACxD,OAAgB,MAAM,4BAIpB;IAE0B,KAAK,SAAK;IAEyB,IAAI,UAAS;IAE5E,UAAU,UAAS;IAEnB,YAAY,UAAS;IAErB,aAAa,UAAS;IAEtB,aAAa,UAAS;IAGtB,mBAAmB,UAAS;IAE5B,mBAAmB,UAAS;IAI5B,mBAAmB,UAAS;IAEA,KAAK,SAAW;IAChB,cAAc,SAAM;IACJ,UAAU,UAAS;IACnB,SAAS,UAAS;IAE9D,MAAM;
|
|
1
|
+
{"version":3,"file":"expansion-panel-item.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/expansion-panel/expansion-panel-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAGvD,OAAO,cAAc,CAAC;AAEtB,qBACa,0BAA2B,SAAQ,UAAU;IACxD,OAAgB,MAAM,4BAIpB;IAE0B,KAAK,SAAK;IAEyB,IAAI,UAAS;IAE5E,UAAU,UAAS;IAEnB,YAAY,UAAS;IAErB,aAAa,UAAS;IAEtB,aAAa,UAAS;IAGtB,mBAAmB,UAAS;IAE5B,mBAAmB,UAAS;IAI5B,mBAAmB,UAAS;IAEA,KAAK,SAAW;IAChB,cAAc,SAAM;IACJ,UAAU,UAAS;IACnB,SAAS,UAAS;IAE9D,MAAM;IA4BN,UAAU;IAOV,OAAO,CAAC,cAAc;CAcvB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,yBAAyB,EAAE,0BAA0B,CAAC;KACvD;CACF"}
|
package/expansion-panel-item.js
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./query-assigned-elements-BQszEgac.js"),n=require("./property-BRKnMYJe.js");require("./icon.js");const d=":host([isTopPanel]) .panel{border-radius:8px 8px 0 0}:host([isBottomPanel]) .panel{border-radius:0 0 8px 8px;border:none}:host([isSinglePanel]) .panel{border-radius:8px;border:none}:host([isInnerPanel]) .panel{border-radius:0}:host([open][isInnerPanel]) .panel{border-radius:8px;margin-top:16px;margin-bottom:16px;border-bottom:0}:host([open][isInnerPanel]) .header{min-height:64px;max-height:64px}:host([open][isInnerPanel]) .dropdown{grid-template-rows:1fr}:host([open][isInnerPanel]) .closedIcon{display:none}:host([open][isInnerPanel]) .openedIcon{display:inline-block}:host([open][isInnerPanel]) ::slotted([slot=content]){padding-bottom:16px}:host([open][isTopPanel]) .panel{border-radius:8px;margin-bottom:16px;border-bottom:0}:host([open][isTopPanel]) .header{min-height:64px;max-height:64px}:host([open][isTopPanel]) .dropdown{grid-template-rows:1fr}:host([open][isTopPanel]) .closedIcon{display:none}:host([open][isTopPanel]) .openedIcon{display:inline-block}:host([open][isTopPanel]) ::slotted([slot=content]){padding-bottom:16px}:host([open][isBottomPanel]) .panel{border-radius:8px;margin-top:16px;border-bottom:0}:host([open][isBottomPanel]) .header{min-height:64px;max-height:64px}:host([open][isBottomPanel]) .dropdown{grid-template-rows:1fr}:host([open][isBottomPanel]) .closedIcon{display:none}:host([open][isBottomPanel]) .openedIcon{display:inline-block}:host([open][isBottomPanel]) ::slotted([slot=content]){padding-bottom:16px}:host([open][isSinglePanel]) .header{min-height:64px;max-height:64px}:host([open][isSinglePanel]) .dropdown{grid-template-rows:1fr}:host([open][isSinglePanel]) .closedIcon{display:none}:host([open][isSinglePanel]) .openedIcon{display:inline-block}:host([open][isSinglePanel]) ::slotted([slot=content]){padding-bottom:16px}:host([belowOpenInnerPanel]) .panel{border-radius:8px 8px 0 0}:host([aboveOpenInnerPanel]) .panel{border-radius:0 0 8px 8px;border-bottom:none}:host([separateSinglePanel]) .panel{border-radius:8px;border-bottom:none}:host .panel{border-bottom:1px solid var(--mdc-theme-border, rgba(0, 0, 0, .12));background-color:var(--
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./query-assigned-elements-BQszEgac.js"),n=require("./property-BRKnMYJe.js");require("./icon.js");const d=":host([isTopPanel]) .panel{border-radius:8px 8px 0 0}:host([isBottomPanel]) .panel{border-radius:0 0 8px 8px;border:none}:host([isSinglePanel]) .panel{border-radius:8px;border:none}:host([isInnerPanel]) .panel{border-radius:0}:host([open][isInnerPanel]) .panel{border-radius:8px;margin-top:16px;margin-bottom:16px;border-bottom:0}:host([open][isInnerPanel]) .header{min-height:64px;max-height:64px}:host([open][isInnerPanel]) .dropdown{grid-template-rows:1fr}:host([open][isInnerPanel]) .closedIcon{display:none}:host([open][isInnerPanel]) .openedIcon{display:inline-block}:host([open][isInnerPanel]) ::slotted([slot=content]){padding-bottom:16px}:host([open][isTopPanel]) .panel{border-radius:8px;margin-bottom:16px;border-bottom:0}:host([open][isTopPanel]) .header{min-height:64px;max-height:64px}:host([open][isTopPanel]) .dropdown{grid-template-rows:1fr}:host([open][isTopPanel]) .closedIcon{display:none}:host([open][isTopPanel]) .openedIcon{display:inline-block}:host([open][isTopPanel]) ::slotted([slot=content]){padding-bottom:16px}:host([open][isBottomPanel]) .panel{border-radius:8px;margin-top:16px;border-bottom:0}:host([open][isBottomPanel]) .header{min-height:64px;max-height:64px}:host([open][isBottomPanel]) .dropdown{grid-template-rows:1fr}:host([open][isBottomPanel]) .closedIcon{display:none}:host([open][isBottomPanel]) .openedIcon{display:inline-block}:host([open][isBottomPanel]) ::slotted([slot=content]){padding-bottom:16px}:host([open][isSinglePanel]) .header{min-height:64px;max-height:64px}:host([open][isSinglePanel]) .dropdown{grid-template-rows:1fr}:host([open][isSinglePanel]) .closedIcon{display:none}:host([open][isSinglePanel]) .openedIcon{display:inline-block}:host([open][isSinglePanel]) ::slotted([slot=content]){padding-bottom:16px}:host([belowOpenInnerPanel]) .panel{border-radius:8px 8px 0 0}:host([aboveOpenInnerPanel]) .panel{border-radius:0 0 8px 8px;border-bottom:none}:host([separateSinglePanel]) .panel{border-radius:8px;border-bottom:none}:host .panel{border-bottom:1px solid var(--mdc-theme-border, rgba(0, 0, 0, .12));background-color:var(--cv-theme-surface-container, #ffffff);transition:margin-bottom .5s,margin-top .5s}:host .header{min-height:48px;max-height:48px;padding:0 24px;display:flex;align-items:center;transition:min-height .5s,max-height .5s;cursor:pointer}:host .title{width:var(--cv-expansion-panel-item-title-width, 200px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87));font-family:var(--mdc-typography-body1-font-family, Arial);font-size:var(--mdc-typography-body1-font-size, 14px);font-style:normal;font-weight:var(--mdc-typography-body1-font-weight, 400);line-height:var(--mdc-typography-body1-line-height, 20px);letter-spacing:.25px}:host .contentPreview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:16px;color:var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, .54));font-family:var(--mdc-typography-body1-font-family, Arial);font-size:var(--mdc-typography-body1-font-size, 14px);font-style:normal;font-weight:var(--mdc-typography-body1-font-weight, 400);line-height:var(--mdc-typography-body1-line-height, 20px);letter-spacing:.25px}:host cv-icon{padding-left:16px;margin-left:auto}:host .dropdown{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s;color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87));font-family:var(--mdc-typography-body1-font-family, Arial);font-size:var(--mdc-typography-body1-font-size, 14px);font-style:normal;font-weight:var(--mdc-typography-body1-font-weight, 400);line-height:var(--mdc-typography-body1-line-height, 20px);letter-spacing:.25px}:host .content{overflow-y:hidden}:host .content slot{display:block;padding:0 24px}:host .footer{overflow-y:hidden;padding:16px 24px;border-top:1px solid var(--mdc-theme-border, rgba(0, 0, 0, .12))}:host .openedIcon{display:none}";var h=Object.defineProperty,c=Object.getOwnPropertyDescriptor,e=(l,t,s,i)=>{for(var o=i>1?void 0:i?c(t,s):t,r=l.length-1,p;r>=0;r--)(p=l[r])&&(o=(i?p(t,s,o):p(o))||o);return i&&o&&h(t,s,o),o};exports.CovalentExpansionPanelItem=class extends a.s{constructor(){super(...arguments),this.index=0,this.open=!1,this.isTopPanel=!1,this.isInnerPanel=!1,this.isBottomPanel=!1,this.isSinglePanel=!1,this.belowOpenInnerPanel=!1,this.aboveOpenInnerPanel=!1,this.separateSinglePanel=!1,this.title="Title",this.contentPreview="",this.showFooter=!1,this.noSurface=!1}render(){return a.x`
|
|
2
2
|
<div class="panel">
|
|
3
3
|
<div class="header" @click=${this._toggleContent}>
|
|
4
|
-
<span class="title">${this.title}
|
|
5
|
-
<span class="contentPreview"
|
|
6
|
-
|
|
4
|
+
<span class="title">${this.title}<slot name="title"></slot></span>
|
|
5
|
+
<span class="contentPreview"
|
|
6
|
+
>${this.contentPreview}<slot name="preview"></slot
|
|
7
|
+
></span>
|
|
7
8
|
<cv-icon class="closedIcon">expand_more</cv-icon>
|
|
8
9
|
<cv-icon class="openedIcon">expand_less</cv-icon>
|
|
9
10
|
</div>
|
package/expansion-panel-item.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { i as h, r as c, s as m, x as d, e as g } from "./query-assigned-elements-DhyCP_2z.mjs";
|
|
2
2
|
import { n as t } from "./property-DJzm_oB9.mjs";
|
|
3
3
|
import "./icon.mjs";
|
|
4
|
-
const y = ":host([isTopPanel]) .panel{border-radius:8px 8px 0 0}:host([isBottomPanel]) .panel{border-radius:0 0 8px 8px;border:none}:host([isSinglePanel]) .panel{border-radius:8px;border:none}:host([isInnerPanel]) .panel{border-radius:0}:host([open][isInnerPanel]) .panel{border-radius:8px;margin-top:16px;margin-bottom:16px;border-bottom:0}:host([open][isInnerPanel]) .header{min-height:64px;max-height:64px}:host([open][isInnerPanel]) .dropdown{grid-template-rows:1fr}:host([open][isInnerPanel]) .closedIcon{display:none}:host([open][isInnerPanel]) .openedIcon{display:inline-block}:host([open][isInnerPanel]) ::slotted([slot=content]){padding-bottom:16px}:host([open][isTopPanel]) .panel{border-radius:8px;margin-bottom:16px;border-bottom:0}:host([open][isTopPanel]) .header{min-height:64px;max-height:64px}:host([open][isTopPanel]) .dropdown{grid-template-rows:1fr}:host([open][isTopPanel]) .closedIcon{display:none}:host([open][isTopPanel]) .openedIcon{display:inline-block}:host([open][isTopPanel]) ::slotted([slot=content]){padding-bottom:16px}:host([open][isBottomPanel]) .panel{border-radius:8px;margin-top:16px;border-bottom:0}:host([open][isBottomPanel]) .header{min-height:64px;max-height:64px}:host([open][isBottomPanel]) .dropdown{grid-template-rows:1fr}:host([open][isBottomPanel]) .closedIcon{display:none}:host([open][isBottomPanel]) .openedIcon{display:inline-block}:host([open][isBottomPanel]) ::slotted([slot=content]){padding-bottom:16px}:host([open][isSinglePanel]) .header{min-height:64px;max-height:64px}:host([open][isSinglePanel]) .dropdown{grid-template-rows:1fr}:host([open][isSinglePanel]) .closedIcon{display:none}:host([open][isSinglePanel]) .openedIcon{display:inline-block}:host([open][isSinglePanel]) ::slotted([slot=content]){padding-bottom:16px}:host([belowOpenInnerPanel]) .panel{border-radius:8px 8px 0 0}:host([aboveOpenInnerPanel]) .panel{border-radius:0 0 8px 8px;border-bottom:none}:host([separateSinglePanel]) .panel{border-radius:8px;border-bottom:none}:host .panel{border-bottom:1px solid var(--mdc-theme-border, rgba(0, 0, 0, .12));background-color:var(--
|
|
4
|
+
const y = ":host([isTopPanel]) .panel{border-radius:8px 8px 0 0}:host([isBottomPanel]) .panel{border-radius:0 0 8px 8px;border:none}:host([isSinglePanel]) .panel{border-radius:8px;border:none}:host([isInnerPanel]) .panel{border-radius:0}:host([open][isInnerPanel]) .panel{border-radius:8px;margin-top:16px;margin-bottom:16px;border-bottom:0}:host([open][isInnerPanel]) .header{min-height:64px;max-height:64px}:host([open][isInnerPanel]) .dropdown{grid-template-rows:1fr}:host([open][isInnerPanel]) .closedIcon{display:none}:host([open][isInnerPanel]) .openedIcon{display:inline-block}:host([open][isInnerPanel]) ::slotted([slot=content]){padding-bottom:16px}:host([open][isTopPanel]) .panel{border-radius:8px;margin-bottom:16px;border-bottom:0}:host([open][isTopPanel]) .header{min-height:64px;max-height:64px}:host([open][isTopPanel]) .dropdown{grid-template-rows:1fr}:host([open][isTopPanel]) .closedIcon{display:none}:host([open][isTopPanel]) .openedIcon{display:inline-block}:host([open][isTopPanel]) ::slotted([slot=content]){padding-bottom:16px}:host([open][isBottomPanel]) .panel{border-radius:8px;margin-top:16px;border-bottom:0}:host([open][isBottomPanel]) .header{min-height:64px;max-height:64px}:host([open][isBottomPanel]) .dropdown{grid-template-rows:1fr}:host([open][isBottomPanel]) .closedIcon{display:none}:host([open][isBottomPanel]) .openedIcon{display:inline-block}:host([open][isBottomPanel]) ::slotted([slot=content]){padding-bottom:16px}:host([open][isSinglePanel]) .header{min-height:64px;max-height:64px}:host([open][isSinglePanel]) .dropdown{grid-template-rows:1fr}:host([open][isSinglePanel]) .closedIcon{display:none}:host([open][isSinglePanel]) .openedIcon{display:inline-block}:host([open][isSinglePanel]) ::slotted([slot=content]){padding-bottom:16px}:host([belowOpenInnerPanel]) .panel{border-radius:8px 8px 0 0}:host([aboveOpenInnerPanel]) .panel{border-radius:0 0 8px 8px;border-bottom:none}:host([separateSinglePanel]) .panel{border-radius:8px;border-bottom:none}:host .panel{border-bottom:1px solid var(--mdc-theme-border, rgba(0, 0, 0, .12));background-color:var(--cv-theme-surface-container, #ffffff);transition:margin-bottom .5s,margin-top .5s}:host .header{min-height:48px;max-height:48px;padding:0 24px;display:flex;align-items:center;transition:min-height .5s,max-height .5s;cursor:pointer}:host .title{width:var(--cv-expansion-panel-item-title-width, 200px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87));font-family:var(--mdc-typography-body1-font-family, Arial);font-size:var(--mdc-typography-body1-font-size, 14px);font-style:normal;font-weight:var(--mdc-typography-body1-font-weight, 400);line-height:var(--mdc-typography-body1-line-height, 20px);letter-spacing:.25px}:host .contentPreview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:16px;color:var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, .54));font-family:var(--mdc-typography-body1-font-family, Arial);font-size:var(--mdc-typography-body1-font-size, 14px);font-style:normal;font-weight:var(--mdc-typography-body1-font-weight, 400);line-height:var(--mdc-typography-body1-line-height, 20px);letter-spacing:.25px}:host cv-icon{padding-left:16px;margin-left:auto}:host .dropdown{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s;color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87));font-family:var(--mdc-typography-body1-font-family, Arial);font-size:var(--mdc-typography-body1-font-size, 14px);font-style:normal;font-weight:var(--mdc-typography-body1-font-weight, 400);line-height:var(--mdc-typography-body1-line-height, 20px);letter-spacing:.25px}:host .content{overflow-y:hidden}:host .content slot{display:block;padding:0 24px}:host .footer{overflow-y:hidden;padding:16px 24px;border-top:1px solid var(--mdc-theme-border, rgba(0, 0, 0, .12))}:host .openedIcon{display:none}";
|
|
5
5
|
var f = Object.defineProperty, b = Object.getOwnPropertyDescriptor, o = (a, r, p, i) => {
|
|
6
6
|
for (var n = i > 1 ? void 0 : i ? b(r, p) : r, s = a.length - 1, l; s >= 0; s--)
|
|
7
7
|
(l = a[s]) && (n = (i ? l(r, p, n) : l(n)) || n);
|
|
@@ -15,9 +15,10 @@ let e = class extends m {
|
|
|
15
15
|
return d`
|
|
16
16
|
<div class="panel">
|
|
17
17
|
<div class="header" @click=${this._toggleContent}>
|
|
18
|
-
<span class="title">${this.title}
|
|
19
|
-
<span class="contentPreview"
|
|
20
|
-
|
|
18
|
+
<span class="title">${this.title}<slot name="title"></slot></span>
|
|
19
|
+
<span class="contentPreview"
|
|
20
|
+
>${this.contentPreview}<slot name="preview"></slot
|
|
21
|
+
></span>
|
|
21
22
|
<cv-icon class="closedIcon">expand_more</cv-icon>
|
|
22
23
|
<cv-icon class="openedIcon">expand_less</cv-icon>
|
|
23
24
|
</div>
|
package/expansion-panel.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./query-assigned-elements-BQszEgac.js"),p=require("./property-BRKnMYJe.js");var
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./query-assigned-elements-BQszEgac.js"),p=require("./property-BRKnMYJe.js");var h=Object.defineProperty,c=Object.getOwnPropertyDescriptor,i=(r,n,t,l)=>{for(var s=l>1?void 0:l?c(n,t):n,e=r.length-1,o;e>=0;e--)(o=r[e])&&(s=(l?o(n,t,s):o(s))||s);return l&&s&&h(n,t,s),s};exports.CovalentExpansionPanel=class extends a.s{constructor(){super(...arguments),this.noSurface=!1,this.titleWidth="150px",this._handleToggle=n=>{const t=n.detail.index,l=this.panelItems[t],s=l.open;this.panelItems.forEach(e=>{e.resetPanel()}),s&&(l.open=!0,this.panelItems.forEach(e=>{e.index==t-1?e.index==0?e.separateSinglePanel=!0:e.aboveOpenInnerPanel=!0:e.index==t+1&&(e.index==this.panelItems.length-1&&(e.separateSinglePanel=!0),e.belowOpenInnerPanel=!0)}))}}render(){return a.x`
|
|
2
2
|
<div class="container">
|
|
3
3
|
<div class="content">
|
|
4
4
|
<slot id="mainSlot"></slot>
|
|
5
5
|
</div>
|
|
6
6
|
</div>
|
|
7
|
-
`}firstUpdated(){if(window.addEventListener("cv-expansionPanel-togglePanel",n=>this._handleToggle(n)),this.style.setProperty("--cv-expansion-panel-item-title-width",this.titleWidth),this.noSurface&&this.style.setProperty("--
|
|
7
|
+
`}firstUpdated(){if(window.addEventListener("cv-expansionPanel-togglePanel",n=>this._handleToggle(n)),this.style.setProperty("--cv-expansion-panel-item-title-width",this.titleWidth),this.noSurface&&this.style.setProperty("--cv-theme-surface-container","transparent"),this.panelItems.length==1)this.panelItems[0].isSinglePanel=!0;else{let n=0;this.panelItems.forEach(t=>{n==0?t.isTopPanel=!0:n==this.panelItems.length-1?t.isBottomPanel=!0:t.isInnerPanel=!0,t.index=n,n++})}}};i([p.n({type:Boolean,reflect:!0})],exports.CovalentExpansionPanel.prototype,"noSurface",2);i([p.n({type:String})],exports.CovalentExpansionPanel.prototype,"titleWidth",2);i([a.l()],exports.CovalentExpansionPanel.prototype,"panelItems",2);exports.CovalentExpansionPanel=i([a.e("cv-expansion-panel")],exports.CovalentExpansionPanel);
|
package/expansion-panel.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { s as h, x as
|
|
1
|
+
import { s as h, x as f, l as d, e as c } from "./query-assigned-elements-DhyCP_2z.mjs";
|
|
2
2
|
import { n as p } from "./property-DJzm_oB9.mjs";
|
|
3
3
|
var u = Object.defineProperty, P = Object.getOwnPropertyDescriptor, a = (n, t, s, l) => {
|
|
4
4
|
for (var e = l > 1 ? void 0 : l ? P(t, s) : t, i = n.length - 1, o; i >= 0; i--)
|
|
@@ -17,7 +17,7 @@ let r = class extends h {
|
|
|
17
17
|
};
|
|
18
18
|
}
|
|
19
19
|
render() {
|
|
20
|
-
return
|
|
20
|
+
return f`
|
|
21
21
|
<div class="container">
|
|
22
22
|
<div class="content">
|
|
23
23
|
<slot id="mainSlot"></slot>
|
|
@@ -32,7 +32,7 @@ let r = class extends h {
|
|
|
32
32
|
), this.style.setProperty(
|
|
33
33
|
"--cv-expansion-panel-item-title-width",
|
|
34
34
|
this.titleWidth
|
|
35
|
-
), this.noSurface && this.style.setProperty("--
|
|
35
|
+
), this.noSurface && this.style.setProperty("--cv-theme-surface-container", "transparent"), this.panelItems.length == 1)
|
|
36
36
|
this.panelItems[0].isSinglePanel = !0;
|
|
37
37
|
else {
|
|
38
38
|
let n = 0;
|
|
@@ -49,7 +49,7 @@ a([
|
|
|
49
49
|
p({ type: String })
|
|
50
50
|
], r.prototype, "titleWidth", 2);
|
|
51
51
|
a([
|
|
52
|
-
|
|
52
|
+
d()
|
|
53
53
|
], r.prototype, "panelItems", 2);
|
|
54
54
|
r = a([
|
|
55
55
|
c("cv-expansion-panel")
|
package/icon-check-toggle.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./query-assigned-elements-BQszEgac.js"),l=require("./property-BRKnMYJe.js"),d=require("./class-map-PsUYVqvf.js"),
|
|
2
|
-
<div class="${d.o(r)} container" style="${
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./query-assigned-elements-BQszEgac.js"),l=require("./property-BRKnMYJe.js"),h=require("./query-BvlE-gMJ.js"),d=require("./class-map-PsUYVqvf.js"),g=require("./style-map-3QfsA_1O.js"),s=require("./mwc-checkbox.css-BV3dyB4C.js"),m=':host .mdc-toggle__background{position:absolute;top:4px;right:4px;width:15px;height:15px;border:none;color:var(--mdc-theme-on-primary)}:host .mdc-toggle__checkmark-path{transition:stroke-dashoffset .18s cubic-bezier(.4,0,.6,1) 0ms;stroke:currentcolor;stroke-width:3.12px;stroke-dashoffset:29.7833;stroke-dasharray:29.7833}:host .showCheck{stroke-dashoffset:0;opacity:1}:host([width=fill]){width:100%}.container{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;row-gap:8px;width:var(--width);height:var(--height);border:solid 2px var(--mdc-theme-border);border-radius:8px;color:var(--mdc-theme-text-primary-on-background);--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0);will-change:transform,opacity}.container:before,.container:after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.container:before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.container:after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.container.mdc-ripple-upgraded:before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.container.mdc-ripple-upgraded:after{top:0;left:0;transform:scale(0);transform-origin:center center}.container.mdc-ripple-upgraded--unbounded:after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.container.mdc-ripple-upgraded--foreground-activation:after{animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.container.mdc-ripple-upgraded--foreground-deactivation:after{animation:mdc-ripple-fg-opacity-out .15s;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.container:before,.container:after{top:0%;left:0%;width:100%;height:100%}.container.mdc-ripple-upgraded:before,.container.mdc-ripple-upgraded:after{top:var(--mdc-ripple-top, 0% );left:var(--mdc-ripple-left, 0% );width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.container.mdc-ripple-upgraded:after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.container:before,.container:after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.container:hover:before,.container.mdc-ripple-surface--hover:before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.container.mdc-ripple-upgraded--background-focused:before,.container:not(.mdc-ripple-upgraded):focus:before{transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.container:not(.mdc-ripple-upgraded):after{transition:opacity .15s linear}.container:not(.mdc-ripple-upgraded):active:after{transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.container.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, .12)}.container:after,.container:before{border-radius:8px}.container:hover{cursor:pointer}.cornerFill{background:linear-gradient(225deg,var(--mdc-theme-primary) 28px,transparent 0)}.checked{border:solid 2px var(--mdc-theme-primary);background-color:var(--mdc-theme-surface-primary-highlight)}.checked:hover{background-color:var(--mdc-theme-surface-primary-highlight-hover)}[name=icon]::slotted(*){font-size:40px;color:var(--mdc-theme-text-icon-on-background)}[name=text]::slotted(*){color:var(--mdc-theme-text-primary-on-background);font-family:var(--mdc-typography-body1-font-family);font-size:var(--mdc-typography-body1-font-size);font-weight:var(--mdc-typography-body1-font-weight);line-height:var(--mdc-typography-body1-line-height);letter-spacing:.4px}[name=text]::slotted(*:last-child){color:var(--mdc-theme-text-secondary-on-background);font-family:var(--mdc-typography-body2-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:var(--mdc-typography-body2-font-weight);line-height:var(--mdc-typography-body2-line-height)}';var f=Object.defineProperty,v=Object.getOwnPropertyDescriptor,i=(a,r,t,o)=>{for(var e=o>1?void 0:o?v(r,t):r,n=a.length-1,p;n>=0;n--)(p=a[n])&&(e=(o?p(r,t,e):p(e))||e);return o&&e&&f(r,t,e),e};exports.CovalentIconCheckToggle=class extends s.CheckboxBase{constructor(){super(...arguments),this.width="200",this.height="160",this.iconOnly=!1}render(){const r={checked:this.checked,cornerFill:this.checked},t={showCheck:this.checked},o={"--width":this.width=="fill"?"100%":`${this.width}px`,"--height":`${this.height}px`};return c.x`
|
|
2
|
+
<div class="${d.o(r)} container" style="${g.o(o)}" @click="${this._handleClick}">
|
|
3
3
|
<input type="checkbox" class="mdc-checkbox__native-control"></input>
|
|
4
4
|
<div class="mdc-toggle__background">
|
|
5
5
|
<svg class="mdc-toggle__checkmark ${d.o(t)}" viewBox="0 0 24 24">
|
|
@@ -10,5 +10,5 @@
|
|
|
10
10
|
${this.iconOnly?"":c.x`<div><slot name="text"></slot></div>`}
|
|
11
11
|
</div>
|
|
12
12
|
`}_handleClick(){this.checked=!this.checked}};exports.CovalentIconCheckToggle.styles=[c.i`
|
|
13
|
-
${c.r(
|
|
14
|
-
`,s.styles];i([l.n()],exports.CovalentIconCheckToggle.prototype,"width",2);i([l.n()],exports.CovalentIconCheckToggle.prototype,"height",2);i([l.n({type:Boolean})],exports.CovalentIconCheckToggle.prototype,"iconOnly",2);exports.CovalentIconCheckToggle=i([c.e("cv-checkbox-icon")],exports.CovalentIconCheckToggle);const
|
|
13
|
+
${c.r(m)}
|
|
14
|
+
`,s.styles];i([l.n()],exports.CovalentIconCheckToggle.prototype,"width",2);i([l.n()],exports.CovalentIconCheckToggle.prototype,"height",2);i([l.n({type:Boolean})],exports.CovalentIconCheckToggle.prototype,"iconOnly",2);i([h.i(".container")],exports.CovalentIconCheckToggle.prototype,"mdcRoot",2);exports.CovalentIconCheckToggle=i([c.e("cv-checkbox-icon")],exports.CovalentIconCheckToggle);const y=exports.CovalentIconCheckToggle;exports.default=y;
|
package/icon-check-toggle.mjs
CHANGED
|
@@ -1,37 +1,38 @@
|
|
|
1
1
|
import { i as h, r as m, x as l, e as f } from "./query-assigned-elements-DhyCP_2z.mjs";
|
|
2
2
|
import { n as s } from "./property-DJzm_oB9.mjs";
|
|
3
|
+
import { i as g } from "./query-DSO61t36.mjs";
|
|
3
4
|
import { o as d } from "./class-map-BHl5MHd7.mjs";
|
|
4
|
-
import { o as
|
|
5
|
-
import { s as
|
|
6
|
-
const
|
|
7
|
-
var
|
|
8
|
-
for (var
|
|
9
|
-
(p =
|
|
10
|
-
return
|
|
5
|
+
import { o as y } from "./style-map-QxIETvrs.mjs";
|
|
6
|
+
import { s as v, C as u } from "./mwc-checkbox.css-CNoj0V14.mjs";
|
|
7
|
+
const b = ':host .mdc-toggle__background{position:absolute;top:4px;right:4px;width:15px;height:15px;border:none;color:var(--mdc-theme-on-primary)}:host .mdc-toggle__checkmark-path{transition:stroke-dashoffset .18s cubic-bezier(.4,0,.6,1) 0ms;stroke:currentcolor;stroke-width:3.12px;stroke-dashoffset:29.7833;stroke-dasharray:29.7833}:host .showCheck{stroke-dashoffset:0;opacity:1}:host([width=fill]){width:100%}.container{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;row-gap:8px;width:var(--width);height:var(--height);border:solid 2px var(--mdc-theme-border);border-radius:8px;color:var(--mdc-theme-text-primary-on-background);--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0);will-change:transform,opacity}.container:before,.container:after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.container:before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.container:after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.container.mdc-ripple-upgraded:before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.container.mdc-ripple-upgraded:after{top:0;left:0;transform:scale(0);transform-origin:center center}.container.mdc-ripple-upgraded--unbounded:after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.container.mdc-ripple-upgraded--foreground-activation:after{animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.container.mdc-ripple-upgraded--foreground-deactivation:after{animation:mdc-ripple-fg-opacity-out .15s;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.container:before,.container:after{top:0%;left:0%;width:100%;height:100%}.container.mdc-ripple-upgraded:before,.container.mdc-ripple-upgraded:after{top:var(--mdc-ripple-top, 0% );left:var(--mdc-ripple-left, 0% );width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.container.mdc-ripple-upgraded:after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.container:before,.container:after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.container:hover:before,.container.mdc-ripple-surface--hover:before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.container.mdc-ripple-upgraded--background-focused:before,.container:not(.mdc-ripple-upgraded):focus:before{transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.container:not(.mdc-ripple-upgraded):after{transition:opacity .15s linear}.container:not(.mdc-ripple-upgraded):active:after{transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.container.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, .12)}.container:after,.container:before{border-radius:8px}.container:hover{cursor:pointer}.cornerFill{background:linear-gradient(225deg,var(--mdc-theme-primary) 28px,transparent 0)}.checked{border:solid 2px var(--mdc-theme-primary);background-color:var(--mdc-theme-surface-primary-highlight)}.checked:hover{background-color:var(--mdc-theme-surface-primary-highlight-hover)}[name=icon]::slotted(*){font-size:40px;color:var(--mdc-theme-text-icon-on-background)}[name=text]::slotted(*){color:var(--mdc-theme-text-primary-on-background);font-family:var(--mdc-typography-body1-font-family);font-size:var(--mdc-typography-body1-font-size);font-weight:var(--mdc-typography-body1-font-weight);line-height:var(--mdc-typography-body1-line-height);letter-spacing:.4px}[name=text]::slotted(*:last-child){color:var(--mdc-theme-text-secondary-on-background);font-family:var(--mdc-typography-body2-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:var(--mdc-typography-body2-font-weight);line-height:var(--mdc-typography-body2-line-height)}';
|
|
8
|
+
var k = Object.defineProperty, x = Object.getOwnPropertyDescriptor, i = (a, r, o, c) => {
|
|
9
|
+
for (var t = c > 1 ? void 0 : c ? x(r, o) : r, n = a.length - 1, p; n >= 0; n--)
|
|
10
|
+
(p = a[n]) && (t = (c ? p(r, o, t) : p(t)) || t);
|
|
11
|
+
return c && t && k(r, o, t), t;
|
|
11
12
|
};
|
|
12
|
-
let
|
|
13
|
+
let e = class extends u {
|
|
13
14
|
constructor() {
|
|
14
15
|
super(...arguments), this.width = "200", this.height = "160", this.iconOnly = !1;
|
|
15
16
|
}
|
|
16
17
|
render() {
|
|
17
|
-
const
|
|
18
|
+
const a = {
|
|
18
19
|
checked: this.checked,
|
|
19
20
|
cornerFill: this.checked
|
|
20
|
-
},
|
|
21
|
+
}, r = {
|
|
21
22
|
showCheck: this.checked
|
|
22
23
|
}, o = {
|
|
23
24
|
"--width": this.width == "fill" ? "100%" : `${this.width}px`,
|
|
24
25
|
"--height": `${this.height}px`
|
|
25
26
|
};
|
|
26
27
|
return l`
|
|
27
|
-
<div class="${d(
|
|
28
|
+
<div class="${d(a)} container" style="${y(o)}" @click="${this._handleClick}">
|
|
28
29
|
<input type="checkbox" class="mdc-checkbox__native-control"></input>
|
|
29
30
|
<div class="mdc-toggle__background">
|
|
30
31
|
<svg class="mdc-toggle__checkmark ${d(
|
|
31
|
-
|
|
32
|
+
r
|
|
32
33
|
)}" viewBox="0 0 24 24">
|
|
33
34
|
<path class="mdc-toggle__checkmark-path ${d(
|
|
34
|
-
|
|
35
|
+
r
|
|
35
36
|
)}" fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
|
|
36
37
|
</svg>
|
|
37
38
|
</div>
|
|
@@ -44,26 +45,29 @@ let t = class extends v {
|
|
|
44
45
|
this.checked = !this.checked;
|
|
45
46
|
}
|
|
46
47
|
};
|
|
47
|
-
|
|
48
|
+
e.styles = [
|
|
48
49
|
h`
|
|
49
|
-
${m(
|
|
50
|
+
${m(b)}
|
|
50
51
|
`,
|
|
51
|
-
|
|
52
|
+
v
|
|
52
53
|
];
|
|
53
|
-
|
|
54
|
+
i([
|
|
54
55
|
s()
|
|
55
|
-
],
|
|
56
|
-
|
|
56
|
+
], e.prototype, "width", 2);
|
|
57
|
+
i([
|
|
57
58
|
s()
|
|
58
|
-
],
|
|
59
|
-
|
|
59
|
+
], e.prototype, "height", 2);
|
|
60
|
+
i([
|
|
60
61
|
s({ type: Boolean })
|
|
61
|
-
],
|
|
62
|
-
|
|
62
|
+
], e.prototype, "iconOnly", 2);
|
|
63
|
+
i([
|
|
64
|
+
g(".container")
|
|
65
|
+
], e.prototype, "mdcRoot", 2);
|
|
66
|
+
e = i([
|
|
63
67
|
f("cv-checkbox-icon")
|
|
64
|
-
],
|
|
65
|
-
const
|
|
68
|
+
], e);
|
|
69
|
+
const P = e;
|
|
66
70
|
export {
|
|
67
|
-
|
|
68
|
-
|
|
71
|
+
e as CovalentIconCheckToggle,
|
|
72
|
+
P as default
|
|
69
73
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-check-toggle.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/icon-checkbox/icon-check-toggle.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AAIxE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF;AAED,qBACa,uBAAwB,SAAQ,YAAY;IACvD,OAAgB,MAAM,4BAKpB;IAEU,KAAK,EAAE,MAAM,GAAG,MAAM,CAAS;IAC/B,MAAM,EAAE,MAAM,GAAG,MAAM,CAAS;IACf,QAAQ,UAAS;
|
|
1
|
+
{"version":3,"file":"icon-check-toggle.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/icon-checkbox/icon-check-toggle.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AAIxE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF;AAED,qBACa,uBAAwB,SAAQ,YAAY;IACvD,OAAgB,MAAM,4BAKpB;IAEU,KAAK,EAAE,MAAM,GAAG,MAAM,CAAS;IAC/B,MAAM,EAAE,MAAM,GAAG,MAAM,CAAS;IACf,QAAQ,UAAS;IAE9C,UAAuC,OAAO,EAAE,WAAW,CAAC;IAEnD,MAAM;IA6Bf,OAAO,CAAC,YAAY;CAGrB;AAED,eAAe,uBAAuB,CAAC"}
|