@limetech/lime-elements 38.21.3 → 38.21.4

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 (43) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/cjs/{checkbox.template-d2c0b7fc.js → checkbox.template-f624966b.js} +9 -5
  3. package/dist/cjs/checkbox.template-f624966b.js.map +1 -0
  4. package/dist/cjs/limel-breadcrumbs_7.cjs.entry.js +2 -2
  5. package/dist/cjs/limel-checkbox.cjs.entry.js +24 -648
  6. package/dist/cjs/limel-checkbox.cjs.entry.js.map +1 -1
  7. package/dist/cjs/limel-slider.cjs.entry.js +1 -1
  8. package/dist/cjs/{util-b0f5741e.js → util-9af8948d.js} +1 -33
  9. package/dist/cjs/util-9af8948d.js.map +1 -0
  10. package/dist/collection/components/checkbox/checkbox.js +23 -19
  11. package/dist/collection/components/checkbox/checkbox.js.map +1 -1
  12. package/dist/collection/components/checkbox/checkbox.template.js +8 -5
  13. package/dist/collection/components/checkbox/checkbox.template.js.map +1 -1
  14. package/dist/esm/{checkbox.template-04a31caa.js → checkbox.template-890a59d7.js} +9 -5
  15. package/dist/esm/checkbox.template-890a59d7.js.map +1 -0
  16. package/dist/esm/limel-breadcrumbs_7.entry.js +2 -2
  17. package/dist/esm/limel-checkbox.entry.js +24 -648
  18. package/dist/esm/limel-checkbox.entry.js.map +1 -1
  19. package/dist/esm/limel-slider.entry.js +1 -1
  20. package/dist/esm/{util-f1bde91c.js → util-a389da1e.js} +2 -33
  21. package/dist/esm/util-a389da1e.js.map +1 -0
  22. package/dist/lime-elements/lime-elements.esm.js +1 -1
  23. package/dist/lime-elements/{p-9faad6eb.js → p-127358a6.js} +2 -2
  24. package/dist/lime-elements/p-127358a6.js.map +1 -0
  25. package/dist/lime-elements/p-2c69d13e.js +2 -0
  26. package/dist/lime-elements/p-2c69d13e.js.map +1 -0
  27. package/dist/lime-elements/{p-e80040b7.entry.js → p-5ca2fc45.entry.js} +2 -2
  28. package/dist/lime-elements/{p-0f113a9e.entry.js → p-a0fa40ee.entry.js} +2 -2
  29. package/dist/lime-elements/p-bd37337a.entry.js +2 -0
  30. package/dist/lime-elements/p-bd37337a.entry.js.map +1 -0
  31. package/dist/types/components/checkbox/checkbox.d.ts +0 -2
  32. package/package.json +1 -1
  33. package/dist/cjs/checkbox.template-d2c0b7fc.js.map +0 -1
  34. package/dist/cjs/util-b0f5741e.js.map +0 -1
  35. package/dist/esm/checkbox.template-04a31caa.js.map +0 -1
  36. package/dist/esm/util-f1bde91c.js.map +0 -1
  37. package/dist/lime-elements/p-9faad6eb.js.map +0 -1
  38. package/dist/lime-elements/p-cc6195a9.entry.js +0 -134
  39. package/dist/lime-elements/p-cc6195a9.entry.js.map +0 -1
  40. package/dist/lime-elements/p-d5b1f00e.js +0 -2
  41. package/dist/lime-elements/p-d5b1f00e.js.map +0 -1
  42. /package/dist/lime-elements/{p-e80040b7.entry.js.map → p-5ca2fc45.entry.js.map} +0 -0
  43. /package/dist/lime-elements/{p-0f113a9e.entry.js.map → p-a0fa40ee.entry.js.map} +0 -0
@@ -1,636 +1,6 @@
1
1
  import { r as registerInstance, c as createEvent, h, g as getElement } from './index-2714248e.js';
2
2
  import { c as createRandomString } from './random-string-355331d3.js';
3
- import { C as CheckboxTemplate } from './checkbox.template-04a31caa.js';
4
- import { _ as __extends, a as __assign, M as MDCFoundation, m as matches, c as __values, b as MDCComponent } from './ponyfill-9f1f6cd2.js';
5
- import { a as getCorrectEventName } from './util-f1bde91c.js';
6
- import { M as MDCRipple, a as applyPassive, b as MDCRippleFoundation } from './component-a531729c.js';
7
-
8
- /**
9
- * @license
10
- * Copyright 2016 Google Inc.
11
- *
12
- * Permission is hereby granted, free of charge, to any person obtaining a copy
13
- * of this software and associated documentation files (the "Software"), to deal
14
- * in the Software without restriction, including without limitation the rights
15
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
16
- * copies of the Software, and to permit persons to whom the Software is
17
- * furnished to do so, subject to the following conditions:
18
- *
19
- * The above copyright notice and this permission notice shall be included in
20
- * all copies or substantial portions of the Software.
21
- *
22
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
23
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
24
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
25
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
26
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
27
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
28
- * THE SOFTWARE.
29
- */
30
- var cssClasses$1 = {
31
- ANIM_CHECKED_INDETERMINATE: 'mdc-checkbox--anim-checked-indeterminate',
32
- ANIM_CHECKED_UNCHECKED: 'mdc-checkbox--anim-checked-unchecked',
33
- ANIM_INDETERMINATE_CHECKED: 'mdc-checkbox--anim-indeterminate-checked',
34
- ANIM_INDETERMINATE_UNCHECKED: 'mdc-checkbox--anim-indeterminate-unchecked',
35
- ANIM_UNCHECKED_CHECKED: 'mdc-checkbox--anim-unchecked-checked',
36
- ANIM_UNCHECKED_INDETERMINATE: 'mdc-checkbox--anim-unchecked-indeterminate',
37
- BACKGROUND: 'mdc-checkbox__background',
38
- CHECKED: 'mdc-checkbox--checked',
39
- CHECKMARK: 'mdc-checkbox__checkmark',
40
- CHECKMARK_PATH: 'mdc-checkbox__checkmark-path',
41
- DISABLED: 'mdc-checkbox--disabled',
42
- INDETERMINATE: 'mdc-checkbox--indeterminate',
43
- MIXEDMARK: 'mdc-checkbox__mixedmark',
44
- NATIVE_CONTROL: 'mdc-checkbox__native-control',
45
- ROOT: 'mdc-checkbox',
46
- SELECTED: 'mdc-checkbox--selected',
47
- UPGRADED: 'mdc-checkbox--upgraded',
48
- };
49
- var strings$1 = {
50
- ARIA_CHECKED_ATTR: 'aria-checked',
51
- ARIA_CHECKED_INDETERMINATE_VALUE: 'mixed',
52
- DATA_INDETERMINATE_ATTR: 'data-indeterminate',
53
- NATIVE_CONTROL_SELECTOR: '.mdc-checkbox__native-control',
54
- TRANSITION_STATE_CHECKED: 'checked',
55
- TRANSITION_STATE_INDETERMINATE: 'indeterminate',
56
- TRANSITION_STATE_INIT: 'init',
57
- TRANSITION_STATE_UNCHECKED: 'unchecked',
58
- };
59
- var numbers = {
60
- ANIM_END_LATCH_MS: 250,
61
- };
62
-
63
- /**
64
- * @license
65
- * Copyright 2016 Google Inc.
66
- *
67
- * Permission is hereby granted, free of charge, to any person obtaining a copy
68
- * of this software and associated documentation files (the "Software"), to deal
69
- * in the Software without restriction, including without limitation the rights
70
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
71
- * copies of the Software, and to permit persons to whom the Software is
72
- * furnished to do so, subject to the following conditions:
73
- *
74
- * The above copyright notice and this permission notice shall be included in
75
- * all copies or substantial portions of the Software.
76
- *
77
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
78
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
79
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
80
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
81
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
82
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
83
- * THE SOFTWARE.
84
- */
85
- var MDCCheckboxFoundation = /** @class */ (function (_super) {
86
- __extends(MDCCheckboxFoundation, _super);
87
- function MDCCheckboxFoundation(adapter) {
88
- var _this = _super.call(this, __assign(__assign({}, MDCCheckboxFoundation.defaultAdapter), adapter)) || this;
89
- _this.currentCheckState = strings$1.TRANSITION_STATE_INIT;
90
- _this.currentAnimationClass = '';
91
- _this.animEndLatchTimer = 0;
92
- _this.enableAnimationEndHandler = false;
93
- return _this;
94
- }
95
- Object.defineProperty(MDCCheckboxFoundation, "cssClasses", {
96
- get: function () {
97
- return cssClasses$1;
98
- },
99
- enumerable: false,
100
- configurable: true
101
- });
102
- Object.defineProperty(MDCCheckboxFoundation, "strings", {
103
- get: function () {
104
- return strings$1;
105
- },
106
- enumerable: false,
107
- configurable: true
108
- });
109
- Object.defineProperty(MDCCheckboxFoundation, "numbers", {
110
- get: function () {
111
- return numbers;
112
- },
113
- enumerable: false,
114
- configurable: true
115
- });
116
- Object.defineProperty(MDCCheckboxFoundation, "defaultAdapter", {
117
- get: function () {
118
- return {
119
- addClass: function () { return undefined; },
120
- forceLayout: function () { return undefined; },
121
- hasNativeControl: function () { return false; },
122
- isAttachedToDOM: function () { return false; },
123
- isChecked: function () { return false; },
124
- isIndeterminate: function () { return false; },
125
- removeClass: function () { return undefined; },
126
- removeNativeControlAttr: function () { return undefined; },
127
- setNativeControlAttr: function () { return undefined; },
128
- setNativeControlDisabled: function () { return undefined; },
129
- };
130
- },
131
- enumerable: false,
132
- configurable: true
133
- });
134
- MDCCheckboxFoundation.prototype.init = function () {
135
- this.currentCheckState = this.determineCheckState();
136
- this.updateAriaChecked();
137
- this.adapter.addClass(cssClasses$1.UPGRADED);
138
- };
139
- MDCCheckboxFoundation.prototype.destroy = function () {
140
- clearTimeout(this.animEndLatchTimer);
141
- };
142
- MDCCheckboxFoundation.prototype.setDisabled = function (disabled) {
143
- this.adapter.setNativeControlDisabled(disabled);
144
- if (disabled) {
145
- this.adapter.addClass(cssClasses$1.DISABLED);
146
- }
147
- else {
148
- this.adapter.removeClass(cssClasses$1.DISABLED);
149
- }
150
- };
151
- /**
152
- * Handles the animationend event for the checkbox
153
- */
154
- MDCCheckboxFoundation.prototype.handleAnimationEnd = function () {
155
- var _this = this;
156
- if (!this.enableAnimationEndHandler) {
157
- return;
158
- }
159
- clearTimeout(this.animEndLatchTimer);
160
- this.animEndLatchTimer = setTimeout(function () {
161
- _this.adapter.removeClass(_this.currentAnimationClass);
162
- _this.enableAnimationEndHandler = false;
163
- }, numbers.ANIM_END_LATCH_MS);
164
- };
165
- /**
166
- * Handles the change event for the checkbox
167
- */
168
- MDCCheckboxFoundation.prototype.handleChange = function () {
169
- this.transitionCheckState();
170
- };
171
- MDCCheckboxFoundation.prototype.transitionCheckState = function () {
172
- if (!this.adapter.hasNativeControl()) {
173
- return;
174
- }
175
- var oldState = this.currentCheckState;
176
- var newState = this.determineCheckState();
177
- if (oldState === newState) {
178
- return;
179
- }
180
- this.updateAriaChecked();
181
- var TRANSITION_STATE_UNCHECKED = strings$1.TRANSITION_STATE_UNCHECKED;
182
- var SELECTED = cssClasses$1.SELECTED;
183
- if (newState === TRANSITION_STATE_UNCHECKED) {
184
- this.adapter.removeClass(SELECTED);
185
- }
186
- else {
187
- this.adapter.addClass(SELECTED);
188
- }
189
- // Check to ensure that there isn't a previously existing animation class, in case for example
190
- // the user interacted with the checkbox before the animation was finished.
191
- if (this.currentAnimationClass.length > 0) {
192
- clearTimeout(this.animEndLatchTimer);
193
- this.adapter.forceLayout();
194
- this.adapter.removeClass(this.currentAnimationClass);
195
- }
196
- this.currentAnimationClass =
197
- this.getTransitionAnimationClass(oldState, newState);
198
- this.currentCheckState = newState;
199
- // Check for parentNode so that animations are only run when the element is attached
200
- // to the DOM.
201
- if (this.adapter.isAttachedToDOM() &&
202
- this.currentAnimationClass.length > 0) {
203
- this.adapter.addClass(this.currentAnimationClass);
204
- this.enableAnimationEndHandler = true;
205
- }
206
- };
207
- MDCCheckboxFoundation.prototype.determineCheckState = function () {
208
- var TRANSITION_STATE_INDETERMINATE = strings$1.TRANSITION_STATE_INDETERMINATE, TRANSITION_STATE_CHECKED = strings$1.TRANSITION_STATE_CHECKED, TRANSITION_STATE_UNCHECKED = strings$1.TRANSITION_STATE_UNCHECKED;
209
- if (this.adapter.isIndeterminate()) {
210
- return TRANSITION_STATE_INDETERMINATE;
211
- }
212
- return this.adapter.isChecked() ? TRANSITION_STATE_CHECKED :
213
- TRANSITION_STATE_UNCHECKED;
214
- };
215
- MDCCheckboxFoundation.prototype.getTransitionAnimationClass = function (oldState, newState) {
216
- var TRANSITION_STATE_INIT = strings$1.TRANSITION_STATE_INIT, TRANSITION_STATE_CHECKED = strings$1.TRANSITION_STATE_CHECKED, TRANSITION_STATE_UNCHECKED = strings$1.TRANSITION_STATE_UNCHECKED;
217
- var _a = MDCCheckboxFoundation.cssClasses, ANIM_UNCHECKED_CHECKED = _a.ANIM_UNCHECKED_CHECKED, ANIM_UNCHECKED_INDETERMINATE = _a.ANIM_UNCHECKED_INDETERMINATE, ANIM_CHECKED_UNCHECKED = _a.ANIM_CHECKED_UNCHECKED, ANIM_CHECKED_INDETERMINATE = _a.ANIM_CHECKED_INDETERMINATE, ANIM_INDETERMINATE_CHECKED = _a.ANIM_INDETERMINATE_CHECKED, ANIM_INDETERMINATE_UNCHECKED = _a.ANIM_INDETERMINATE_UNCHECKED;
218
- switch (oldState) {
219
- case TRANSITION_STATE_INIT:
220
- if (newState === TRANSITION_STATE_UNCHECKED) {
221
- return '';
222
- }
223
- return newState === TRANSITION_STATE_CHECKED ? ANIM_INDETERMINATE_CHECKED : ANIM_INDETERMINATE_UNCHECKED;
224
- case TRANSITION_STATE_UNCHECKED:
225
- return newState === TRANSITION_STATE_CHECKED ? ANIM_UNCHECKED_CHECKED : ANIM_UNCHECKED_INDETERMINATE;
226
- case TRANSITION_STATE_CHECKED:
227
- return newState === TRANSITION_STATE_UNCHECKED ? ANIM_CHECKED_UNCHECKED : ANIM_CHECKED_INDETERMINATE;
228
- default: // TRANSITION_STATE_INDETERMINATE
229
- return newState === TRANSITION_STATE_CHECKED ? ANIM_INDETERMINATE_CHECKED : ANIM_INDETERMINATE_UNCHECKED;
230
- }
231
- };
232
- MDCCheckboxFoundation.prototype.updateAriaChecked = function () {
233
- // Ensure aria-checked is set to mixed if checkbox is in indeterminate state.
234
- if (this.adapter.isIndeterminate()) {
235
- this.adapter.setNativeControlAttr(strings$1.ARIA_CHECKED_ATTR, strings$1.ARIA_CHECKED_INDETERMINATE_VALUE);
236
- }
237
- else {
238
- // The on/off state does not need to keep track of aria-checked, since
239
- // the screenreader uses the checked property on the checkbox element.
240
- this.adapter.removeNativeControlAttr(strings$1.ARIA_CHECKED_ATTR);
241
- }
242
- };
243
- return MDCCheckboxFoundation;
244
- }(MDCFoundation));
245
-
246
- /**
247
- * @license
248
- * Copyright 2016 Google Inc.
249
- *
250
- * Permission is hereby granted, free of charge, to any person obtaining a copy
251
- * of this software and associated documentation files (the "Software"), to deal
252
- * in the Software without restriction, including without limitation the rights
253
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
254
- * copies of the Software, and to permit persons to whom the Software is
255
- * furnished to do so, subject to the following conditions:
256
- *
257
- * The above copyright notice and this permission notice shall be included in
258
- * all copies or substantial portions of the Software.
259
- *
260
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
261
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
262
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
263
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
264
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
265
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
266
- * THE SOFTWARE.
267
- */
268
- var CB_PROTO_PROPS = ['checked', 'indeterminate'];
269
- var MDCCheckbox = /** @class */ (function (_super) {
270
- __extends(MDCCheckbox, _super);
271
- function MDCCheckbox() {
272
- var _this = _super !== null && _super.apply(this, arguments) || this;
273
- _this.rippleSurface = _this.createRipple();
274
- return _this;
275
- }
276
- MDCCheckbox.attachTo = function (root) {
277
- return new MDCCheckbox(root);
278
- };
279
- Object.defineProperty(MDCCheckbox.prototype, "ripple", {
280
- get: function () {
281
- return this.rippleSurface;
282
- },
283
- enumerable: false,
284
- configurable: true
285
- });
286
- Object.defineProperty(MDCCheckbox.prototype, "checked", {
287
- get: function () {
288
- return this.getNativeControl().checked;
289
- },
290
- set: function (checked) {
291
- this.getNativeControl().checked = checked;
292
- },
293
- enumerable: false,
294
- configurable: true
295
- });
296
- Object.defineProperty(MDCCheckbox.prototype, "indeterminate", {
297
- get: function () {
298
- return this.getNativeControl().indeterminate;
299
- },
300
- set: function (indeterminate) {
301
- this.getNativeControl().indeterminate = indeterminate;
302
- },
303
- enumerable: false,
304
- configurable: true
305
- });
306
- Object.defineProperty(MDCCheckbox.prototype, "disabled", {
307
- get: function () {
308
- return this.getNativeControl().disabled;
309
- },
310
- set: function (disabled) {
311
- this.foundation.setDisabled(disabled);
312
- },
313
- enumerable: false,
314
- configurable: true
315
- });
316
- Object.defineProperty(MDCCheckbox.prototype, "value", {
317
- get: function () {
318
- return this.getNativeControl().value;
319
- },
320
- set: function (value) {
321
- this.getNativeControl().value = value;
322
- },
323
- enumerable: false,
324
- configurable: true
325
- });
326
- MDCCheckbox.prototype.initialize = function () {
327
- var DATA_INDETERMINATE_ATTR = strings$1.DATA_INDETERMINATE_ATTR;
328
- this.getNativeControl().indeterminate =
329
- this.getNativeControl().getAttribute(DATA_INDETERMINATE_ATTR) ===
330
- 'true';
331
- this.getNativeControl().removeAttribute(DATA_INDETERMINATE_ATTR);
332
- };
333
- MDCCheckbox.prototype.initialSyncWithDOM = function () {
334
- var _this = this;
335
- this.handleChange = function () {
336
- _this.foundation.handleChange();
337
- };
338
- this.handleAnimationEnd = function () {
339
- _this.foundation.handleAnimationEnd();
340
- };
341
- this.getNativeControl().addEventListener('change', this.handleChange);
342
- this.listen(getCorrectEventName(window, 'animationend'), this.handleAnimationEnd);
343
- this.installPropertyChangeHooks();
344
- };
345
- MDCCheckbox.prototype.destroy = function () {
346
- this.rippleSurface.destroy();
347
- this.getNativeControl().removeEventListener('change', this.handleChange);
348
- this.unlisten(getCorrectEventName(window, 'animationend'), this.handleAnimationEnd);
349
- this.uninstallPropertyChangeHooks();
350
- _super.prototype.destroy.call(this);
351
- };
352
- MDCCheckbox.prototype.getDefaultFoundation = function () {
353
- var _this = this;
354
- // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.
355
- // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.
356
- var adapter = {
357
- addClass: function (className) { return _this.root.classList.add(className); },
358
- forceLayout: function () { return _this.root.offsetWidth; },
359
- hasNativeControl: function () { return !!_this.getNativeControl(); },
360
- isAttachedToDOM: function () { return Boolean(_this.root.parentNode); },
361
- isChecked: function () { return _this.checked; },
362
- isIndeterminate: function () { return _this.indeterminate; },
363
- removeClass: function (className) {
364
- _this.root.classList.remove(className);
365
- },
366
- removeNativeControlAttr: function (attr) {
367
- _this.getNativeControl().removeAttribute(attr);
368
- },
369
- setNativeControlAttr: function (attr, value) {
370
- _this.getNativeControl().setAttribute(attr, value);
371
- },
372
- setNativeControlDisabled: function (disabled) {
373
- _this.getNativeControl().disabled = disabled;
374
- },
375
- };
376
- return new MDCCheckboxFoundation(adapter);
377
- };
378
- MDCCheckbox.prototype.createRipple = function () {
379
- var _this = this;
380
- // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.
381
- // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.
382
- var adapter = __assign(__assign({}, MDCRipple.createAdapter(this)), { deregisterInteractionHandler: function (evtType, handler) {
383
- _this.getNativeControl().removeEventListener(evtType, handler, applyPassive());
384
- }, isSurfaceActive: function () { return matches(_this.getNativeControl(), ':active'); }, isUnbounded: function () { return true; }, registerInteractionHandler: function (evtType, handler) {
385
- _this.getNativeControl().addEventListener(evtType, handler, applyPassive());
386
- } });
387
- return new MDCRipple(this.root, new MDCRippleFoundation(adapter));
388
- };
389
- MDCCheckbox.prototype.installPropertyChangeHooks = function () {
390
- var e_1, _a;
391
- var _this = this;
392
- var nativeCb = this.getNativeControl();
393
- var cbProto = Object.getPrototypeOf(nativeCb);
394
- var _loop_1 = function (controlState) {
395
- var desc = Object.getOwnPropertyDescriptor(cbProto, controlState);
396
- // We have to check for this descriptor, since some browsers (Safari) don't support its return.
397
- // See: https://bugs.webkit.org/show_bug.cgi?id=49739
398
- if (!validDescriptor(desc)) {
399
- return { value: void 0 };
400
- }
401
- // Type cast is needed for compatibility with Closure Compiler.
402
- var nativeGetter = desc.get;
403
- var nativeCbDesc = {
404
- configurable: desc.configurable,
405
- enumerable: desc.enumerable,
406
- get: nativeGetter,
407
- set: function (state) {
408
- desc.set.call(nativeCb, state);
409
- _this.foundation.handleChange();
410
- },
411
- };
412
- Object.defineProperty(nativeCb, controlState, nativeCbDesc);
413
- };
414
- try {
415
- for (var CB_PROTO_PROPS_1 = __values(CB_PROTO_PROPS), CB_PROTO_PROPS_1_1 = CB_PROTO_PROPS_1.next(); !CB_PROTO_PROPS_1_1.done; CB_PROTO_PROPS_1_1 = CB_PROTO_PROPS_1.next()) {
416
- var controlState = CB_PROTO_PROPS_1_1.value;
417
- var state_1 = _loop_1(controlState);
418
- if (typeof state_1 === "object")
419
- return state_1.value;
420
- }
421
- }
422
- catch (e_1_1) { e_1 = { error: e_1_1 }; }
423
- finally {
424
- try {
425
- if (CB_PROTO_PROPS_1_1 && !CB_PROTO_PROPS_1_1.done && (_a = CB_PROTO_PROPS_1.return)) _a.call(CB_PROTO_PROPS_1);
426
- }
427
- finally { if (e_1) throw e_1.error; }
428
- }
429
- };
430
- MDCCheckbox.prototype.uninstallPropertyChangeHooks = function () {
431
- var e_2, _a;
432
- var nativeCb = this.getNativeControl();
433
- var cbProto = Object.getPrototypeOf(nativeCb);
434
- try {
435
- for (var CB_PROTO_PROPS_2 = __values(CB_PROTO_PROPS), CB_PROTO_PROPS_2_1 = CB_PROTO_PROPS_2.next(); !CB_PROTO_PROPS_2_1.done; CB_PROTO_PROPS_2_1 = CB_PROTO_PROPS_2.next()) {
436
- var controlState = CB_PROTO_PROPS_2_1.value;
437
- var desc = Object.getOwnPropertyDescriptor(cbProto, controlState);
438
- if (!validDescriptor(desc)) {
439
- return;
440
- }
441
- Object.defineProperty(nativeCb, controlState, desc);
442
- }
443
- }
444
- catch (e_2_1) { e_2 = { error: e_2_1 }; }
445
- finally {
446
- try {
447
- if (CB_PROTO_PROPS_2_1 && !CB_PROTO_PROPS_2_1.done && (_a = CB_PROTO_PROPS_2.return)) _a.call(CB_PROTO_PROPS_2);
448
- }
449
- finally { if (e_2) throw e_2.error; }
450
- }
451
- };
452
- MDCCheckbox.prototype.getNativeControl = function () {
453
- var NATIVE_CONTROL_SELECTOR = strings$1.NATIVE_CONTROL_SELECTOR;
454
- var el = this.root.querySelector(NATIVE_CONTROL_SELECTOR);
455
- if (!el) {
456
- throw new Error("Checkbox component requires a " + NATIVE_CONTROL_SELECTOR + " element");
457
- }
458
- return el;
459
- };
460
- return MDCCheckbox;
461
- }(MDCComponent));
462
- function validDescriptor(inputPropDesc) {
463
- return !!inputPropDesc && typeof inputPropDesc.set === 'function';
464
- }
465
-
466
- /**
467
- * @license
468
- * Copyright 2017 Google Inc.
469
- *
470
- * Permission is hereby granted, free of charge, to any person obtaining a copy
471
- * of this software and associated documentation files (the "Software"), to deal
472
- * in the Software without restriction, including without limitation the rights
473
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
474
- * copies of the Software, and to permit persons to whom the Software is
475
- * furnished to do so, subject to the following conditions:
476
- *
477
- * The above copyright notice and this permission notice shall be included in
478
- * all copies or substantial portions of the Software.
479
- *
480
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
481
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
482
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
483
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
484
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
485
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
486
- * THE SOFTWARE.
487
- */
488
- var cssClasses = {
489
- ROOT: 'mdc-form-field',
490
- };
491
- var strings = {
492
- LABEL_SELECTOR: '.mdc-form-field > label',
493
- };
494
-
495
- /**
496
- * @license
497
- * Copyright 2017 Google Inc.
498
- *
499
- * Permission is hereby granted, free of charge, to any person obtaining a copy
500
- * of this software and associated documentation files (the "Software"), to deal
501
- * in the Software without restriction, including without limitation the rights
502
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
503
- * copies of the Software, and to permit persons to whom the Software is
504
- * furnished to do so, subject to the following conditions:
505
- *
506
- * The above copyright notice and this permission notice shall be included in
507
- * all copies or substantial portions of the Software.
508
- *
509
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
510
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
511
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
512
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
513
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
514
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
515
- * THE SOFTWARE.
516
- */
517
- var MDCFormFieldFoundation = /** @class */ (function (_super) {
518
- __extends(MDCFormFieldFoundation, _super);
519
- function MDCFormFieldFoundation(adapter) {
520
- var _this = _super.call(this, __assign(__assign({}, MDCFormFieldFoundation.defaultAdapter), adapter)) || this;
521
- _this.click = function () {
522
- _this.handleClick();
523
- };
524
- return _this;
525
- }
526
- Object.defineProperty(MDCFormFieldFoundation, "cssClasses", {
527
- get: function () {
528
- return cssClasses;
529
- },
530
- enumerable: false,
531
- configurable: true
532
- });
533
- Object.defineProperty(MDCFormFieldFoundation, "strings", {
534
- get: function () {
535
- return strings;
536
- },
537
- enumerable: false,
538
- configurable: true
539
- });
540
- Object.defineProperty(MDCFormFieldFoundation, "defaultAdapter", {
541
- get: function () {
542
- return {
543
- activateInputRipple: function () { return undefined; },
544
- deactivateInputRipple: function () { return undefined; },
545
- deregisterInteractionHandler: function () { return undefined; },
546
- registerInteractionHandler: function () { return undefined; },
547
- };
548
- },
549
- enumerable: false,
550
- configurable: true
551
- });
552
- MDCFormFieldFoundation.prototype.init = function () {
553
- this.adapter.registerInteractionHandler('click', this.click);
554
- };
555
- MDCFormFieldFoundation.prototype.destroy = function () {
556
- this.adapter.deregisterInteractionHandler('click', this.click);
557
- };
558
- MDCFormFieldFoundation.prototype.handleClick = function () {
559
- var _this = this;
560
- this.adapter.activateInputRipple();
561
- requestAnimationFrame(function () {
562
- _this.adapter.deactivateInputRipple();
563
- });
564
- };
565
- return MDCFormFieldFoundation;
566
- }(MDCFoundation));
567
-
568
- /**
569
- * @license
570
- * Copyright 2017 Google Inc.
571
- *
572
- * Permission is hereby granted, free of charge, to any person obtaining a copy
573
- * of this software and associated documentation files (the "Software"), to deal
574
- * in the Software without restriction, including without limitation the rights
575
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
576
- * copies of the Software, and to permit persons to whom the Software is
577
- * furnished to do so, subject to the following conditions:
578
- *
579
- * The above copyright notice and this permission notice shall be included in
580
- * all copies or substantial portions of the Software.
581
- *
582
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
583
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
584
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
585
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
586
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
587
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
588
- * THE SOFTWARE.
589
- */
590
- var MDCFormField = /** @class */ (function (_super) {
591
- __extends(MDCFormField, _super);
592
- function MDCFormField() {
593
- return _super !== null && _super.apply(this, arguments) || this;
594
- }
595
- MDCFormField.attachTo = function (root) {
596
- return new MDCFormField(root);
597
- };
598
- MDCFormField.prototype.labelEl = function () {
599
- var LABEL_SELECTOR = MDCFormFieldFoundation.strings.LABEL_SELECTOR;
600
- return this.root.querySelector(LABEL_SELECTOR);
601
- };
602
- MDCFormField.prototype.getDefaultFoundation = function () {
603
- var _this = this;
604
- // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.
605
- // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.
606
- var adapter = {
607
- activateInputRipple: function () {
608
- if (_this.input && _this.input.ripple) {
609
- _this.input.ripple.activate();
610
- }
611
- },
612
- deactivateInputRipple: function () {
613
- if (_this.input && _this.input.ripple) {
614
- _this.input.ripple.deactivate();
615
- }
616
- },
617
- deregisterInteractionHandler: function (evtType, handler) {
618
- var labelEl = _this.labelEl();
619
- if (labelEl) {
620
- labelEl.removeEventListener(evtType, handler);
621
- }
622
- },
623
- registerInteractionHandler: function (evtType, handler) {
624
- var labelEl = _this.labelEl();
625
- if (labelEl) {
626
- labelEl.addEventListener(evtType, handler);
627
- }
628
- },
629
- };
630
- return new MDCFormFieldFoundation(adapter);
631
- };
632
- return MDCFormField;
633
- }(MDCComponent));
3
+ import { C as CheckboxTemplate } from './checkbox.template-890a59d7.js';
634
4
 
635
5
  const checkboxCss = "@charset \"UTF-8\";*,*:before,*:after{box-sizing:border-box}.boolean-input{--limel-boolean-input-box-size:1.25rem;--limel-boolean-input-gap-size:0.5rem;position:relative;isolation:isolate;display:flex;align-items:center;min-height:var(--limel-checkbox-min-height, 2.5rem);width:100%}.boolean-input input[type=checkbox],.boolean-input input[type=radio]{position:absolute;width:0;height:0;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none}label.boolean-input-label{min-width:var(--limel-boolean-input-box-size);min-height:var(--limel-boolean-input-box-size);padding-top:0.125rem;cursor:pointer;position:relative;width:100%;font-size:var(--limel-theme-default-small-font-size);color:var(--limel-theme-text-primary-on-background-color);padding-left:calc(var(--limel-boolean-input-box-size) + var(--limel-boolean-input-gap-size))}.disabled:not([readonly]):not([readonly=true]) label.boolean-input-label{cursor:not-allowed;color:var(--limel-theme-text-disabled-color)}.required label.boolean-input-label:after{margin-left:0.0625rem;content:\"*\"}.invalid:not(.readonly) label.boolean-input-label{color:var(--limel-theme-error-text-color)}:host(limel-checkbox.hide-label) label.boolean-input-label,.hide-label label.boolean-input-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;opacity:0;width:var(--limel-boolean-input-box-size)}.box{position:absolute;pointer-events:none;transition:border-color 0.4s ease 0.2s, background-color 0.2s ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease;display:inline-block;vertical-align:middle;width:var(--limel-boolean-input-box-size);height:var(--limel-boolean-input-box-size);margin-right:var(--limel-boolean-input-gap-size);border-radius:var(--limel-boolean-input-box-border-radius);border:0.125rem solid;border-color:var(--checkbox-unchecked-border-color, rgb(var(--contrast-900)));background-color:var(--limel-checkbox-background-color, rgb(var(--contrast-300)))}.checked .box,.boolean-input:has(input[type=checkbox]:checked) .box,.boolean-input:has(input[type=radio]:checked) .box{background-color:var(--lime-primary-color, var(--limel-theme-primary-color));border-color:var(--lime-primary-color, var(--limel-theme-primary-color))}.disabled .box{opacity:0.4}.boolean-input:not(.disabled):has(label.boolean-input-label:hover) .box{will-change:box-shadow;box-shadow:var(--button-shadow-hovered)}.boolean-input:not(.disabled):has(label.boolean-input-label:active) .box{will-change:box-shadow;box-shadow:var(--button-shadow-pressed)}.box:before{transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);content:\"\";position:absolute;inset:-0.1875rem;border-radius:inherit}.boolean-input:has(input[type=checkbox]:focus-visible) .box:before,.boolean-input:has(input[type=radio]:focus-visible) .box:before{will-change:box-shadow;box-shadow:var(--shadow-depth-8-focused)}.box:after{transition:opacity 0.2s ease, width 0.4s ease, box-shadow 0.6s cubic-bezier(0.68, -0.55, 0, 1.87), transform 0.6s cubic-bezier(0.68, -0.55, 0, 1.87);content:\"\";position:absolute;inset:0;margin:auto;border-radius:1rem;opacity:0;background-color:rgb(var(--color-white))}.boolean-input:not(.disabled):has(label.boolean-input-label:hover) .box:after{will-change:opacity, box-shadow, transform, width}:host(limel-checkbox){min-height:var(--limel-checkbox-min-height, 2.5rem)}.box:after{height:0.125rem;width:0.25rem}.indeterminate .box:after{opacity:1;width:calc(var(--limel-boolean-input-box-size) - 0.5rem)}.checkbox{--limel-boolean-input-box-border-radius:0.25rem}.checkbox svg.check-mark{position:absolute;z-index:1;inset:0;transform:translate3d(-0.125rem, -0.125rem, 0);width:var(--limel-boolean-input-box-size);height:var(--limel-boolean-input-box-size);padding:0.25rem;color:rgb(var(--color-white));opacity:0;stroke-width:0.1875rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.checkbox svg.check-mark path{stroke-dashoffset:29.7833;stroke-dasharray:29.7833;transition:stroke-dashoffset 180ms cubic-bezier(0.4, 0, 0.6, 1)}.checkbox:not(.indeterminate):has(input[type=checkbox]:checked) svg.check-mark{opacity:1}.checkbox:not(.indeterminate):has(input[type=checkbox]:checked) svg.check-mark path{stroke-dashoffset:0}limel-dynamic-label{margin-top:0.375rem;margin-left:-0.25rem}:host(limel-checkbox:focus),:host(limel-checkbox:focus-visible),:host(limel-checkbox:focus-within){--limel-h-l-grid-template-rows-transition-speed:0.46s;--limel-h-l-grid-template-rows:1fr}:host(limel-checkbox){--limel-h-l-grid-template-rows-transition-speed:0.3s;--limel-h-l-grid-template-rows:0fr}:host(limel-checkbox:focus) limel-helper-line,:host(limel-checkbox:focus-visible) limel-helper-line,:host(limel-checkbox:focus-within) limel-helper-line,:host(limel-checkbox:hover) limel-helper-line{will-change:grid-template-rows}";
636
6
 
@@ -642,12 +12,10 @@ const Checkbox = class {
642
12
  this.id = createRandomString();
643
13
  this.helperTextId = createRandomString();
644
14
  this.destroyMDCInstances = () => {
645
- var _a, _b;
646
- (_a = this.mdcCheckbox) === null || _a === void 0 ? void 0 : _a.destroy();
647
- (_b = this.formField) === null || _b === void 0 ? void 0 : _b.destroy();
648
- const checkboxElement = this.getCheckboxElement();
649
- if (checkboxElement) {
650
- checkboxElement.classList.remove(cssClasses$1.ANIM_CHECKED_INDETERMINATE, cssClasses$1.ANIM_CHECKED_UNCHECKED, cssClasses$1.ANIM_INDETERMINATE_CHECKED, cssClasses$1.ANIM_INDETERMINATE_UNCHECKED, cssClasses$1.ANIM_UNCHECKED_CHECKED, cssClasses$1.ANIM_UNCHECKED_INDETERMINATE);
15
+ const input = this.getCheckboxElement();
16
+ if (input) {
17
+ delete input.dataset['indeterminate'];
18
+ input.indeterminate = false;
651
19
  }
652
20
  };
653
21
  this.isInvalid = () => {
@@ -659,20 +27,23 @@ const Checkbox = class {
659
27
  }
660
28
  };
661
29
  this.initialize = () => {
662
- const element = this.limelCheckbox.shadowRoot.querySelector('.mdc-form-field');
663
- if (!element) {
30
+ const input = this.getCheckboxElement();
31
+ if (!input) {
664
32
  return;
665
33
  }
666
- this.formField = new MDCFormField(element);
667
- this.mdcCheckbox = new MDCCheckbox(this.getCheckboxElement());
668
- this.formField.input = this.mdcCheckbox;
34
+ input.indeterminate = this.indeterminate;
35
+ input.checked = this.checked || this.indeterminate;
669
36
  };
670
37
  this.getCheckboxElement = () => {
671
- return this.limelCheckbox.shadowRoot.querySelector('.mdc-checkbox');
38
+ var _a, _b;
39
+ return (((_b = (_a = this.limelCheckbox) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('input[type="checkbox"]')) || null);
672
40
  };
673
41
  this.onChange = (event) => {
42
+ var _a;
674
43
  event.stopPropagation();
675
- this.change.emit(this.mdcCheckbox.checked);
44
+ const input = event.currentTarget;
45
+ const isChecked = (_a = input === null || input === void 0 ? void 0 : input.checked) !== null && _a !== void 0 ? _a : this.checked;
46
+ this.change.emit(isChecked);
676
47
  this.modified = true;
677
48
  };
678
49
  this.disabled = false;
@@ -687,14 +58,19 @@ const Checkbox = class {
687
58
  this.modified = false;
688
59
  }
689
60
  handleCheckedChange(newValue) {
690
- if (!this.mdcCheckbox) {
61
+ const input = this.getCheckboxElement();
62
+ if (!input) {
691
63
  return;
692
64
  }
693
- this.mdcCheckbox.checked = newValue;
65
+ input.checked = newValue || this.indeterminate;
694
66
  }
695
67
  handleIndeterminateChange(newValue) {
696
- this.mdcCheckbox.checked = this.checked;
697
- this.mdcCheckbox.indeterminate = newValue;
68
+ const input = this.getCheckboxElement();
69
+ if (!input) {
70
+ return;
71
+ }
72
+ input.checked = this.checked || newValue;
73
+ input.indeterminate = newValue;
698
74
  }
699
75
  handleReadonlyChange() {
700
76
  this.destroyMDCInstances();