@covalent/components 7.5.0-beta.3 → 8.0.0

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.
Files changed (93) hide show
  1. package/action-ribbon.mjs +2 -2
  2. package/alert.mjs +2 -2
  3. package/app-shell/app-shell.d.ts +0 -2
  4. package/app-shell/app-shell.d.ts.map +1 -1
  5. package/app-shell.js +1 -1
  6. package/app-shell.mjs +12 -22
  7. package/button.mjs +3 -3
  8. package/check-list-item.js +6 -8
  9. package/check-list-item.mjs +28 -34
  10. package/checkbox.mjs +4 -4
  11. package/circular-progress.mjs +1 -1
  12. package/code-snippet-2137b11c.js +13 -0
  13. package/code-snippet-ccca324f.mjs +12278 -0
  14. package/code-snippet.js +1 -13
  15. package/code-snippet.mjs +7 -12204
  16. package/{dialog-3444dd4d.mjs → dialog-3ca1b701.mjs} +8 -8
  17. package/dialog.mjs +2 -2
  18. package/drawer.mjs +2 -2
  19. package/empty-state.js +1 -1
  20. package/empty-state.mjs +3 -3
  21. package/{form-element-7353b3c4.mjs → form-element-ffcf59ff.mjs} +1 -1
  22. package/{foundation-eff81c1e.mjs → foundation-39dc72d2.mjs} +1 -1
  23. package/icon-button.mjs +2 -2
  24. package/icon-check-toggle.mjs +4 -4
  25. package/icon-radio-toggle.mjs +4 -4
  26. package/icon.mjs +2 -2
  27. package/index.js +568 -1
  28. package/index.mjs +3728 -113
  29. package/linear-progress.mjs +4 -4
  30. package/list/check-list-item.d.ts.map +1 -1
  31. package/list/radio-list-item.d.ts.map +1 -1
  32. package/list-item-04b6ffa1.js +8 -0
  33. package/list-item-1c4f9e23.mjs +32 -0
  34. package/list-item.js +1 -7
  35. package/list-item.mjs +8 -29
  36. package/list.js +1 -1
  37. package/list.mjs +5 -5
  38. package/menu.mjs +5 -5
  39. package/{mwc-checkbox-base-afeeff16.mjs → mwc-checkbox-base-f10fd709.mjs} +3 -3
  40. package/{mwc-drawer-base-0c2b4060.mjs → mwc-drawer-base-135de8a5.mjs} +1 -1
  41. package/{mwc-icon-28b10c70.mjs → mwc-icon-bf656cf5.mjs} +1 -1
  42. package/{mwc-line-ripple-directive-315e996d.mjs → mwc-line-ripple-directive-b24a914e.mjs} +1 -1
  43. package/{mwc-list-base-8aa5bfd8.mjs → mwc-list-base-76e37212.mjs} +2 -2
  44. package/{mwc-list-item-base-bf1a075b.mjs → mwc-list-item-base-fe4398c3.mjs} +2 -2
  45. package/{list-item-209613bf.js → mwc-list-item.css-25adc0c4.js} +1 -2
  46. package/{list-item-1fc0d619.mjs → mwc-list-item.css-b0009fc7.mjs} +1 -3
  47. package/{mwc-menu-base-872420a4.mjs → mwc-menu-base-c4bc88ea.mjs} +2 -2
  48. package/{mwc-radio-base-18a887dd.mjs → mwc-radio-base-a374fbd9.mjs} +3 -3
  49. package/{mwc-slider.css-03537082.mjs → mwc-slider.css-8b6f275c.mjs} +3 -3
  50. package/{mwc-tab-base-cd1570e4.mjs → mwc-tab-base-be0c887f.mjs} +2 -2
  51. package/{mwc-top-app-bar-base-c7380903.mjs → mwc-top-app-bar-base-55da3fe4.mjs} +1 -1
  52. package/nav-list-item.js +2 -2
  53. package/nav-list-item.mjs +29 -29
  54. package/package.json +1 -16
  55. package/radio-list-item.js +6 -8
  56. package/radio-list-item.mjs +30 -36
  57. package/radio.mjs +4 -4
  58. package/{ripple-handlers-38a43e50.mjs → ripple-handlers-f37f21cf.mjs} +1 -1
  59. package/select.mjs +8 -8
  60. package/side-sheet.mjs +2 -2
  61. package/slider-range.mjs +4 -4
  62. package/slider.mjs +8 -8
  63. package/snackbar.mjs +1 -1
  64. package/style.css +1 -1
  65. package/switch.mjs +3 -3
  66. package/tab-bar.mjs +3 -3
  67. package/tab.mjs +3 -3
  68. package/textarea.mjs +4 -4
  69. package/textfield/textfield.d.ts +0 -1
  70. package/textfield/textfield.d.ts.map +1 -1
  71. package/{textfield-a2e37241.mjs → textfield-63d1859a.mjs} +3 -3
  72. package/textfield.js +1 -1
  73. package/textfield.mjs +4 -7
  74. package/toolbar.mjs +2 -2
  75. package/tooltip.mjs +1 -1
  76. package/top-app-bar-fixed.mjs +2 -2
  77. package/top-app-bar.mjs +2 -2
  78. package/tree-list-item.mjs +2 -2
  79. package/{tslib.es6-226581a4.mjs → tslib.es6-f3e988cd.mjs} +5 -5
  80. package/_commonjsHelpers-2367a3a2.js +0 -1
  81. package/_commonjsHelpers-de2741aa.mjs +0 -28
  82. package/chip-13877bb8.mjs +0 -3116
  83. package/chip-3c12a33d.js +0 -493
  84. package/chip-set.js +0 -76
  85. package/chip-set.mjs +0 -532
  86. package/chip.js +0 -1
  87. package/chip.mjs +0 -12
  88. package/expansion-panel-item.js +0 -25
  89. package/expansion-panel-item.mjs +0 -107
  90. package/expansion-panel.js +0 -7
  91. package/expansion-panel.mjs +0 -59
  92. package/formfield.js +0 -80
  93. package/formfield.mjs +0 -277
@@ -1,25 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./query-assigned-elements-f623705d.js"),n=require("./property-57f6f6fe.js");require("./icon.js");require("./mwc-icon-f87639bc.js");require("./tslib.es6-98719205.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(--mdc-theme-surface, #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}: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}
2
- `;var h=Object.defineProperty,c=Object.getOwnPropertyDescriptor,e=(l,t,r,i)=>{for(var o=i>1?void 0:i?c(t,r):t,s=l.length-1,p;s>=0;s--)(p=l[s])&&(o=(i?p(t,r,o):p(o))||o);return i&&o&&h(t,r,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`
3
- <div class="panel">
4
- <div class="header" @click=${this._toggleContent}>
5
- <span class="title">${this.title}</span>
6
- <span class="contentPreview">${this.contentPreview}</span>
7
-
8
- <cv-icon class="closedIcon">expand_more</cv-icon>
9
- <cv-icon class="openedIcon">expand_less</cv-icon>
10
- </div>
11
-
12
- <div class="dropdown">
13
- <div class="content">
14
- <slot name="content"></slot>
15
- ${this.showFooter?a.x`
16
- <div class="footer">
17
- <slot name="footer"></slot>
18
- </div>
19
- `:""}
20
- </div>
21
- </div>
22
- </div>
23
- `}resetPanel(){this.belowOpenInnerPanel=!1,this.aboveOpenInnerPanel=!1,this.separateSinglePanel=!1,this.open=!1}_toggleContent(){this.open=!this.open;const t=new CustomEvent("cv-expansionPanel-togglePanel",{detail:{message:`Panel opened: ${this}`,bubbles:!0,composed:!0,open:this.open,index:this.index}});window.dispatchEvent(t)}};exports.CovalentExpansionPanelItem.styles=[a.i`
24
- ${a.r(d)}
25
- `];e([n.n({type:Number})],exports.CovalentExpansionPanelItem.prototype,"index",2);e([n.n({type:Boolean,reflect:!0,attribute:"open"})],exports.CovalentExpansionPanelItem.prototype,"open",2);e([n.n({type:Boolean,reflect:!0,attribute:"isTopPanel"})],exports.CovalentExpansionPanelItem.prototype,"isTopPanel",2);e([n.n({type:Boolean,reflect:!0,attribute:"isInnerPanel"})],exports.CovalentExpansionPanelItem.prototype,"isInnerPanel",2);e([n.n({type:Boolean,reflect:!0,attribute:"isBottomPanel"})],exports.CovalentExpansionPanelItem.prototype,"isBottomPanel",2);e([n.n({type:Boolean,reflect:!0,attribute:"isSinglePanel"})],exports.CovalentExpansionPanelItem.prototype,"isSinglePanel",2);e([n.n({type:Boolean,reflect:!0,attribute:"belowOpenInnerPanel"})],exports.CovalentExpansionPanelItem.prototype,"belowOpenInnerPanel",2);e([n.n({type:Boolean,reflect:!0,attribute:"aboveOpenInnerPanel"})],exports.CovalentExpansionPanelItem.prototype,"aboveOpenInnerPanel",2);e([n.n({type:Boolean,reflect:!0,attribute:"separateSinglePanel"})],exports.CovalentExpansionPanelItem.prototype,"separateSinglePanel",2);e([n.n({type:String})],exports.CovalentExpansionPanelItem.prototype,"title",2);e([n.n({type:String})],exports.CovalentExpansionPanelItem.prototype,"contentPreview",2);e([n.n({type:Boolean,reflect:!0})],exports.CovalentExpansionPanelItem.prototype,"showFooter",2);e([n.n({type:Boolean,reflect:!0})],exports.CovalentExpansionPanelItem.prototype,"noSurface",2);exports.CovalentExpansionPanelItem=e([a.e("cv-expansion-panel-item")],exports.CovalentExpansionPanelItem);
@@ -1,107 +0,0 @@
1
- import { i as h, r as c, s as m, x as d, e as g } from "./query-assigned-elements-4a39219d.mjs";
2
- import { n as t } from "./property-9b6ea53b.mjs";
3
- import "./icon.mjs";
4
- import "./mwc-icon-28b10c70.mjs";
5
- import "./tslib.es6-226581a4.mjs";
6
- 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(--mdc-theme-surface, #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}: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}
7
- `;
8
- var f = Object.defineProperty, b = Object.getOwnPropertyDescriptor, o = (a, r, p, i) => {
9
- for (var n = i > 1 ? void 0 : i ? b(r, p) : r, s = a.length - 1, l; s >= 0; s--)
10
- (l = a[s]) && (n = (i ? l(r, p, n) : l(n)) || n);
11
- return i && n && f(r, p, n), n;
12
- };
13
- let e = class extends m {
14
- constructor() {
15
- 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;
16
- }
17
- render() {
18
- return d`
19
- <div class="panel">
20
- <div class="header" @click=${this._toggleContent}>
21
- <span class="title">${this.title}</span>
22
- <span class="contentPreview">${this.contentPreview}</span>
23
-
24
- <cv-icon class="closedIcon">expand_more</cv-icon>
25
- <cv-icon class="openedIcon">expand_less</cv-icon>
26
- </div>
27
-
28
- <div class="dropdown">
29
- <div class="content">
30
- <slot name="content"></slot>
31
- ${this.showFooter ? d`
32
- <div class="footer">
33
- <slot name="footer"></slot>
34
- </div>
35
- ` : ""}
36
- </div>
37
- </div>
38
- </div>
39
- `;
40
- }
41
- resetPanel() {
42
- this.belowOpenInnerPanel = !1, this.aboveOpenInnerPanel = !1, this.separateSinglePanel = !1, this.open = !1;
43
- }
44
- _toggleContent() {
45
- this.open = !this.open;
46
- const a = new CustomEvent("cv-expansionPanel-togglePanel", {
47
- detail: {
48
- message: `Panel opened: ${this}`,
49
- bubbles: !0,
50
- composed: !0,
51
- open: this.open,
52
- index: this.index
53
- }
54
- });
55
- window.dispatchEvent(a);
56
- }
57
- };
58
- e.styles = [
59
- h`
60
- ${c(y)}
61
- `
62
- ];
63
- o([
64
- t({ type: Number })
65
- ], e.prototype, "index", 2);
66
- o([
67
- t({ type: Boolean, reflect: !0, attribute: "open" })
68
- ], e.prototype, "open", 2);
69
- o([
70
- t({ type: Boolean, reflect: !0, attribute: "isTopPanel" })
71
- ], e.prototype, "isTopPanel", 2);
72
- o([
73
- t({ type: Boolean, reflect: !0, attribute: "isInnerPanel" })
74
- ], e.prototype, "isInnerPanel", 2);
75
- o([
76
- t({ type: Boolean, reflect: !0, attribute: "isBottomPanel" })
77
- ], e.prototype, "isBottomPanel", 2);
78
- o([
79
- t({ type: Boolean, reflect: !0, attribute: "isSinglePanel" })
80
- ], e.prototype, "isSinglePanel", 2);
81
- o([
82
- t({ type: Boolean, reflect: !0, attribute: "belowOpenInnerPanel" })
83
- ], e.prototype, "belowOpenInnerPanel", 2);
84
- o([
85
- t({ type: Boolean, reflect: !0, attribute: "aboveOpenInnerPanel" })
86
- ], e.prototype, "aboveOpenInnerPanel", 2);
87
- o([
88
- t({ type: Boolean, reflect: !0, attribute: "separateSinglePanel" })
89
- ], e.prototype, "separateSinglePanel", 2);
90
- o([
91
- t({ type: String })
92
- ], e.prototype, "title", 2);
93
- o([
94
- t({ type: String })
95
- ], e.prototype, "contentPreview", 2);
96
- o([
97
- t({ type: Boolean, reflect: !0 })
98
- ], e.prototype, "showFooter", 2);
99
- o([
100
- t({ type: Boolean, reflect: !0 })
101
- ], e.prototype, "noSurface", 2);
102
- e = o([
103
- g("cv-expansion-panel-item")
104
- ], e);
105
- export {
106
- e as CovalentExpansionPanelItem
107
- };
@@ -1,7 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./query-assigned-elements-f623705d.js"),p=require("./property-57f6f6fe.js");var h=Object.defineProperty,d=Object.getOwnPropertyDescriptor,i=(o,n,t,l)=>{for(var s=l>1?void 0:l?d(n,t):n,e=o.length-1,r;e>=0;e--)(r=o[e])&&(s=(l?r(n,t,s):r(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
- <div class="container">
3
- <div class="content">
4
- <slot id="mainSlot"></slot>
5
- </div>
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("--mdc-theme-surface","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);
@@ -1,59 +0,0 @@
1
- import { s as h, x as d, l as f, e as c } from "./query-assigned-elements-4a39219d.mjs";
2
- import { n as p } from "./property-9b6ea53b.mjs";
3
- var u = Object.defineProperty, P = Object.getOwnPropertyDescriptor, a = (n, t, s, l) => {
4
- for (var e = l > 1 ? void 0 : l ? P(t, s) : t, i = n.length - 1, o; i >= 0; i--)
5
- (o = n[i]) && (e = (l ? o(t, s, e) : o(e)) || e);
6
- return l && e && u(t, s, e), e;
7
- };
8
- let r = class extends h {
9
- constructor() {
10
- super(...arguments), this.noSurface = !1, this.titleWidth = "150px", this._handleToggle = (n) => {
11
- const t = n.detail.index, s = this.panelItems[t], l = s.open;
12
- this.panelItems.forEach((e) => {
13
- e.resetPanel();
14
- }), l && (s.open = !0, this.panelItems.forEach((e) => {
15
- 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);
16
- }));
17
- };
18
- }
19
- render() {
20
- return d`
21
- <div class="container">
22
- <div class="content">
23
- <slot id="mainSlot"></slot>
24
- </div>
25
- </div>
26
- `;
27
- }
28
- firstUpdated() {
29
- if (window.addEventListener(
30
- "cv-expansionPanel-togglePanel",
31
- (n) => this._handleToggle(n)
32
- ), this.style.setProperty(
33
- "--cv-expansion-panel-item-title-width",
34
- this.titleWidth
35
- ), this.noSurface && this.style.setProperty("--mdc-theme-surface", "transparent"), this.panelItems.length == 1)
36
- this.panelItems[0].isSinglePanel = !0;
37
- else {
38
- let n = 0;
39
- this.panelItems.forEach((t) => {
40
- n == 0 ? t.isTopPanel = !0 : n == this.panelItems.length - 1 ? t.isBottomPanel = !0 : t.isInnerPanel = !0, t.index = n, n++;
41
- });
42
- }
43
- }
44
- };
45
- a([
46
- p({ type: Boolean, reflect: !0 })
47
- ], r.prototype, "noSurface", 2);
48
- a([
49
- p({ type: String })
50
- ], r.prototype, "titleWidth", 2);
51
- a([
52
- f()
53
- ], r.prototype, "panelItems", 2);
54
- r = a([
55
- c("cv-expansion-panel")
56
- ], r);
57
- export {
58
- r as CovalentExpansionPanel
59
- };
package/formfield.js DELETED
@@ -1,80 +0,0 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("./query-assigned-elements-f623705d.js"),i=require("./tslib.es6-98719205.js"),m=require("./base-element-58a3f9ea.js"),f=require("./form-element-c553d6f5.js"),u=require("./observer-a096ab43.js"),d=require("./property-57f6f6fe.js"),p=require("./query-680f1868.js"),g=require("./query-assigned-nodes-99eae71d.js"),h=require("./class-map-b5efe8da.js");require("./utils-a8190a39.js");/**
2
- * @license
3
- * Copyright 2016 Google Inc.
4
- *
5
- * Permission is hereby granted, free of charge, to any person obtaining a copy
6
- * of this software and associated documentation files (the "Software"), to deal
7
- * in the Software without restriction, including without limitation the rights
8
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
- * copies of the Software, and to permit persons to whom the Software is
10
- * furnished to do so, subject to the following conditions:
11
- *
12
- * The above copyright notice and this permission notice shall be included in
13
- * all copies or substantial portions of the Software.
14
- *
15
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21
- * THE SOFTWARE.
22
- */var y=function(){function r(e){e===void 0&&(e={}),this.adapter=e}return Object.defineProperty(r,"cssClasses",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(r,"strings",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(r,"numbers",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(r,"defaultAdapter",{get:function(){return{}},enumerable:!1,configurable:!0}),r.prototype.init=function(){},r.prototype.destroy=function(){},r}();/**
23
- * @license
24
- * Copyright 2017 Google Inc.
25
- *
26
- * Permission is hereby granted, free of charge, to any person obtaining a copy
27
- * of this software and associated documentation files (the "Software"), to deal
28
- * in the Software without restriction, including without limitation the rights
29
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
30
- * copies of the Software, and to permit persons to whom the Software is
31
- * furnished to do so, subject to the following conditions:
32
- *
33
- * The above copyright notice and this permission notice shall be included in
34
- * all copies or substantial portions of the Software.
35
- *
36
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
37
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
38
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
39
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
40
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
41
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
42
- * THE SOFTWARE.
43
- */var b={ROOT:"mdc-form-field"},v={LABEL_SELECTOR:".mdc-form-field > label"};/**
44
- * @license
45
- * Copyright 2017 Google Inc.
46
- *
47
- * Permission is hereby granted, free of charge, to any person obtaining a copy
48
- * of this software and associated documentation files (the "Software"), to deal
49
- * in the Software without restriction, including without limitation the rights
50
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
51
- * copies of the Software, and to permit persons to whom the Software is
52
- * furnished to do so, subject to the following conditions:
53
- *
54
- * The above copyright notice and this permission notice shall be included in
55
- * all copies or substantial portions of the Software.
56
- *
57
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
58
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
59
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
60
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
61
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
62
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
63
- * THE SOFTWARE.
64
- */var w=function(r){i.__extends(e,r);function e(t){var n=r.call(this,i.__assign(i.__assign({},e.defaultAdapter),t))||this;return n.click=function(){n.handleClick()},n}return Object.defineProperty(e,"cssClasses",{get:function(){return b},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return v},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{activateInputRipple:function(){},deactivateInputRipple:function(){},deregisterInteractionHandler:function(){},registerInteractionHandler:function(){}}},enumerable:!1,configurable:!0}),e.prototype.init=function(){this.adapter.registerInteractionHandler("click",this.click)},e.prototype.destroy=function(){this.adapter.deregisterInteractionHandler("click",this.click)},e.prototype.handleClick=function(){var t=this;this.adapter.activateInputRipple(),requestAnimationFrame(function(){t.adapter.deactivateInputRipple()})},e}(y);const _=w;/**
65
- * @license
66
- * Copyright 2018 Google LLC
67
- * SPDX-License-Identifier: Apache-2.0
68
- */class o extends m.BaseElement{constructor(){super(...arguments),this.alignEnd=!1,this.spaceBetween=!1,this.nowrap=!1,this.label="",this.mdcFoundationClass=_}createAdapter(){return{registerInteractionHandler:(e,t)=>{this.labelEl.addEventListener(e,t)},deregisterInteractionHandler:(e,t)=>{this.labelEl.removeEventListener(e,t)},activateInputRipple:async()=>{const e=this.input;if(e instanceof f.FormElement){const t=await e.ripple;t&&t.startPress()}},deactivateInputRipple:async()=>{const e=this.input;if(e instanceof f.FormElement){const t=await e.ripple;t&&t.endPress()}}}}get input(){var e,t;return(t=(e=this.slottedInputs)===null||e===void 0?void 0:e[0])!==null&&t!==void 0?t:null}render(){const e={"mdc-form-field--align-end":this.alignEnd,"mdc-form-field--space-between":this.spaceBetween,"mdc-form-field--nowrap":this.nowrap};return l.x`
69
- <div class="mdc-form-field ${h.o(e)}">
70
- <slot></slot>
71
- <label class="mdc-label"
72
- @click="${this._labelClick}">${this.label}</label>
73
- </div>`}click(){this._labelClick()}_labelClick(){const e=this.input;e&&(e.focus(),e.click())}}i.__decorate([d.n({type:Boolean})],o.prototype,"alignEnd",void 0);i.__decorate([d.n({type:Boolean})],o.prototype,"spaceBetween",void 0);i.__decorate([d.n({type:Boolean})],o.prototype,"nowrap",void 0);i.__decorate([d.n({type:String}),u.observer(async function(r){var e;(e=this.input)===null||e===void 0||e.setAttribute("aria-label",r)})],o.prototype,"label",void 0);i.__decorate([p.i(".mdc-form-field")],o.prototype,"mdcRoot",void 0);i.__decorate([g.o("",!0,"*")],o.prototype,"slottedInputs",void 0);i.__decorate([p.i("label")],o.prototype,"labelEl",void 0);/**
74
- * @license
75
- * Copyright 2021 Google LLC
76
- * SPDX-LIcense-Identifier: Apache-2.0
77
- */const x=l.i`.mdc-form-field{-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);color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));display:inline-flex;align-items:center;vertical-align:middle}.mdc-form-field>label{margin-left:0;margin-right:auto;padding-left:4px;padding-right:0;order:0}[dir=rtl] .mdc-form-field>label,.mdc-form-field>label[dir=rtl]{margin-left:auto;margin-right:0}[dir=rtl] .mdc-form-field>label,.mdc-form-field>label[dir=rtl]{padding-left:0;padding-right:4px}.mdc-form-field--nowrap>label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.mdc-form-field--align-end>label{margin-left:auto;margin-right:0;padding-left:0;padding-right:4px;order:-1}[dir=rtl] .mdc-form-field--align-end>label,.mdc-form-field--align-end>label[dir=rtl]{margin-left:0;margin-right:auto}[dir=rtl] .mdc-form-field--align-end>label,.mdc-form-field--align-end>label[dir=rtl]{padding-left:4px;padding-right:0}.mdc-form-field--space-between{justify-content:space-between}.mdc-form-field--space-between>label{margin:0}[dir=rtl] .mdc-form-field--space-between>label,.mdc-form-field--space-between>label[dir=rtl]{margin:0}:host{display:inline-flex}.mdc-form-field{width:100%}::slotted(*){-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);color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}::slotted(mwc-switch){margin-right:10px}[dir=rtl] ::slotted(mwc-switch),::slotted(mwc-switch[dir=rtl]){margin-left:10px}`,C=`::slotted(cv-switch){margin-right:10px}[dir=rtl] ::slotted(cv-switch),::slotted(cv-switch[dir=rtl]){margin-left:10px}
78
- `;var F=Object.defineProperty,E=Object.getOwnPropertyDescriptor,O=(r,e,t,n)=>{for(var a=n>1?void 0:n?E(e,t):e,s=r.length-1,c;s>=0;s--)(c=r[s])&&(a=(n?c(e,t,a):c(a))||a);return n&&a&&F(e,t,a),a};exports.CovalentFormfield=class extends o{};exports.CovalentFormfield.styles=[l.i`
79
- ${l.r(C)}
80
- `,x];exports.CovalentFormfield=O([l.e("cv-formfield")],exports.CovalentFormfield);const q=exports.CovalentFormfield;exports.default=q;
package/formfield.mjs DELETED
@@ -1,277 +0,0 @@
1
- import { x as u, i as m, r as h, e as y } from "./query-assigned-elements-4a39219d.mjs";
2
- import { _ as b, a as f, b as a } from "./tslib.es6-226581a4.mjs";
3
- import { B as v } from "./base-element-67ae173f.mjs";
4
- import { F as p } from "./form-element-7353b3c4.mjs";
5
- import { o as w } from "./observer-be7b92e2.mjs";
6
- import { n as d } from "./property-9b6ea53b.mjs";
7
- import { i as g } from "./query-d843aa92.mjs";
8
- import { o as x } from "./query-assigned-nodes-df691e78.mjs";
9
- import { o as _ } from "./class-map-4b94b017.mjs";
10
- import "./utils-2932417c.mjs";
11
- /**
12
- * @license
13
- * Copyright 2016 Google Inc.
14
- *
15
- * Permission is hereby granted, free of charge, to any person obtaining a copy
16
- * of this software and associated documentation files (the "Software"), to deal
17
- * in the Software without restriction, including without limitation the rights
18
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
19
- * copies of the Software, and to permit persons to whom the Software is
20
- * furnished to do so, subject to the following conditions:
21
- *
22
- * The above copyright notice and this permission notice shall be included in
23
- * all copies or substantial portions of the Software.
24
- *
25
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
26
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
27
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
28
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
29
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
30
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
31
- * THE SOFTWARE.
32
- */
33
- var C = (
34
- /** @class */
35
- function() {
36
- function r(e) {
37
- e === void 0 && (e = {}), this.adapter = e;
38
- }
39
- return Object.defineProperty(r, "cssClasses", {
40
- get: function() {
41
- return {};
42
- },
43
- enumerable: !1,
44
- configurable: !0
45
- }), Object.defineProperty(r, "strings", {
46
- get: function() {
47
- return {};
48
- },
49
- enumerable: !1,
50
- configurable: !0
51
- }), Object.defineProperty(r, "numbers", {
52
- get: function() {
53
- return {};
54
- },
55
- enumerable: !1,
56
- configurable: !0
57
- }), Object.defineProperty(r, "defaultAdapter", {
58
- get: function() {
59
- return {};
60
- },
61
- enumerable: !1,
62
- configurable: !0
63
- }), r.prototype.init = function() {
64
- }, r.prototype.destroy = function() {
65
- }, r;
66
- }()
67
- );
68
- /**
69
- * @license
70
- * Copyright 2017 Google Inc.
71
- *
72
- * Permission is hereby granted, free of charge, to any person obtaining a copy
73
- * of this software and associated documentation files (the "Software"), to deal
74
- * in the Software without restriction, including without limitation the rights
75
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
76
- * copies of the Software, and to permit persons to whom the Software is
77
- * furnished to do so, subject to the following conditions:
78
- *
79
- * The above copyright notice and this permission notice shall be included in
80
- * all copies or substantial portions of the Software.
81
- *
82
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
83
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
84
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
85
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
86
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
87
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
88
- * THE SOFTWARE.
89
- */
90
- var F = {
91
- ROOT: "mdc-form-field"
92
- }, I = {
93
- LABEL_SELECTOR: ".mdc-form-field > label"
94
- };
95
- /**
96
- * @license
97
- * Copyright 2017 Google Inc.
98
- *
99
- * Permission is hereby granted, free of charge, to any person obtaining a copy
100
- * of this software and associated documentation files (the "Software"), to deal
101
- * in the Software without restriction, including without limitation the rights
102
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
103
- * copies of the Software, and to permit persons to whom the Software is
104
- * furnished to do so, subject to the following conditions:
105
- *
106
- * The above copyright notice and this permission notice shall be included in
107
- * all copies or substantial portions of the Software.
108
- *
109
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
110
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
111
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
112
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
113
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
114
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
115
- * THE SOFTWARE.
116
- */
117
- var O = (
118
- /** @class */
119
- function(r) {
120
- b(e, r);
121
- function e(t) {
122
- var i = r.call(this, f(f({}, e.defaultAdapter), t)) || this;
123
- return i.click = function() {
124
- i.handleClick();
125
- }, i;
126
- }
127
- return Object.defineProperty(e, "cssClasses", {
128
- get: function() {
129
- return F;
130
- },
131
- enumerable: !1,
132
- configurable: !0
133
- }), Object.defineProperty(e, "strings", {
134
- get: function() {
135
- return I;
136
- },
137
- enumerable: !1,
138
- configurable: !0
139
- }), Object.defineProperty(e, "defaultAdapter", {
140
- get: function() {
141
- return {
142
- activateInputRipple: function() {
143
- },
144
- deactivateInputRipple: function() {
145
- },
146
- deregisterInteractionHandler: function() {
147
- },
148
- registerInteractionHandler: function() {
149
- }
150
- };
151
- },
152
- enumerable: !1,
153
- configurable: !0
154
- }), e.prototype.init = function() {
155
- this.adapter.registerInteractionHandler("click", this.click);
156
- }, e.prototype.destroy = function() {
157
- this.adapter.deregisterInteractionHandler("click", this.click);
158
- }, e.prototype.handleClick = function() {
159
- var t = this;
160
- this.adapter.activateInputRipple(), requestAnimationFrame(function() {
161
- t.adapter.deactivateInputRipple();
162
- });
163
- }, e;
164
- }(C)
165
- );
166
- const E = O;
167
- /**
168
- * @license
169
- * Copyright 2018 Google LLC
170
- * SPDX-License-Identifier: Apache-2.0
171
- */
172
- class n extends v {
173
- constructor() {
174
- super(...arguments), this.alignEnd = !1, this.spaceBetween = !1, this.nowrap = !1, this.label = "", this.mdcFoundationClass = E;
175
- }
176
- createAdapter() {
177
- return {
178
- registerInteractionHandler: (e, t) => {
179
- this.labelEl.addEventListener(e, t);
180
- },
181
- deregisterInteractionHandler: (e, t) => {
182
- this.labelEl.removeEventListener(e, t);
183
- },
184
- activateInputRipple: async () => {
185
- const e = this.input;
186
- if (e instanceof p) {
187
- const t = await e.ripple;
188
- t && t.startPress();
189
- }
190
- },
191
- deactivateInputRipple: async () => {
192
- const e = this.input;
193
- if (e instanceof p) {
194
- const t = await e.ripple;
195
- t && t.endPress();
196
- }
197
- }
198
- };
199
- }
200
- get input() {
201
- var e, t;
202
- return (t = (e = this.slottedInputs) === null || e === void 0 ? void 0 : e[0]) !== null && t !== void 0 ? t : null;
203
- }
204
- render() {
205
- const e = {
206
- "mdc-form-field--align-end": this.alignEnd,
207
- "mdc-form-field--space-between": this.spaceBetween,
208
- "mdc-form-field--nowrap": this.nowrap
209
- };
210
- return u`
211
- <div class="mdc-form-field ${_(e)}">
212
- <slot></slot>
213
- <label class="mdc-label"
214
- @click="${this._labelClick}">${this.label}</label>
215
- </div>`;
216
- }
217
- click() {
218
- this._labelClick();
219
- }
220
- _labelClick() {
221
- const e = this.input;
222
- e && (e.focus(), e.click());
223
- }
224
- }
225
- a([
226
- d({ type: Boolean })
227
- ], n.prototype, "alignEnd", void 0);
228
- a([
229
- d({ type: Boolean })
230
- ], n.prototype, "spaceBetween", void 0);
231
- a([
232
- d({ type: Boolean })
233
- ], n.prototype, "nowrap", void 0);
234
- a([
235
- d({ type: String }),
236
- w(async function(r) {
237
- var e;
238
- (e = this.input) === null || e === void 0 || e.setAttribute("aria-label", r);
239
- })
240
- ], n.prototype, "label", void 0);
241
- a([
242
- g(".mdc-form-field")
243
- ], n.prototype, "mdcRoot", void 0);
244
- a([
245
- x("", !0, "*")
246
- ], n.prototype, "slottedInputs", void 0);
247
- a([
248
- g("label")
249
- ], n.prototype, "labelEl", void 0);
250
- /**
251
- * @license
252
- * Copyright 2021 Google LLC
253
- * SPDX-LIcense-Identifier: Apache-2.0
254
- */
255
- const P = m`.mdc-form-field{-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);color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));display:inline-flex;align-items:center;vertical-align:middle}.mdc-form-field>label{margin-left:0;margin-right:auto;padding-left:4px;padding-right:0;order:0}[dir=rtl] .mdc-form-field>label,.mdc-form-field>label[dir=rtl]{margin-left:auto;margin-right:0}[dir=rtl] .mdc-form-field>label,.mdc-form-field>label[dir=rtl]{padding-left:0;padding-right:4px}.mdc-form-field--nowrap>label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.mdc-form-field--align-end>label{margin-left:auto;margin-right:0;padding-left:0;padding-right:4px;order:-1}[dir=rtl] .mdc-form-field--align-end>label,.mdc-form-field--align-end>label[dir=rtl]{margin-left:0;margin-right:auto}[dir=rtl] .mdc-form-field--align-end>label,.mdc-form-field--align-end>label[dir=rtl]{padding-left:4px;padding-right:0}.mdc-form-field--space-between{justify-content:space-between}.mdc-form-field--space-between>label{margin:0}[dir=rtl] .mdc-form-field--space-between>label,.mdc-form-field--space-between>label[dir=rtl]{margin:0}:host{display:inline-flex}.mdc-form-field{width:100%}::slotted(*){-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);color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}::slotted(mwc-switch){margin-right:10px}[dir=rtl] ::slotted(mwc-switch),::slotted(mwc-switch[dir=rtl]){margin-left:10px}`, R = `::slotted(cv-switch){margin-right:10px}[dir=rtl] ::slotted(cv-switch),::slotted(cv-switch[dir=rtl]){margin-left:10px}
256
- `;
257
- var k = Object.defineProperty, j = Object.getOwnPropertyDescriptor, B = (r, e, t, i) => {
258
- for (var o = i > 1 ? void 0 : i ? j(e, t) : e, s = r.length - 1, c; s >= 0; s--)
259
- (c = r[s]) && (o = (i ? c(e, t, o) : c(o)) || o);
260
- return i && o && k(e, t, o), o;
261
- };
262
- let l = class extends n {
263
- };
264
- l.styles = [
265
- m`
266
- ${h(R)}
267
- `,
268
- P
269
- ];
270
- l = B([
271
- y("cv-formfield")
272
- ], l);
273
- const G = l;
274
- export {
275
- l as CovalentFormfield,
276
- G as default
277
- };