@kodaris/krubble-components 1.0.26 → 1.0.28
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/custom-elements.json +620 -239
- package/dist/alert/alert.d.ts +2 -2
- package/dist/alert/alert.d.ts.map +1 -1
- package/dist/alert/alert.js +25 -11
- package/dist/alert/alert.js.map +1 -1
- package/dist/button/button.d.ts +0 -1
- package/dist/button/button.d.ts.map +1 -1
- package/dist/button/button.js +20 -20
- package/dist/button/button.js.map +1 -1
- package/dist/code-demo/code-demo.d.ts +14 -15
- package/dist/code-demo/code-demo.d.ts.map +1 -1
- package/dist/code-demo/code-demo.js +109 -128
- package/dist/code-demo/code-demo.js.map +1 -1
- package/dist/dialog/dialog.d.ts +43 -34
- package/dist/dialog/dialog.d.ts.map +1 -1
- package/dist/dialog/dialog.js +108 -58
- package/dist/dialog/dialog.js.map +1 -1
- package/dist/form/select-field/select-field.d.ts +1 -1
- package/dist/form/select-field/select-field.d.ts.map +1 -1
- package/dist/form/select-field/select-field.js +39 -31
- package/dist/form/select-field/select-field.js.map +1 -1
- package/dist/index.d.ts +4 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3 -1
- package/dist/index.js.map +1 -1
- package/dist/{krubble.bundled.js → krubble-components.bundled.js} +599 -320
- package/dist/krubble-components.bundled.js.map +1 -0
- package/dist/{krubble.bundled.min.js → krubble-components.bundled.min.js} +322 -234
- package/dist/krubble-components.bundled.min.js.map +1 -0
- package/dist/{krubble.umd.js → krubble-components.umd.js} +599 -320
- package/dist/krubble-components.umd.js.map +1 -0
- package/dist/{krubble.umd.min.js → krubble-components.umd.min.js} +295 -207
- package/dist/krubble-components.umd.min.js.map +1 -0
- package/dist/progress-bar/progress-bar.d.ts +30 -0
- package/dist/progress-bar/progress-bar.d.ts.map +1 -0
- package/dist/progress-bar/progress-bar.js +104 -0
- package/dist/progress-bar/progress-bar.js.map +1 -0
- package/dist/spinner/spinner.d.ts +30 -0
- package/dist/spinner/spinner.d.ts.map +1 -0
- package/dist/spinner/spinner.js +133 -0
- package/dist/spinner/spinner.js.map +1 -0
- package/package.json +9 -1
- package/dist/krubble.bundled.js.map +0 -1
- package/dist/krubble.bundled.min.js.map +0 -1
- package/dist/krubble.umd.js.map +0 -1
- package/dist/krubble.umd.min.js.map +0 -1
package/dist/alert/alert.d.ts
CHANGED
|
@@ -12,9 +12,9 @@ export declare class KRAlert extends LitElement {
|
|
|
12
12
|
*/
|
|
13
13
|
type: 'info' | 'success' | 'warning' | 'error';
|
|
14
14
|
/**
|
|
15
|
-
* Optional
|
|
15
|
+
* Optional title text
|
|
16
16
|
*/
|
|
17
|
-
|
|
17
|
+
title: string;
|
|
18
18
|
/**
|
|
19
19
|
* Whether the alert can be dismissed
|
|
20
20
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/alert/alert.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAIrD;;;;;GAKG;AACH,qBACa,OAAQ,SAAQ,UAAU;IACrC,OAAgB,MAAM,
|
|
1
|
+
{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/alert/alert.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAIrD;;;;;GAKG;AACH,qBACa,OAAQ,SAAQ,UAAU;IACrC,OAAgB,MAAM,0BAoHpB;IAEF;;OAEG;IAEH,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAU;IAExD;;OAEG;IAEM,KAAK,SAAM;IAEpB;;OAEG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,OAAO,UAAQ;IAEf,mCAAmC;IACnC,OAAO,CAAC,cAAc;IAKb,MAAM;CA4ChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
|
package/dist/alert/alert.js
CHANGED
|
@@ -20,6 +20,10 @@ let KRAlert = class KRAlert extends LitElement {
|
|
|
20
20
|
* The alert type/severity
|
|
21
21
|
*/
|
|
22
22
|
this.type = 'info';
|
|
23
|
+
/**
|
|
24
|
+
* Optional title text
|
|
25
|
+
*/
|
|
26
|
+
this.title = '';
|
|
23
27
|
/**
|
|
24
28
|
* Whether the alert can be dismissed
|
|
25
29
|
*/
|
|
@@ -46,14 +50,15 @@ let KRAlert = class KRAlert extends LitElement {
|
|
|
46
50
|
class=${classMap({
|
|
47
51
|
'alert': true,
|
|
48
52
|
['alert--' + this.type]: true,
|
|
53
|
+
'alert--has-header': !!this.title,
|
|
49
54
|
'alert--hidden': !this.visible
|
|
50
55
|
})}
|
|
51
56
|
role="alert"
|
|
52
57
|
>
|
|
53
58
|
${icons[this.type]}
|
|
54
59
|
<div class="content">
|
|
55
|
-
${this.
|
|
56
|
-
? html `<h4 class="header">${this.
|
|
60
|
+
${this.title
|
|
61
|
+
? html `<h4 class="header">${this.title}</h4>`
|
|
57
62
|
: nothing}
|
|
58
63
|
<div class="message">
|
|
59
64
|
<slot></slot>
|
|
@@ -88,9 +93,18 @@ KRAlert.styles = css `
|
|
|
88
93
|
gap: 12px;
|
|
89
94
|
padding: 12px 16px;
|
|
90
95
|
border-radius: 8px;
|
|
96
|
+
border: 1px solid;
|
|
91
97
|
border-left: 4px solid;
|
|
92
98
|
}
|
|
93
99
|
|
|
100
|
+
.alert--has-header {
|
|
101
|
+
align-items: flex-start;
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
.alert--has-header .icon {
|
|
105
|
+
margin-top: 2px;
|
|
106
|
+
}
|
|
107
|
+
|
|
94
108
|
.alert--hidden {
|
|
95
109
|
display: none;
|
|
96
110
|
}
|
|
@@ -98,7 +112,7 @@ KRAlert.styles = css `
|
|
|
98
112
|
/* Variants */
|
|
99
113
|
.alert--info {
|
|
100
114
|
background-color: #eff6ff;
|
|
101
|
-
border-
|
|
115
|
+
border-color: #3b82f6;
|
|
102
116
|
}
|
|
103
117
|
|
|
104
118
|
.alert--info .icon {
|
|
@@ -107,7 +121,7 @@ KRAlert.styles = css `
|
|
|
107
121
|
|
|
108
122
|
.alert--success {
|
|
109
123
|
background-color: #f0fdf4;
|
|
110
|
-
border-
|
|
124
|
+
border-color: #22c55e;
|
|
111
125
|
}
|
|
112
126
|
|
|
113
127
|
.alert--success .icon {
|
|
@@ -116,7 +130,7 @@ KRAlert.styles = css `
|
|
|
116
130
|
|
|
117
131
|
.alert--warning {
|
|
118
132
|
background-color: #fffbeb;
|
|
119
|
-
border-
|
|
133
|
+
border-color: #f59e0b;
|
|
120
134
|
}
|
|
121
135
|
|
|
122
136
|
.alert--warning .icon {
|
|
@@ -125,7 +139,7 @@ KRAlert.styles = css `
|
|
|
125
139
|
|
|
126
140
|
.alert--error {
|
|
127
141
|
background-color: #fef2f2;
|
|
128
|
-
border-
|
|
142
|
+
border-color: #ef4444;
|
|
129
143
|
}
|
|
130
144
|
|
|
131
145
|
.alert--error .icon {
|
|
@@ -149,13 +163,13 @@ KRAlert.styles = css `
|
|
|
149
163
|
.header {
|
|
150
164
|
font-size: 14px;
|
|
151
165
|
font-weight: 600;
|
|
152
|
-
color: #
|
|
166
|
+
color: #000000;
|
|
153
167
|
margin: 0;
|
|
154
168
|
}
|
|
155
169
|
|
|
156
170
|
.message {
|
|
157
171
|
font-size: 14px;
|
|
158
|
-
color: #
|
|
172
|
+
color: #000000;
|
|
159
173
|
margin: 0;
|
|
160
174
|
}
|
|
161
175
|
|
|
@@ -164,8 +178,8 @@ KRAlert.styles = css `
|
|
|
164
178
|
display: flex;
|
|
165
179
|
align-items: center;
|
|
166
180
|
justify-content: center;
|
|
167
|
-
width:
|
|
168
|
-
height:
|
|
181
|
+
width: 20px;
|
|
182
|
+
height: 20px;
|
|
169
183
|
padding: 0;
|
|
170
184
|
background: none;
|
|
171
185
|
border: none;
|
|
@@ -190,7 +204,7 @@ __decorate([
|
|
|
190
204
|
], KRAlert.prototype, "type", void 0);
|
|
191
205
|
__decorate([
|
|
192
206
|
property({ type: String })
|
|
193
|
-
], KRAlert.prototype, "
|
|
207
|
+
], KRAlert.prototype, "title", void 0);
|
|
194
208
|
__decorate([
|
|
195
209
|
property({ type: Boolean })
|
|
196
210
|
], KRAlert.prototype, "dismissible", void 0);
|
package/dist/alert/alert.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../src/alert/alert.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD;;;;;GAKG;AAEI,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IAAhC;;
|
|
1
|
+
{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../src/alert/alert.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD;;;;;GAKG;AAEI,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IAAhC;;QAuHL;;WAEG;QAEH,SAAI,GAA6C,MAAM,CAAC;QAExD;;WAEG;QAEM,UAAK,GAAG,EAAE,CAAC;QAEpB;;WAEG;QAEH,gBAAW,GAAG,KAAK,CAAC;QAEpB;;WAEG;QAEH,YAAO,GAAG,IAAI,CAAC;IAoDjB,CAAC;IAlDC,mCAAmC;IAC3B,cAAc;QACpB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,SAAS,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IACpF,CAAC;IAEQ,MAAM;QACb,MAAM,KAAK,GAAG;YACZ,IAAI,EAAE,IAAI,CAAA,sPAAsP;YAChQ,OAAO,EAAE,IAAI,CAAA,2PAA2P;YACxQ,OAAO,EAAE,IAAI,CAAA,uUAAuU;YACpV,KAAK,EAAE,IAAI,CAAA,6UAA6U;SACzV,CAAC;QAEF,OAAO,IAAI,CAAA;;gBAEC,QAAQ,CAAC;YACf,OAAO,EAAE,IAAI;YACb,CAAC,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI;YAC7B,mBAAmB,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK;YACjC,eAAe,EAAE,CAAC,IAAI,CAAC,OAAO;SAC/B,CAAC;;;UAGA,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;;YAEd,IAAI,CAAC,KAAK;YACV,CAAC,CAAC,IAAI,CAAA,sBAAsB,IAAI,CAAC,KAAK,OAAO;YAC7C,CAAC,CAAC,OAAO;;;;;UAKV,IAAI,CAAC,WAAW;YACjB,CAAC,CAAC,IAAI,CAAA;;;;;yBAKS,IAAI,CAAC,cAAc;;;;;;aAM/B;YACH,CAAC,CAAC,OAAQ;;KAEf,CAAC;IACJ,CAAC;;AA/Le,cAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoH3B,AApHqB,CAoHpB;AAMF;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCAC6B;AAM/C;IADR,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sCACP;AAMpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CACR;AAMpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wCACb;AA7IJ,OAAO;IADnB,aAAa,CAAC,UAAU,CAAC;GACb,OAAO,CAiMnB"}
|
package/dist/button/button.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/button/button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAGrD,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;;;GAMG;AACH,qBACa,QAAS,SAAQ,UAAU;IACtC,OAAgB,MAAM,
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/button/button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAGrD,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;;;GAMG;AACH,qBACa,QAAS,SAAQ,UAAU;IACtC,OAAgB,MAAM,0BAmOpB;IAEF;;OAEG;IAEH,OAAO,EAAE,MAAM,GAAG,SAAS,CAAU;IAErC;;OAEG;IAEH,KAAK,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAa;IAEtD;;OAEG;IAEH,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAY;IAE9C;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IAEH,OAAO,EAAE,cAAc,EAAE,CAAM;IAG/B,OAAO,CAAC,MAAM,CAAoD;IAGlE,OAAO,CAAC,UAAU,CAAM;IAGxB,OAAO,CAAC,eAAe,CAAS;IAEhC,OAAO,CAAC,aAAa,CAAC,CAAS;IAE/B,iBAAiB;IASjB,oBAAoB;IAOpB,OAAO,CAAC,gBAAgB,CAKtB;IAEF,OAAO,CAAC,cAAc,CAYpB;IAEF,OAAO,CAAC,mBAAmB,CAIzB;IAEF,OAAO,CAAC,eAAe;IAwBvB,OAAO,CAAC,kBAAkB;IAU1B;;OAEG;IACH,WAAW;IAMX;;;;OAIG;IACH,WAAW,CAAC,IAAI,SAAY,EAAE,QAAQ,SAAO;IAS7C;;;;OAIG;IACH,SAAS,CAAC,IAAI,SAAU,EAAE,QAAQ,SAAO;IASzC;;OAEG;IACH,KAAK;IAML,OAAO,CAAC,kBAAkB;cAOP,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAWzD,MAAM;CA2BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
|
package/dist/button/button.js
CHANGED
|
@@ -39,7 +39,6 @@ let KRButton = class KRButton extends LitElement {
|
|
|
39
39
|
this._state = 'idle';
|
|
40
40
|
this._stateText = '';
|
|
41
41
|
this._dropdownOpened = false;
|
|
42
|
-
this._dropdownAlignRight = false;
|
|
43
42
|
this._handleHostClick = (e) => {
|
|
44
43
|
if (this.options.length) {
|
|
45
44
|
e.stopPropagation();
|
|
@@ -83,12 +82,20 @@ let KRButton = class KRButton extends LitElement {
|
|
|
83
82
|
_toggleDropdown() {
|
|
84
83
|
this._dropdownOpened = !this._dropdownOpened;
|
|
85
84
|
if (this._dropdownOpened) {
|
|
86
|
-
//
|
|
85
|
+
// Position the fixed dropdown relative to the host element
|
|
87
86
|
requestAnimationFrame(() => {
|
|
88
87
|
const dropdown = this.shadowRoot?.querySelector('.dropdown');
|
|
89
88
|
if (dropdown) {
|
|
90
|
-
const
|
|
91
|
-
|
|
89
|
+
const hostRect = this.getBoundingClientRect();
|
|
90
|
+
dropdown.style.top = hostRect.bottom + 4 + 'px';
|
|
91
|
+
dropdown.style.left = hostRect.left + 'px';
|
|
92
|
+
dropdown.style.minWidth = hostRect.width + 'px';
|
|
93
|
+
// Align right if dropdown overflows viewport
|
|
94
|
+
const dropdownRect = dropdown.getBoundingClientRect();
|
|
95
|
+
if (dropdownRect.right > window.innerWidth) {
|
|
96
|
+
dropdown.style.left = '';
|
|
97
|
+
dropdown.style.right = window.innerWidth - hostRect.right + 'px';
|
|
98
|
+
}
|
|
92
99
|
}
|
|
93
100
|
});
|
|
94
101
|
}
|
|
@@ -119,7 +126,9 @@ let KRButton = class KRButton extends LitElement {
|
|
|
119
126
|
this._clearStateTimeout();
|
|
120
127
|
this._state = 'success';
|
|
121
128
|
this._stateText = text;
|
|
122
|
-
|
|
129
|
+
if (duration > 0) {
|
|
130
|
+
this._stateTimeout = window.setTimeout(() => this.reset(), duration);
|
|
131
|
+
}
|
|
123
132
|
}
|
|
124
133
|
/**
|
|
125
134
|
* Shows an error state with optional custom text.
|
|
@@ -130,7 +139,9 @@ let KRButton = class KRButton extends LitElement {
|
|
|
130
139
|
this._clearStateTimeout();
|
|
131
140
|
this._state = 'error';
|
|
132
141
|
this._stateText = text;
|
|
133
|
-
|
|
142
|
+
if (duration > 0) {
|
|
143
|
+
this._stateTimeout = window.setTimeout(() => this.reset(), duration);
|
|
144
|
+
}
|
|
134
145
|
}
|
|
135
146
|
/**
|
|
136
147
|
* Resets the button to its idle state.
|
|
@@ -168,7 +179,7 @@ let KRButton = class KRButton extends LitElement {
|
|
|
168
179
|
</span>`
|
|
169
180
|
: nothing}
|
|
170
181
|
${this.options.length ? html `
|
|
171
|
-
<div class="dropdown ${this._dropdownOpened ? 'dropdown--opened' : ''}
|
|
182
|
+
<div class="dropdown ${this._dropdownOpened ? 'dropdown--opened' : ''}">
|
|
172
183
|
${this.options.map(option => html `
|
|
173
184
|
<button
|
|
174
185
|
class="dropdown-item"
|
|
@@ -352,17 +363,14 @@ KRButton.styles = css `
|
|
|
352
363
|
|
|
353
364
|
/* Dropdown */
|
|
354
365
|
.dropdown {
|
|
355
|
-
position:
|
|
356
|
-
top: 100%;
|
|
357
|
-
left: 0;
|
|
358
|
-
margin-top: 4px;
|
|
366
|
+
position: fixed;
|
|
359
367
|
min-width: 100%;
|
|
360
368
|
background: white;
|
|
361
369
|
border: 1px solid #9ba7b6;
|
|
362
370
|
border-radius: 8px;
|
|
363
371
|
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
|
|
364
372
|
padding: 8px 0;
|
|
365
|
-
z-index:
|
|
373
|
+
z-index: 10000;
|
|
366
374
|
display: none;
|
|
367
375
|
transform-origin: top;
|
|
368
376
|
}
|
|
@@ -372,11 +380,6 @@ KRButton.styles = css `
|
|
|
372
380
|
animation: dropdown-fade-in 150ms ease-out;
|
|
373
381
|
}
|
|
374
382
|
|
|
375
|
-
.dropdown--align-right {
|
|
376
|
-
left: auto;
|
|
377
|
-
right: 0;
|
|
378
|
-
}
|
|
379
|
-
|
|
380
383
|
@keyframes dropdown-fade-in {
|
|
381
384
|
from {
|
|
382
385
|
opacity: 0;
|
|
@@ -449,9 +452,6 @@ __decorate([
|
|
|
449
452
|
__decorate([
|
|
450
453
|
state()
|
|
451
454
|
], KRButton.prototype, "_dropdownOpened", void 0);
|
|
452
|
-
__decorate([
|
|
453
|
-
state()
|
|
454
|
-
], KRButton.prototype, "_dropdownAlignRight", void 0);
|
|
455
455
|
KRButton = __decorate([
|
|
456
456
|
customElement('kr-button')
|
|
457
457
|
], KRButton);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/button/button.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAOnE;;;;;;GAMG;AAEI,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;IAAjC;;
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/button/button.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
2
|
declare global {
|
|
3
3
|
interface Window {
|
|
4
|
-
|
|
5
|
-
highlight: (code: string,
|
|
6
|
-
|
|
4
|
+
hljs?: {
|
|
5
|
+
highlight: (code: string, options: {
|
|
6
|
+
language: string;
|
|
7
|
+
}) => {
|
|
8
|
+
value: string;
|
|
9
|
+
};
|
|
10
|
+
getLanguage: (name: string) => unknown;
|
|
7
11
|
};
|
|
8
12
|
}
|
|
9
13
|
}
|
|
@@ -13,26 +17,21 @@ declare global {
|
|
|
13
17
|
* Usage:
|
|
14
18
|
* ```html
|
|
15
19
|
* <kr-code-demo language="html">
|
|
16
|
-
* <
|
|
17
|
-
* <kr-button>Click me</kr-button>
|
|
18
|
-
* </div>
|
|
19
|
-
* <script slot="code" type="text/plain">
|
|
20
|
-
* <kr-button>Click me</kr-button>
|
|
21
|
-
* </script>
|
|
20
|
+
* <kr-button>Click me</kr-button>
|
|
22
21
|
* </kr-code-demo>
|
|
23
22
|
* ```
|
|
24
23
|
*
|
|
25
|
-
* Requires
|
|
24
|
+
* Requires highlight.js to be loaded globally for syntax highlighting.
|
|
26
25
|
*/
|
|
27
26
|
export declare class KRCodeDemo extends LitElement {
|
|
28
|
-
static styles: import("lit").CSSResult;
|
|
27
|
+
static styles: import("lit").CSSResult[];
|
|
29
28
|
language: string;
|
|
30
|
-
code
|
|
29
|
+
private code;
|
|
31
30
|
private activeTab;
|
|
32
31
|
private copied;
|
|
33
|
-
private
|
|
34
|
-
|
|
35
|
-
private
|
|
32
|
+
private highlightedCode;
|
|
33
|
+
connectedCallback(): void;
|
|
34
|
+
private activateTab;
|
|
36
35
|
private copyCode;
|
|
37
36
|
render(): import("lit-html").TemplateResult<1>;
|
|
38
37
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"code-demo.d.ts","sourceRoot":"","sources":["../../src/code-demo/code-demo.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"code-demo.d.ts","sourceRoot":"","sources":["../../src/code-demo/code-demo.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAM5C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,IAAI,CAAC,EAAE;YACL,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE;gBAAE,QAAQ,EAAE,MAAM,CAAA;aAAE,KAAK;gBAAE,KAAK,EAAE,MAAM,CAAA;aAAE,CAAC;YAC9E,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;SACxC,CAAC;KACH;CACF;AAED;;;;;;;;;;;GAWG;AACH,qBACa,UAAW,SAAQ,UAAU;IACxC,OAAgB,MAAM,4BA0HnB;IAGH,QAAQ,SAAU;IAGlB,OAAO,CAAC,IAAI,CAAM;IAGlB,OAAO,CAAC,SAAS,CAAiC;IAGlD,OAAO,CAAC,MAAM,CAAS;IAGvB,OAAO,CAAC,eAAe,CAAM;IAEpB,iBAAiB;IAqB1B,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,QAAQ;IAWP,MAAM;CAkDhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,UAAU,CAAC;KAC5B;CACF"}
|