@covalent/components 9.0.0-beta.4 → 9.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.
- package/app-shell.js +1 -1
- package/app-shell.mjs +1 -1
- package/code-editor-Bshyfjyn.mjs +77079 -0
- package/code-editor-CSH3MdBF.js +718 -0
- package/code-editor.js +1 -1
- package/code-editor.mjs +1 -1
- package/{css-Bn4le2Sp.js → css-BbTDMrKE.js} +1 -1
- package/{css-DjwjINlv.mjs → css-CLWUu9O1.mjs} +8 -1
- package/{html-BMgGKfr0.js → html-DUGRoHaj.js} +2 -2
- package/{html-BFM6gjw5.mjs → html-DrhRpsz9.mjs} +37 -4
- package/icon-check-toggle.js +4 -4
- package/icon-check-toggle.mjs +1 -1
- package/icon-lockup/icon-lockup.d.ts +64 -0
- package/icon-lockup/icon-lockup.d.ts.map +1 -0
- package/icon-lockup.js +14 -0
- package/icon-lockup.mjs +99 -0
- package/index.d.ts +1 -0
- package/index.d.ts.map +1 -1
- package/index.js +1 -1
- package/index.mjs +69 -67
- package/{javascript-20JK5_5Y.js → javascript-54eqLOAw.js} +3 -3
- package/{javascript-BVQ0GGQP.mjs → javascript-DKtDcqDi.mjs} +4 -2
- package/{markdown-bAu8rWEZ.mjs → markdown-BKScSdMX.mjs} +34 -1
- package/{markdown-CrnizovQ.js → markdown-DldjjLzq.js} +1 -1
- package/notebook-cell.js +1 -1
- package/notebook-cell.mjs +1 -1
- package/package.json +6 -1
- package/{python-BRZC-1dQ.mjs → python-CEXbOLXn.mjs} +59 -11
- package/python-CzGtlN7c.js +6 -0
- package/{r-rF4J5dF2.mjs → r-BTwZKg_d.mjs} +5 -1
- package/{r-DKABafMl.js → r-DAAK96v0.js} +1 -1
- package/{sql-CL8qgBkR.mjs → sql-1GwNodTS.mjs} +42 -1
- package/{sql-CXm05EUD.js → sql-BMnYdyBG.js} +1 -1
- package/style.css +1 -1
- package/typescript-D_zVB3gH.js +6 -0
- package/{typescript-qqbekFoQ.mjs → typescript-DotYReBq.mjs} +25 -3
- package/code-editor-CxQzms2S.mjs +0 -62429
- package/code-editor-hT6MTCL6.js +0 -660
- package/python-B8sEpp0H.js +0 -6
- package/typescript-CqVUCaiQ.js +0 -6
package/code-editor.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("./query-assigned-elements-4CafVNR8.js");require("./property-DYTC_2-m.js");const e=require("./code-editor-
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("./query-assigned-elements-4CafVNR8.js");require("./property-DYTC_2-m.js");const e=require("./code-editor-CSH3MdBF.js");Object.defineProperty(exports,"CovalentCodeEditor",{enumerable:!0,get:()=>e.CovalentCodeEditor});exports.default=e.CovalentCodeEditor$1;
|
package/code-editor.mjs
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});/*!-----------------------------------------------------------------------------
|
2
2
|
* Copyright (c) Microsoft Corporation. All rights reserved.
|
3
|
-
* Version: 0.
|
3
|
+
* Version: 0.52.0(f6dc0eb8fce67e57f6036f4769d92c1666cdf546)
|
4
4
|
* Released under the MIT license
|
5
5
|
* https://github.com/microsoft/monaco-editor/blob/main/LICENSE.txt
|
6
6
|
*-----------------------------------------------------------------------------*/var e={wordPattern:/(#?-?\d*\.\d\w*%?)|((::|[@#.!:])?[\w-?]+%?)|::|[@#.!:]/g,comments:{blockComment:["/*","*/"]},brackets:[["{","}"],["[","]"],["(",")"]],autoClosingPairs:[{open:"{",close:"}",notIn:["string","comment"]},{open:"[",close:"]",notIn:["string","comment"]},{open:"(",close:")",notIn:["string","comment"]},{open:'"',close:'"',notIn:["string","comment"]},{open:"'",close:"'",notIn:["string","comment"]}],surroundingPairs:[{open:"{",close:"}"},{open:"[",close:"]"},{open:"(",close:")"},{open:'"',close:'"'},{open:"'",close:"'"}],folding:{markers:{start:new RegExp("^\\s*\\/\\*\\s*#region\\b\\s*(.*?)\\s*\\*\\/"),end:new RegExp("^\\s*\\/\\*\\s*#endregion\\b.*\\*\\/")}}},t={defaultToken:"",tokenPostfix:".css",ws:`[
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/*!-----------------------------------------------------------------------------
|
2
2
|
* Copyright (c) Microsoft Corporation. All rights reserved.
|
3
|
-
* Version: 0.
|
3
|
+
* Version: 0.52.0(f6dc0eb8fce67e57f6036f4769d92c1666cdf546)
|
4
4
|
* Released under the MIT license
|
5
5
|
* https://github.com/microsoft/monaco-editor/blob/main/LICENSE.txt
|
6
6
|
*-----------------------------------------------------------------------------*/
|
@@ -39,6 +39,7 @@ var e = {
|
|
39
39
|
tokenPostfix: ".css",
|
40
40
|
ws: `[
|
41
41
|
\r\f]*`,
|
42
|
+
// whitespaces (referenced in several rules)
|
42
43
|
identifier: "-?-?([a-zA-Z]|(\\\\(([0-9a-fA-F]{1,6}\\s?)|[^[0-9a-fA-F])))([\\w\\-]|(\\\\(([0-9a-fA-F]{1,6}\\s?)|[^[0-9a-fA-F])))*",
|
43
44
|
brackets: [
|
44
45
|
{ open: "{", close: "}", token: "delimiter.bracket" },
|
@@ -68,17 +69,21 @@ var e = {
|
|
68
69
|
],
|
69
70
|
{ include: "@selectorname" },
|
70
71
|
["[\\*]", "tag"],
|
72
|
+
// selector symbols
|
71
73
|
["[>\\+,]", "delimiter"],
|
74
|
+
// selector operators
|
72
75
|
["\\[", { token: "delimiter.bracket", next: "@selectorattribute" }],
|
73
76
|
["{", { token: "delimiter.bracket", next: "@selectorbody" }]
|
74
77
|
],
|
75
78
|
selectorbody: [
|
76
79
|
{ include: "@comments" },
|
77
80
|
["[*_]?@identifier@ws:(?=(\\s|\\d|[^{;}]*[;}]))", "attribute.name", "@rulevalue"],
|
81
|
+
// rule definition: to distinguish from a nested selector check for whitespace, number or a semicolon
|
78
82
|
["}", { token: "delimiter.bracket", next: "@pop" }]
|
79
83
|
],
|
80
84
|
selectorname: [
|
81
85
|
["(\\.|#(?=[^{])|%|(@identifier)|:)+", "tag"]
|
86
|
+
// selector (.foo, div, ...)
|
82
87
|
],
|
83
88
|
selectorattribute: [{ include: "@term" }, ["]", { token: "delimiter.bracket", next: "@pop" }]],
|
84
89
|
term: [
|
@@ -105,6 +110,7 @@ var e = {
|
|
105
110
|
["!important", "keyword"],
|
106
111
|
[";", "delimiter", "@pop"],
|
107
112
|
["(?=})", { token: "", next: "@pop" }]
|
113
|
+
// missing semicolon
|
108
114
|
],
|
109
115
|
warndebug: [["[@](warn|debug)", { token: "keyword", next: "@declarationbody" }]],
|
110
116
|
import: [["[@](import)", { token: "keyword", next: "@declarationbody" }]],
|
@@ -122,6 +128,7 @@ var e = {
|
|
122
128
|
{ include: "@term" },
|
123
129
|
[";", "delimiter", "@pop"],
|
124
130
|
["(?=})", { token: "", next: "@pop" }]
|
131
|
+
// missing semicolon
|
125
132
|
],
|
126
133
|
comments: [
|
127
134
|
["\\/\\*", "comment", "@comment"],
|
@@ -1,6 +1,6 @@
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./code-editor-
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./code-editor-CSH3MdBF.js");/*!-----------------------------------------------------------------------------
|
2
2
|
* Copyright (c) Microsoft Corporation. All rights reserved.
|
3
|
-
* Version: 0.
|
3
|
+
* Version: 0.52.0(f6dc0eb8fce67e57f6036f4769d92c1666cdf546)
|
4
4
|
* Released under the MIT license
|
5
5
|
* https://github.com/microsoft/monaco-editor/blob/main/LICENSE.txt
|
6
6
|
*-----------------------------------------------------------------------------*/var d=Object.defineProperty,p=Object.getOwnPropertyDescriptor,l=Object.getOwnPropertyNames,m=Object.prototype.hasOwnProperty,c=(t,e,n,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of l(e))!m.call(t,r)&&r!==n&&d(t,r,{get:()=>e[r],enumerable:!(o=p(e,r))||o.enumerable});return t},u=(t,e,n)=>(c(t,e,"default"),n),i={};u(i,s.monaco_editor_core_star);var a=["area","base","br","col","embed","hr","img","input","keygen","link","menuitem","meta","param","source","track","wbr"],b={wordPattern:/(-?\d*\.\d\w*)|([^\`\~\!\@\$\^\&\*\(\)\=\+\[\{\]\}\\\|\;\:\'\"\,\.\<\>\/\s]+)/g,comments:{blockComment:["<!--","-->"]},brackets:[["<!--","-->"],["<",">"],["{","}"],["(",")"]],autoClosingPairs:[{open:"{",close:"}"},{open:"[",close:"]"},{open:"(",close:")"},{open:'"',close:'"'},{open:"'",close:"'"}],surroundingPairs:[{open:'"',close:'"'},{open:"'",close:"'"},{open:"{",close:"}"},{open:"[",close:"]"},{open:"(",close:")"},{open:"<",close:">"}],onEnterRules:[{beforeText:new RegExp(`<(?!(?:${a.join("|")}))([_:\\w][_:\\w-.\\d]*)([^/>]*(?!/)>)[^<]*$`,"i"),afterText:/^<\/([_:\w][_:\w-.\d]*)\s*>$/i,action:{indentAction:i.languages.IndentAction.IndentOutdent}},{beforeText:new RegExp(`<(?!(?:${a.join("|")}))(\\w[\\w\\d]*)([^/>]*(?!/)>)[^<]*$`,"i"),action:{indentAction:i.languages.IndentAction.Indent}}],folding:{markers:{start:new RegExp("^\\s*<!--\\s*#region\\b.*-->"),end:new RegExp("^\\s*<!--\\s*#endregion\\b.*-->")}}},y={defaultToken:"",tokenPostfix:".html",ignoreCase:!0,tokenizer:{root:[[/<!DOCTYPE/,"metatag","@doctype"],[/<!--/,"comment","@comment"],[/(<)((?:[\w\-]+:)?[\w\-]+)(\s*)(\/>)/,["delimiter","tag","","delimiter"]],[/(<)(script)/,["delimiter",{token:"tag",next:"@script"}]],[/(<)(style)/,["delimiter",{token:"tag",next:"@style"}]],[/(<)((?:[\w\-]+:)?[\w\-]+)/,["delimiter",{token:"tag",next:"@otherTag"}]],[/(<\/)((?:[\w\-]+:)?[\w\-]+)/,["delimiter",{token:"tag",next:"@otherTag"}]],[/</,"delimiter"],[/[^<]+/]],doctype:[[/[^>]+/,"metatag.content"],[/>/,"metatag","@pop"]],comment:[[/-->/,"comment","@pop"],[/[^-]+/,"comment.content"],[/./,"comment.content"]],otherTag:[[/\/?>/,"delimiter","@pop"],[/"([^"]*)"/,"attribute.value"],[/'([^']*)'/,"attribute.value"],[/[\w\-]+/,"attribute.name"],[/=/,"delimiter"],[/[ \t\r\n]+/]],script:[[/type/,"attribute.name","@scriptAfterType"],[/"([^"]*)"/,"attribute.value"],[/'([^']*)'/,"attribute.value"],[/[\w\-]+/,"attribute.name"],[/=/,"delimiter"],[/>/,{token:"delimiter",next:"@scriptEmbedded",nextEmbedded:"text/javascript"}],[/[ \t\r\n]+/],[/(<\/)(script\s*)(>)/,["delimiter","tag",{token:"delimiter",next:"@pop"}]]],scriptAfterType:[[/=/,"delimiter","@scriptAfterTypeEquals"],[/>/,{token:"delimiter",next:"@scriptEmbedded",nextEmbedded:"text/javascript"}],[/[ \t\r\n]+/],[/<\/script\s*>/,{token:"@rematch",next:"@pop"}]],scriptAfterTypeEquals:[[/"module"/,{token:"attribute.value",switchTo:"@scriptWithCustomType.text/javascript"}],[/'module'/,{token:"attribute.value",switchTo:"@scriptWithCustomType.text/javascript"}],[/"([^"]*)"/,{token:"attribute.value",switchTo:"@scriptWithCustomType.$1"}],[/'([^']*)'/,{token:"attribute.value",switchTo:"@scriptWithCustomType.$1"}],[/>/,{token:"delimiter",next:"@scriptEmbedded",nextEmbedded:"text/javascript"}],[/[ \t\r\n]+/],[/<\/script\s*>/,{token:"@rematch",next:"@pop"}]],scriptWithCustomType:[[/>/,{token:"delimiter",next:"@scriptEmbedded.$S2",nextEmbedded:"$S2"}],[/"([^"]*)"/,"attribute.value"],[/'([^']*)'/,"attribute.value"],[/[\w\-]+/,"attribute.name"],[/=/,"delimiter"],[/[ \t\r\n]+/],[/<\/script\s*>/,{token:"@rematch",next:"@pop"}]],scriptEmbedded:[[/<\/script/,{token:"@rematch",next:"@pop",nextEmbedded:"@pop"}],[/[^<]+/,""]],style:[[/type/,"attribute.name","@styleAfterType"],[/"([^"]*)"/,"attribute.value"],[/'([^']*)'/,"attribute.value"],[/[\w\-]+/,"attribute.name"],[/=/,"delimiter"],[/>/,{token:"delimiter",next:"@styleEmbedded",nextEmbedded:"text/css"}],[/[ \t\r\n]+/],[/(<\/)(style\s*)(>)/,["delimiter","tag",{token:"delimiter",next:"@pop"}]]],styleAfterType:[[/=/,"delimiter","@styleAfterTypeEquals"],[/>/,{token:"delimiter",next:"@styleEmbedded",nextEmbedded:"text/css"}],[/[ \t\r\n]+/],[/<\/style\s*>/,{token:"@rematch",next:"@pop"}]],styleAfterTypeEquals:[[/"([^"]*)"/,{token:"attribute.value",switchTo:"@styleWithCustomType.$1"}],[/'([^']*)'/,{token:"attribute.value",switchTo:"@styleWithCustomType.$1"}],[/>/,{token:"delimiter",next:"@styleEmbedded",nextEmbedded:"text/css"}],[/[ \t\r\n]+/],[/<\/style\s*>/,{token:"@rematch",next:"@pop"}]],styleWithCustomType:[[/>/,{token:"delimiter",next:"@styleEmbedded.$S2",nextEmbedded:"$S2"}],[/"([^"]*)"/,"attribute.value"],[/'([^']*)'/,"attribute.value"],[/[\w\-]+/,"attribute.name"],[/=/,"delimiter"],[/[ \t\r\n]+/],[/<\/style\s*>/,{token:"@rematch",next:"@pop"}]],styleEmbedded:[[/<\/style/,{token:"@rematch",next:"@pop",nextEmbedded:"@pop"}],[/[^<]+/,""]]}};exports.conf=b;exports.language=y;
|
@@ -1,7 +1,7 @@
|
|
1
|
-
import { m as s } from "./code-editor-
|
1
|
+
import { m as s } from "./code-editor-Bshyfjyn.mjs";
|
2
2
|
/*!-----------------------------------------------------------------------------
|
3
3
|
* Copyright (c) Microsoft Corporation. All rights reserved.
|
4
|
-
* Version: 0.
|
4
|
+
* Version: 0.52.0(f6dc0eb8fce67e57f6036f4769d92c1666cdf546)
|
5
5
|
* Released under the MIT license
|
6
6
|
* https://github.com/microsoft/monaco-editor/blob/main/LICENSE.txt
|
7
7
|
*-----------------------------------------------------------------------------*/
|
@@ -57,14 +57,20 @@ var a = [
|
|
57
57
|
],
|
58
58
|
onEnterRules: [
|
59
59
|
{
|
60
|
-
beforeText: new RegExp(
|
60
|
+
beforeText: new RegExp(
|
61
|
+
`<(?!(?:${a.join("|")}))([_:\\w][_:\\w-.\\d]*)([^/>]*(?!/)>)[^<]*$`,
|
62
|
+
"i"
|
63
|
+
),
|
61
64
|
afterText: /^<\/([_:\w][_:\w-.\d]*)\s*>$/i,
|
62
65
|
action: {
|
63
66
|
indentAction: i.languages.IndentAction.IndentOutdent
|
64
67
|
}
|
65
68
|
},
|
66
69
|
{
|
67
|
-
beforeText: new RegExp(
|
70
|
+
beforeText: new RegExp(
|
71
|
+
`<(?!(?:${a.join("|")}))(\\w[\\w\\d]*)([^/>]*(?!/)>)[^<]*$`,
|
72
|
+
"i"
|
73
|
+
),
|
68
74
|
action: { indentAction: i.languages.IndentAction.Indent }
|
69
75
|
}
|
70
76
|
],
|
@@ -78,6 +84,7 @@ var a = [
|
|
78
84
|
defaultToken: "",
|
79
85
|
tokenPostfix: ".html",
|
80
86
|
ignoreCase: !0,
|
87
|
+
// The main tokenizer for our languages
|
81
88
|
tokenizer: {
|
82
89
|
root: [
|
83
90
|
[/<!DOCTYPE/, "metatag", "@doctype"],
|
@@ -89,6 +96,7 @@ var a = [
|
|
89
96
|
[/(<\/)((?:[\w\-]+:)?[\w\-]+)/, ["delimiter", { token: "tag", next: "@otherTag" }]],
|
90
97
|
[/</, "delimiter"],
|
91
98
|
[/[^<]+/]
|
99
|
+
// text
|
92
100
|
],
|
93
101
|
doctype: [
|
94
102
|
[/[^>]+/, "metatag.content"],
|
@@ -106,7 +114,10 @@ var a = [
|
|
106
114
|
[/[\w\-]+/, "attribute.name"],
|
107
115
|
[/=/, "delimiter"],
|
108
116
|
[/[ \t\r\n]+/]
|
117
|
+
// whitespace
|
109
118
|
],
|
119
|
+
// -- BEGIN <script> tags handling
|
120
|
+
// After <script
|
110
121
|
script: [
|
111
122
|
[/type/, "attribute.name", "@scriptAfterType"],
|
112
123
|
[/"([^"]*)"/, "attribute.value"],
|
@@ -122,8 +133,10 @@ var a = [
|
|
122
133
|
}
|
123
134
|
],
|
124
135
|
[/[ \t\r\n]+/],
|
136
|
+
// whitespace
|
125
137
|
[/(<\/)(script\s*)(>)/, ["delimiter", "tag", { token: "delimiter", next: "@pop" }]]
|
126
138
|
],
|
139
|
+
// After <script ... type
|
127
140
|
scriptAfterType: [
|
128
141
|
[/=/, "delimiter", "@scriptAfterTypeEquals"],
|
129
142
|
[
|
@@ -134,9 +147,12 @@ var a = [
|
|
134
147
|
nextEmbedded: "text/javascript"
|
135
148
|
}
|
136
149
|
],
|
150
|
+
// cover invalid e.g. <script type>
|
137
151
|
[/[ \t\r\n]+/],
|
152
|
+
// whitespace
|
138
153
|
[/<\/script\s*>/, { token: "@rematch", next: "@pop" }]
|
139
154
|
],
|
155
|
+
// After <script ... type =
|
140
156
|
scriptAfterTypeEquals: [
|
141
157
|
[
|
142
158
|
/"module"/,
|
@@ -174,9 +190,12 @@ var a = [
|
|
174
190
|
nextEmbedded: "text/javascript"
|
175
191
|
}
|
176
192
|
],
|
193
|
+
// cover invalid e.g. <script type=>
|
177
194
|
[/[ \t\r\n]+/],
|
195
|
+
// whitespace
|
178
196
|
[/<\/script\s*>/, { token: "@rematch", next: "@pop" }]
|
179
197
|
],
|
198
|
+
// After <script ... type = $S2
|
180
199
|
scriptWithCustomType: [
|
181
200
|
[
|
182
201
|
/>/,
|
@@ -191,12 +210,16 @@ var a = [
|
|
191
210
|
[/[\w\-]+/, "attribute.name"],
|
192
211
|
[/=/, "delimiter"],
|
193
212
|
[/[ \t\r\n]+/],
|
213
|
+
// whitespace
|
194
214
|
[/<\/script\s*>/, { token: "@rematch", next: "@pop" }]
|
195
215
|
],
|
196
216
|
scriptEmbedded: [
|
197
217
|
[/<\/script/, { token: "@rematch", next: "@pop", nextEmbedded: "@pop" }],
|
198
218
|
[/[^<]+/, ""]
|
199
219
|
],
|
220
|
+
// -- END <script> tags handling
|
221
|
+
// -- BEGIN <style> tags handling
|
222
|
+
// After <style
|
200
223
|
style: [
|
201
224
|
[/type/, "attribute.name", "@styleAfterType"],
|
202
225
|
[/"([^"]*)"/, "attribute.value"],
|
@@ -212,8 +235,10 @@ var a = [
|
|
212
235
|
}
|
213
236
|
],
|
214
237
|
[/[ \t\r\n]+/],
|
238
|
+
// whitespace
|
215
239
|
[/(<\/)(style\s*)(>)/, ["delimiter", "tag", { token: "delimiter", next: "@pop" }]]
|
216
240
|
],
|
241
|
+
// After <style ... type
|
217
242
|
styleAfterType: [
|
218
243
|
[/=/, "delimiter", "@styleAfterTypeEquals"],
|
219
244
|
[
|
@@ -224,9 +249,12 @@ var a = [
|
|
224
249
|
nextEmbedded: "text/css"
|
225
250
|
}
|
226
251
|
],
|
252
|
+
// cover invalid e.g. <style type>
|
227
253
|
[/[ \t\r\n]+/],
|
254
|
+
// whitespace
|
228
255
|
[/<\/style\s*>/, { token: "@rematch", next: "@pop" }]
|
229
256
|
],
|
257
|
+
// After <style ... type =
|
230
258
|
styleAfterTypeEquals: [
|
231
259
|
[
|
232
260
|
/"([^"]*)"/,
|
@@ -250,9 +278,12 @@ var a = [
|
|
250
278
|
nextEmbedded: "text/css"
|
251
279
|
}
|
252
280
|
],
|
281
|
+
// cover invalid e.g. <style type=>
|
253
282
|
[/[ \t\r\n]+/],
|
283
|
+
// whitespace
|
254
284
|
[/<\/style\s*>/, { token: "@rematch", next: "@pop" }]
|
255
285
|
],
|
286
|
+
// After <style ... type = $S2
|
256
287
|
styleWithCustomType: [
|
257
288
|
[
|
258
289
|
/>/,
|
@@ -267,12 +298,14 @@ var a = [
|
|
267
298
|
[/[\w\-]+/, "attribute.name"],
|
268
299
|
[/=/, "delimiter"],
|
269
300
|
[/[ \t\r\n]+/],
|
301
|
+
// whitespace
|
270
302
|
[/<\/style\s*>/, { token: "@rematch", next: "@pop" }]
|
271
303
|
],
|
272
304
|
styleEmbedded: [
|
273
305
|
[/<\/style/, { token: "@rematch", next: "@pop", nextEmbedded: "@pop" }],
|
274
306
|
[/[^<]+/, ""]
|
275
307
|
]
|
308
|
+
// -- END <style> tags handling
|
276
309
|
}
|
277
310
|
};
|
278
311
|
export {
|
package/icon-check-toggle.js
CHANGED
@@ -1,9 +1,9 @@
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./query-assigned-elements-4CafVNR8.js"),l=require("./property-DYTC_2-m.js"),
|
2
|
-
<div class="${
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./query-assigned-elements-4CafVNR8.js"),l=require("./property-DYTC_2-m.js"),d=require("./class-map-C8G1ALWK.js"),h=require("./style-map-BJBXlSqn.js"),s=require("./mwc-checkbox.css-Cd0yCOHu.js"),g=':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 m=Object.defineProperty,f=Object.getOwnPropertyDescriptor,i=(a,r,t,o)=>{for(var e=o>1?void 0:o?f(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&&m(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="${h.o(o)}" @click="${this._handleClick}">
|
3
3
|
<input type="checkbox" class="mdc-checkbox__native-control"></input>
|
4
4
|
<div class="mdc-toggle__background">
|
5
|
-
<svg class="mdc-toggle__checkmark ${
|
6
|
-
<path class="mdc-toggle__checkmark-path ${
|
5
|
+
<svg class="mdc-toggle__checkmark ${d.o(t)}" viewBox="0 0 24 24">
|
6
|
+
<path class="mdc-toggle__checkmark-path ${d.o(t)}" fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
|
7
7
|
</svg>
|
8
8
|
</div>
|
9
9
|
<slot name="icon"></slot>
|
package/icon-check-toggle.mjs
CHANGED
@@ -3,7 +3,7 @@ import { n as s } from "./property-DJzm_oB9.mjs";
|
|
3
3
|
import { o as d } from "./class-map-C1SJpero.mjs";
|
4
4
|
import { o as g } from "./style-map-CCsABR5m.mjs";
|
5
5
|
import { C as y, s as v } from "./mwc-checkbox.css-MBOzkrQg.mjs";
|
6
|
-
const u = ':host .mdc-toggle__background{position:absolute;top:4px;right:4px;width:15px;height:15px;border:none;color:var(--mdc-theme-
|
6
|
+
const u = ':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)}';
|
7
7
|
var b = Object.defineProperty, k = Object.getOwnPropertyDescriptor, c = (i, e, o, a) => {
|
8
8
|
for (var r = a > 1 ? void 0 : a ? k(e, o) : e, n = i.length - 1, p; n >= 0; n--)
|
9
9
|
(p = i[n]) && (r = (a ? p(e, o, r) : p(r)) || r);
|
@@ -0,0 +1,64 @@
|
|
1
|
+
import { LitElement, PropertyValues } from 'lit';
|
2
|
+
import '../typography/typography';
|
3
|
+
import '../icon/icon';
|
4
|
+
/**
|
5
|
+
* Icon lockup
|
6
|
+
*
|
7
|
+
* @slot icon - Slot for a custom icon. If provided, this slot content replaces the `icon` property.
|
8
|
+
*/
|
9
|
+
export declare class CovalentIconLockup extends LitElement {
|
10
|
+
static styles: import("lit").CSSResult[];
|
11
|
+
/**
|
12
|
+
* Whether the icon is a covalent icon.
|
13
|
+
*/
|
14
|
+
covalentIcon: boolean;
|
15
|
+
/**
|
16
|
+
* Whether the icon is filled.
|
17
|
+
*/
|
18
|
+
filledIcon: boolean;
|
19
|
+
/**
|
20
|
+
* The icon to display.
|
21
|
+
*/
|
22
|
+
icon: string;
|
23
|
+
/**
|
24
|
+
* Scale of the component, controlling font-size and icon size.
|
25
|
+
* Default is "1", but it can be set to other values to scale the component.
|
26
|
+
*/
|
27
|
+
scale: string;
|
28
|
+
/**
|
29
|
+
* State of the component, used to apply different styles based on status.
|
30
|
+
* Example values might include "success", "error", etc.
|
31
|
+
*/
|
32
|
+
state: string;
|
33
|
+
/**
|
34
|
+
* If true, the icon is displayed after the text (trailing).
|
35
|
+
* If false, the icon is displayed before the text.
|
36
|
+
*/
|
37
|
+
trailingIcon: boolean;
|
38
|
+
/**
|
39
|
+
* Tracks if the icon slot has content.
|
40
|
+
*/
|
41
|
+
private _hasIconSlot;
|
42
|
+
/**
|
43
|
+
* Checks if there is content in the icon slot and updates `hasIconSlot`.
|
44
|
+
*/
|
45
|
+
private checkIconSlot;
|
46
|
+
/**
|
47
|
+
* Template method for rendering the icon. If content is provided in the
|
48
|
+
* `icon` slot, it is displayed instead of the `icon` property.
|
49
|
+
*/
|
50
|
+
private iconTemplate;
|
51
|
+
/**
|
52
|
+
* Renders the component with icon and text. If `trailingIcon` is true,
|
53
|
+
* the icon is displayed after the text. Otherwise, it is displayed before.
|
54
|
+
*/
|
55
|
+
render(): import("lit-html").TemplateResult<1>;
|
56
|
+
protected updated(_changedProperties: PropertyValues): void;
|
57
|
+
}
|
58
|
+
declare global {
|
59
|
+
interface HTMLElementTagNameMap {
|
60
|
+
'cv-icon-lockup': CovalentIconLockup;
|
61
|
+
}
|
62
|
+
}
|
63
|
+
export default CovalentIconLockup;
|
64
|
+
//# sourceMappingURL=icon-lockup.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"icon-lockup.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/icon-lockup/icon-lockup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAwB,cAAc,EAAE,MAAM,KAAK,CAAC;AAIvE,OAAO,0BAA0B,CAAC;AAClC,OAAO,cAAc,CAAC;AAEtB;;;;GAIG;AACH,qBACa,kBAAmB,SAAQ,UAAU;IAChD,OAAgB,MAAM,4BAIpB;IAEF;;OAEG;IAEH,YAAY,UAAS;IAErB;;OAEG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IAEH,IAAI,SAAM;IAEV;;;OAGG;IAEH,KAAK,SAAW;IAEhB;;;OAGG;IAEH,KAAK,SAAa;IAElB;;;OAGG;IAEH,YAAY,UAAS;IAErB;;OAEG;IACM,OAAO,CAAC,YAAY,CAAS;IAEtC;;OAEG;IACH,OAAO,CAAC,aAAa;IAOrB;;;OAGG;IACH,OAAO,CAAC,YAAY;IAepB;;;OAGG;IACH,MAAM;cAea,OAAO,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;CAIrE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,kBAAkB,CAAC;KACtC;CACF;AAED,eAAe,kBAAkB,CAAC"}
|
package/icon-lockup.js
ADDED
@@ -0,0 +1,14 @@
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./query-assigned-elements-4CafVNR8.js"),l=require("./property-DYTC_2-m.js"),u=require("./state-C3HoXfoa.js"),p=require("./class-map-C8G1ALWK.js");require("./typography.js");require("./icon.js");const v='.filled{font-variation-settings:"FILL" 1}.hidden{display:none}.icon-lockup{align-items:center;display:flex;gap:4px;max-width:100%}.icon-lockup cv-typography{flex:1 0 0}.icon-lockup--primary,.icon-lockup--loading{color:var(--cv-theme-primary)}.icon-lockup--positive{color:var(--cv-theme-positive)}.icon-lockup--negative{color:var(--cv-theme-negative)}.icon-lockup--caution{color:var(--cv-theme-caution)}.text{font-feature-settings:"liga" off,"clig" off;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trailing-icon{flex-direction:row-reverse}';var h=Object.defineProperty,y=Object.getOwnPropertyDescriptor,e=(s,o,c,i)=>{for(var t=i>1?void 0:i?y(o,c):o,a=s.length-1,r;a>=0;a--)(r=s[a])&&(t=(i?r(o,c,t):r(t))||t);return i&&t&&h(o,c,t),t};exports.CovalentIconLockup=class extends n.s{constructor(){super(...arguments),this.covalentIcon=!1,this.filledIcon=!1,this.icon="",this.scale="body1",this.state="neutral",this.trailingIcon=!1,this._hasIconSlot=!1}checkIconSlot(){var c;const o=(c=this.shadowRoot)==null?void 0:c.querySelector('slot[name="icon"]');this._hasIconSlot=o&&o.assignedNodes().length>0}iconTemplate(){const o={"covalent-icon":this.covalentIcon,filled:this.filledIcon,hidden:this._hasIconSlot};return n.x`<slot name="icon"></slot>
|
2
|
+
<cv-icon
|
3
|
+
class=${p.o(o)}
|
4
|
+
style="${`font-size: var(--cv-typography-${this.scale}-line-height, 16px)`}"
|
5
|
+
>
|
6
|
+
${this.icon}
|
7
|
+
</cv-icon>`}render(){const o={"icon-lockup":!0,[`icon-lockup--${this.state}`]:this.state,"trailing-icon":this.trailingIcon};return n.x`
|
8
|
+
<cv-typography class=${p.o(o)} scale="${this.scale}">
|
9
|
+
${this.iconTemplate()}
|
10
|
+
<div class="text"><slot></slot></div>
|
11
|
+
</cv-typography>
|
12
|
+
`}updated(o){super.updated(o),this.checkIconSlot()}};exports.CovalentIconLockup.styles=[n.i`
|
13
|
+
${n.r(v)}
|
14
|
+
`];e([l.n({type:Boolean,reflect:!0})],exports.CovalentIconLockup.prototype,"covalentIcon",2);e([l.n({type:Boolean,reflect:!0})],exports.CovalentIconLockup.prototype,"filledIcon",2);e([l.n({type:String})],exports.CovalentIconLockup.prototype,"icon",2);e([l.n({type:String})],exports.CovalentIconLockup.prototype,"scale",2);e([l.n({type:String})],exports.CovalentIconLockup.prototype,"state",2);e([l.n({type:Boolean})],exports.CovalentIconLockup.prototype,"trailingIcon",2);e([u.t()],exports.CovalentIconLockup.prototype,"_hasIconSlot",2);exports.CovalentIconLockup=e([n.e("cv-icon-lockup")],exports.CovalentIconLockup);const d=exports.CovalentIconLockup;exports.default=d;
|
package/icon-lockup.mjs
ADDED
@@ -0,0 +1,99 @@
|
|
1
|
+
import { s as v, x as p, i as f, r as u, e as y } from "./query-assigned-elements-DCt2xozt.mjs";
|
2
|
+
import { n } from "./property-DJzm_oB9.mjs";
|
3
|
+
import { t as d } from "./state-DaD9o2aK.mjs";
|
4
|
+
import { o as h } from "./class-map-C1SJpero.mjs";
|
5
|
+
import "./typography.mjs";
|
6
|
+
import "./icon.mjs";
|
7
|
+
const g = '.filled{font-variation-settings:"FILL" 1}.hidden{display:none}.icon-lockup{align-items:center;display:flex;gap:4px;max-width:100%}.icon-lockup cv-typography{flex:1 0 0}.icon-lockup--primary,.icon-lockup--loading{color:var(--cv-theme-primary)}.icon-lockup--positive{color:var(--cv-theme-positive)}.icon-lockup--negative{color:var(--cv-theme-negative)}.icon-lockup--caution{color:var(--cv-theme-caution)}.text{font-feature-settings:"liga" off,"clig" off;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trailing-icon{flex-direction:row-reverse}';
|
8
|
+
var m = Object.defineProperty, I = Object.getOwnPropertyDescriptor, e = (t, i, l, s) => {
|
9
|
+
for (var c = s > 1 ? void 0 : s ? I(i, l) : i, r = t.length - 1, a; r >= 0; r--)
|
10
|
+
(a = t[r]) && (c = (s ? a(i, l, c) : a(c)) || c);
|
11
|
+
return s && c && m(i, l, c), c;
|
12
|
+
};
|
13
|
+
let o = class extends v {
|
14
|
+
constructor() {
|
15
|
+
super(...arguments), this.covalentIcon = !1, this.filledIcon = !1, this.icon = "", this.scale = "body1", this.state = "neutral", this.trailingIcon = !1, this._hasIconSlot = !1;
|
16
|
+
}
|
17
|
+
/**
|
18
|
+
* Checks if there is content in the icon slot and updates `hasIconSlot`.
|
19
|
+
*/
|
20
|
+
checkIconSlot() {
|
21
|
+
var i;
|
22
|
+
const t = (i = this.shadowRoot) == null ? void 0 : i.querySelector(
|
23
|
+
'slot[name="icon"]'
|
24
|
+
);
|
25
|
+
this._hasIconSlot = t && t.assignedNodes().length > 0;
|
26
|
+
}
|
27
|
+
/**
|
28
|
+
* Template method for rendering the icon. If content is provided in the
|
29
|
+
* `icon` slot, it is displayed instead of the `icon` property.
|
30
|
+
*/
|
31
|
+
iconTemplate() {
|
32
|
+
const t = {
|
33
|
+
"covalent-icon": this.covalentIcon,
|
34
|
+
filled: this.filledIcon,
|
35
|
+
hidden: this._hasIconSlot
|
36
|
+
};
|
37
|
+
return p`<slot name="icon"></slot>
|
38
|
+
<cv-icon
|
39
|
+
class=${h(t)}
|
40
|
+
style="${`font-size: var(--cv-typography-${this.scale}-line-height, 16px)`}"
|
41
|
+
>
|
42
|
+
${this.icon}
|
43
|
+
</cv-icon>`;
|
44
|
+
}
|
45
|
+
/**
|
46
|
+
* Renders the component with icon and text. If `trailingIcon` is true,
|
47
|
+
* the icon is displayed after the text. Otherwise, it is displayed before.
|
48
|
+
*/
|
49
|
+
render() {
|
50
|
+
const t = {
|
51
|
+
"icon-lockup": !0,
|
52
|
+
[`icon-lockup--${this.state}`]: this.state,
|
53
|
+
"trailing-icon": this.trailingIcon
|
54
|
+
};
|
55
|
+
return p`
|
56
|
+
<cv-typography class=${h(t)} scale="${this.scale}">
|
57
|
+
${this.iconTemplate()}
|
58
|
+
<div class="text"><slot></slot></div>
|
59
|
+
</cv-typography>
|
60
|
+
`;
|
61
|
+
}
|
62
|
+
updated(t) {
|
63
|
+
super.updated(t), this.checkIconSlot();
|
64
|
+
}
|
65
|
+
};
|
66
|
+
o.styles = [
|
67
|
+
f`
|
68
|
+
${u(g)}
|
69
|
+
`
|
70
|
+
];
|
71
|
+
e([
|
72
|
+
n({ type: Boolean, reflect: !0 })
|
73
|
+
], o.prototype, "covalentIcon", 2);
|
74
|
+
e([
|
75
|
+
n({ type: Boolean, reflect: !0 })
|
76
|
+
], o.prototype, "filledIcon", 2);
|
77
|
+
e([
|
78
|
+
n({ type: String })
|
79
|
+
], o.prototype, "icon", 2);
|
80
|
+
e([
|
81
|
+
n({ type: String })
|
82
|
+
], o.prototype, "scale", 2);
|
83
|
+
e([
|
84
|
+
n({ type: String })
|
85
|
+
], o.prototype, "state", 2);
|
86
|
+
e([
|
87
|
+
n({ type: Boolean })
|
88
|
+
], o.prototype, "trailingIcon", 2);
|
89
|
+
e([
|
90
|
+
d()
|
91
|
+
], o.prototype, "_hasIconSlot", 2);
|
92
|
+
o = e([
|
93
|
+
y("cv-icon-lockup")
|
94
|
+
], o);
|
95
|
+
const L = o;
|
96
|
+
export {
|
97
|
+
o as CovalentIconLockup,
|
98
|
+
L as default
|
99
|
+
};
|
package/index.d.ts
CHANGED
@@ -23,6 +23,7 @@ export * from './icon/icon';
|
|
23
23
|
export * from './icon-button/icon-button';
|
24
24
|
export * from './icon-button-toggle/icon-button-toggle';
|
25
25
|
export * from './icon-checkbox/icon-check-toggle';
|
26
|
+
export * from './icon-lockup/icon-lockup';
|
26
27
|
export * from './icon-radio/icon-radio-toggle';
|
27
28
|
export * from './linear-progress/linear-progress';
|
28
29
|
export * from './list/list';
|
package/index.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../libs/components/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,uCAAuC,CAAC;AACtD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mCAAmC,CAAC;AAClD,cAAc,wCAAwC,CAAC;AACvD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,yCAAyC,CAAC;AACxD,cAAc,aAAa,CAAC;AAC5B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yCAAyC,CAAC;AACxD,cAAc,mCAAmC,CAAC;AAClD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,mCAAmC,CAAC;AAClD,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AACnD,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC"}
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../libs/components/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,uCAAuC,CAAC;AACtD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mCAAmC,CAAC;AAClD,cAAc,wCAAwC,CAAC;AACvD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,yCAAyC,CAAC;AACxD,cAAc,aAAa,CAAC;AAC5B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yCAAyC,CAAC;AACxD,cAAc,mCAAmC,CAAC;AAClD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,mCAAmC,CAAC;AAClD,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AACnD,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC"}
|
package/index.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./action-ribbon.js"),t=require("./alert.js"),r=require("./app-shell.js"),
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./action-ribbon.js"),t=require("./alert.js"),r=require("./app-shell.js"),o=require("./badge.js"),n=require("./button.js"),a=require("./card.js"),l=require("./checkbox.js"),i=require("./check-list-item.js"),u=require("./chip-BsDYOEFW.js"),c=require("./chip-set.js"),b=require("./circular-progress.js"),C=require("./code-editor-CSH3MdBF.js"),s=require("./code-snippet.js"),p=require("./dialog-LUOzoMeO.js"),v=require("./drawer.js"),d=require("./empty-state.js"),g=require("./expansion-panel.js"),m=require("./expansion-panel-item.js"),P=require("./focused-page.js"),y=require("./formfield.js"),f=require("./full-screen-dialog.js"),j=require("./icon.js"),O=require("./icon-button.js"),q=require("./icon-button-toggle.js"),S=require("./icon-check-toggle.js"),T=require("./icon-lockup.js"),I=require("./icon-radio-toggle.js"),h=require("./linear-progress.js"),L=require("./list.js"),k=require("./list-item.js"),x=require("./menu.js"),B=require("./nav-list-item.js"),R=require("./notebook-cell.js"),A=require("./radio.js"),F=require("./radio-list-item.js"),D=require("./select.js"),E=require("./side-sheet.js"),w=require("./slider.js"),H=require("./slider-range.js"),N=require("./snackbar.js"),M=require("./status-dialog.js"),_=require("./status-header.js"),z=require("./status-header-item.js"),G=require("./switch.js"),J=require("./tab.js"),K=require("./tab-bar.js"),Q=require("./textarea.js"),U=require("./textfield.js"),V=require("./text-lockup.js"),W=require("./toolbar.js"),X=require("./tooltip.js"),Y=require("./top-app-bar.js"),Z=require("./top-app-bar-fixed.js"),$=require("./tree-list.js"),ee=require("./tree-list-item.js"),te=require("./typography.js");Object.defineProperty(exports,"CovalentActionRibbon",{enumerable:!0,get:()=>e.CovalentActionRibbon});Object.defineProperty(exports,"CovalentAlert",{enumerable:!0,get:()=>t.CovalentAlert});Object.defineProperty(exports,"CovalentAppShell",{enumerable:!0,get:()=>r.CovalentAppShell});Object.defineProperty(exports,"CovalentBadge",{enumerable:!0,get:()=>o.CovalentBadge});Object.defineProperty(exports,"CovalentButton",{enumerable:!0,get:()=>n.CovalentButton});Object.defineProperty(exports,"CovalentCard",{enumerable:!0,get:()=>a.CovalentCard});Object.defineProperty(exports,"CovalentCheckbox",{enumerable:!0,get:()=>l.CovalentCheckbox});Object.defineProperty(exports,"CovalentCheckListItem",{enumerable:!0,get:()=>i.CovalentCheckListItem});Object.defineProperty(exports,"CovalentChip",{enumerable:!0,get:()=>u.CovalentChip});Object.defineProperty(exports,"CovalentChipSet",{enumerable:!0,get:()=>c.CovalentChipSet});Object.defineProperty(exports,"CovalentCircularProgress",{enumerable:!0,get:()=>b.CovalentCircularProgress});Object.defineProperty(exports,"CovalentCodeEditor",{enumerable:!0,get:()=>C.CovalentCodeEditor});Object.defineProperty(exports,"CovalentCodeSnippet",{enumerable:!0,get:()=>s.CovalentCodeSnippet});Object.defineProperty(exports,"CovalentDialog",{enumerable:!0,get:()=>p.CovalentDialog});Object.defineProperty(exports,"CovalentDrawer",{enumerable:!0,get:()=>v.CovalentDrawer});Object.defineProperty(exports,"CovalentEmptyState",{enumerable:!0,get:()=>d.CovalentEmptyState});Object.defineProperty(exports,"CovalentExpansionPanel",{enumerable:!0,get:()=>g.CovalentExpansionPanel});Object.defineProperty(exports,"CovalentExpansionPanelItem",{enumerable:!0,get:()=>m.CovalentExpansionPanelItem});Object.defineProperty(exports,"CovalentFocusedPage",{enumerable:!0,get:()=>P.CovalentFocusedPage});Object.defineProperty(exports,"CovalentFormfield",{enumerable:!0,get:()=>y.CovalentFormfield});Object.defineProperty(exports,"CovalentFullscreenDialog",{enumerable:!0,get:()=>f.CovalentFullscreenDialog});Object.defineProperty(exports,"CovalentIcon",{enumerable:!0,get:()=>j.CovalentIcon});Object.defineProperty(exports,"CovalentIconButton",{enumerable:!0,get:()=>O.CovalentIconButton});Object.defineProperty(exports,"CovalentIconButtonToggle",{enumerable:!0,get:()=>q.CovalentIconButtonToggle});Object.defineProperty(exports,"CovalentIconCheckToggle",{enumerable:!0,get:()=>S.CovalentIconCheckToggle});Object.defineProperty(exports,"CovalentIconLockup",{enumerable:!0,get:()=>T.CovalentIconLockup});Object.defineProperty(exports,"CovalentIconRadioToggle",{enumerable:!0,get:()=>I.CovalentIconRadioToggle});Object.defineProperty(exports,"CovalentLinearProgress",{enumerable:!0,get:()=>h.CovalentLinearProgress});Object.defineProperty(exports,"CovalentList",{enumerable:!0,get:()=>L.CovalentList});Object.defineProperty(exports,"CovalentListItem",{enumerable:!0,get:()=>k.CovalentListItem});Object.defineProperty(exports,"CovalentMenu",{enumerable:!0,get:()=>x.CovalentMenu});Object.defineProperty(exports,"CovalentNavRailListItem",{enumerable:!0,get:()=>B.CovalentNavRailListItem});Object.defineProperty(exports,"CovalentNotebookCell",{enumerable:!0,get:()=>R.CovalentNotebookCell});Object.defineProperty(exports,"CovalentRadio",{enumerable:!0,get:()=>A.CovalentRadio});Object.defineProperty(exports,"CovalentRadioListItem",{enumerable:!0,get:()=>F.CovalentRadioListItem});Object.defineProperty(exports,"CovalentSelect",{enumerable:!0,get:()=>D.CovalentSelect});Object.defineProperty(exports,"CovalentSideSheet",{enumerable:!0,get:()=>E.CovalentSideSheet});Object.defineProperty(exports,"CovalentSlider",{enumerable:!0,get:()=>w.CovalentSlider});Object.defineProperty(exports,"CovalentSliderRange",{enumerable:!0,get:()=>H.CovalentSliderRange});Object.defineProperty(exports,"CovalentSnackbar",{enumerable:!0,get:()=>N.CovalentSnackbar});Object.defineProperty(exports,"CovalentStatusDialog",{enumerable:!0,get:()=>M.CovalentStatusDialog});Object.defineProperty(exports,"CovalentStatusHeader",{enumerable:!0,get:()=>_.CovalentStatusHeader});Object.defineProperty(exports,"CovalentStatusHeaderItem",{enumerable:!0,get:()=>z.CovalentStatusHeaderItem});Object.defineProperty(exports,"CovalentSwitch",{enumerable:!0,get:()=>G.CovalentSwitch});Object.defineProperty(exports,"CovalentTab",{enumerable:!0,get:()=>J.CovalentTab});Object.defineProperty(exports,"CovalentTabBar",{enumerable:!0,get:()=>K.CovalentTabBar});Object.defineProperty(exports,"CovalentTextArea",{enumerable:!0,get:()=>Q.CovalentTextArea});Object.defineProperty(exports,"CovalentTextField",{enumerable:!0,get:()=>U.CovalentTextField});Object.defineProperty(exports,"CovalentTextLockup",{enumerable:!0,get:()=>V.CovalentTextLockup});Object.defineProperty(exports,"CovalentToolbar",{enumerable:!0,get:()=>W.CovalentToolbar});Object.defineProperty(exports,"CovalentTooltip",{enumerable:!0,get:()=>X.CovalentTooltip});Object.defineProperty(exports,"CovalentTopAppBar",{enumerable:!0,get:()=>Y.CovalentTopAppBar});Object.defineProperty(exports,"CovalentTopAppBarFixed",{enumerable:!0,get:()=>Z.CovalentTopAppBarFixed});Object.defineProperty(exports,"CovalentTreeList",{enumerable:!0,get:()=>$.CovalentTreeList});Object.defineProperty(exports,"CovalentTreeListItem",{enumerable:!0,get:()=>ee.CovalentTreeListItem});Object.defineProperty(exports,"CovalentTypography",{enumerable:!0,get:()=>te.CovalentTypography});
|