tinkiet 0.11.8 → 0.11.12

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 (10) hide show
  1. package/index.js +17 -9
  2. package/notie/index.js +1 -1
  3. package/package.json +2 -2
  4. package/select/index.js +14 -6
  5. package/select/select.d.ts +2 -0
  6. package/slider/index.js +1 -1
  7. package/textarea/index.js +1 -1
  8. package/textfield/index.js +1 -1
  9. package/textfield/textfield.d.ts +1 -1
  10. package/umd/tinkiet.min.js +13 -13
package/index.js CHANGED
@@ -263,7 +263,7 @@ var if_defined_js_ = __webpack_require__(3517);
263
263
  // EXTERNAL MODULE: ./tinkiet/utils/unique.ts
264
264
  var unique = __webpack_require__(3770);
265
265
  ;// ./tinkiet/textfield/textfield.scss
266
- /* harmony default export */ const textfield = ("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}:host{transform:translateZ(0);display:block;outline:none}:host #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface-variant));transition:var(--input-transition, border-color var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease), background var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease));position:relative;display:flex;align-items:center;overflow:hidden;padding:8px 16px 8px 16px;height:56px}:host #wrapper{position:relative;flex-grow:1}:host #label{color:hsl(var(--on-surface-variant));font-weight:400;line-height:64px;transition:var(--input-label-transition, top var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), font-size var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear));top:50%;transform:translateY(-50%);z-index:1;position:absolute;pointer-events:none;font-size:inherit;line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none}:host([disabled]){pointer-events:none;opacity:.38}:host(:hover) #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface))}:host(:focus-within) #container{border-bottom:solid 2px hsl(var(--primary));background-color:hsla(var(--on-surface), 0.3);padding:8px 16px 7px 16px}:host([outlined]) #container{background-color:rgba(0,0,0,0);border:solid 1px hsl(var(--outline));border-radius:4px}:host([outlined]:focus-within) #container{border:solid 2px hsl(var(--primary));padding:7px 15px 7px 15px}:host(:focus-within) #label,:host([dirty]) #label,:host([type=color]) #label,:host([type=date]) #label,:host([type=file]) #label,:host([type=range]) #label{font-size:var(--input-label-font-size, 0.75rem);top:0;transform:translateY(0);color:hsl(var(--primary))}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){caret-color:hsl(var(--primary));padding:var(--input-padding-top-bottom, 0.5rem) var(--_input-padding-left-right);font-size:var(--input-font-size, 1rem);text-align:var(--input-text-align, inherit);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;display:block;color:inherit;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;margin:0;background:rgba(0,0,0,0);width:100%}:host([label]) #slot-wrapper,:host([label]) ::slotted(input),:host([label]) ::slotted(select),:host([label]) ::slotted(textarea){padding-top:16px}:host([invalid]){color:hsl(var(--error))}::slotted(input[type=color]){height:3.75rem;cursor:pointer}::slotted([slot=after]),::slotted([slot=before]){color:var(--input-before-after-color, hsl(var(--shadow)))}:host(:not([outlined]):not([filled])) ::slotted([slot=before]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}:host(:not([outlined]):not([filled])) ::slotted([slot=after]),:host([filled]) ::slotted([slot=before]),:host([outlined]) ::slotted([slot=before]){margin-left:var(--input-padding-left-right-outlined, 0.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}");
266
+ /* harmony default export */ const textfield = ("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}:host{transform:translateZ(0);display:block;outline:none}:host #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface-variant));transition:var(--input-transition, border-color var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease), background var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease));position:relative;display:flex;align-items:center;overflow:hidden;padding:8px 16px 8px 16px;height:56px}:host #wrapper{position:relative;flex-grow:1}:host #label{color:hsl(var(--on-surface-variant));font-weight:400;line-height:64px;transition:var(--input-label-transition, top var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), font-size var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear));top:50%;transform:translateY(-50%);z-index:1;position:absolute;pointer-events:none;font-size:inherit;line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none}:host([disabled]){pointer-events:none;opacity:.38}:host(:hover) #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface))}:host(:focus-within) #container{border-bottom:solid 2px hsl(var(--primary));background-color:hsla(var(--on-surface), 0.3);padding:8px 16px 7px 16px}:host([outlined]) #container{background-color:rgba(0,0,0,0);border:solid 1px hsl(var(--outline));border-radius:4px}:host([outlined]:focus-within) #container{border:solid 2px hsl(var(--primary));padding:7px 15px 7px 15px}:host(:focus-within) #label,:host([dirty]) #label,:host([type=color]) #label,:host([type=date]) #label,:host([type=datetime-local]) #label,:host([type=file]) #label,:host([type=range]) #label{font-size:var(--input-label-font-size, 0.75rem);top:0;transform:translateY(0);color:hsl(var(--primary))}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){caret-color:hsl(var(--primary));padding:var(--input-padding-top-bottom, 0.5rem) var(--_input-padding-left-right);font-size:var(--input-font-size, 1rem);text-align:var(--input-text-align, inherit);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;display:block;color:inherit;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;margin:0;background:rgba(0,0,0,0);width:100%}:host([label]) #slot-wrapper,:host([label]) ::slotted(input),:host([label]) ::slotted(select),:host([label]) ::slotted(textarea){padding-top:16px}:host([invalid]){color:hsl(var(--error))}::slotted(input[type=color]){height:3.75rem;cursor:pointer}::slotted([slot=after]),::slotted([slot=before]){color:var(--input-before-after-color, hsl(var(--shadow)))}:host(:not([outlined]):not([filled])) ::slotted([slot=before]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}:host(:not([outlined]):not([filled])) ::slotted([slot=after]),:host([filled]) ::slotted([slot=before]),:host([outlined]) ::slotted([slot=before]){margin-left:var(--input-padding-left-right-outlined, 0.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}");
267
267
  ;// ./tinkiet/textfield/textfield.ts
268
268
  var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
269
269
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -1660,7 +1660,7 @@ var if_defined_js_ = __webpack_require__(3517);
1660
1660
  // EXTERNAL MODULE: ./tinkiet/utils/unique.ts
1661
1661
  var unique = __webpack_require__(3770);
1662
1662
  ;// ./tinkiet/textarea/textarea.scss
1663
- /* harmony default export */ const textarea_textarea = ("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}:host{transform:translateZ(0);display:block;outline:none}:host #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface-variant));transition:var(--input-transition, border-color var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease), background var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease));position:relative;display:flex;align-items:center;overflow:hidden;padding:8px 16px 8px 16px;height:56px}:host #wrapper{position:relative;flex-grow:1}:host #label{color:hsl(var(--on-surface-variant));font-weight:400;line-height:64px;transition:var(--input-label-transition, top var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), font-size var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear));top:50%;transform:translateY(-50%);z-index:1;position:absolute;pointer-events:none;font-size:inherit;line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none}:host([disabled]){pointer-events:none;opacity:.38}:host(:hover) #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface))}:host(:focus-within) #container{border-bottom:solid 2px hsl(var(--primary));background-color:hsla(var(--on-surface), 0.3);padding:8px 16px 7px 16px}:host([outlined]) #container{background-color:rgba(0,0,0,0);border:solid 1px hsl(var(--outline));border-radius:4px}:host([outlined]:focus-within) #container{border:solid 2px hsl(var(--primary));padding:7px 15px 7px 15px}:host(:focus-within) #label,:host([dirty]) #label,:host([type=color]) #label,:host([type=date]) #label,:host([type=file]) #label,:host([type=range]) #label{font-size:var(--input-label-font-size, 0.75rem);top:0;transform:translateY(0);color:hsl(var(--primary))}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){caret-color:hsl(var(--primary));padding:var(--input-padding-top-bottom, 0.5rem) var(--_input-padding-left-right);font-size:var(--input-font-size, 1rem);text-align:var(--input-text-align, inherit);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;display:block;color:inherit;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;margin:0;background:rgba(0,0,0,0);width:100%}:host([label]) #slot-wrapper,:host([label]) ::slotted(input),:host([label]) ::slotted(select),:host([label]) ::slotted(textarea){padding-top:16px}:host([invalid]){color:hsl(var(--error))}::slotted(input[type=color]){height:3.75rem;cursor:pointer}::slotted([slot=after]),::slotted([slot=before]){color:var(--input-before-after-color, hsl(var(--shadow)))}:host(:not([outlined]):not([filled])) ::slotted([slot=before]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}:host(:not([outlined]):not([filled])) ::slotted([slot=after]),:host([filled]) ::slotted([slot=before]),:host([outlined]) ::slotted([slot=before]){margin-left:var(--input-padding-left-right-outlined, 0.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}:host #container{height:auto;min-height:56px}#wrapper ::slotted(textarea){height:var(--textarea-height, var(--_textarea-height));min-height:var(--textarea-min-height, var(--textarea-height, var(--_textarea-height)));max-height:var(--textarea-max-height);resize:var(--textarea-resize, none);font-family:inherit}:host(:focus) ::slotted(textarea),:host(:hover) ::slotted(textarea){will-change:height}");
1663
+ /* harmony default export */ const textarea_textarea = ("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}:host{transform:translateZ(0);display:block;outline:none}:host #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface-variant));transition:var(--input-transition, border-color var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease), background var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease));position:relative;display:flex;align-items:center;overflow:hidden;padding:8px 16px 8px 16px;height:56px}:host #wrapper{position:relative;flex-grow:1}:host #label{color:hsl(var(--on-surface-variant));font-weight:400;line-height:64px;transition:var(--input-label-transition, top var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), font-size var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear));top:50%;transform:translateY(-50%);z-index:1;position:absolute;pointer-events:none;font-size:inherit;line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none}:host([disabled]){pointer-events:none;opacity:.38}:host(:hover) #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface))}:host(:focus-within) #container{border-bottom:solid 2px hsl(var(--primary));background-color:hsla(var(--on-surface), 0.3);padding:8px 16px 7px 16px}:host([outlined]) #container{background-color:rgba(0,0,0,0);border:solid 1px hsl(var(--outline));border-radius:4px}:host([outlined]:focus-within) #container{border:solid 2px hsl(var(--primary));padding:7px 15px 7px 15px}:host(:focus-within) #label,:host([dirty]) #label,:host([type=color]) #label,:host([type=date]) #label,:host([type=datetime-local]) #label,:host([type=file]) #label,:host([type=range]) #label{font-size:var(--input-label-font-size, 0.75rem);top:0;transform:translateY(0);color:hsl(var(--primary))}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){caret-color:hsl(var(--primary));padding:var(--input-padding-top-bottom, 0.5rem) var(--_input-padding-left-right);font-size:var(--input-font-size, 1rem);text-align:var(--input-text-align, inherit);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;display:block;color:inherit;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;margin:0;background:rgba(0,0,0,0);width:100%}:host([label]) #slot-wrapper,:host([label]) ::slotted(input),:host([label]) ::slotted(select),:host([label]) ::slotted(textarea){padding-top:16px}:host([invalid]){color:hsl(var(--error))}::slotted(input[type=color]){height:3.75rem;cursor:pointer}::slotted([slot=after]),::slotted([slot=before]){color:var(--input-before-after-color, hsl(var(--shadow)))}:host(:not([outlined]):not([filled])) ::slotted([slot=before]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}:host(:not([outlined]):not([filled])) ::slotted([slot=after]),:host([filled]) ::slotted([slot=before]),:host([outlined]) ::slotted([slot=before]){margin-left:var(--input-padding-left-right-outlined, 0.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}:host #container{height:auto;min-height:56px}#wrapper ::slotted(textarea){height:var(--textarea-height, var(--_textarea-height));min-height:var(--textarea-min-height, var(--textarea-height, var(--_textarea-height)));max-height:var(--textarea-max-height);resize:var(--textarea-resize, none);font-family:inherit}:host(:focus) ::slotted(textarea),:host(:hover) ::slotted(textarea){will-change:height}");
1664
1664
  ;// ./tinkiet/textarea/textarea.ts
1665
1665
  var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
1666
1666
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -2728,7 +2728,7 @@ var if_defined_js_ = __webpack_require__(3517);
2728
2728
  // EXTERNAL MODULE: ./tinkiet/utils/unique.ts
2729
2729
  var unique = __webpack_require__(3770);
2730
2730
  ;// ./tinkiet/slider/slider.scss
2731
- /* harmony default export */ const slider = ("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}:host{transform:translateZ(0);display:block;outline:none}:host #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface-variant));transition:var(--input-transition, border-color var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease), background var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease));position:relative;display:flex;align-items:center;overflow:hidden;padding:8px 16px 8px 16px;height:56px}:host #wrapper{position:relative;flex-grow:1}:host #label{color:hsl(var(--on-surface-variant));font-weight:400;line-height:64px;transition:var(--input-label-transition, top var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), font-size var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear));top:50%;transform:translateY(-50%);z-index:1;position:absolute;pointer-events:none;font-size:inherit;line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none}:host([disabled]){pointer-events:none;opacity:.38}:host(:hover) #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface))}:host(:focus-within) #container{border-bottom:solid 2px hsl(var(--primary));background-color:hsla(var(--on-surface), 0.3);padding:8px 16px 7px 16px}:host([outlined]) #container{background-color:rgba(0,0,0,0);border:solid 1px hsl(var(--outline));border-radius:4px}:host([outlined]:focus-within) #container{border:solid 2px hsl(var(--primary));padding:7px 15px 7px 15px}:host(:focus-within) #label,:host([dirty]) #label,:host([type=color]) #label,:host([type=date]) #label,:host([type=file]) #label,:host([type=range]) #label{font-size:var(--input-label-font-size, 0.75rem);top:0;transform:translateY(0);color:hsl(var(--primary))}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){caret-color:hsl(var(--primary));padding:var(--input-padding-top-bottom, 0.5rem) var(--_input-padding-left-right);font-size:var(--input-font-size, 1rem);text-align:var(--input-text-align, inherit);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;display:block;color:inherit;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;margin:0;background:rgba(0,0,0,0);width:100%}:host([label]) #slot-wrapper,:host([label]) ::slotted(input),:host([label]) ::slotted(select),:host([label]) ::slotted(textarea){padding-top:16px}:host([invalid]){color:hsl(var(--error))}::slotted(input[type=color]){height:3.75rem;cursor:pointer}::slotted([slot=after]),::slotted([slot=before]){color:var(--input-before-after-color, hsl(var(--shadow)))}:host(:not([outlined]):not([filled])) ::slotted([slot=before]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}:host(:not([outlined]):not([filled])) ::slotted([slot=after]),:host([filled]) ::slotted([slot=before]),:host([outlined]) ::slotted([slot=before]){margin-left:var(--input-padding-left-right-outlined, 0.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}:host{--_perc: 0;--_slider-track-bg: var(--slider-bg, hsl(var(--shadow)));--_slider-track-bg-active: var(--slider-bg-active, hsl(var(--primary)));--_slider-thumb-bg: var(--slider-thumb-bg, hsl(var(--on-primary)));--_slider-thumb-border: var(--slider-thumb-bg, hsl(var(--primary)))}:host([disabled]){--_slider-track-bg: var(--slider-bg-disabled, hsl(var(--shadow)));--_slider-track-bg-active: var(--slider-bg-active-disabled, hsl(var(--shadow)));--_slider-thumb-bg: var(--slider-thumb-bg-disabled, hsl(var(--shadow)));--_slider-thumb-border: var(--slider-thumb-bg, hsl(var(--shadow)))}:host([thumblabel]) #container,:host([thumblabel-persist]) #container{padding-top:33px}#container{overflow:visible;border:none}#slider{height:var(--slider-height, 0.3125rem);background:linear-gradient(90deg, var(--_slider-track-bg-active) 0, var(--_slider-track-bg-active) calc(var(--_perc) * 100%), var(--_slider-track-bg) calc(var(--_perc) * 100%), var(--_slider-track-bg));cursor:grab;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;box-sizing:border-box;margin:0;border-radius:0;top:calc(var(--slider-height, 0.3125rem)*-1/2)}#slider,#thumb-container{width:100%;position:relative}#thumb-label{--_thumb-label-transform-y: 0.625rem;left:calc(var(--_perc)*100% - var(--slider-thumb-size, 1.2rem)*var(--_perc));transform:translate(calc(-50% + var(--slider-thumb-size, 1.2rem) / 2), var(--_thumb-label-transform-y));width:var(--slider-thumb-label-size, 1.875rem);height:var(--slider-thumb-label-size, 1.875rem);border-radius:var(--slider-thumb-label-border-radius, 100%);color:var(--slider-thumb-label-color, hsl(var(--on-primary)));-webkit-text-fill-color:var(--slider-thumb-label-color, hsl(var(--on-primary)));font-size:var(--slider-thumb-label-font-size, 0.75rem);transition:var(--slider-thumb-label-transition, opacity var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)), transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)));opacity:0;display:flex;align-items:center;justify-content:center;pointer-events:none;text-overflow:ellipsis;bottom:calc(100% + var(--slider-thumb-size, 0.75rem) + var(--slider-height, 0.3125rem) + var(--slider-thumb-space, 0.75rem))}#thumb-label,#thumb-label:before{background:var(--slider-thumb-label-bg, hsl(var(--primary)));position:absolute}#thumb-label:before{content:\"\";border-radius:0 50% 50% 50%;transform:rotate(225deg);width:100%;left:0;top:0;height:100%;z-index:-1}:host([thumblabel-persist]) #thumb-label,#slider:focus+#thumb-container #thumb-label,:host:focus #thumb-label{--_thumb-label-transform-y: 0;opacity:1}#slider::-webkit-slider-thumb{background:var(--_slider-thumb-bg);width:var(--slider-thumb-size, 1.2rem);height:var(--slider-thumb-size, 1.2rem);border-radius:var(--slider-thumb-border-radius, 100%);border:solid 4px var(--_slider-thumb-border);-webkit-transition:var(--slider-thumb-transition, transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)), box-shadow var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)));transition:var(--slider-thumb-transition, transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)), box-shadow var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)));box-shadow:0 0 0 0 var(--slider-thumb-focus-ring-bg, rgba(0, 0, 0, 0.0823529412));-webkit-appearance:none;appearance:none;cursor:grab;position:relative}#slider::-moz-range-thumb{background:var(--_slider-thumb-bg);width:var(--slider-thumb-size, 1.2rem);height:var(--slider-thumb-size, 1.2rem);border-radius:var(--slider-thumb-border-radius, 100%);border:solid 4px var(--_slider-thumb-border);-moz-transition:var(--slider-thumb-transition, transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)), box-shadow var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)));transition:var(--slider-thumb-transition, transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)), box-shadow var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)));box-shadow:0 0 0 0 var(--slider-thumb-focus-ring-bg, rgba(0, 0, 0, 0.0823529412));-moz-appearance:none;appearance:none;border:none;cursor:grab;position:relative}#slider:focus::-webkit-slider-thumb{transform:var(--slider-thumb-transform-focus, scale(1.2));box-shadow:0 0 0 var(--slider-thumb-focus-ring-size, 0.75rem) var(--slider-thumb-focus-ring-bg, rgba(0, 0, 0, 0.0823529412))}#slider:focus::-moz-range-thumb{transform:var(--slider-thumb-transform-focus, scale(1.2));box-shadow:0 0 0 var(--slider-thumb-focus-ring-size, 0.75rem) var(--slider-thumb-focus-ring-bg, rgba(0, 0, 0, 0.0823529412))}");
2731
+ /* harmony default export */ const slider = ("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}:host{transform:translateZ(0);display:block;outline:none}:host #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface-variant));transition:var(--input-transition, border-color var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease), background var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease));position:relative;display:flex;align-items:center;overflow:hidden;padding:8px 16px 8px 16px;height:56px}:host #wrapper{position:relative;flex-grow:1}:host #label{color:hsl(var(--on-surface-variant));font-weight:400;line-height:64px;transition:var(--input-label-transition, top var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), font-size var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear));top:50%;transform:translateY(-50%);z-index:1;position:absolute;pointer-events:none;font-size:inherit;line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none}:host([disabled]){pointer-events:none;opacity:.38}:host(:hover) #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface))}:host(:focus-within) #container{border-bottom:solid 2px hsl(var(--primary));background-color:hsla(var(--on-surface), 0.3);padding:8px 16px 7px 16px}:host([outlined]) #container{background-color:rgba(0,0,0,0);border:solid 1px hsl(var(--outline));border-radius:4px}:host([outlined]:focus-within) #container{border:solid 2px hsl(var(--primary));padding:7px 15px 7px 15px}:host(:focus-within) #label,:host([dirty]) #label,:host([type=color]) #label,:host([type=date]) #label,:host([type=datetime-local]) #label,:host([type=file]) #label,:host([type=range]) #label{font-size:var(--input-label-font-size, 0.75rem);top:0;transform:translateY(0);color:hsl(var(--primary))}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){caret-color:hsl(var(--primary));padding:var(--input-padding-top-bottom, 0.5rem) var(--_input-padding-left-right);font-size:var(--input-font-size, 1rem);text-align:var(--input-text-align, inherit);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;display:block;color:inherit;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;margin:0;background:rgba(0,0,0,0);width:100%}:host([label]) #slot-wrapper,:host([label]) ::slotted(input),:host([label]) ::slotted(select),:host([label]) ::slotted(textarea){padding-top:16px}:host([invalid]){color:hsl(var(--error))}::slotted(input[type=color]){height:3.75rem;cursor:pointer}::slotted([slot=after]),::slotted([slot=before]){color:var(--input-before-after-color, hsl(var(--shadow)))}:host(:not([outlined]):not([filled])) ::slotted([slot=before]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}:host(:not([outlined]):not([filled])) ::slotted([slot=after]),:host([filled]) ::slotted([slot=before]),:host([outlined]) ::slotted([slot=before]){margin-left:var(--input-padding-left-right-outlined, 0.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}:host{--_perc: 0;--_slider-track-bg: var(--slider-bg, hsl(var(--shadow)));--_slider-track-bg-active: var(--slider-bg-active, hsl(var(--primary)));--_slider-thumb-bg: var(--slider-thumb-bg, hsl(var(--on-primary)));--_slider-thumb-border: var(--slider-thumb-bg, hsl(var(--primary)))}:host([disabled]){--_slider-track-bg: var(--slider-bg-disabled, hsl(var(--shadow)));--_slider-track-bg-active: var(--slider-bg-active-disabled, hsl(var(--shadow)));--_slider-thumb-bg: var(--slider-thumb-bg-disabled, hsl(var(--shadow)));--_slider-thumb-border: var(--slider-thumb-bg, hsl(var(--shadow)))}:host([thumblabel]) #container,:host([thumblabel-persist]) #container{padding-top:33px}#container{overflow:visible;border:none}#slider{height:var(--slider-height, 0.3125rem);background:linear-gradient(90deg, var(--_slider-track-bg-active) 0, var(--_slider-track-bg-active) calc(var(--_perc) * 100%), var(--_slider-track-bg) calc(var(--_perc) * 100%), var(--_slider-track-bg));cursor:grab;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;box-sizing:border-box;margin:0;border-radius:0;top:calc(var(--slider-height, 0.3125rem)*-1/2)}#slider,#thumb-container{width:100%;position:relative}#thumb-label{--_thumb-label-transform-y: 0.625rem;left:calc(var(--_perc)*100% - var(--slider-thumb-size, 1.2rem)*var(--_perc));transform:translate(calc(-50% + var(--slider-thumb-size, 1.2rem) / 2), var(--_thumb-label-transform-y));width:var(--slider-thumb-label-size, 1.875rem);height:var(--slider-thumb-label-size, 1.875rem);border-radius:var(--slider-thumb-label-border-radius, 100%);color:var(--slider-thumb-label-color, hsl(var(--on-primary)));-webkit-text-fill-color:var(--slider-thumb-label-color, hsl(var(--on-primary)));font-size:var(--slider-thumb-label-font-size, 0.75rem);transition:var(--slider-thumb-label-transition, opacity var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)), transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)));opacity:0;display:flex;align-items:center;justify-content:center;pointer-events:none;text-overflow:ellipsis;bottom:calc(100% + var(--slider-thumb-size, 0.75rem) + var(--slider-height, 0.3125rem) + var(--slider-thumb-space, 0.75rem))}#thumb-label,#thumb-label:before{background:var(--slider-thumb-label-bg, hsl(var(--primary)));position:absolute}#thumb-label:before{content:\"\";border-radius:0 50% 50% 50%;transform:rotate(225deg);width:100%;left:0;top:0;height:100%;z-index:-1}:host([thumblabel-persist]) #thumb-label,#slider:focus+#thumb-container #thumb-label,:host:focus #thumb-label{--_thumb-label-transform-y: 0;opacity:1}#slider::-webkit-slider-thumb{background:var(--_slider-thumb-bg);width:var(--slider-thumb-size, 1.2rem);height:var(--slider-thumb-size, 1.2rem);border-radius:var(--slider-thumb-border-radius, 100%);border:solid 4px var(--_slider-thumb-border);-webkit-transition:var(--slider-thumb-transition, transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)), box-shadow var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)));transition:var(--slider-thumb-transition, transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)), box-shadow var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)));box-shadow:0 0 0 0 var(--slider-thumb-focus-ring-bg, rgba(0, 0, 0, 0.0823529412));-webkit-appearance:none;appearance:none;cursor:grab;position:relative}#slider::-moz-range-thumb{background:var(--_slider-thumb-bg);width:var(--slider-thumb-size, 1.2rem);height:var(--slider-thumb-size, 1.2rem);border-radius:var(--slider-thumb-border-radius, 100%);border:solid 4px var(--_slider-thumb-border);-moz-transition:var(--slider-thumb-transition, transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)), box-shadow var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)));transition:var(--slider-thumb-transition, transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)), box-shadow var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)));box-shadow:0 0 0 0 var(--slider-thumb-focus-ring-bg, rgba(0, 0, 0, 0.0823529412));-moz-appearance:none;appearance:none;border:none;cursor:grab;position:relative}#slider:focus::-webkit-slider-thumb{transform:var(--slider-thumb-transform-focus, scale(1.2));box-shadow:0 0 0 var(--slider-thumb-focus-ring-size, 0.75rem) var(--slider-thumb-focus-ring-bg, rgba(0, 0, 0, 0.0823529412))}#slider:focus::-moz-range-thumb{transform:var(--slider-thumb-transform-focus, scale(1.2));box-shadow:0 0 0 var(--slider-thumb-focus-ring-size, 0.75rem) var(--slider-thumb-focus-ring-bg, rgba(0, 0, 0, 0.0823529412))}");
2732
2732
  ;// ./tinkiet/slider/slider.ts
2733
2733
  var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
2734
2734
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -2910,7 +2910,7 @@ var box = __webpack_require__(3433);
2910
2910
  // EXTERNAL MODULE: ./tinkiet/utils/unique.ts
2911
2911
  var unique = __webpack_require__(3770);
2912
2912
  ;// ./tinkiet/select/select.scss
2913
- /* harmony default export */ const select_select = ("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}:host{transform:translateZ(0);display:block;outline:none}:host #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface-variant));transition:var(--input-transition, border-color var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease), background var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease));position:relative;display:flex;align-items:center;overflow:hidden;padding:8px 16px 8px 16px;height:56px}:host #wrapper{position:relative;flex-grow:1}:host #label{color:hsl(var(--on-surface-variant));font-weight:400;line-height:64px;transition:var(--input-label-transition, top var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), font-size var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear));top:50%;transform:translateY(-50%);z-index:1;position:absolute;pointer-events:none;font-size:inherit;line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none}:host([disabled]){pointer-events:none;opacity:.38}:host(:hover) #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface))}:host(:focus-within) #container{border-bottom:solid 2px hsl(var(--primary));background-color:hsla(var(--on-surface), 0.3);padding:8px 16px 7px 16px}:host([outlined]) #container{background-color:rgba(0,0,0,0);border:solid 1px hsl(var(--outline));border-radius:4px}:host([outlined]:focus-within) #container{border:solid 2px hsl(var(--primary));padding:7px 15px 7px 15px}:host(:focus-within) #label,:host([dirty]) #label,:host([type=color]) #label,:host([type=date]) #label,:host([type=file]) #label,:host([type=range]) #label{font-size:var(--input-label-font-size, 0.75rem);top:0;transform:translateY(0);color:hsl(var(--primary))}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){caret-color:hsl(var(--primary));padding:var(--input-padding-top-bottom, 0.5rem) var(--_input-padding-left-right);font-size:var(--input-font-size, 1rem);text-align:var(--input-text-align, inherit);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;display:block;color:inherit;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;margin:0;background:rgba(0,0,0,0);width:100%}:host([label]) #slot-wrapper,:host([label]) ::slotted(input),:host([label]) ::slotted(select),:host([label]) ::slotted(textarea){padding-top:16px}:host([invalid]){color:hsl(var(--error))}::slotted(input[type=color]){height:3.75rem;cursor:pointer}::slotted([slot=after]),::slotted([slot=before]){color:var(--input-before-after-color, hsl(var(--shadow)))}:host(:not([outlined]):not([filled])) ::slotted([slot=before]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}:host(:not([outlined]):not([filled])) ::slotted([slot=after]),:host([filled]) ::slotted([slot=before]),:host([outlined]) ::slotted([slot=before]){margin-left:var(--input-padding-left-right-outlined, 0.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}#arrow{fill:var(--_input-state-color);z-index:-1;height:8px;position:absolute;top:50%;right:0;transform:translate(-100%, -50%)}::slotted(option){display:none}:host(:not([dirty])) ::slotted(select){opacity:0}");
2913
+ /* harmony default export */ const select_select = ("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}:host{transform:translateZ(0);display:block;outline:none}:host #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface-variant));transition:var(--input-transition, border-color var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease), background var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease));position:relative;display:flex;align-items:center;overflow:hidden;padding:8px 16px 8px 16px;height:56px}:host #wrapper{position:relative;flex-grow:1}:host #label{color:hsl(var(--on-surface-variant));font-weight:400;line-height:64px;transition:var(--input-label-transition, top var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), font-size var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear));top:50%;transform:translateY(-50%);z-index:1;position:absolute;pointer-events:none;font-size:inherit;line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none}:host([disabled]){pointer-events:none;opacity:.38}:host(:hover) #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface))}:host(:focus-within) #container{border-bottom:solid 2px hsl(var(--primary));background-color:hsla(var(--on-surface), 0.3);padding:8px 16px 7px 16px}:host([outlined]) #container{background-color:rgba(0,0,0,0);border:solid 1px hsl(var(--outline));border-radius:4px}:host([outlined]:focus-within) #container{border:solid 2px hsl(var(--primary));padding:7px 15px 7px 15px}:host(:focus-within) #label,:host([dirty]) #label,:host([type=color]) #label,:host([type=date]) #label,:host([type=datetime-local]) #label,:host([type=file]) #label,:host([type=range]) #label{font-size:var(--input-label-font-size, 0.75rem);top:0;transform:translateY(0);color:hsl(var(--primary))}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){caret-color:hsl(var(--primary));padding:var(--input-padding-top-bottom, 0.5rem) var(--_input-padding-left-right);font-size:var(--input-font-size, 1rem);text-align:var(--input-text-align, inherit);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;display:block;color:inherit;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;margin:0;background:rgba(0,0,0,0);width:100%}:host([label]) #slot-wrapper,:host([label]) ::slotted(input),:host([label]) ::slotted(select),:host([label]) ::slotted(textarea){padding-top:16px}:host([invalid]){color:hsl(var(--error))}::slotted(input[type=color]){height:3.75rem;cursor:pointer}::slotted([slot=after]),::slotted([slot=before]){color:var(--input-before-after-color, hsl(var(--shadow)))}:host(:not([outlined]):not([filled])) ::slotted([slot=before]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}:host(:not([outlined]):not([filled])) ::slotted([slot=after]),:host([filled]) ::slotted([slot=before]),:host([outlined]) ::slotted([slot=before]){margin-left:var(--input-padding-left-right-outlined, 0.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}#arrow{fill:var(--_input-state-color);z-index:-1;height:8px;position:absolute;top:50%;right:0;transform:translate(-100%, -50%)}::slotted(option){display:none}:host(:not([dirty])) ::slotted(select){opacity:0}");
2914
2914
  ;// ./tinkiet/select/select.ts
2915
2915
  var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
2916
2916
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -2951,7 +2951,7 @@ let TkSelect = class TkSelect extends external_lit_.LitElement {
2951
2951
  <slot id="before" name="before"></slot>
2952
2952
  <div id="wrapper">
2953
2953
  <div id="label">${this.label}</div>
2954
- <slot id="slot"></slot>
2954
+ <slot id="slot" @slotchange=${this.handleSlotChange.bind(this)}></slot>
2955
2955
  <select
2956
2956
  id="${this._id}"
2957
2957
  @keydown=${this.handleChange.bind(this)}
@@ -2981,16 +2981,24 @@ let TkSelect = class TkSelect extends external_lit_.LitElement {
2981
2981
  var _a;
2982
2982
  this.$select = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("select");
2983
2983
  this.appendChild(this.$select);
2984
- const options = this.querySelectorAll("option");
2985
- options.forEach(option => this.$select.appendChild(option));
2986
- if (this.initialValue)
2987
- this.value = this.initialValue;
2984
+ this.syncOptions();
2988
2985
  }
2989
2986
  refreshAttributes() {
2990
2987
  this.$select.value ? this.setAttribute("dirty", "") : this.removeAttribute("dirty");
2991
2988
  this.$select.checkValidity() ? this.removeAttribute("invalid") : this.setAttribute("invalid", "");
2992
2989
  setTimeout(() => this.dispatchEvent(new Event("change", { bubbles: true, composed: true })));
2993
2990
  }
2991
+ handleSlotChange() {
2992
+ this.syncOptions();
2993
+ }
2994
+ syncOptions() {
2995
+ if (!this.$select)
2996
+ return;
2997
+ const optionNodes = Array.from(this.children).filter(node => node instanceof HTMLOptionElement || node instanceof HTMLOptGroupElement);
2998
+ optionNodes.forEach(option => this.$select.appendChild(option));
2999
+ if (this.initialValue)
3000
+ this.value = this.initialValue;
3001
+ }
2994
3002
  };
2995
3003
  TkSelect.styles = (0,external_lit_.css) `
2996
3004
  ${(0,external_lit_.unsafeCSS)(select_select)}
package/notie/index.js CHANGED
@@ -23,7 +23,7 @@ var if_defined_js_ = __webpack_require__(3517);
23
23
  // EXTERNAL MODULE: ./tinkiet/utils/unique.ts
24
24
  var unique = __webpack_require__(3770);
25
25
  ;// ./tinkiet/textfield/textfield.scss
26
- /* harmony default export */ const textfield = ("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}:host{transform:translateZ(0);display:block;outline:none}:host #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface-variant));transition:var(--input-transition, border-color var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease), background var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease));position:relative;display:flex;align-items:center;overflow:hidden;padding:8px 16px 8px 16px;height:56px}:host #wrapper{position:relative;flex-grow:1}:host #label{color:hsl(var(--on-surface-variant));font-weight:400;line-height:64px;transition:var(--input-label-transition, top var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), font-size var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear));top:50%;transform:translateY(-50%);z-index:1;position:absolute;pointer-events:none;font-size:inherit;line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none}:host([disabled]){pointer-events:none;opacity:.38}:host(:hover) #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface))}:host(:focus-within) #container{border-bottom:solid 2px hsl(var(--primary));background-color:hsla(var(--on-surface), 0.3);padding:8px 16px 7px 16px}:host([outlined]) #container{background-color:rgba(0,0,0,0);border:solid 1px hsl(var(--outline));border-radius:4px}:host([outlined]:focus-within) #container{border:solid 2px hsl(var(--primary));padding:7px 15px 7px 15px}:host(:focus-within) #label,:host([dirty]) #label,:host([type=color]) #label,:host([type=date]) #label,:host([type=file]) #label,:host([type=range]) #label{font-size:var(--input-label-font-size, 0.75rem);top:0;transform:translateY(0);color:hsl(var(--primary))}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){caret-color:hsl(var(--primary));padding:var(--input-padding-top-bottom, 0.5rem) var(--_input-padding-left-right);font-size:var(--input-font-size, 1rem);text-align:var(--input-text-align, inherit);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;display:block;color:inherit;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;margin:0;background:rgba(0,0,0,0);width:100%}:host([label]) #slot-wrapper,:host([label]) ::slotted(input),:host([label]) ::slotted(select),:host([label]) ::slotted(textarea){padding-top:16px}:host([invalid]){color:hsl(var(--error))}::slotted(input[type=color]){height:3.75rem;cursor:pointer}::slotted([slot=after]),::slotted([slot=before]){color:var(--input-before-after-color, hsl(var(--shadow)))}:host(:not([outlined]):not([filled])) ::slotted([slot=before]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}:host(:not([outlined]):not([filled])) ::slotted([slot=after]),:host([filled]) ::slotted([slot=before]),:host([outlined]) ::slotted([slot=before]){margin-left:var(--input-padding-left-right-outlined, 0.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}");
26
+ /* harmony default export */ const textfield = ("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}:host{transform:translateZ(0);display:block;outline:none}:host #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface-variant));transition:var(--input-transition, border-color var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease), background var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease));position:relative;display:flex;align-items:center;overflow:hidden;padding:8px 16px 8px 16px;height:56px}:host #wrapper{position:relative;flex-grow:1}:host #label{color:hsl(var(--on-surface-variant));font-weight:400;line-height:64px;transition:var(--input-label-transition, top var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), font-size var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear));top:50%;transform:translateY(-50%);z-index:1;position:absolute;pointer-events:none;font-size:inherit;line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none}:host([disabled]){pointer-events:none;opacity:.38}:host(:hover) #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface))}:host(:focus-within) #container{border-bottom:solid 2px hsl(var(--primary));background-color:hsla(var(--on-surface), 0.3);padding:8px 16px 7px 16px}:host([outlined]) #container{background-color:rgba(0,0,0,0);border:solid 1px hsl(var(--outline));border-radius:4px}:host([outlined]:focus-within) #container{border:solid 2px hsl(var(--primary));padding:7px 15px 7px 15px}:host(:focus-within) #label,:host([dirty]) #label,:host([type=color]) #label,:host([type=date]) #label,:host([type=datetime-local]) #label,:host([type=file]) #label,:host([type=range]) #label{font-size:var(--input-label-font-size, 0.75rem);top:0;transform:translateY(0);color:hsl(var(--primary))}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){caret-color:hsl(var(--primary));padding:var(--input-padding-top-bottom, 0.5rem) var(--_input-padding-left-right);font-size:var(--input-font-size, 1rem);text-align:var(--input-text-align, inherit);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;display:block;color:inherit;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;margin:0;background:rgba(0,0,0,0);width:100%}:host([label]) #slot-wrapper,:host([label]) ::slotted(input),:host([label]) ::slotted(select),:host([label]) ::slotted(textarea){padding-top:16px}:host([invalid]){color:hsl(var(--error))}::slotted(input[type=color]){height:3.75rem;cursor:pointer}::slotted([slot=after]),::slotted([slot=before]){color:var(--input-before-after-color, hsl(var(--shadow)))}:host(:not([outlined]):not([filled])) ::slotted([slot=before]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}:host(:not([outlined]):not([filled])) ::slotted([slot=after]),:host([filled]) ::slotted([slot=before]),:host([outlined]) ::slotted([slot=before]){margin-left:var(--input-padding-left-right-outlined, 0.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}");
27
27
  ;// ./tinkiet/textfield/textfield.ts
28
28
  var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
29
29
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tinkiet",
3
- "version": "0.11.8",
3
+ "version": "0.11.12",
4
4
  "description": "Pragmatic UI Web Components",
5
5
  "type": "module",
6
6
  "main": "index.js",
@@ -40,4 +40,4 @@
40
40
  "name": "Cyrille Colin"
41
41
  }
42
42
  ]
43
- }
43
+ }
package/select/index.js CHANGED
@@ -285,7 +285,7 @@ var box = __webpack_require__(3433);
285
285
  // EXTERNAL MODULE: ./tinkiet/utils/unique.ts
286
286
  var unique = __webpack_require__(3770);
287
287
  ;// ./tinkiet/select/select.scss
288
- /* harmony default export */ const select_select = ("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}:host{transform:translateZ(0);display:block;outline:none}:host #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface-variant));transition:var(--input-transition, border-color var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease), background var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease));position:relative;display:flex;align-items:center;overflow:hidden;padding:8px 16px 8px 16px;height:56px}:host #wrapper{position:relative;flex-grow:1}:host #label{color:hsl(var(--on-surface-variant));font-weight:400;line-height:64px;transition:var(--input-label-transition, top var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), font-size var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear));top:50%;transform:translateY(-50%);z-index:1;position:absolute;pointer-events:none;font-size:inherit;line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none}:host([disabled]){pointer-events:none;opacity:.38}:host(:hover) #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface))}:host(:focus-within) #container{border-bottom:solid 2px hsl(var(--primary));background-color:hsla(var(--on-surface), 0.3);padding:8px 16px 7px 16px}:host([outlined]) #container{background-color:rgba(0,0,0,0);border:solid 1px hsl(var(--outline));border-radius:4px}:host([outlined]:focus-within) #container{border:solid 2px hsl(var(--primary));padding:7px 15px 7px 15px}:host(:focus-within) #label,:host([dirty]) #label,:host([type=color]) #label,:host([type=date]) #label,:host([type=file]) #label,:host([type=range]) #label{font-size:var(--input-label-font-size, 0.75rem);top:0;transform:translateY(0);color:hsl(var(--primary))}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){caret-color:hsl(var(--primary));padding:var(--input-padding-top-bottom, 0.5rem) var(--_input-padding-left-right);font-size:var(--input-font-size, 1rem);text-align:var(--input-text-align, inherit);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;display:block;color:inherit;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;margin:0;background:rgba(0,0,0,0);width:100%}:host([label]) #slot-wrapper,:host([label]) ::slotted(input),:host([label]) ::slotted(select),:host([label]) ::slotted(textarea){padding-top:16px}:host([invalid]){color:hsl(var(--error))}::slotted(input[type=color]){height:3.75rem;cursor:pointer}::slotted([slot=after]),::slotted([slot=before]){color:var(--input-before-after-color, hsl(var(--shadow)))}:host(:not([outlined]):not([filled])) ::slotted([slot=before]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}:host(:not([outlined]):not([filled])) ::slotted([slot=after]),:host([filled]) ::slotted([slot=before]),:host([outlined]) ::slotted([slot=before]){margin-left:var(--input-padding-left-right-outlined, 0.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}#arrow{fill:var(--_input-state-color);z-index:-1;height:8px;position:absolute;top:50%;right:0;transform:translate(-100%, -50%)}::slotted(option){display:none}:host(:not([dirty])) ::slotted(select){opacity:0}");
288
+ /* harmony default export */ const select_select = ("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}:host{transform:translateZ(0);display:block;outline:none}:host #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface-variant));transition:var(--input-transition, border-color var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease), background var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease));position:relative;display:flex;align-items:center;overflow:hidden;padding:8px 16px 8px 16px;height:56px}:host #wrapper{position:relative;flex-grow:1}:host #label{color:hsl(var(--on-surface-variant));font-weight:400;line-height:64px;transition:var(--input-label-transition, top var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), font-size var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear));top:50%;transform:translateY(-50%);z-index:1;position:absolute;pointer-events:none;font-size:inherit;line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none}:host([disabled]){pointer-events:none;opacity:.38}:host(:hover) #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface))}:host(:focus-within) #container{border-bottom:solid 2px hsl(var(--primary));background-color:hsla(var(--on-surface), 0.3);padding:8px 16px 7px 16px}:host([outlined]) #container{background-color:rgba(0,0,0,0);border:solid 1px hsl(var(--outline));border-radius:4px}:host([outlined]:focus-within) #container{border:solid 2px hsl(var(--primary));padding:7px 15px 7px 15px}:host(:focus-within) #label,:host([dirty]) #label,:host([type=color]) #label,:host([type=date]) #label,:host([type=datetime-local]) #label,:host([type=file]) #label,:host([type=range]) #label{font-size:var(--input-label-font-size, 0.75rem);top:0;transform:translateY(0);color:hsl(var(--primary))}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){caret-color:hsl(var(--primary));padding:var(--input-padding-top-bottom, 0.5rem) var(--_input-padding-left-right);font-size:var(--input-font-size, 1rem);text-align:var(--input-text-align, inherit);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;display:block;color:inherit;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;margin:0;background:rgba(0,0,0,0);width:100%}:host([label]) #slot-wrapper,:host([label]) ::slotted(input),:host([label]) ::slotted(select),:host([label]) ::slotted(textarea){padding-top:16px}:host([invalid]){color:hsl(var(--error))}::slotted(input[type=color]){height:3.75rem;cursor:pointer}::slotted([slot=after]),::slotted([slot=before]){color:var(--input-before-after-color, hsl(var(--shadow)))}:host(:not([outlined]):not([filled])) ::slotted([slot=before]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}:host(:not([outlined]):not([filled])) ::slotted([slot=after]),:host([filled]) ::slotted([slot=before]),:host([outlined]) ::slotted([slot=before]){margin-left:var(--input-padding-left-right-outlined, 0.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}#arrow{fill:var(--_input-state-color);z-index:-1;height:8px;position:absolute;top:50%;right:0;transform:translate(-100%, -50%)}::slotted(option){display:none}:host(:not([dirty])) ::slotted(select){opacity:0}");
289
289
  ;// ./tinkiet/select/select.ts
290
290
  var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
291
291
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -326,7 +326,7 @@ let TkSelect = class TkSelect extends external_lit_.LitElement {
326
326
  <slot id="before" name="before"></slot>
327
327
  <div id="wrapper">
328
328
  <div id="label">${this.label}</div>
329
- <slot id="slot"></slot>
329
+ <slot id="slot" @slotchange=${this.handleSlotChange.bind(this)}></slot>
330
330
  <select
331
331
  id="${this._id}"
332
332
  @keydown=${this.handleChange.bind(this)}
@@ -356,16 +356,24 @@ let TkSelect = class TkSelect extends external_lit_.LitElement {
356
356
  var _a;
357
357
  this.$select = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("select");
358
358
  this.appendChild(this.$select);
359
- const options = this.querySelectorAll("option");
360
- options.forEach(option => this.$select.appendChild(option));
361
- if (this.initialValue)
362
- this.value = this.initialValue;
359
+ this.syncOptions();
363
360
  }
364
361
  refreshAttributes() {
365
362
  this.$select.value ? this.setAttribute("dirty", "") : this.removeAttribute("dirty");
366
363
  this.$select.checkValidity() ? this.removeAttribute("invalid") : this.setAttribute("invalid", "");
367
364
  setTimeout(() => this.dispatchEvent(new Event("change", { bubbles: true, composed: true })));
368
365
  }
366
+ handleSlotChange() {
367
+ this.syncOptions();
368
+ }
369
+ syncOptions() {
370
+ if (!this.$select)
371
+ return;
372
+ const optionNodes = Array.from(this.children).filter(node => node instanceof HTMLOptionElement || node instanceof HTMLOptGroupElement);
373
+ optionNodes.forEach(option => this.$select.appendChild(option));
374
+ if (this.initialValue)
375
+ this.value = this.initialValue;
376
+ }
369
377
  };
370
378
  TkSelect.styles = (0,external_lit_.css) `
371
379
  ${(0,external_lit_.unsafeCSS)(select_select)}
package/select/select.d.ts CHANGED
@@ -24,6 +24,8 @@ export declare class TkSelect extends LitElement {
24
24
  private handleChange;
25
25
  firstUpdated(): void;
26
26
  private refreshAttributes;
27
+ private handleSlotChange;
28
+ private syncOptions;
27
29
  }
28
30
  declare global {
29
31
  interface HTMLElementTagNameMap {
package/slider/index.js CHANGED
@@ -63,7 +63,7 @@ var if_defined_js_ = __webpack_require__(3517);
63
63
  // EXTERNAL MODULE: ./tinkiet/utils/unique.ts
64
64
  var unique = __webpack_require__(3770);
65
65
  ;// ./tinkiet/slider/slider.scss
66
- /* harmony default export */ const slider = ("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}:host{transform:translateZ(0);display:block;outline:none}:host #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface-variant));transition:var(--input-transition, border-color var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease), background var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease));position:relative;display:flex;align-items:center;overflow:hidden;padding:8px 16px 8px 16px;height:56px}:host #wrapper{position:relative;flex-grow:1}:host #label{color:hsl(var(--on-surface-variant));font-weight:400;line-height:64px;transition:var(--input-label-transition, top var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), font-size var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear));top:50%;transform:translateY(-50%);z-index:1;position:absolute;pointer-events:none;font-size:inherit;line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none}:host([disabled]){pointer-events:none;opacity:.38}:host(:hover) #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface))}:host(:focus-within) #container{border-bottom:solid 2px hsl(var(--primary));background-color:hsla(var(--on-surface), 0.3);padding:8px 16px 7px 16px}:host([outlined]) #container{background-color:rgba(0,0,0,0);border:solid 1px hsl(var(--outline));border-radius:4px}:host([outlined]:focus-within) #container{border:solid 2px hsl(var(--primary));padding:7px 15px 7px 15px}:host(:focus-within) #label,:host([dirty]) #label,:host([type=color]) #label,:host([type=date]) #label,:host([type=file]) #label,:host([type=range]) #label{font-size:var(--input-label-font-size, 0.75rem);top:0;transform:translateY(0);color:hsl(var(--primary))}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){caret-color:hsl(var(--primary));padding:var(--input-padding-top-bottom, 0.5rem) var(--_input-padding-left-right);font-size:var(--input-font-size, 1rem);text-align:var(--input-text-align, inherit);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;display:block;color:inherit;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;margin:0;background:rgba(0,0,0,0);width:100%}:host([label]) #slot-wrapper,:host([label]) ::slotted(input),:host([label]) ::slotted(select),:host([label]) ::slotted(textarea){padding-top:16px}:host([invalid]){color:hsl(var(--error))}::slotted(input[type=color]){height:3.75rem;cursor:pointer}::slotted([slot=after]),::slotted([slot=before]){color:var(--input-before-after-color, hsl(var(--shadow)))}:host(:not([outlined]):not([filled])) ::slotted([slot=before]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}:host(:not([outlined]):not([filled])) ::slotted([slot=after]),:host([filled]) ::slotted([slot=before]),:host([outlined]) ::slotted([slot=before]){margin-left:var(--input-padding-left-right-outlined, 0.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}:host{--_perc: 0;--_slider-track-bg: var(--slider-bg, hsl(var(--shadow)));--_slider-track-bg-active: var(--slider-bg-active, hsl(var(--primary)));--_slider-thumb-bg: var(--slider-thumb-bg, hsl(var(--on-primary)));--_slider-thumb-border: var(--slider-thumb-bg, hsl(var(--primary)))}:host([disabled]){--_slider-track-bg: var(--slider-bg-disabled, hsl(var(--shadow)));--_slider-track-bg-active: var(--slider-bg-active-disabled, hsl(var(--shadow)));--_slider-thumb-bg: var(--slider-thumb-bg-disabled, hsl(var(--shadow)));--_slider-thumb-border: var(--slider-thumb-bg, hsl(var(--shadow)))}:host([thumblabel]) #container,:host([thumblabel-persist]) #container{padding-top:33px}#container{overflow:visible;border:none}#slider{height:var(--slider-height, 0.3125rem);background:linear-gradient(90deg, var(--_slider-track-bg-active) 0, var(--_slider-track-bg-active) calc(var(--_perc) * 100%), var(--_slider-track-bg) calc(var(--_perc) * 100%), var(--_slider-track-bg));cursor:grab;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;box-sizing:border-box;margin:0;border-radius:0;top:calc(var(--slider-height, 0.3125rem)*-1/2)}#slider,#thumb-container{width:100%;position:relative}#thumb-label{--_thumb-label-transform-y: 0.625rem;left:calc(var(--_perc)*100% - var(--slider-thumb-size, 1.2rem)*var(--_perc));transform:translate(calc(-50% + var(--slider-thumb-size, 1.2rem) / 2), var(--_thumb-label-transform-y));width:var(--slider-thumb-label-size, 1.875rem);height:var(--slider-thumb-label-size, 1.875rem);border-radius:var(--slider-thumb-label-border-radius, 100%);color:var(--slider-thumb-label-color, hsl(var(--on-primary)));-webkit-text-fill-color:var(--slider-thumb-label-color, hsl(var(--on-primary)));font-size:var(--slider-thumb-label-font-size, 0.75rem);transition:var(--slider-thumb-label-transition, opacity var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)), transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)));opacity:0;display:flex;align-items:center;justify-content:center;pointer-events:none;text-overflow:ellipsis;bottom:calc(100% + var(--slider-thumb-size, 0.75rem) + var(--slider-height, 0.3125rem) + var(--slider-thumb-space, 0.75rem))}#thumb-label,#thumb-label:before{background:var(--slider-thumb-label-bg, hsl(var(--primary)));position:absolute}#thumb-label:before{content:\"\";border-radius:0 50% 50% 50%;transform:rotate(225deg);width:100%;left:0;top:0;height:100%;z-index:-1}:host([thumblabel-persist]) #thumb-label,#slider:focus+#thumb-container #thumb-label,:host:focus #thumb-label{--_thumb-label-transform-y: 0;opacity:1}#slider::-webkit-slider-thumb{background:var(--_slider-thumb-bg);width:var(--slider-thumb-size, 1.2rem);height:var(--slider-thumb-size, 1.2rem);border-radius:var(--slider-thumb-border-radius, 100%);border:solid 4px var(--_slider-thumb-border);-webkit-transition:var(--slider-thumb-transition, transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)), box-shadow var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)));transition:var(--slider-thumb-transition, transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)), box-shadow var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)));box-shadow:0 0 0 0 var(--slider-thumb-focus-ring-bg, rgba(0, 0, 0, 0.0823529412));-webkit-appearance:none;appearance:none;cursor:grab;position:relative}#slider::-moz-range-thumb{background:var(--_slider-thumb-bg);width:var(--slider-thumb-size, 1.2rem);height:var(--slider-thumb-size, 1.2rem);border-radius:var(--slider-thumb-border-radius, 100%);border:solid 4px var(--_slider-thumb-border);-moz-transition:var(--slider-thumb-transition, transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)), box-shadow var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)));transition:var(--slider-thumb-transition, transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)), box-shadow var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)));box-shadow:0 0 0 0 var(--slider-thumb-focus-ring-bg, rgba(0, 0, 0, 0.0823529412));-moz-appearance:none;appearance:none;border:none;cursor:grab;position:relative}#slider:focus::-webkit-slider-thumb{transform:var(--slider-thumb-transform-focus, scale(1.2));box-shadow:0 0 0 var(--slider-thumb-focus-ring-size, 0.75rem) var(--slider-thumb-focus-ring-bg, rgba(0, 0, 0, 0.0823529412))}#slider:focus::-moz-range-thumb{transform:var(--slider-thumb-transform-focus, scale(1.2));box-shadow:0 0 0 var(--slider-thumb-focus-ring-size, 0.75rem) var(--slider-thumb-focus-ring-bg, rgba(0, 0, 0, 0.0823529412))}");
66
+ /* harmony default export */ const slider = ("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}:host{transform:translateZ(0);display:block;outline:none}:host #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface-variant));transition:var(--input-transition, border-color var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease), background var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease));position:relative;display:flex;align-items:center;overflow:hidden;padding:8px 16px 8px 16px;height:56px}:host #wrapper{position:relative;flex-grow:1}:host #label{color:hsl(var(--on-surface-variant));font-weight:400;line-height:64px;transition:var(--input-label-transition, top var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), font-size var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear));top:50%;transform:translateY(-50%);z-index:1;position:absolute;pointer-events:none;font-size:inherit;line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none}:host([disabled]){pointer-events:none;opacity:.38}:host(:hover) #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface))}:host(:focus-within) #container{border-bottom:solid 2px hsl(var(--primary));background-color:hsla(var(--on-surface), 0.3);padding:8px 16px 7px 16px}:host([outlined]) #container{background-color:rgba(0,0,0,0);border:solid 1px hsl(var(--outline));border-radius:4px}:host([outlined]:focus-within) #container{border:solid 2px hsl(var(--primary));padding:7px 15px 7px 15px}:host(:focus-within) #label,:host([dirty]) #label,:host([type=color]) #label,:host([type=date]) #label,:host([type=datetime-local]) #label,:host([type=file]) #label,:host([type=range]) #label{font-size:var(--input-label-font-size, 0.75rem);top:0;transform:translateY(0);color:hsl(var(--primary))}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){caret-color:hsl(var(--primary));padding:var(--input-padding-top-bottom, 0.5rem) var(--_input-padding-left-right);font-size:var(--input-font-size, 1rem);text-align:var(--input-text-align, inherit);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;display:block;color:inherit;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;margin:0;background:rgba(0,0,0,0);width:100%}:host([label]) #slot-wrapper,:host([label]) ::slotted(input),:host([label]) ::slotted(select),:host([label]) ::slotted(textarea){padding-top:16px}:host([invalid]){color:hsl(var(--error))}::slotted(input[type=color]){height:3.75rem;cursor:pointer}::slotted([slot=after]),::slotted([slot=before]){color:var(--input-before-after-color, hsl(var(--shadow)))}:host(:not([outlined]):not([filled])) ::slotted([slot=before]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}:host(:not([outlined]):not([filled])) ::slotted([slot=after]),:host([filled]) ::slotted([slot=before]),:host([outlined]) ::slotted([slot=before]){margin-left:var(--input-padding-left-right-outlined, 0.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}:host{--_perc: 0;--_slider-track-bg: var(--slider-bg, hsl(var(--shadow)));--_slider-track-bg-active: var(--slider-bg-active, hsl(var(--primary)));--_slider-thumb-bg: var(--slider-thumb-bg, hsl(var(--on-primary)));--_slider-thumb-border: var(--slider-thumb-bg, hsl(var(--primary)))}:host([disabled]){--_slider-track-bg: var(--slider-bg-disabled, hsl(var(--shadow)));--_slider-track-bg-active: var(--slider-bg-active-disabled, hsl(var(--shadow)));--_slider-thumb-bg: var(--slider-thumb-bg-disabled, hsl(var(--shadow)));--_slider-thumb-border: var(--slider-thumb-bg, hsl(var(--shadow)))}:host([thumblabel]) #container,:host([thumblabel-persist]) #container{padding-top:33px}#container{overflow:visible;border:none}#slider{height:var(--slider-height, 0.3125rem);background:linear-gradient(90deg, var(--_slider-track-bg-active) 0, var(--_slider-track-bg-active) calc(var(--_perc) * 100%), var(--_slider-track-bg) calc(var(--_perc) * 100%), var(--_slider-track-bg));cursor:grab;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;box-sizing:border-box;margin:0;border-radius:0;top:calc(var(--slider-height, 0.3125rem)*-1/2)}#slider,#thumb-container{width:100%;position:relative}#thumb-label{--_thumb-label-transform-y: 0.625rem;left:calc(var(--_perc)*100% - var(--slider-thumb-size, 1.2rem)*var(--_perc));transform:translate(calc(-50% + var(--slider-thumb-size, 1.2rem) / 2), var(--_thumb-label-transform-y));width:var(--slider-thumb-label-size, 1.875rem);height:var(--slider-thumb-label-size, 1.875rem);border-radius:var(--slider-thumb-label-border-radius, 100%);color:var(--slider-thumb-label-color, hsl(var(--on-primary)));-webkit-text-fill-color:var(--slider-thumb-label-color, hsl(var(--on-primary)));font-size:var(--slider-thumb-label-font-size, 0.75rem);transition:var(--slider-thumb-label-transition, opacity var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)), transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)));opacity:0;display:flex;align-items:center;justify-content:center;pointer-events:none;text-overflow:ellipsis;bottom:calc(100% + var(--slider-thumb-size, 0.75rem) + var(--slider-height, 0.3125rem) + var(--slider-thumb-space, 0.75rem))}#thumb-label,#thumb-label:before{background:var(--slider-thumb-label-bg, hsl(var(--primary)));position:absolute}#thumb-label:before{content:\"\";border-radius:0 50% 50% 50%;transform:rotate(225deg);width:100%;left:0;top:0;height:100%;z-index:-1}:host([thumblabel-persist]) #thumb-label,#slider:focus+#thumb-container #thumb-label,:host:focus #thumb-label{--_thumb-label-transform-y: 0;opacity:1}#slider::-webkit-slider-thumb{background:var(--_slider-thumb-bg);width:var(--slider-thumb-size, 1.2rem);height:var(--slider-thumb-size, 1.2rem);border-radius:var(--slider-thumb-border-radius, 100%);border:solid 4px var(--_slider-thumb-border);-webkit-transition:var(--slider-thumb-transition, transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)), box-shadow var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)));transition:var(--slider-thumb-transition, transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)), box-shadow var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)));box-shadow:0 0 0 0 var(--slider-thumb-focus-ring-bg, rgba(0, 0, 0, 0.0823529412));-webkit-appearance:none;appearance:none;cursor:grab;position:relative}#slider::-moz-range-thumb{background:var(--_slider-thumb-bg);width:var(--slider-thumb-size, 1.2rem);height:var(--slider-thumb-size, 1.2rem);border-radius:var(--slider-thumb-border-radius, 100%);border:solid 4px var(--_slider-thumb-border);-moz-transition:var(--slider-thumb-transition, transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)), box-shadow var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)));transition:var(--slider-thumb-transition, transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)), box-shadow var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)));box-shadow:0 0 0 0 var(--slider-thumb-focus-ring-bg, rgba(0, 0, 0, 0.0823529412));-moz-appearance:none;appearance:none;border:none;cursor:grab;position:relative}#slider:focus::-webkit-slider-thumb{transform:var(--slider-thumb-transform-focus, scale(1.2));box-shadow:0 0 0 var(--slider-thumb-focus-ring-size, 0.75rem) var(--slider-thumb-focus-ring-bg, rgba(0, 0, 0, 0.0823529412))}#slider:focus::-moz-range-thumb{transform:var(--slider-thumb-transform-focus, scale(1.2));box-shadow:0 0 0 var(--slider-thumb-focus-ring-size, 0.75rem) var(--slider-thumb-focus-ring-bg, rgba(0, 0, 0, 0.0823529412))}");
67
67
  ;// ./tinkiet/slider/slider.ts
68
68
  var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
69
69
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
package/textarea/index.js CHANGED
@@ -63,7 +63,7 @@ var if_defined_js_ = __webpack_require__(3517);
63
63
  // EXTERNAL MODULE: ./tinkiet/utils/unique.ts
64
64
  var unique = __webpack_require__(3770);
65
65
  ;// ./tinkiet/textarea/textarea.scss
66
- /* harmony default export */ const textarea_textarea = ("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}:host{transform:translateZ(0);display:block;outline:none}:host #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface-variant));transition:var(--input-transition, border-color var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease), background var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease));position:relative;display:flex;align-items:center;overflow:hidden;padding:8px 16px 8px 16px;height:56px}:host #wrapper{position:relative;flex-grow:1}:host #label{color:hsl(var(--on-surface-variant));font-weight:400;line-height:64px;transition:var(--input-label-transition, top var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), font-size var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear));top:50%;transform:translateY(-50%);z-index:1;position:absolute;pointer-events:none;font-size:inherit;line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none}:host([disabled]){pointer-events:none;opacity:.38}:host(:hover) #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface))}:host(:focus-within) #container{border-bottom:solid 2px hsl(var(--primary));background-color:hsla(var(--on-surface), 0.3);padding:8px 16px 7px 16px}:host([outlined]) #container{background-color:rgba(0,0,0,0);border:solid 1px hsl(var(--outline));border-radius:4px}:host([outlined]:focus-within) #container{border:solid 2px hsl(var(--primary));padding:7px 15px 7px 15px}:host(:focus-within) #label,:host([dirty]) #label,:host([type=color]) #label,:host([type=date]) #label,:host([type=file]) #label,:host([type=range]) #label{font-size:var(--input-label-font-size, 0.75rem);top:0;transform:translateY(0);color:hsl(var(--primary))}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){caret-color:hsl(var(--primary));padding:var(--input-padding-top-bottom, 0.5rem) var(--_input-padding-left-right);font-size:var(--input-font-size, 1rem);text-align:var(--input-text-align, inherit);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;display:block;color:inherit;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;margin:0;background:rgba(0,0,0,0);width:100%}:host([label]) #slot-wrapper,:host([label]) ::slotted(input),:host([label]) ::slotted(select),:host([label]) ::slotted(textarea){padding-top:16px}:host([invalid]){color:hsl(var(--error))}::slotted(input[type=color]){height:3.75rem;cursor:pointer}::slotted([slot=after]),::slotted([slot=before]){color:var(--input-before-after-color, hsl(var(--shadow)))}:host(:not([outlined]):not([filled])) ::slotted([slot=before]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}:host(:not([outlined]):not([filled])) ::slotted([slot=after]),:host([filled]) ::slotted([slot=before]),:host([outlined]) ::slotted([slot=before]){margin-left:var(--input-padding-left-right-outlined, 0.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}:host #container{height:auto;min-height:56px}#wrapper ::slotted(textarea){height:var(--textarea-height, var(--_textarea-height));min-height:var(--textarea-min-height, var(--textarea-height, var(--_textarea-height)));max-height:var(--textarea-max-height);resize:var(--textarea-resize, none);font-family:inherit}:host(:focus) ::slotted(textarea),:host(:hover) ::slotted(textarea){will-change:height}");
66
+ /* harmony default export */ const textarea_textarea = ("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}:host{transform:translateZ(0);display:block;outline:none}:host #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface-variant));transition:var(--input-transition, border-color var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease), background var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease));position:relative;display:flex;align-items:center;overflow:hidden;padding:8px 16px 8px 16px;height:56px}:host #wrapper{position:relative;flex-grow:1}:host #label{color:hsl(var(--on-surface-variant));font-weight:400;line-height:64px;transition:var(--input-label-transition, top var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), font-size var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear));top:50%;transform:translateY(-50%);z-index:1;position:absolute;pointer-events:none;font-size:inherit;line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none}:host([disabled]){pointer-events:none;opacity:.38}:host(:hover) #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface))}:host(:focus-within) #container{border-bottom:solid 2px hsl(var(--primary));background-color:hsla(var(--on-surface), 0.3);padding:8px 16px 7px 16px}:host([outlined]) #container{background-color:rgba(0,0,0,0);border:solid 1px hsl(var(--outline));border-radius:4px}:host([outlined]:focus-within) #container{border:solid 2px hsl(var(--primary));padding:7px 15px 7px 15px}:host(:focus-within) #label,:host([dirty]) #label,:host([type=color]) #label,:host([type=date]) #label,:host([type=datetime-local]) #label,:host([type=file]) #label,:host([type=range]) #label{font-size:var(--input-label-font-size, 0.75rem);top:0;transform:translateY(0);color:hsl(var(--primary))}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){caret-color:hsl(var(--primary));padding:var(--input-padding-top-bottom, 0.5rem) var(--_input-padding-left-right);font-size:var(--input-font-size, 1rem);text-align:var(--input-text-align, inherit);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;display:block;color:inherit;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;margin:0;background:rgba(0,0,0,0);width:100%}:host([label]) #slot-wrapper,:host([label]) ::slotted(input),:host([label]) ::slotted(select),:host([label]) ::slotted(textarea){padding-top:16px}:host([invalid]){color:hsl(var(--error))}::slotted(input[type=color]){height:3.75rem;cursor:pointer}::slotted([slot=after]),::slotted([slot=before]){color:var(--input-before-after-color, hsl(var(--shadow)))}:host(:not([outlined]):not([filled])) ::slotted([slot=before]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}:host(:not([outlined]):not([filled])) ::slotted([slot=after]),:host([filled]) ::slotted([slot=before]),:host([outlined]) ::slotted([slot=before]){margin-left:var(--input-padding-left-right-outlined, 0.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}:host #container{height:auto;min-height:56px}#wrapper ::slotted(textarea){height:var(--textarea-height, var(--_textarea-height));min-height:var(--textarea-min-height, var(--textarea-height, var(--_textarea-height)));max-height:var(--textarea-max-height);resize:var(--textarea-resize, none);font-family:inherit}:host(:focus) ::slotted(textarea),:host(:hover) ::slotted(textarea){will-change:height}");
67
67
  ;// ./tinkiet/textarea/textarea.ts
68
68
  var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
69
69
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
package/textfield/index.js CHANGED
@@ -21,7 +21,7 @@ var if_defined_js_ = __webpack_require__(3517);
21
21
  // EXTERNAL MODULE: ./tinkiet/utils/unique.ts
22
22
  var unique = __webpack_require__(3770);
23
23
  ;// ./tinkiet/textfield/textfield.scss
24
- /* harmony default export */ const textfield = ("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}:host{transform:translateZ(0);display:block;outline:none}:host #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface-variant));transition:var(--input-transition, border-color var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease), background var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease));position:relative;display:flex;align-items:center;overflow:hidden;padding:8px 16px 8px 16px;height:56px}:host #wrapper{position:relative;flex-grow:1}:host #label{color:hsl(var(--on-surface-variant));font-weight:400;line-height:64px;transition:var(--input-label-transition, top var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), font-size var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear));top:50%;transform:translateY(-50%);z-index:1;position:absolute;pointer-events:none;font-size:inherit;line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none}:host([disabled]){pointer-events:none;opacity:.38}:host(:hover) #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface))}:host(:focus-within) #container{border-bottom:solid 2px hsl(var(--primary));background-color:hsla(var(--on-surface), 0.3);padding:8px 16px 7px 16px}:host([outlined]) #container{background-color:rgba(0,0,0,0);border:solid 1px hsl(var(--outline));border-radius:4px}:host([outlined]:focus-within) #container{border:solid 2px hsl(var(--primary));padding:7px 15px 7px 15px}:host(:focus-within) #label,:host([dirty]) #label,:host([type=color]) #label,:host([type=date]) #label,:host([type=file]) #label,:host([type=range]) #label{font-size:var(--input-label-font-size, 0.75rem);top:0;transform:translateY(0);color:hsl(var(--primary))}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){caret-color:hsl(var(--primary));padding:var(--input-padding-top-bottom, 0.5rem) var(--_input-padding-left-right);font-size:var(--input-font-size, 1rem);text-align:var(--input-text-align, inherit);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;display:block;color:inherit;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;margin:0;background:rgba(0,0,0,0);width:100%}:host([label]) #slot-wrapper,:host([label]) ::slotted(input),:host([label]) ::slotted(select),:host([label]) ::slotted(textarea){padding-top:16px}:host([invalid]){color:hsl(var(--error))}::slotted(input[type=color]){height:3.75rem;cursor:pointer}::slotted([slot=after]),::slotted([slot=before]){color:var(--input-before-after-color, hsl(var(--shadow)))}:host(:not([outlined]):not([filled])) ::slotted([slot=before]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}:host(:not([outlined]):not([filled])) ::slotted([slot=after]),:host([filled]) ::slotted([slot=before]),:host([outlined]) ::slotted([slot=before]){margin-left:var(--input-padding-left-right-outlined, 0.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}");
24
+ /* harmony default export */ const textfield = ("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}:host{transform:translateZ(0);display:block;outline:none}:host #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface-variant));transition:var(--input-transition, border-color var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease), background var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease));position:relative;display:flex;align-items:center;overflow:hidden;padding:8px 16px 8px 16px;height:56px}:host #wrapper{position:relative;flex-grow:1}:host #label{color:hsl(var(--on-surface-variant));font-weight:400;line-height:64px;transition:var(--input-label-transition, top var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), font-size var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear));top:50%;transform:translateY(-50%);z-index:1;position:absolute;pointer-events:none;font-size:inherit;line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none}:host([disabled]){pointer-events:none;opacity:.38}:host(:hover) #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface))}:host(:focus-within) #container{border-bottom:solid 2px hsl(var(--primary));background-color:hsla(var(--on-surface), 0.3);padding:8px 16px 7px 16px}:host([outlined]) #container{background-color:rgba(0,0,0,0);border:solid 1px hsl(var(--outline));border-radius:4px}:host([outlined]:focus-within) #container{border:solid 2px hsl(var(--primary));padding:7px 15px 7px 15px}:host(:focus-within) #label,:host([dirty]) #label,:host([type=color]) #label,:host([type=date]) #label,:host([type=datetime-local]) #label,:host([type=file]) #label,:host([type=range]) #label{font-size:var(--input-label-font-size, 0.75rem);top:0;transform:translateY(0);color:hsl(var(--primary))}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){caret-color:hsl(var(--primary));padding:var(--input-padding-top-bottom, 0.5rem) var(--_input-padding-left-right);font-size:var(--input-font-size, 1rem);text-align:var(--input-text-align, inherit);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;display:block;color:inherit;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;margin:0;background:rgba(0,0,0,0);width:100%}:host([label]) #slot-wrapper,:host([label]) ::slotted(input),:host([label]) ::slotted(select),:host([label]) ::slotted(textarea){padding-top:16px}:host([invalid]){color:hsl(var(--error))}::slotted(input[type=color]){height:3.75rem;cursor:pointer}::slotted([slot=after]),::slotted([slot=before]){color:var(--input-before-after-color, hsl(var(--shadow)))}:host(:not([outlined]):not([filled])) ::slotted([slot=before]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}:host(:not([outlined]):not([filled])) ::slotted([slot=after]),:host([filled]) ::slotted([slot=before]),:host([outlined]) ::slotted([slot=before]){margin-left:var(--input-padding-left-right-outlined, 0.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}");
25
25
  ;// ./tinkiet/textfield/textfield.ts
26
26
  var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
27
27
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
package/textfield/textfield.d.ts CHANGED
@@ -6,7 +6,7 @@ export declare class TkTextfield extends LitElement {
6
6
  get value(): string;
7
7
  name: string;
8
8
  list: string;
9
- type: "email" | "number" | "password" | "text" | "search";
9
+ type: "email" | "number" | "password" | "text" | "search" | "datetime-local";
10
10
  required: boolean;
11
11
  disabled: boolean;
12
12
  readonly: boolean;
package/umd/tinkiet.min.js CHANGED
@@ -1,4 +1,4 @@
1
- !function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/if-defined.js"),require("lit/directives/unsafe-html.js")):"function"==typeof define&&define.amd?define(["lit","lit/decorators.js","lit/directives/class-map.js","lit/directives/if-defined.js","lit/directives/unsafe-html.js"],e):"object"==typeof exports?exports.tinkiet=e(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/if-defined.js"),require("lit/directives/unsafe-html.js")):t.tinkiet=e(t.lit,t["lit/decorators.js"],t["lit/directives/class-map.js"],t["lit/directives/if-defined.js"],t["lit/directives/unsafe-html.js"])}(this,(t,e,r,o,a)=>(()=>{"use strict";var i={125:t=>{t.exports=r},161:e=>{e.exports=t},291:t=>{t.exports=o},429:t=>{t.exports=e},968:t=>{t.exports=a}},n={};function s(t){var e=n[t];if(void 0!==e)return e.exports;var r=n[t]={exports:{}};return i[t](r,r.exports,s),r.exports}s.d=(t,e)=>{for(var r in e)s.o(e,r)&&!s.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},s.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),s.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var l={};s.r(l),s.d(l,{NotieLevel:()=>It,TkAccordion:()=>m,TkBadge:()=>x,TkBox:()=>p,TkButton:()=>$,TkCheckbox:()=>_,TkChip:()=>A,TkDialog:()=>E,TkDrawer:()=>T,TkForm:()=>R,TkIcon:()=>q,TkIcons:()=>B,TkListItem:()=>M,TkLoading:()=>Tt,TkNavigationBar:()=>Rt,TkNavigationItem:()=>Lt,TkNotie:()=>Kt,TkPages:()=>Yt,TkRadio:()=>Qt,TkSelect:()=>Wt,TkSlider:()=>Gt,TkSwitch:()=>te,TkTabGroup:()=>re,TkTextarea:()=>ae,TkTextfield:()=>Bt,TkTheme:()=>ne,TkTooltip:()=>le,TkTopbar:()=>qt});var c=s(161),h=s(429);var d=function(t,e,r,o){var a,i=arguments.length,n=i<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,r,o);else for(var s=t.length-1;s>=0;s--)(a=t[s])&&(n=(i<3?a(n):i>3?a(e,r,n):a(e,r))||n);return i>3&&n&&Object.defineProperty(e,r,n),n};let p=class extends c.LitElement{constructor(){super(...arguments),this.ripple=!1,this.showRipple=t=>{const e=t.clientX,r=t.clientY,{offsetWidth:o,offsetHeight:a}=this,i=document.createElement("span");i.classList.add("ripple","open");const n=document.createElement("span");i.appendChild(n),this.shadowRoot.appendChild(i);const s=this.getBoundingClientRect(),l=2*Math.max(o,o);n.style.width=n.style.height=l+"px",n.style.left=e-s.left-l/2+"px",n.style.top=r-s.top-l/2+"px";n.animate({transform:["scale(0)","scale(1)"]},{easing:"ease-out",fill:"both",duration:500}).onfinish=()=>{i.classList.remove("open");n.animate({opacity:["0.5","0"]},{easing:"ease-in",fill:"both",duration:300}).onfinish=()=>{requestAnimationFrame(()=>{i.remove()})}}},this.hideRipple=t=>{var e;null===(e=this.shadowRoot)||void 0===e||e.querySelectorAll(".ripple:not([open])").forEach(t=>{t.querySelector("span").animate({opacity:["0.5","0"]},{easing:"ease-out",fill:"both",duration:300}).onfinish=()=>{requestAnimationFrame(()=>{t.remove()})}})}}static get styles(){return[c.css`
1
+ !function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/if-defined.js"),require("lit/directives/unsafe-html.js")):"function"==typeof define&&define.amd?define(["lit","lit/decorators.js","lit/directives/class-map.js","lit/directives/if-defined.js","lit/directives/unsafe-html.js"],e):"object"==typeof exports?exports.tinkiet=e(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/if-defined.js"),require("lit/directives/unsafe-html.js")):t.tinkiet=e(t.lit,t["lit/decorators.js"],t["lit/directives/class-map.js"],t["lit/directives/if-defined.js"],t["lit/directives/unsafe-html.js"])}(this,(t,e,r,o,a)=>(()=>{"use strict";var i={125:t=>{t.exports=r},161:e=>{e.exports=t},291:t=>{t.exports=o},429:t=>{t.exports=e},968:t=>{t.exports=a}},n={};function s(t){var e=n[t];if(void 0!==e)return e.exports;var r=n[t]={exports:{}};return i[t](r,r.exports,s),r.exports}s.d=(t,e)=>{for(var r in e)s.o(e,r)&&!s.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},s.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),s.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var l={};s.r(l),s.d(l,{NotieLevel:()=>It,TkAccordion:()=>m,TkBadge:()=>x,TkBox:()=>p,TkButton:()=>$,TkCheckbox:()=>_,TkChip:()=>A,TkDialog:()=>E,TkDrawer:()=>O,TkForm:()=>R,TkIcon:()=>q,TkIcons:()=>B,TkListItem:()=>M,TkLoading:()=>Ot,TkNavigationBar:()=>Rt,TkNavigationItem:()=>Lt,TkNotie:()=>Kt,TkPages:()=>Yt,TkRadio:()=>Qt,TkSelect:()=>Wt,TkSlider:()=>Gt,TkSwitch:()=>te,TkTabGroup:()=>re,TkTextarea:()=>ae,TkTextfield:()=>Bt,TkTheme:()=>ne,TkTooltip:()=>le,TkTopbar:()=>qt});var c=s(161),h=s(429);var d=function(t,e,r,o){var a,i=arguments.length,n=i<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,r,o);else for(var s=t.length-1;s>=0;s--)(a=t[s])&&(n=(i<3?a(n):i>3?a(e,r,n):a(e,r))||n);return i>3&&n&&Object.defineProperty(e,r,n),n};let p=class extends c.LitElement{constructor(){super(...arguments),this.ripple=!1,this.showRipple=t=>{const e=t.clientX,r=t.clientY,{offsetWidth:o,offsetHeight:a}=this,i=document.createElement("span");i.classList.add("ripple","open");const n=document.createElement("span");i.appendChild(n),this.shadowRoot.appendChild(i);const s=this.getBoundingClientRect(),l=2*Math.max(o,o);n.style.width=n.style.height=l+"px",n.style.left=e-s.left-l/2+"px",n.style.top=r-s.top-l/2+"px";n.animate({transform:["scale(0)","scale(1)"]},{easing:"ease-out",fill:"both",duration:500}).onfinish=()=>{i.classList.remove("open");n.animate({opacity:["0.5","0"]},{easing:"ease-in",fill:"both",duration:300}).onfinish=()=>{requestAnimationFrame(()=>{i.remove()})}}},this.hideRipple=t=>{var e;null===(e=this.shadowRoot)||void 0===e||e.querySelectorAll(".ripple:not([open])").forEach(t=>{t.querySelector("span").animate({opacity:["0.5","0"]},{easing:"ease-out",fill:"both",duration:300}).onfinish=()=>{requestAnimationFrame(()=>{t.remove()})}})}}static get styles(){return[c.css`
2
2
  ${(0,c.unsafeCSS)('*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}:host{display:flex;position:relative;flex-direction:column;box-sizing:border-box}:host([hidden]){display:none}.ripple{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none}.ripple span{position:absolute;border-radius:50%;background-color:hsla(var(--on-primary), 0.5)}:host([align-content=start]){align-content:flex-start}:host([align-content=end]){align-content:flex-end}:host([align-content=stretch]){align-content:stretch}:host([align-content=center]){align-content:center}:host([align-content=around]){align-content:space-around}:host([align-content=between]){align-content:space-between}:host([align-items=start]){align-items:flex-start}:host([align-items=end]){align-items:flex-end}:host([align-items=stretch]){align-items:stretch}:host([align-items=center]){align-items:center}:host([align-items=baseline]){align-items:baseline}:host([align-self=start]){align-self:flex-start}:host([align-self=end]){align-self:flex-end}:host([align-self=stretch]){align-self:stretch}:host([align-self=center]){align-self:center}:host([background=primary]){background-color:hsl(var(--primary))}:host([color=primary]){color:hsl(var(--primary))}:host([background=on-primary]){background-color:hsl(var(--on-primary))}:host([color=on-primary]){color:hsl(var(--on-primary))}:host([background=secondary]){background-color:hsl(var(--secondary))}:host([color=secondary]){color:hsl(var(--secondary))}:host([background=on-secondary]){background-color:hsl(var(--on-secondary))}:host([color=on-secondary]){color:hsl(var(--on-secondary))}:host([background=tertiary]){background-color:hsl(var(--tertiary))}:host([color=tertiary]){color:hsl(var(--tertiary))}:host([background=on-tertiary]){background-color:hsl(var(--on-tertiary))}:host([color=on-tertiary]){color:hsl(var(--on-tertiary))}:host([background=neutral]){background-color:hsl(var(--neutral))}:host([color=neutral]){color:hsl(var(--neutral))}:host([background=on-neutral]){background-color:hsl(var(--on-neutral))}:host([color=on-neutral]){color:hsl(var(--on-neutral))}:host([background=neutral-variant]){background-color:hsl(var(--neutral-variant))}:host([color=neutral-variant]){color:hsl(var(--neutral-variant))}:host([background=on-neutral-variant]){background-color:hsl(var(--on-neutral-variant))}:host([color=on-neutral-variant]){color:hsl(var(--on-neutral-variant))}:host([background=error]){background-color:hsl(var(--error))}:host([color=error]){color:hsl(var(--error))}:host([background=on-error]){background-color:hsl(var(--on-error))}:host([color=on-error]){color:hsl(var(--on-error))}:host([background=primary-container]){background-color:hsl(var(--primary-container))}:host([color=primary-container]){color:hsl(var(--primary-container))}:host([background=on-primary-container]){background-color:hsl(var(--on-primary-container))}:host([color=on-primary-container]){color:hsl(var(--on-primary-container))}:host([background=secondary-container]){background-color:hsl(var(--secondary-container))}:host([color=secondary-container]){color:hsl(var(--secondary-container))}:host([background=on-secondary-container]){background-color:hsl(var(--on-secondary-container))}:host([color=on-secondary-container]){color:hsl(var(--on-secondary-container))}:host([background=tertiary-container]){background-color:hsl(var(--tertiary-container))}:host([color=tertiary-container]){color:hsl(var(--tertiary-container))}:host([background=on-tertiary-container]){background-color:hsl(var(--on-tertiary-container))}:host([color=on-tertiary-container]){color:hsl(var(--on-tertiary-container))}:host([background=neutral-container]){background-color:hsl(var(--neutral-container))}:host([color=neutral-container]){color:hsl(var(--neutral-container))}:host([background=on-neutral-container]){background-color:hsl(var(--on-neutral-container))}:host([color=on-neutral-container]){color:hsl(var(--on-neutral-container))}:host([background=neutral-variant-container]){background-color:hsl(var(--neutral-variant-container))}:host([color=neutral-variant-container]){color:hsl(var(--neutral-variant-container))}:host([background=on-neutral-variant-container]){background-color:hsl(var(--on-neutral-variant-container))}:host([color=on-neutral-variant-container]){color:hsl(var(--on-neutral-variant-container))}:host([background=error-container]){background-color:hsl(var(--error-container))}:host([color=error-container]){color:hsl(var(--error-container))}:host([background=on-error-container]){background-color:hsl(var(--on-error-container))}:host([color=on-error-container]){color:hsl(var(--on-error-container))}:host([background=primary-0]){background-color:hsl(var(--primary-0))}:host([color=primary-0]){color:hsl(var(--primary-0))}:host([background=surface]){background-color:hsl(var(--surface))}:host([color=surface]){color:hsl(var(--surface))}:host([background=on-surface]){background-color:hsl(var(--on-surface))}:host([color=on-surface]){color:hsl(var(--on-surface))}:host([background=surface-dim]){background-color:hsl(var(--surface-dim))}:host([color=surface-dim]){color:hsl(var(--surface-dim))}:host([background=surface-bright]){background-color:hsl(var(--surface-bright))}:host([color=surface-bright]){color:hsl(var(--surface-bright))}:host([background=surface-container-lowest]){background-color:hsl(var(--surface-container-lowest))}:host([color=surface-container-lowest]){color:hsl(var(--surface-container-lowest))}:host([background=surface-container-low]){background-color:hsl(var(--surface-container-low))}:host([color=surface-container-low]){color:hsl(var(--surface-container-low))}:host([background=surface-container]){background-color:hsl(var(--surface-container))}:host([color=surface-container]){color:hsl(var(--surface-container))}:host([background=surface-container-high]){background-color:hsl(var(--surface-container-high))}:host([color=surface-container-high]){color:hsl(var(--surface-container-high))}:host([background=surface-container-highest]){background-color:hsl(var(--surface-container-highest))}:host([color=surface-container-highest]){color:hsl(var(--surface-container-highest))}:host([background=surface-variant]){background-color:hsl(var(--surface-variant))}:host([color=surface-variant]){color:hsl(var(--surface-variant))}:host([background=on-surface-variant]){background-color:hsl(var(--on-surface-variant))}:host([color=on-surface-variant]){color:hsl(var(--on-surface-variant))}:host([background=outline]){background-color:hsl(var(--outline))}:host([color=outline]){color:hsl(var(--outline))}:host([background=outline-variant]){background-color:hsl(var(--outline-variant))}:host([color=outline-variant]){color:hsl(var(--outline-variant))}:host([background=inverse-surface]){background-color:hsl(var(--inverse-surface))}:host([color=inverse-surface]){color:hsl(var(--inverse-surface))}:host([background=inverse-on-surface]){background-color:hsl(var(--inverse-on-surface))}:host([color=inverse-on-surface]){color:hsl(var(--inverse-on-surface))}:host([background=background]){background-color:hsl(var(--background))}:host([color=background]){color:hsl(var(--background))}:host([background=on-background]){background-color:hsl(var(--on-background))}:host([color=on-background]){color:hsl(var(--on-background))}:host([background=shadow]){background-color:hsl(var(--shadow))}:host([color=shadow]){color:hsl(var(--shadow))}:host([background=primary-10]){background-color:hsl(var(--primary-10))}:host([color=primary-10]){color:hsl(var(--primary-10))}:host([background=primary-20]){background-color:hsl(var(--primary-20))}:host([color=primary-20]){color:hsl(var(--primary-20))}:host([background=primary-30]){background-color:hsl(var(--primary-30))}:host([color=primary-30]){color:hsl(var(--primary-30))}:host([background=primary-40]){background-color:hsl(var(--primary-40))}:host([color=primary-40]){color:hsl(var(--primary-40))}:host([background=primary-50]){background-color:hsl(var(--primary-50))}:host([color=primary-50]){color:hsl(var(--primary-50))}:host([background=primary-60]){background-color:hsl(var(--primary-60))}:host([color=primary-60]){color:hsl(var(--primary-60))}:host([background=primary-70]){background-color:hsl(var(--primary-70))}:host([color=primary-70]){color:hsl(var(--primary-70))}:host([background=primary-80]){background-color:hsl(var(--primary-80))}:host([color=primary-80]){color:hsl(var(--primary-80))}:host([background=primary-90]){background-color:hsl(var(--primary-90))}:host([color=primary-90]){color:hsl(var(--primary-90))}:host([background=primary-95]){background-color:hsl(var(--primary-95))}:host([color=primary-95]){color:hsl(var(--primary-95))}:host([background=primary-99]){background-color:hsl(var(--primary-99))}:host([color=primary-99]){color:hsl(var(--primary-99))}:host([background=primary-100]){background-color:hsl(var(--primary-100))}:host([color=primary-100]){color:hsl(var(--primary-100))}:host([background=secondary-0]){background-color:hsl(var(--secondary-0))}:host([color=secondary-0]){color:hsl(var(--secondary-0))}:host([background=secondary-10]){background-color:hsl(var(--secondary-10))}:host([color=secondary-10]){color:hsl(var(--secondary-10))}:host([background=secondary-20]){background-color:hsl(var(--secondary-20))}:host([color=secondary-20]){color:hsl(var(--secondary-20))}:host([background=secondary-30]){background-color:hsl(var(--secondary-30))}:host([color=secondary-30]){color:hsl(var(--secondary-30))}:host([background=secondary-40]){background-color:hsl(var(--secondary-40))}:host([color=secondary-40]){color:hsl(var(--secondary-40))}:host([background=secondary-50]){background-color:hsl(var(--secondary-50))}:host([color=secondary-50]){color:hsl(var(--secondary-50))}:host([background=secondary-60]){background-color:hsl(var(--secondary-60))}:host([color=secondary-60]){color:hsl(var(--secondary-60))}:host([background=secondary-70]){background-color:hsl(var(--secondary-70))}:host([color=secondary-70]){color:hsl(var(--secondary-70))}:host([background=secondary-80]){background-color:hsl(var(--secondary-80))}:host([color=secondary-80]){color:hsl(var(--secondary-80))}:host([background=secondary-90]){background-color:hsl(var(--secondary-90))}:host([color=secondary-90]){color:hsl(var(--secondary-90))}:host([background=secondary-100]){background-color:hsl(var(--secondary-100))}:host([color=secondary-100]){color:hsl(var(--secondary-100))}:host([background=tertiary-0]){background-color:hsl(var(--tertiary-0))}:host([color=tertiary-0]){color:hsl(var(--tertiary-0))}:host([background=tertiary-10]){background-color:hsl(var(--tertiary-10))}:host([color=tertiary-10]){color:hsl(var(--tertiary-10))}:host([background=tertiary-20]){background-color:hsl(var(--tertiary-20))}:host([color=tertiary-20]){color:hsl(var(--tertiary-20))}:host([background=tertiary-30]){background-color:hsl(var(--tertiary-30))}:host([color=tertiary-30]){color:hsl(var(--tertiary-30))}:host([background=tertiary-40]){background-color:hsl(var(--tertiary-40))}:host([color=tertiary-40]){color:hsl(var(--tertiary-40))}:host([background=tertiary-50]){background-color:hsl(var(--tertiary-50))}:host([color=tertiary-50]){color:hsl(var(--tertiary-50))}:host([background=tertiary-60]){background-color:hsl(var(--tertiary-60))}:host([color=tertiary-60]){color:hsl(var(--tertiary-60))}:host([background=tertiary-70]){background-color:hsl(var(--tertiary-70))}:host([color=tertiary-70]){color:hsl(var(--tertiary-70))}:host([background=tertiary-80]){background-color:hsl(var(--tertiary-80))}:host([color=tertiary-80]){color:hsl(var(--tertiary-80))}:host([background=tertiary-90]){background-color:hsl(var(--tertiary-90))}:host([color=tertiary-90]){color:hsl(var(--tertiary-90))}:host([background=tertiary-100]){background-color:hsl(var(--tertiary-100))}:host([color=tertiary-100]){color:hsl(var(--tertiary-100))}:host([background=neutral-0]){background-color:hsl(var(--neutral-0))}:host([color=neutral-0]){color:hsl(var(--neutral-0))}:host([background=neutral-10]){background-color:hsl(var(--neutral-10))}:host([color=neutral-10]){color:hsl(var(--neutral-10))}:host([background=neutral-20]){background-color:hsl(var(--neutral-20))}:host([color=neutral-20]){color:hsl(var(--neutral-20))}:host([background=neutral-30]){background-color:hsl(var(--neutral-30))}:host([color=neutral-30]){color:hsl(var(--neutral-30))}:host([background=neutral-40]){background-color:hsl(var(--neutral-40))}:host([color=neutral-40]){color:hsl(var(--neutral-40))}:host([background=neutral-50]){background-color:hsl(var(--neutral-50))}:host([color=neutral-50]){color:hsl(var(--neutral-50))}:host([background=neutral-60]){background-color:hsl(var(--neutral-60))}:host([color=neutral-60]){color:hsl(var(--neutral-60))}:host([background=neutral-70]){background-color:hsl(var(--neutral-70))}:host([color=neutral-70]){color:hsl(var(--neutral-70))}:host([background=neutral-80]){background-color:hsl(var(--neutral-80))}:host([color=neutral-80]){color:hsl(var(--neutral-80))}:host([background=neutral-90]){background-color:hsl(var(--neutral-90))}:host([color=neutral-90]){color:hsl(var(--neutral-90))}:host([background=neutral-100]){background-color:hsl(var(--neutral-100))}:host([color=neutral-100]){color:hsl(var(--neutral-100))}:host([background=error-0]){background-color:hsl(var(--error-0))}:host([color=error-0]){color:hsl(var(--error-0))}:host([background=error-10]){background-color:hsl(var(--error-10))}:host([color=error-10]){color:hsl(var(--error-10))}:host([background=error-20]){background-color:hsl(var(--error-20))}:host([color=error-20]){color:hsl(var(--error-20))}:host([background=error-30]){background-color:hsl(var(--error-30))}:host([color=error-30]){color:hsl(var(--error-30))}:host([background=error-40]){background-color:hsl(var(--error-40))}:host([color=error-40]){color:hsl(var(--error-40))}:host([background=error-50]){background-color:hsl(var(--error-50))}:host([color=error-50]){color:hsl(var(--error-50))}:host([background=error-60]){background-color:hsl(var(--error-60))}:host([color=error-60]){color:hsl(var(--error-60))}:host([background=error-70]){background-color:hsl(var(--error-70))}:host([color=error-70]){color:hsl(var(--error-70))}:host([background=error-80]){background-color:hsl(var(--error-80))}:host([color=error-80]){color:hsl(var(--error-80))}:host([background=error-90]){background-color:hsl(var(--error-90))}:host([color=error-90]){color:hsl(var(--error-90))}:host([background=error-100]){background-color:hsl(var(--error-100))}:host([color=error-100]){color:hsl(var(--error-100))}:host([direction=column]){flex-direction:column}:host([direction=row]){flex-direction:row}:host([direction=row-reverse]){flex-direction:row-reverse}:host([direction=column-reverse]){flex-direction:column-reverse}:host([text=center]){text-align:center}:host([text=justify]){text-align:justify}:host([text=left]){text-align:left}:host([text=right]){text-align:right}:host([weight="100"]){font-weight:100}:host([weight="200"]){font-weight:200}:host([weight="300"]){font-weight:300}:host([weight="400"]){font-weight:400}:host([weight="500"]){font-weight:500}:host([weight="600"]){font-weight:600}:host([weight="700"]){font-weight:700}:host([weight="800"]){font-weight:800}:host([weight="900"]){font-weight:900}:host([weight=lighter]){font-weight:lighter}:host([weight=bold]){font-weight:bold}:host([weight=bolder]){font-weight:bolder}:host([direction=row]){flex-direction:row}:host([direction=row-reverse]){flex-direction:row}:host([elevation="1"]){box-shadow:var(--box-elevation, 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15))}:host([elevation="2"]){box-shadow:var(--box-elevation, 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15))}:host([elevation="3"]){box-shadow:var(--box-elevation, 0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 4px 8px 3px rgba(0, 0, 0, 0.15))}:host([fill=horizontal]){width:100%}:host([fill=vertical]){height:100%}:host([fill=true]){width:100%;height:100%}:host([flex=grow]){flex:1 0}:host([flex=shrink]){flex:0 1}:host([flex=true]){flex:1 1}:host([flex=false]){flex:0 0}:host([gap=xsmall]) ::slotted(*),:host([gap=xsmall][direction=column]) ::slotted(*){margin:var(--spacing-xs, 0.25rem) 0}:host([gap=xsmall][direction=row]) ::slotted(*){margin:0 var(--spacing-xs, 0.25rem)}:host([margin=xsmall]){margin:var(--box-margin, var(--spacing-xs, 0.25rem))}:host([vmargin=xsmall]){margin-top:var(--box-margin, var(--spacing-xs, 0.25rem));margin-bottom:var(--box-margin, var(--spacing-xs, 0.25rem))}:host([hmargin=xsmall]){margin-left:var(--box-margin, var(--spacing-xs, 0.25rem));margin-right:var(--box-margin, var(--spacing-xs, 0.25rem))}:host([margin="xsmall auto"]){margin:var(--box-margin, var(--spacing-xs, 0.25rem)) auto}:host([margin="auto xsmall"]){margin:auto var(--box-margin, var(--spacing-xs, 0.25rem))}:host([padding=xsmall]){padding:var(--box-padding, var(--spacing-xs, 0.25rem))}:host([vpadding=xsmall]){padding-top:var(--box-padding, var(--spacing-xs, 0.25rem));padding-bottom:var(--box-padding, var(--spacing-xs, 0.25rem))}:host([hpadding=xsmall]){padding-left:var(--box-padding, var(--spacing-xs, 0.25rem));padding-right:var(--box-padding, var(--spacing-xs, 0.25rem))}:host([gap=small]) ::slotted(*),:host([gap=small][direction=column]) ::slotted(*){margin:var(--spacing-s, 0.5rem) 0}:host([gap=small][direction=row]) ::slotted(*){margin:0 var(--spacing-s, 0.5rem)}:host([margin=small]){margin:var(--box-margin, var(--spacing-s, 0.5rem))}:host([vmargin=small]){margin-top:var(--box-margin, var(--spacing-s, 0.5rem));margin-bottom:var(--box-margin, var(--spacing-s, 0.5rem))}:host([hmargin=small]){margin-left:var(--box-margin, var(--spacing-s, 0.5rem));margin-right:var(--box-margin, var(--spacing-s, 0.5rem))}:host([margin="small auto"]){margin:var(--box-margin, var(--spacing-s, 0.5rem)) auto}:host([margin="auto small"]){margin:auto var(--box-margin, var(--spacing-s, 0.5rem))}:host([padding=small]){padding:var(--box-padding, var(--spacing-s, 0.5rem))}:host([vpadding=small]){padding-top:var(--box-padding, var(--spacing-s, 0.5rem));padding-bottom:var(--box-padding, var(--spacing-s, 0.5rem))}:host([hpadding=small]){padding-left:var(--box-padding, var(--spacing-s, 0.5rem));padding-right:var(--box-padding, var(--spacing-s, 0.5rem))}:host([gap=medium]) ::slotted(*),:host([gap=medium][direction=column]) ::slotted(*){margin:var(--spacing-m, 1rem) 0}:host([gap=medium][direction=row]) ::slotted(*){margin:0 var(--spacing-m, 1rem)}:host([margin=medium]){margin:var(--box-margin, var(--spacing-m, 1rem))}:host([vmargin=medium]){margin-top:var(--box-margin, var(--spacing-m, 1rem));margin-bottom:var(--box-margin, var(--spacing-m, 1rem))}:host([hmargin=medium]){margin-left:var(--box-margin, var(--spacing-m, 1rem));margin-right:var(--box-margin, var(--spacing-m, 1rem))}:host([margin="medium auto"]){margin:var(--box-margin, var(--spacing-m, 1rem)) auto}:host([margin="auto medium"]){margin:auto var(--box-margin, var(--spacing-m, 1rem))}:host([padding=medium]){padding:var(--box-padding, var(--spacing-m, 1rem))}:host([vpadding=medium]){padding-top:var(--box-padding, var(--spacing-m, 1rem));padding-bottom:var(--box-padding, var(--spacing-m, 1rem))}:host([hpadding=medium]){padding-left:var(--box-padding, var(--spacing-m, 1rem));padding-right:var(--box-padding, var(--spacing-m, 1rem))}:host([gap=large]) ::slotted(*),:host([gap=large][direction=column]) ::slotted(*){margin:var(--spacing-l, 1.25rem) 0}:host([gap=large][direction=row]) ::slotted(*){margin:0 var(--spacing-l, 1.25rem)}:host([margin=large]){margin:var(--box-margin, var(--spacing-l, 1.25rem))}:host([vmargin=large]){margin-top:var(--box-margin, var(--spacing-l, 1.25rem));margin-bottom:var(--box-margin, var(--spacing-l, 1.25rem))}:host([hmargin=large]){margin-left:var(--box-margin, var(--spacing-l, 1.25rem));margin-right:var(--box-margin, var(--spacing-l, 1.25rem))}:host([margin="large auto"]){margin:var(--box-margin, var(--spacing-l, 1.25rem)) auto}:host([margin="auto large"]){margin:auto var(--box-margin, var(--spacing-l, 1.25rem))}:host([padding=large]){padding:var(--box-padding, var(--spacing-l, 1.25rem))}:host([vpadding=large]){padding-top:var(--box-padding, var(--spacing-l, 1.25rem));padding-bottom:var(--box-padding, var(--spacing-l, 1.25rem))}:host([hpadding=large]){padding-left:var(--box-padding, var(--spacing-l, 1.25rem));padding-right:var(--box-padding, var(--spacing-l, 1.25rem))}:host([gap=xlarge]) ::slotted(*),:host([gap=xlarge][direction=column]) ::slotted(*){margin:var(--spacing-xl, 2rem) 0}:host([gap=xlarge][direction=row]) ::slotted(*){margin:0 var(--spacing-xl, 2rem)}:host([margin=xlarge]){margin:var(--box-margin, var(--spacing-xl, 2rem))}:host([vmargin=xlarge]){margin-top:var(--box-margin, var(--spacing-xl, 2rem));margin-bottom:var(--box-margin, var(--spacing-xl, 2rem))}:host([hmargin=xlarge]){margin-left:var(--box-margin, var(--spacing-xl, 2rem));margin-right:var(--box-margin, var(--spacing-xl, 2rem))}:host([margin="xlarge auto"]){margin:var(--box-margin, var(--spacing-xl, 2rem)) auto}:host([margin="auto xlarge"]){margin:auto var(--box-margin, var(--spacing-xl, 2rem))}:host([padding=xlarge]){padding:var(--box-padding, var(--spacing-xl, 2rem))}:host([vpadding=xlarge]){padding-top:var(--box-padding, var(--spacing-xl, 2rem));padding-bottom:var(--box-padding, var(--spacing-xl, 2rem))}:host([hpadding=xlarge]){padding-left:var(--box-padding, var(--spacing-xl, 2rem));padding-right:var(--box-padding, var(--spacing-xl, 2rem))}:host([font=xsmall]),:host([size=xsmall]){font-size:var(--box-font-size, var(--font-size-xs, 0.625rem))}:host([font=small]),:host([size=small]){font-size:var(--box-font-size, var(--font-size-s, 0.875rem))}:host([font=medium]),:host([size=medium]){font-size:var(--box-font-size, var(--font-size-m, 1rem))}:host([font=large]),:host([size=large]){font-size:var(--box-font-size, var(--font-size-l, 1.25rem))}:host([font=xlarge]),:host([size=xlarge]){font-size:var(--box-font-size, var(--font-size-xl, 1.5rem))}:host([font=xxlarge]),:host([size=xxlarge]){font-size:var(--box-font-size, var(--font-size-xxl, 2.25rem))}:host([justify=start]){justify-content:flex-start}:host([justify=end]){justify-content:flex-end}:host([justify=stretch]){justify-content:stretch}:host([justify=baseline]){justify-content:baseline}:host([justify=center]){justify-content:center}:host([justify=around]){justify-content:space-around}:host([justify=between]){justify-content:space-between}:host([justify=evenly]){justify-content:space-evenly}:host([overflow=auto]){overflow:auto}:host([overflow=hidden]){overflow:hidden}:host([overflow=scroll]){overflow:scroll}:host([overflow=visible]){overflow:visible}:host([radius=none]){border-radius:var(--box-border-radius, 0)}:host([radius=small]){border-radius:var(--box-border-radius, var(--border-radius-small, 0.125rem))}:host([radius=medium]){border-radius:var(--box-border-radius, var(--border-radius-medium, 0.25rem))}:host([radius=large]){border-radius:var(--box-border-radius, var(--border-radius-large, 0.5rem))}:host([radius=xlarge]){border-radius:var(--box-border-radius, var(--border-radius-x-large, 1rem))}:host([radius=circle]){border-radius:var(--box-border-radius, var(--border-radius-circle, 50%))}:host([radius=pill]){border-radius:var(--box-border-radius, var(--border-radius-pill, 9999px))}:host([max-width=xxsmall]){max-width:var(--box-max-width, var(--size-xxs, 2rem))}:host([width=xxsmall]){width:var(--box-width, var(--size-xxs, 2rem))}:host([max-height=xxsmall]){max-height:var(--box-max-height, var(--size-xxs, 2rem))}:host([height=xxsmall]){height:var(--box-height, var(--size-xxs, 2rem))}:host([max-width=xsmall]){max-width:var(--box-max-width, var(--size-xs, 4rem))}:host([width=xsmall]){width:var(--box-width, var(--size-xs, 4rem))}:host([max-height=xsmall]){max-height:var(--box-max-height, var(--size-xs, 4rem))}:host([height=xsmall]){height:var(--box-height, var(--size-xs, 4rem))}:host([max-width=small]){max-width:var(--box-max-width, var(--size-s, 8rem))}:host([width=small]){width:var(--box-width, var(--size-s, 8rem))}:host([max-height=small]){max-height:var(--box-max-height, var(--size-s, 8rem))}:host([height=small]){height:var(--box-height, var(--size-s, 8rem))}:host([max-width=medium]){max-width:var(--box-max-width, var(--size-m, 16rem))}:host([width=medium]){width:var(--box-width, var(--size-m, 16rem))}:host([max-height=medium]){max-height:var(--box-max-height, var(--size-m, 16rem))}:host([height=medium]){height:var(--box-height, var(--size-m, 16rem))}:host([max-width=large]){max-width:var(--box-max-width, var(--size-l, 32rem))}:host([width=large]){width:var(--box-width, var(--size-l, 32rem))}:host([max-height=large]){max-height:var(--box-max-height, var(--size-l, 32rem))}:host([height=large]){height:var(--box-height, var(--size-l, 32rem))}:host([max-width=xlarge]){max-width:var(--box-max-width, var(--size-xl, 48rem))}:host([width=xlarge]){width:var(--box-width, var(--size-xl, 48rem))}:host([max-height=xlarge]){max-height:var(--box-max-height, var(--size-xl, 48rem))}:host([height=xlarge]){height:var(--box-height, var(--size-xl, 48rem))}:host([max-width=xxlarge]){max-width:var(--box-max-width, var(--size-xxl, 64rem))}:host([width=xxlarge]){width:var(--box-width, var(--size-xxl, 64rem))}:host([max-height=xxlarge]){max-height:var(--box-max-height, var(--size-xxl, 64rem))}:host([height=xxlarge]){height:var(--box-height, var(--size-xxl, 64rem))}:host([wrap=true]){flex-wrap:wrap}:host([wrap=reverse]){flex-wrap:wrap-reverse}')}
3
3
  `]}render(){return c.html`
4
4
  <slot></slot>
@@ -120,7 +120,7 @@
120
120
  `:c.nothing}
121
121
  `}updated(t){t.has("open")&&(this.open?this.dispatchEvent(new CustomEvent("did-show",{bubbles:!0})):!0===t.get("open")&&this.dispatchEvent(new CustomEvent("did-close",{bubbles:!0})))}connectedCallback(){super.connectedCallback(),window.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){window.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback()}show(){return this.open=!0,new Promise(t=>{this.resolve=t})}hide(t=null){this.open=!1,this.resolve&&this.resolve(t)}};E.styles=c.css`
122
122
  ${(0,c.unsafeCSS)("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}:host{display:none;position:relative;outline:none}:host([open]){display:block;z-index:var(--dialog-z-index, 300);position:fixed;top:0;left:0;width:100%;height:100%}:host([open]) .overlay{background-color:rgba(0,0,0,.5);position:absolute;top:0;left:0;bottom:0;right:0}:host([open]) .overlay.blur{backdrop-filter:blur(2px)}:host([open]) .container{animation:fade-in .3s forwards;position:fixed;margin:0;max-width:100%;height:100%;max-height:100%;width:fit-content;will-change:transform,opacity;overflow-y:auto;overscroll-behavior:contain}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@media(max-width: 400px){:host([open]) .container{padding:.1rem}}")}
123
- `,C([(0,h.property)({type:Boolean,attribute:!0})],E.prototype,"modal",void 0),C([(0,h.property)({type:Boolean,attribute:!0,reflect:!0})],E.prototype,"open",void 0),C([(0,h.property)({type:Boolean,attribute:"blur-overlay"})],E.prototype,"blurOverlay",void 0),E=C([(0,h.customElement)("tk-dialog")],E);var j=function(t,e,r,o){var a,i=arguments.length,n=i<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,r,o);else for(var s=t.length-1;s>=0;s--)(a=t[s])&&(n=(i<3?a(n):i>3?a(e,r,n):a(e,r))||n);return i>3&&n&&Object.defineProperty(e,r,n),n};let T=class extends c.LitElement{constructor(){super(...arguments),this.open=!1,this.over=!1,this.right=!1,this.swipeable=!1,this.contentScrolled=!1,this.contentHasBottomShadow=!1,this.overMediaQueryListener=t=>{t.matches?this.setAttribute("over",""):this.removeAttribute("over")},this.handleOverlayClick=()=>{this.hide()},this.handleContentScroll=()=>{if(!this.$content)return;const{scrollTop:t,scrollHeight:e,clientHeight:r}=this.$content;this.contentScrolled=t>0;const o=Math.ceil(t+r)>=e;this.contentHasBottomShadow=!o&&e>r},this.swipeX=0,this.swipeY=0,this.isHorizontalSwipe=!1}render(){return c.html`
123
+ `,C([(0,h.property)({type:Boolean,attribute:!0})],E.prototype,"modal",void 0),C([(0,h.property)({type:Boolean,attribute:!0,reflect:!0})],E.prototype,"open",void 0),C([(0,h.property)({type:Boolean,attribute:"blur-overlay"})],E.prototype,"blurOverlay",void 0),E=C([(0,h.customElement)("tk-dialog")],E);var j=function(t,e,r,o){var a,i=arguments.length,n=i<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,r,o);else for(var s=t.length-1;s>=0;s--)(a=t[s])&&(n=(i<3?a(n):i>3?a(e,r,n):a(e,r))||n);return i>3&&n&&Object.defineProperty(e,r,n),n};let O=class extends c.LitElement{constructor(){super(...arguments),this.open=!1,this.over=!1,this.right=!1,this.swipeable=!1,this.contentScrolled=!1,this.contentHasBottomShadow=!1,this.overMediaQueryListener=t=>{t.matches?this.setAttribute("over",""):this.removeAttribute("over")},this.handleOverlayClick=()=>{this.hide()},this.handleContentScroll=()=>{if(!this.$content)return;const{scrollTop:t,scrollHeight:e,clientHeight:r}=this.$content;this.contentScrolled=t>0;const o=Math.ceil(t+r)>=e;this.contentHasBottomShadow=!o&&e>r},this.swipeX=0,this.swipeY=0,this.isHorizontalSwipe=!1}render(){return c.html`
124
124
  <div class="container">
125
125
  <slot name="drawer-container"></slot>
126
126
  </div>
@@ -141,9 +141,9 @@
141
141
  <div class="drawer-swipe"></div>
142
142
  </div>
143
143
 
144
- `}firstUpdated(){this.overQuery&&this.overMediaQuery(),this.openQuery&&window.matchMedia(this.openQuery).matches&&this.show(),this.handleContentScroll()}updated(t){super.updated(t),t.has("overQuery")&&this.overQuery&&this.overMediaQuery(),t.has("openQuery")&&this.openQuery&&window.matchMedia(this.openQuery).matches&&this.show(),t.has("open")&&(this.open?this.dispatchEvent(new CustomEvent("did-show",{bubbles:!0})):!0===t.get("open")&&this.dispatchEvent(new CustomEvent("did-close",{bubbles:!0})),this.swipeable&&this.$drawer&&requestAnimationFrame(()=>{this.$drawer.removeAttribute("style")}))}overMediaQuery(){this.mql&&this.mql.removeEventListener("change",this.overMediaQueryListener),this.mql=window.matchMedia(this.overQuery),this.mql.matches?this.setAttribute("over",""):this.removeAttribute("over"),this.mql.addEventListener("change",this.overMediaQueryListener)}hideIfOver(){var t;(this.overQuery&&(null===(t=this.mql)||void 0===t?void 0:t.matches)||this.over)&&(this.open=!1)}show(){this.open=!0}hide(){this.open=!1}toggle(){this.open=!this.open}touchStart(t){this.swipeable&&this.$drawer&&(this.$drawer.style.transition="transform 0ms ease",this.swipeX=t.touches[0].clientX,this.swipeY=t.touches[0].clientY)}touchMove(t){if(!this.swipeable||!this.$drawer)return;const e=t.touches[0].clientX-this.swipeX,r=t.touches[0].clientY-this.swipeY;if(this.isHorizontalSwipe=Math.abs(e)>Math.abs(r),!this.isHorizontalSwipe)return;const o=this.open?e>0?0:e:e<0?0:e,a=this.open?`translateX(${o}px)`:`translateX(min(calc(-100% + 10px + ${o}px), 0px))`;requestAnimationFrame(()=>{this.$drawer&&(this.$drawer.style.transform=a)})}touchEnd(t){if(!this.swipeable||!this.$drawer)return;requestAnimationFrame(()=>{var t;null===(t=this.$drawer)||void 0===t||t.removeAttribute("style")});const e=t.changedTouches[0].clientX-this.swipeX;this.isHorizontalSwipe&&this.open?this.open=!(-50>e):this.isHorizontalSwipe&&!this.open&&(this.open=50<e),this.isHorizontalSwipe=!1}disconnectedCallback(){this.mql&&this.mql.removeEventListener("change",this.overMediaQueryListener),super.disconnectedCallback()}};T.styles=c.css`
144
+ `}firstUpdated(){this.overQuery&&this.overMediaQuery(),this.openQuery&&window.matchMedia(this.openQuery).matches&&this.show(),this.handleContentScroll()}updated(t){super.updated(t),t.has("overQuery")&&this.overQuery&&this.overMediaQuery(),t.has("openQuery")&&this.openQuery&&window.matchMedia(this.openQuery).matches&&this.show(),t.has("open")&&(this.open?this.dispatchEvent(new CustomEvent("did-show",{bubbles:!0})):!0===t.get("open")&&this.dispatchEvent(new CustomEvent("did-close",{bubbles:!0})),this.swipeable&&this.$drawer&&requestAnimationFrame(()=>{this.$drawer.removeAttribute("style")}))}overMediaQuery(){this.mql&&this.mql.removeEventListener("change",this.overMediaQueryListener),this.mql=window.matchMedia(this.overQuery),this.mql.matches?this.setAttribute("over",""):this.removeAttribute("over"),this.mql.addEventListener("change",this.overMediaQueryListener)}hideIfOver(){var t;(this.overQuery&&(null===(t=this.mql)||void 0===t?void 0:t.matches)||this.over)&&(this.open=!1)}show(){this.open=!0}hide(){this.open=!1}toggle(){this.open=!this.open}touchStart(t){this.swipeable&&this.$drawer&&(this.$drawer.style.transition="transform 0ms ease",this.swipeX=t.touches[0].clientX,this.swipeY=t.touches[0].clientY)}touchMove(t){if(!this.swipeable||!this.$drawer)return;const e=t.touches[0].clientX-this.swipeX,r=t.touches[0].clientY-this.swipeY;if(this.isHorizontalSwipe=Math.abs(e)>Math.abs(r),!this.isHorizontalSwipe)return;const o=this.open?e>0?0:e:e<0?0:e,a=this.open?`translateX(${o}px)`:`translateX(min(calc(-100% + 10px + ${o}px), 0px))`;requestAnimationFrame(()=>{this.$drawer&&(this.$drawer.style.transform=a)})}touchEnd(t){if(!this.swipeable||!this.$drawer)return;requestAnimationFrame(()=>{var t;null===(t=this.$drawer)||void 0===t||t.removeAttribute("style")});const e=t.changedTouches[0].clientX-this.swipeX;this.isHorizontalSwipe&&this.open?this.open=!(-50>e):this.isHorizontalSwipe&&!this.open&&(this.open=50<e),this.isHorizontalSwipe=!1}disconnectedCallback(){this.mql&&this.mql.removeEventListener("change",this.overMediaQueryListener),super.disconnectedCallback()}};O.styles=c.css`
145
145
  ${(0,c.unsafeCSS)('*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}:host{display:block;height:100%;width:100%;position:relative;overflow:hidden;background-color:hsl(var(--surface))}.drawer{display:grid;grid-template-columns:var(--drawer-width, 256px) 10px;grid-template-rows:auto 1fr auto;grid-template-areas:"header swipe" "content swipe" "footer swipe";position:absolute;top:0;bottom:0;transform:translateX(calc(-100% + 10px));transition:transform cubic-bezier(0.4, 0, 0.2, 1) var(--transition-duration-medium, 180ms);will-change:transform;touch-action:pan-y;z-index:var(--drawer-z-index, 200);background-color:hsl(var(--surface))}.drawer .drawer-header{grid-area:header}.drawer .drawer-content{grid-area:content;overflow:auto;position:relative;transition:opacity var(--transition-duration-medium, 180ms) ease}.drawer .drawer-content::before,.drawer .drawer-content::after{content:"";position:sticky;display:block;height:14px;pointer-events:none;opacity:0;transition:opacity var(--transition-duration-medium, 180ms) ease;left:0;right:0;width:100%;z-index:1}.drawer .drawer-content::before{top:0;margin-top:-14px;background:linear-gradient(180deg, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0))}.drawer .drawer-content::after{bottom:0;margin-bottom:-14px;background:linear-gradient(0deg, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0))}.drawer .drawer-content.has-top-shadow::before{opacity:1}.drawer .drawer-content.has-bottom-shadow::after{opacity:1}.drawer .drawer-footer{grid-area:footer}.drawer .drawer-swipe{grid-area:swipe;background-color:rgba(0,0,0,0)}:host([right]) .drawer{right:0;transform:translateX(calc(100% + 10px))}.overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:var(--drawer-overlay-z-index, 200);background-color:rgba(0,0,0,.5);display:none}.container{transition:padding cubic-bezier(0.4, 0, 0.2, 1) var(--transition-duration-slow, 250ms);overflow:auto;height:100%}:host([open]) .drawer{transform:none}:host([open]) .container{padding-left:var(--drawer-width, 256px)}:host([open][over]) .drawer{background-color:hsl(var(--surface-container-low));box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15)}:host([open][over]) .container{padding-left:0}:host([open][over]) .overlay{display:block}@media(max-width: var(--drawer-trigger-width, 400px)){:host([open]) .container{padding-left:0}:host([open]) .overlay{display:block}}')}
146
- `,j([(0,h.property)({type:Boolean,reflect:!0})],T.prototype,"open",void 0),j([(0,h.property)({type:Boolean,reflect:!0})],T.prototype,"over",void 0),j([(0,h.property)({type:String,attribute:"open-query"})],T.prototype,"openQuery",void 0),j([(0,h.property)({type:String,attribute:"over-query"})],T.prototype,"overQuery",void 0),j([(0,h.property)({type:Boolean,reflect:!0})],T.prototype,"right",void 0),j([(0,h.property)({type:Boolean,reflect:!0})],T.prototype,"swipeable",void 0),j([(0,h.query)("div.drawer")],T.prototype,"$drawer",void 0),j([(0,h.query)("div.drawer-content")],T.prototype,"$content",void 0),j([(0,h.state)()],T.prototype,"contentScrolled",void 0),j([(0,h.state)()],T.prototype,"contentHasBottomShadow",void 0),j([(0,h.eventOptions)({passive:!0})],T.prototype,"touchStart",null),j([(0,h.eventOptions)({passive:!0})],T.prototype,"touchMove",null),j([(0,h.eventOptions)({passive:!0})],T.prototype,"touchEnd",null),T=j([(0,h.customElement)("tk-drawer")],T);var O=function(t,e,r,o){var a,i=arguments.length,n=i<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,r,o);else for(var s=t.length-1;s>=0;s--)(a=t[s])&&(n=(i<3?a(n):i>3?a(e,r,n):a(e,r))||n);return i>3&&n&&Object.defineProperty(e,r,n),n};let R=class extends c.LitElement{connectedCallback(){super.connectedCallback(),this.addEventListener("submit",this.submit)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("submit",this.submit)}submit(t){t.preventDefault();const e=this.getFormDataAsObject();this.dispatchEvent(new CustomEvent("fulfill",{detail:e}))}getFormDataAsObject(){const t=this.querySelector("form"),e={};return new FormData(t).forEach((t,r)=>{var o;const a=this.querySelector(`[name=${r}]`);if("TK-SLIDER"==a.tagName&&(t=Number(t)),"TK-CHECKBOX"!=a.tagName||"on"!=t&&"true"!=t||(t=!0),"TK-RADIO"!=a.tagName||"on"!=t&&"true"!=t||(t=!0),r.indexOf("-")>0){const a=r.split("-");e[a[0]]=null!==(o=e[a[0]])&&void 0!==o?o:{},e[a[0]][a[1]]=t}else e[r]=t}),e}};O([(0,h.property)()],R.prototype,"value",void 0),R=O([(0,h.customElement)("tk-form")],R);var D=s(968);var L=function(t,e,r,o){var a,i=arguments.length,n=i<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,r,o);else for(var s=t.length-1;s>=0;s--)(a=t[s])&&(n=(i<3?a(n):i>3?a(e,r,n):a(e,r))||n);return i>3&&n&&Object.defineProperty(e,r,n),n},P=function(t,e,r,o){return new(r||(r=Promise))(function(a,i){function n(t){try{l(o.next(t))}catch(t){i(t)}}function s(t){try{l(o.throw(t))}catch(t){i(t)}}function l(t){var e;t.done?a(t.value):(e=t.value,e instanceof r?e:new r(function(t){t(e)})).then(n,s)}l((o=o.apply(t,e||[])).next())})};let q=class extends p{constructor(){super(...arguments),this.svg=""}static get styles(){return[...p.styles,c.css`
146
+ `,j([(0,h.property)({type:Boolean,reflect:!0})],O.prototype,"open",void 0),j([(0,h.property)({type:Boolean,reflect:!0})],O.prototype,"over",void 0),j([(0,h.property)({type:String,attribute:"open-query"})],O.prototype,"openQuery",void 0),j([(0,h.property)({type:String,attribute:"over-query"})],O.prototype,"overQuery",void 0),j([(0,h.property)({type:Boolean,reflect:!0})],O.prototype,"right",void 0),j([(0,h.property)({type:Boolean,reflect:!0})],O.prototype,"swipeable",void 0),j([(0,h.query)("div.drawer")],O.prototype,"$drawer",void 0),j([(0,h.query)("div.drawer-content")],O.prototype,"$content",void 0),j([(0,h.state)()],O.prototype,"contentScrolled",void 0),j([(0,h.state)()],O.prototype,"contentHasBottomShadow",void 0),j([(0,h.eventOptions)({passive:!0})],O.prototype,"touchStart",null),j([(0,h.eventOptions)({passive:!0})],O.prototype,"touchMove",null),j([(0,h.eventOptions)({passive:!0})],O.prototype,"touchEnd",null),O=j([(0,h.customElement)("tk-drawer")],O);var T=function(t,e,r,o){var a,i=arguments.length,n=i<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,r,o);else for(var s=t.length-1;s>=0;s--)(a=t[s])&&(n=(i<3?a(n):i>3?a(e,r,n):a(e,r))||n);return i>3&&n&&Object.defineProperty(e,r,n),n};let R=class extends c.LitElement{connectedCallback(){super.connectedCallback(),this.addEventListener("submit",this.submit)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("submit",this.submit)}submit(t){t.preventDefault();const e=this.getFormDataAsObject();this.dispatchEvent(new CustomEvent("fulfill",{detail:e}))}getFormDataAsObject(){const t=this.querySelector("form"),e={};return new FormData(t).forEach((t,r)=>{var o;const a=this.querySelector(`[name=${r}]`);if("TK-SLIDER"==a.tagName&&(t=Number(t)),"TK-CHECKBOX"!=a.tagName||"on"!=t&&"true"!=t||(t=!0),"TK-RADIO"!=a.tagName||"on"!=t&&"true"!=t||(t=!0),r.indexOf("-")>0){const a=r.split("-");e[a[0]]=null!==(o=e[a[0]])&&void 0!==o?o:{},e[a[0]][a[1]]=t}else e[r]=t}),e}};T([(0,h.property)()],R.prototype,"value",void 0),R=T([(0,h.customElement)("tk-form")],R);var D=s(968);var L=function(t,e,r,o){var a,i=arguments.length,n=i<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,r,o);else for(var s=t.length-1;s>=0;s--)(a=t[s])&&(n=(i<3?a(n):i>3?a(e,r,n):a(e,r))||n);return i>3&&n&&Object.defineProperty(e,r,n),n},P=function(t,e,r,o){return new(r||(r=Promise))(function(a,i){function n(t){try{l(o.next(t))}catch(t){i(t)}}function s(t){try{l(o.throw(t))}catch(t){i(t)}}function l(t){var e;t.done?a(t.value):(e=t.value,e instanceof r?e:new r(function(t){t(e)})).then(n,s)}l((o=o.apply(t,e||[])).next())})};let q=class extends p{constructor(){super(...arguments),this.svg=""}static get styles(){return[...p.styles,c.css`
147
147
  ${(0,c.unsafeCSS)("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}:host{--color: var(--tk-icon-color, currentColor);display:inline-flex;flex-shrink:0;width:1.5em;height:1.5em}:host svg{width:100%;height:100%;display:block;fill:var(--color)}")}
148
148
  `]}render(){return c.html`
149
149
  ${this.path?c.html`
@@ -162,7 +162,7 @@
162
162
  ${this.href?c.html`
163
163
  <a tabindex="-1" id="ahref" href=${this.href} target=${(0,k.ifDefined)(this.target)} rel="noreferrer" aria-label=${this.ariaLabel}></a>
164
164
  `:c.nothing}
165
- `}constructor(){super(),this.href="",this.target="",this.ariaLabel="",this.onKeyDown=t=>{"Space"!==t.code&&"Enter"!==t.code||(t.preventDefault(),t.stopPropagation(),this.click())},this.handleClick=t=>{const e=t.target;"BUTTON"!=e.tagName&&"TK-BUTTON"!=e.tagName&&"TK-SWITCH"!=e.tagName&&"TK-CHECKBOX"!=e.tagName&&this.href&&t.isTrusted&&this.$ahref&&(t.stopPropagation(),t.preventDefault(),this.$ahref.click())}}connectedCallback(){super.connectedCallback(),this.ensureAriaLabel(),this.addEventListener("keydown",this.onKeyDown),this.addEventListener("click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.onKeyDown)}ensureAriaLabel(){var t;if(this.ariaLabel)return;const e=null===(t=this.textContent)||void 0===t?void 0:t.trim();e&&(this.ariaLabel=e)}};H([(0,h.property)({type:String,reflect:!0})],M.prototype,"href",void 0),H([(0,h.property)({type:String,reflect:!0})],M.prototype,"target",void 0),H([(0,h.property)({attribute:"aria-label",reflect:!0})],M.prototype,"ariaLabel",void 0),H([(0,h.query)("#ahref")],M.prototype,"$ahref",void 0),M=H([(0,h.customElement)("tk-list-item")],M);const I=globalThis,U=I.trustedTypes,K=U?U.createPolicy("lit-html",{createHTML:t=>t}):void 0,V="$lit$",Y=`lit$${Math.random().toFixed(9).slice(2)}$`,X="?"+Y,Q=`<${X}>`,F=document,W=()=>F.createComment(""),Z=t=>null===t||"object"!=typeof t&&"function"!=typeof t,G=Array.isArray,J=t=>G(t)||"function"==typeof t?.[Symbol.iterator],tt="[ \t\n\f\r]",et=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,rt=/-->/g,ot=/>/g,at=RegExp(`>|${tt}(?:([^\\s"'>=/]+)(${tt}*=${tt}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),it=/'/g,nt=/"/g,st=/^(?:script|style|textarea|title)$/i,lt=t=>(e,...r)=>({_$litType$:t,strings:e,values:r}),ct=(lt(1),lt(2),lt(3),Symbol.for("lit-noChange")),ht=Symbol.for("lit-nothing"),dt=new WeakMap,pt=F.createTreeWalker(F,129);function ut(t,e){if(!G(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==K?K.createHTML(e):e}const vt=(t,e)=>{const r=t.length-1,o=[];let a,i=2===e?"<svg>":3===e?"<math>":"",n=et;for(let e=0;e<r;e++){const r=t[e];let s,l,c=-1,h=0;for(;h<r.length&&(n.lastIndex=h,l=n.exec(r),null!==l);)h=n.lastIndex,n===et?"!--"===l[1]?n=rt:void 0!==l[1]?n=ot:void 0!==l[2]?(st.test(l[2])&&(a=RegExp("</"+l[2],"g")),n=at):void 0!==l[3]&&(n=at):n===at?">"===l[0]?(n=a??et,c=-1):void 0===l[1]?c=-2:(c=n.lastIndex-l[2].length,s=l[1],n=void 0===l[3]?at:'"'===l[3]?nt:it):n===nt||n===it?n=at:n===rt||n===ot?n=et:(n=at,a=void 0);const d=n===at&&t[e+1].startsWith("/>")?" ":"";i+=n===et?r+Q:c>=0?(o.push(s),r.slice(0,c)+V+r.slice(c)+Y+d):r+Y+(-2===c?e:d)}return[ut(t,i+(t[r]||"<?>")+(2===e?"</svg>":3===e?"</math>":"")),o]};class bt{constructor({strings:t,_$litType$:e},r){let o;this.parts=[];let a=0,i=0;const n=t.length-1,s=this.parts,[l,c]=vt(t,e);if(this.el=bt.createElement(l,r),pt.currentNode=this.el.content,2===e||3===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(o=pt.nextNode())&&s.length<n;){if(1===o.nodeType){if(o.hasAttributes())for(const t of o.getAttributeNames())if(t.endsWith(V)){const e=c[i++],r=o.getAttribute(t).split(Y),n=/([.?@])?(.*)/.exec(e);s.push({type:1,index:a,name:n[2],strings:r,ctor:"."===n[1]?xt:"?"===n[1]?kt:"@"===n[1]?wt:ft}),o.removeAttribute(t)}else t.startsWith(Y)&&(s.push({type:6,index:a}),o.removeAttribute(t));if(st.test(o.tagName)){const t=o.textContent.split(Y),e=t.length-1;if(e>0){o.textContent=U?U.emptyScript:"";for(let r=0;r<e;r++)o.append(t[r],W()),pt.nextNode(),s.push({type:2,index:++a});o.append(t[e],W())}}}else if(8===o.nodeType)if(o.data===X)s.push({type:2,index:a});else{let t=-1;for(;-1!==(t=o.data.indexOf(Y,t+1));)s.push({type:7,index:a}),t+=Y.length-1}a++}}static createElement(t,e){const r=F.createElement("template");return r.innerHTML=t,r}}function gt(t,e,r=t,o){if(e===ct)return e;let a=void 0!==o?r._$Co?.[o]:r._$Cl;const i=Z(e)?void 0:e._$litDirective$;return a?.constructor!==i&&(a?._$AO?.(!1),void 0===i?a=void 0:(a=new i(t),a._$AT(t,r,o)),void 0!==o?(r._$Co??=[])[o]=a:r._$Cl=a),void 0!==a&&(e=gt(t,a._$AS(t,e.values),a,o)),e}class mt{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:r}=this._$AD,o=(t?.creationScope??F).importNode(e,!0);pt.currentNode=o;let a=pt.nextNode(),i=0,n=0,s=r[0];for(;void 0!==s;){if(i===s.index){let e;2===s.type?e=new yt(a,a.nextSibling,this,t):1===s.type?e=new s.ctor(a,s.name,s.strings,this,t):6===s.type&&(e=new $t(a,this,t)),this._$AV.push(e),s=r[++n]}i!==s?.index&&(a=pt.nextNode(),i++)}return pt.currentNode=F,o}p(t){let e=0;for(const r of this._$AV)void 0!==r&&(void 0!==r.strings?(r._$AI(t,r,e),e+=r.strings.length-2):r._$AI(t[e])),e++}}class yt{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,r,o){this.type=2,this._$AH=ht,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=r,this.options=o,this._$Cv=o?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t?.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=gt(this,t,e),Z(t)?t===ht||null==t||""===t?(this._$AH!==ht&&this._$AR(),this._$AH=ht):t!==this._$AH&&t!==ct&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):J(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==ht&&Z(this._$AH)?this._$AA.nextSibling.data=t:this.T(F.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:r}=t,o="number"==typeof r?this._$AC(t):(void 0===r.el&&(r.el=bt.createElement(ut(r.h,r.h[0]),this.options)),r);if(this._$AH?._$AD===o)this._$AH.p(e);else{const t=new mt(o,this),r=t.u(this.options);t.p(e),this.T(r),this._$AH=t}}_$AC(t){let e=dt.get(t.strings);return void 0===e&&dt.set(t.strings,e=new bt(t)),e}k(t){G(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let r,o=0;for(const a of t)o===e.length?e.push(r=new yt(this.O(W()),this.O(W()),this,this.options)):r=e[o],r._$AI(a),o++;o<e.length&&(this._$AR(r&&r._$AB.nextSibling,o),e.length=o)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class ft{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,r,o,a){this.type=1,this._$AH=ht,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=a,r.length>2||""!==r[0]||""!==r[1]?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=ht}_$AI(t,e=this,r,o){const a=this.strings;let i=!1;if(void 0===a)t=gt(this,t,e,0),i=!Z(t)||t!==this._$AH&&t!==ct,i&&(this._$AH=t);else{const o=t;let n,s;for(t=a[0],n=0;n<a.length-1;n++)s=gt(this,o[r+n],e,n),s===ct&&(s=this._$AH[n]),i||=!Z(s)||s!==this._$AH[n],s===ht?t=ht:t!==ht&&(t+=(s??"")+a[n+1]),this._$AH[n]=s}i&&!o&&this.j(t)}j(t){t===ht?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class xt extends ft{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===ht?void 0:t}}class kt extends ft{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==ht)}}class wt extends ft{constructor(t,e,r,o,a){super(t,e,r,o,a),this.type=5}_$AI(t,e=this){if((t=gt(this,t,e,0)??ht)===ct)return;const r=this._$AH,o=t===ht&&r!==ht||t.capture!==r.capture||t.once!==r.once||t.passive!==r.passive,a=t!==ht&&(r===ht||o);o&&this.element.removeEventListener(this.name,this,r),a&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class $t{constructor(t,e,r){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=r}get _$AU(){return this._$AM._$AU}_$AI(t){gt(this,t)}}const zt=I.litHtmlPolyfillSupport;zt?.(bt,yt),(I.litHtmlVersions??=[]).push("3.3.1");const _t=1;class St{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,r){this._$Ct=t,this._$AM=e,this._$Ci=r}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}const At="important",Ct=" !"+At,Et=(t=>(...e)=>({_$litDirective$:t,values:e}))(class extends St{constructor(t){if(super(t),t.type!==_t||"style"!==t.name||t.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(t){return Object.keys(t).reduce((e,r)=>{const o=t[r];return null==o?e:e+`${r=r.includes("-")?r:r.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${o};`},"")}update(t,[e]){const{style:r}=t.element;if(void 0===this.ft)return this.ft=new Set(Object.keys(e)),this.render(e);for(const t of this.ft)null==e[t]&&(this.ft.delete(t),t.includes("-")?r.removeProperty(t):r[t]=null);for(const t in e){const o=e[t];if(null!=o){this.ft.add(t);const e="string"==typeof o&&o.endsWith(Ct);t.includes("-")||e?r.setProperty(t,e?o.slice(0,-11):o,e?At:""):r[t]=o}}return ct}});var jt=function(t,e,r,o){var a,i=arguments.length,n=i<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,r,o);else for(var s=t.length-1;s>=0;s--)(a=t[s])&&(n=(i<3?a(n):i>3?a(e,r,n):a(e,r))||n);return i>3&&n&&Object.defineProperty(e,r,n),n};let Tt=class extends p{constructor(){super(...arguments),this.circle=!1,this.indeterminate=!1,this.percent=0}static get styles(){return[...p.styles,c.css`
165
+ `}constructor(){super(),this.href="",this.target="",this.ariaLabel="",this.onKeyDown=t=>{"Space"!==t.code&&"Enter"!==t.code||(t.preventDefault(),t.stopPropagation(),this.click())},this.handleClick=t=>{const e=t.target;"BUTTON"!=e.tagName&&"TK-BUTTON"!=e.tagName&&"TK-SWITCH"!=e.tagName&&"TK-CHECKBOX"!=e.tagName&&this.href&&t.isTrusted&&this.$ahref&&(t.stopPropagation(),t.preventDefault(),this.$ahref.click())}}connectedCallback(){super.connectedCallback(),this.ensureAriaLabel(),this.addEventListener("keydown",this.onKeyDown),this.addEventListener("click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.onKeyDown)}ensureAriaLabel(){var t;if(this.ariaLabel)return;const e=null===(t=this.textContent)||void 0===t?void 0:t.trim();e&&(this.ariaLabel=e)}};H([(0,h.property)({type:String,reflect:!0})],M.prototype,"href",void 0),H([(0,h.property)({type:String,reflect:!0})],M.prototype,"target",void 0),H([(0,h.property)({attribute:"aria-label",reflect:!0})],M.prototype,"ariaLabel",void 0),H([(0,h.query)("#ahref")],M.prototype,"$ahref",void 0),M=H([(0,h.customElement)("tk-list-item")],M);const I=globalThis,U=I.trustedTypes,K=U?U.createPolicy("lit-html",{createHTML:t=>t}):void 0,V="$lit$",Y=`lit$${Math.random().toFixed(9).slice(2)}$`,X="?"+Y,Q=`<${X}>`,F=document,W=()=>F.createComment(""),Z=t=>null===t||"object"!=typeof t&&"function"!=typeof t,G=Array.isArray,J=t=>G(t)||"function"==typeof t?.[Symbol.iterator],tt="[ \t\n\f\r]",et=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,rt=/-->/g,ot=/>/g,at=RegExp(`>|${tt}(?:([^\\s"'>=/]+)(${tt}*=${tt}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),it=/'/g,nt=/"/g,st=/^(?:script|style|textarea|title)$/i,lt=t=>(e,...r)=>({_$litType$:t,strings:e,values:r}),ct=(lt(1),lt(2),lt(3),Symbol.for("lit-noChange")),ht=Symbol.for("lit-nothing"),dt=new WeakMap,pt=F.createTreeWalker(F,129);function ut(t,e){if(!G(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==K?K.createHTML(e):e}const vt=(t,e)=>{const r=t.length-1,o=[];let a,i=2===e?"<svg>":3===e?"<math>":"",n=et;for(let e=0;e<r;e++){const r=t[e];let s,l,c=-1,h=0;for(;h<r.length&&(n.lastIndex=h,l=n.exec(r),null!==l);)h=n.lastIndex,n===et?"!--"===l[1]?n=rt:void 0!==l[1]?n=ot:void 0!==l[2]?(st.test(l[2])&&(a=RegExp("</"+l[2],"g")),n=at):void 0!==l[3]&&(n=at):n===at?">"===l[0]?(n=a??et,c=-1):void 0===l[1]?c=-2:(c=n.lastIndex-l[2].length,s=l[1],n=void 0===l[3]?at:'"'===l[3]?nt:it):n===nt||n===it?n=at:n===rt||n===ot?n=et:(n=at,a=void 0);const d=n===at&&t[e+1].startsWith("/>")?" ":"";i+=n===et?r+Q:c>=0?(o.push(s),r.slice(0,c)+V+r.slice(c)+Y+d):r+Y+(-2===c?e:d)}return[ut(t,i+(t[r]||"<?>")+(2===e?"</svg>":3===e?"</math>":"")),o]};class bt{constructor({strings:t,_$litType$:e},r){let o;this.parts=[];let a=0,i=0;const n=t.length-1,s=this.parts,[l,c]=vt(t,e);if(this.el=bt.createElement(l,r),pt.currentNode=this.el.content,2===e||3===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(o=pt.nextNode())&&s.length<n;){if(1===o.nodeType){if(o.hasAttributes())for(const t of o.getAttributeNames())if(t.endsWith(V)){const e=c[i++],r=o.getAttribute(t).split(Y),n=/([.?@])?(.*)/.exec(e);s.push({type:1,index:a,name:n[2],strings:r,ctor:"."===n[1]?xt:"?"===n[1]?kt:"@"===n[1]?wt:ft}),o.removeAttribute(t)}else t.startsWith(Y)&&(s.push({type:6,index:a}),o.removeAttribute(t));if(st.test(o.tagName)){const t=o.textContent.split(Y),e=t.length-1;if(e>0){o.textContent=U?U.emptyScript:"";for(let r=0;r<e;r++)o.append(t[r],W()),pt.nextNode(),s.push({type:2,index:++a});o.append(t[e],W())}}}else if(8===o.nodeType)if(o.data===X)s.push({type:2,index:a});else{let t=-1;for(;-1!==(t=o.data.indexOf(Y,t+1));)s.push({type:7,index:a}),t+=Y.length-1}a++}}static createElement(t,e){const r=F.createElement("template");return r.innerHTML=t,r}}function gt(t,e,r=t,o){if(e===ct)return e;let a=void 0!==o?r._$Co?.[o]:r._$Cl;const i=Z(e)?void 0:e._$litDirective$;return a?.constructor!==i&&(a?._$AO?.(!1),void 0===i?a=void 0:(a=new i(t),a._$AT(t,r,o)),void 0!==o?(r._$Co??=[])[o]=a:r._$Cl=a),void 0!==a&&(e=gt(t,a._$AS(t,e.values),a,o)),e}class mt{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:r}=this._$AD,o=(t?.creationScope??F).importNode(e,!0);pt.currentNode=o;let a=pt.nextNode(),i=0,n=0,s=r[0];for(;void 0!==s;){if(i===s.index){let e;2===s.type?e=new yt(a,a.nextSibling,this,t):1===s.type?e=new s.ctor(a,s.name,s.strings,this,t):6===s.type&&(e=new $t(a,this,t)),this._$AV.push(e),s=r[++n]}i!==s?.index&&(a=pt.nextNode(),i++)}return pt.currentNode=F,o}p(t){let e=0;for(const r of this._$AV)void 0!==r&&(void 0!==r.strings?(r._$AI(t,r,e),e+=r.strings.length-2):r._$AI(t[e])),e++}}class yt{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,r,o){this.type=2,this._$AH=ht,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=r,this.options=o,this._$Cv=o?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t?.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=gt(this,t,e),Z(t)?t===ht||null==t||""===t?(this._$AH!==ht&&this._$AR(),this._$AH=ht):t!==this._$AH&&t!==ct&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):J(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==ht&&Z(this._$AH)?this._$AA.nextSibling.data=t:this.T(F.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:r}=t,o="number"==typeof r?this._$AC(t):(void 0===r.el&&(r.el=bt.createElement(ut(r.h,r.h[0]),this.options)),r);if(this._$AH?._$AD===o)this._$AH.p(e);else{const t=new mt(o,this),r=t.u(this.options);t.p(e),this.T(r),this._$AH=t}}_$AC(t){let e=dt.get(t.strings);return void 0===e&&dt.set(t.strings,e=new bt(t)),e}k(t){G(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let r,o=0;for(const a of t)o===e.length?e.push(r=new yt(this.O(W()),this.O(W()),this,this.options)):r=e[o],r._$AI(a),o++;o<e.length&&(this._$AR(r&&r._$AB.nextSibling,o),e.length=o)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class ft{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,r,o,a){this.type=1,this._$AH=ht,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=a,r.length>2||""!==r[0]||""!==r[1]?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=ht}_$AI(t,e=this,r,o){const a=this.strings;let i=!1;if(void 0===a)t=gt(this,t,e,0),i=!Z(t)||t!==this._$AH&&t!==ct,i&&(this._$AH=t);else{const o=t;let n,s;for(t=a[0],n=0;n<a.length-1;n++)s=gt(this,o[r+n],e,n),s===ct&&(s=this._$AH[n]),i||=!Z(s)||s!==this._$AH[n],s===ht?t=ht:t!==ht&&(t+=(s??"")+a[n+1]),this._$AH[n]=s}i&&!o&&this.j(t)}j(t){t===ht?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class xt extends ft{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===ht?void 0:t}}class kt extends ft{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==ht)}}class wt extends ft{constructor(t,e,r,o,a){super(t,e,r,o,a),this.type=5}_$AI(t,e=this){if((t=gt(this,t,e,0)??ht)===ct)return;const r=this._$AH,o=t===ht&&r!==ht||t.capture!==r.capture||t.once!==r.once||t.passive!==r.passive,a=t!==ht&&(r===ht||o);o&&this.element.removeEventListener(this.name,this,r),a&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class $t{constructor(t,e,r){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=r}get _$AU(){return this._$AM._$AU}_$AI(t){gt(this,t)}}const zt=I.litHtmlPolyfillSupport;zt?.(bt,yt),(I.litHtmlVersions??=[]).push("3.3.1");const _t=1;class St{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,r){this._$Ct=t,this._$AM=e,this._$Ci=r}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}const At="important",Ct=" !"+At,Et=(t=>(...e)=>({_$litDirective$:t,values:e}))(class extends St{constructor(t){if(super(t),t.type!==_t||"style"!==t.name||t.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(t){return Object.keys(t).reduce((e,r)=>{const o=t[r];return null==o?e:e+`${r=r.includes("-")?r:r.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${o};`},"")}update(t,[e]){const{style:r}=t.element;if(void 0===this.ft)return this.ft=new Set(Object.keys(e)),this.render(e);for(const t of this.ft)null==e[t]&&(this.ft.delete(t),t.includes("-")?r.removeProperty(t):r[t]=null);for(const t in e){const o=e[t];if(null!=o){this.ft.add(t);const e="string"==typeof o&&o.endsWith(Ct);t.includes("-")||e?r.setProperty(t,e?o.slice(0,-11):o,e?At:""):r[t]=o}}return ct}});var jt=function(t,e,r,o){var a,i=arguments.length,n=i<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,r,o);else for(var s=t.length-1;s>=0;s--)(a=t[s])&&(n=(i<3?a(n):i>3?a(e,r,n):a(e,r))||n);return i>3&&n&&Object.defineProperty(e,r,n),n};let Ot=class extends p{constructor(){super(...arguments),this.circle=!1,this.indeterminate=!1,this.percent=0}static get styles(){return[...p.styles,c.css`
166
166
  ${(0,c.unsafeCSS)('*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}:host{--color: hsl(var(--primary));--background-color: var(--tk-loading-background-color, hsl(var(--surface-dim)))}:host([secondary]){--color: hsl(var(--secondary))}:host([error]){--color: hsl(var(--error))}.circle{display:inline-flex;animation:rotator 3s linear infinite;transform-origin:center;width:56px;height:56px}.circle .track{stroke:var(--background-color);opacity:.4}.circle .path{stroke-dasharray:265;stroke-dashoffset:0;transform-origin:center;stroke:var(--color);animation:dash 3s ease-in-out infinite}@keyframes rotator{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dashoffset:265}50%{stroke-dashoffset:65;transform:rotate(90deg)}100%{stroke-dashoffset:265;transform:rotate(360deg)}}:host([small]) .circle{width:20px;height:20px}:host([small]) .line{height:2px}:host([large]) .circle{width:96px;height:96px}:host([large]) .line{height:14px}.line{position:relative;background-color:var(--background-color);overflow:hidden;height:6px}.line .progress{background-color:var(--color);height:100%;position:relative;width:100%}.line .indeterminate{background-color:rgba(0,0,0,0);position:absolute;top:0;left:0;right:0;bottom:0}.line .indeterminate:before{content:"";position:absolute;background-color:var(--color);top:0;left:0;bottom:0;will-change:left,right;animation:indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite}.line .indeterminate:after{content:"";position:absolute;background-color:var(--color);top:0;left:0;bottom:0;will-change:left,right;animation:indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;animation-delay:1.15s}@keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}100%{left:100%;right:-90%}}@keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}100%{left:107%;right:-8%}}')}
167
167
  `]}render(){const t=this.normalizePercent(this.percent),e=2*Math.PI*40,r=e*(1-t/100),o=this.circle&&!this.indeterminate&&this.hasAttribute("percent"),a=this.indeterminate?void 0:t,i=o?Et({animation:"none"}):c.nothing,n=o?Et({animation:"none",strokeDasharray:`${e}`,strokeDashoffset:`${r}`}):c.nothing;return c.html`
168
168
  ${this.circle?c.html`
@@ -200,11 +200,11 @@
200
200
  </div>
201
201
  </div>
202
202
  `}
203
- `}normalizePercent(t){return Number.isFinite(t)?Math.min(100,Math.max(0,t)):0}};jt([(0,h.property)({attribute:!0,type:Boolean})],Tt.prototype,"circle",void 0),jt([(0,h.property)({attribute:!0,type:Boolean})],Tt.prototype,"indeterminate",void 0),jt([(0,h.property)({attribute:!0,type:Number})],Tt.prototype,"percent",void 0),Tt=jt([(0,h.customElement)("tk-loading")],Tt);var Ot=function(t,e,r,o){var a,i=arguments.length,n=i<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,r,o);else for(var s=t.length-1;s>=0;s--)(a=t[s])&&(n=(i<3?a(n):i>3?a(e,r,n):a(e,r))||n);return i>3&&n&&Object.defineProperty(e,r,n),n};let Rt=class extends c.LitElement{render(){return c.html`
203
+ `}normalizePercent(t){return Number.isFinite(t)?Math.min(100,Math.max(0,t)):0}};jt([(0,h.property)({attribute:!0,type:Boolean})],Ot.prototype,"circle",void 0),jt([(0,h.property)({attribute:!0,type:Boolean})],Ot.prototype,"indeterminate",void 0),jt([(0,h.property)({attribute:!0,type:Number})],Ot.prototype,"percent",void 0),Ot=jt([(0,h.customElement)("tk-loading")],Ot);var Tt=function(t,e,r,o){var a,i=arguments.length,n=i<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,r,o);else for(var s=t.length-1;s>=0;s--)(a=t[s])&&(n=(i<3?a(n):i>3?a(e,r,n):a(e,r))||n);return i>3&&n&&Object.defineProperty(e,r,n),n};let Rt=class extends c.LitElement{render(){return c.html`
204
204
  <slot></slot>
205
205
  `}};Rt.styles=c.css`
206
206
  ${(0,c.unsafeCSS)("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}:host slot{display:flex;justify-content:space-between}")}
207
- `,Rt=Ot([(0,h.customElement)("tk-navigation-bar")],Rt);var Dt=function(t,e,r,o){var a,i=arguments.length,n=i<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,r,o);else for(var s=t.length-1;s>=0;s--)(a=t[s])&&(n=(i<3?a(n):i>3?a(e,r,n):a(e,r))||n);return i>3&&n&&Object.defineProperty(e,r,n),n};let Lt=class extends c.LitElement{constructor(){super(...arguments),this.label="",this.iconPath="",this.activeIconPath="",this.active=!1}render(){return c.html`
207
+ `,Rt=Tt([(0,h.customElement)("tk-navigation-bar")],Rt);var Dt=function(t,e,r,o){var a,i=arguments.length,n=i<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,r,o);else for(var s=t.length-1;s>=0;s--)(a=t[s])&&(n=(i<3?a(n):i>3?a(e,r,n):a(e,r))||n);return i>3&&n&&Object.defineProperty(e,r,n),n};let Lt=class extends c.LitElement{constructor(){super(...arguments),this.label="",this.iconPath="",this.activeIconPath="",this.active=!1}render(){return c.html`
208
208
  <tk-box align-items="center">
209
209
  <tk-box ripple overflow="hidden" tabindex="0" class="indicator">
210
210
  <tk-icon path=${this.active&&this.activeIconPath?this.activeIconPath:this.iconPath}></tk-icon>
@@ -259,7 +259,7 @@
259
259
  <slot id="after" name="after"></slot>
260
260
  </div>
261
261
  `}handleChange(){this.refreshAttributes()}firstUpdated(){var t;this.$input=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("input"),this.appendChild(this.$input),this.initialValue&&(this.value=this.initialValue)}refreshAttributes(){this.$input.value?this.setAttribute("dirty",""):this.removeAttribute("dirty"),this.$input.checkValidity()?this.removeAttribute("invalid"):this.setAttribute("invalid","")}focus(){this.$input.focus()}};Bt.styles=c.css`
262
- ${(0,c.unsafeCSS)("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}:host{transform:translateZ(0);display:block;outline:none}:host #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface-variant));transition:var(--input-transition, border-color var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease), background var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease));position:relative;display:flex;align-items:center;overflow:hidden;padding:8px 16px 8px 16px;height:56px}:host #wrapper{position:relative;flex-grow:1}:host #label{color:hsl(var(--on-surface-variant));font-weight:400;line-height:64px;transition:var(--input-label-transition, top var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), font-size var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear));top:50%;transform:translateY(-50%);z-index:1;position:absolute;pointer-events:none;font-size:inherit;line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none}:host([disabled]){pointer-events:none;opacity:.38}:host(:hover) #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface))}:host(:focus-within) #container{border-bottom:solid 2px hsl(var(--primary));background-color:hsla(var(--on-surface), 0.3);padding:8px 16px 7px 16px}:host([outlined]) #container{background-color:rgba(0,0,0,0);border:solid 1px hsl(var(--outline));border-radius:4px}:host([outlined]:focus-within) #container{border:solid 2px hsl(var(--primary));padding:7px 15px 7px 15px}:host(:focus-within) #label,:host([dirty]) #label,:host([type=color]) #label,:host([type=date]) #label,:host([type=file]) #label,:host([type=range]) #label{font-size:var(--input-label-font-size, 0.75rem);top:0;transform:translateY(0);color:hsl(var(--primary))}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){caret-color:hsl(var(--primary));padding:var(--input-padding-top-bottom, 0.5rem) var(--_input-padding-left-right);font-size:var(--input-font-size, 1rem);text-align:var(--input-text-align, inherit);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;display:block;color:inherit;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;margin:0;background:rgba(0,0,0,0);width:100%}:host([label]) #slot-wrapper,:host([label]) ::slotted(input),:host([label]) ::slotted(select),:host([label]) ::slotted(textarea){padding-top:16px}:host([invalid]){color:hsl(var(--error))}::slotted(input[type=color]){height:3.75rem;cursor:pointer}::slotted([slot=after]),::slotted([slot=before]){color:var(--input-before-after-color, hsl(var(--shadow)))}:host(:not([outlined]):not([filled])) ::slotted([slot=before]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}:host(:not([outlined]):not([filled])) ::slotted([slot=after]),:host([filled]) ::slotted([slot=before]),:host([outlined]) ::slotted([slot=before]){margin-left:var(--input-padding-left-right-outlined, 0.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}")}
262
+ ${(0,c.unsafeCSS)("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}:host{transform:translateZ(0);display:block;outline:none}:host #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface-variant));transition:var(--input-transition, border-color var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease), background var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease));position:relative;display:flex;align-items:center;overflow:hidden;padding:8px 16px 8px 16px;height:56px}:host #wrapper{position:relative;flex-grow:1}:host #label{color:hsl(var(--on-surface-variant));font-weight:400;line-height:64px;transition:var(--input-label-transition, top var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), font-size var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear));top:50%;transform:translateY(-50%);z-index:1;position:absolute;pointer-events:none;font-size:inherit;line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none}:host([disabled]){pointer-events:none;opacity:.38}:host(:hover) #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface))}:host(:focus-within) #container{border-bottom:solid 2px hsl(var(--primary));background-color:hsla(var(--on-surface), 0.3);padding:8px 16px 7px 16px}:host([outlined]) #container{background-color:rgba(0,0,0,0);border:solid 1px hsl(var(--outline));border-radius:4px}:host([outlined]:focus-within) #container{border:solid 2px hsl(var(--primary));padding:7px 15px 7px 15px}:host(:focus-within) #label,:host([dirty]) #label,:host([type=color]) #label,:host([type=date]) #label,:host([type=datetime-local]) #label,:host([type=file]) #label,:host([type=range]) #label{font-size:var(--input-label-font-size, 0.75rem);top:0;transform:translateY(0);color:hsl(var(--primary))}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){caret-color:hsl(var(--primary));padding:var(--input-padding-top-bottom, 0.5rem) var(--_input-padding-left-right);font-size:var(--input-font-size, 1rem);text-align:var(--input-text-align, inherit);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;display:block;color:inherit;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;margin:0;background:rgba(0,0,0,0);width:100%}:host([label]) #slot-wrapper,:host([label]) ::slotted(input),:host([label]) ::slotted(select),:host([label]) ::slotted(textarea){padding-top:16px}:host([invalid]){color:hsl(var(--error))}::slotted(input[type=color]){height:3.75rem;cursor:pointer}::slotted([slot=after]),::slotted([slot=before]){color:var(--input-before-after-color, hsl(var(--shadow)))}:host(:not([outlined]):not([filled])) ::slotted([slot=before]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}:host(:not([outlined]):not([filled])) ::slotted([slot=after]),:host([filled]) ::slotted([slot=before]),:host([outlined]) ::slotted([slot=before]){margin-left:var(--input-padding-left-right-outlined, 0.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}")}
263
263
  `,Nt([(0,h.property)({type:String})],Bt.prototype,"value",null),Nt([(0,h.property)({attribute:!0,type:String})],Bt.prototype,"name",void 0),Nt([(0,h.property)({type:String})],Bt.prototype,"list",void 0),Nt([(0,h.property)({type:String})],Bt.prototype,"type",void 0),Nt([(0,h.property)({type:Boolean})],Bt.prototype,"required",void 0),Nt([(0,h.property)({type:Boolean,reflect:!0})],Bt.prototype,"disabled",void 0),Nt([(0,h.property)({type:Boolean})],Bt.prototype,"readonly",void 0),Nt([(0,h.property)({type:String})],Bt.prototype,"autocomplete",void 0),Nt([(0,h.property)({type:String})],Bt.prototype,"autocapitalize",void 0),Nt([(0,h.property)({type:String})],Bt.prototype,"pattern",void 0),Nt([(0,h.state)()],Bt.prototype,"initialValue",void 0),Nt([(0,h.property)({type:String})],Bt.prototype,"label",void 0),Nt([(0,h.property)({type:Number})],Bt.prototype,"min",void 0),Nt([(0,h.property)({type:Number})],Bt.prototype,"max",void 0),Nt([(0,h.property)({type:Number})],Bt.prototype,"minLength",void 0),Nt([(0,h.property)({type:Number})],Bt.prototype,"maxLength",void 0),Nt([(0,h.eventOptions)({passive:!0})],Bt.prototype,"handleChange",null),Bt=Nt([(0,h.customElement)("tk-textfield")],Bt);var Ht,Mt,It,Ut=function(t,e,r,o){var a,i=arguments.length,n=i<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,r,o);else for(var s=t.length-1;s>=0;s--)(a=t[s])&&(n=(i<3?a(n):i>3?a(e,r,n):a(e,r))||n);return i>3&&n&&Object.defineProperty(e,r,n),n};!function(t){t.show="show",t.force="force",t.confirm="confirm",t.input="input"}(Mt||(Mt={})),function(t){t.success="success",t.warning="warning",t.error="error",t.info="info",t.neutral="neutral"}(It||(It={}));let Kt=Ht=class extends p{static get styles(){return[...p.styles,c.css`
264
264
  ${(0,c.unsafeCSS)(":host{font-size:1.6rem;display:none;position:fixed;bottom:0;left:0;right:0;top:0;margin:0;z-index:var(--notie-z-index, 400)}:host .overlay{background-color:rgba(0,0,0,.5019607843);position:fixed;top:0;right:0;left:0;bottom:0}:host .container{position:fixed;right:0;left:0;bottom:0;height:fit-content;background-color:hsl(var(--primary));box-shadow:10px 10px 10px 10px var(--shadow);z-index:calc(var(--notie-z-index, 400) + 1);transform:translateY(100%);transition:all 150ms ease-in;color:hsl(var(--on-primary));text-align:center}:host .container.info{color:#fff;background-color:#4d82d6}:host .container.error{color:#fff;background-color:#e1715b}:host .container.warning{color:#fff;background-color:#d6a14d}:host .container.success{color:#fff;background-color:#57bf57}:host .text{padding:.5em}:host .input{--input-font-size: vars.$font-size-widescreen;background-color:var(--background, white);color:var(--foreground, black);text-align:center}:host .button{cursor:pointer;padding:.5em}:host .button.confirm,:host .button.force{background-color:#57bf57;color:#fff}:host .button.cancel{color:var(--on-error, white);background-color:var(--error, #e1715b)}@media screen and (max-width: 900px){:host{font-size:1.4rem}}:host([position=top]) .container{position:fixed;top:0;bottom:inherit;transform:translateY(-100%)}:host([open]) .container{transform:translateY(0)}")}
265
265
  `]}render(){return c.html`
@@ -322,7 +322,7 @@
322
322
  <slot id="before" name="before"></slot>
323
323
  <div id="wrapper">
324
324
  <div id="label">${this.label}</div>
325
- <slot id="slot"></slot>
325
+ <slot id="slot" @slotchange=${this.handleSlotChange.bind(this)}></slot>
326
326
  <select
327
327
  id="${this._id}"
328
328
  @keydown=${this.handleChange.bind(this)}
@@ -343,8 +343,8 @@
343
343
  </div>
344
344
  <slot id="after" name="after"></slot>
345
345
  </div>
346
- `}handleChange(){this.refreshAttributes()}firstUpdated(){var t;this.$select=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("select"),this.appendChild(this.$select);this.querySelectorAll("option").forEach(t=>this.$select.appendChild(t)),this.initialValue&&(this.value=this.initialValue)}refreshAttributes(){this.$select.value?this.setAttribute("dirty",""):this.removeAttribute("dirty"),this.$select.checkValidity()?this.removeAttribute("invalid"):this.setAttribute("invalid",""),setTimeout(()=>this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}};Wt.styles=c.css`
347
- ${(0,c.unsafeCSS)("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}:host{transform:translateZ(0);display:block;outline:none}:host #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface-variant));transition:var(--input-transition, border-color var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease), background var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease));position:relative;display:flex;align-items:center;overflow:hidden;padding:8px 16px 8px 16px;height:56px}:host #wrapper{position:relative;flex-grow:1}:host #label{color:hsl(var(--on-surface-variant));font-weight:400;line-height:64px;transition:var(--input-label-transition, top var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), font-size var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear));top:50%;transform:translateY(-50%);z-index:1;position:absolute;pointer-events:none;font-size:inherit;line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none}:host([disabled]){pointer-events:none;opacity:.38}:host(:hover) #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface))}:host(:focus-within) #container{border-bottom:solid 2px hsl(var(--primary));background-color:hsla(var(--on-surface), 0.3);padding:8px 16px 7px 16px}:host([outlined]) #container{background-color:rgba(0,0,0,0);border:solid 1px hsl(var(--outline));border-radius:4px}:host([outlined]:focus-within) #container{border:solid 2px hsl(var(--primary));padding:7px 15px 7px 15px}:host(:focus-within) #label,:host([dirty]) #label,:host([type=color]) #label,:host([type=date]) #label,:host([type=file]) #label,:host([type=range]) #label{font-size:var(--input-label-font-size, 0.75rem);top:0;transform:translateY(0);color:hsl(var(--primary))}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){caret-color:hsl(var(--primary));padding:var(--input-padding-top-bottom, 0.5rem) var(--_input-padding-left-right);font-size:var(--input-font-size, 1rem);text-align:var(--input-text-align, inherit);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;display:block;color:inherit;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;margin:0;background:rgba(0,0,0,0);width:100%}:host([label]) #slot-wrapper,:host([label]) ::slotted(input),:host([label]) ::slotted(select),:host([label]) ::slotted(textarea){padding-top:16px}:host([invalid]){color:hsl(var(--error))}::slotted(input[type=color]){height:3.75rem;cursor:pointer}::slotted([slot=after]),::slotted([slot=before]){color:var(--input-before-after-color, hsl(var(--shadow)))}:host(:not([outlined]):not([filled])) ::slotted([slot=before]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}:host(:not([outlined]):not([filled])) ::slotted([slot=after]),:host([filled]) ::slotted([slot=before]),:host([outlined]) ::slotted([slot=before]){margin-left:var(--input-padding-left-right-outlined, 0.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}#arrow{fill:var(--_input-state-color);z-index:-1;height:8px;position:absolute;top:50%;right:0;transform:translate(-100%, -50%)}::slotted(option){display:none}:host(:not([dirty])) ::slotted(select){opacity:0}")}
346
+ `}handleChange(){this.refreshAttributes()}firstUpdated(){var t;this.$select=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("select"),this.appendChild(this.$select),this.syncOptions()}refreshAttributes(){this.$select.value?this.setAttribute("dirty",""):this.removeAttribute("dirty"),this.$select.checkValidity()?this.removeAttribute("invalid"):this.setAttribute("invalid",""),setTimeout(()=>this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}handleSlotChange(){this.syncOptions()}syncOptions(){if(!this.$select)return;Array.from(this.children).filter(t=>t instanceof HTMLOptionElement||t instanceof HTMLOptGroupElement).forEach(t=>this.$select.appendChild(t)),this.initialValue&&(this.value=this.initialValue)}};Wt.styles=c.css`
347
+ ${(0,c.unsafeCSS)("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}:host{transform:translateZ(0);display:block;outline:none}:host #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface-variant));transition:var(--input-transition, border-color var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease), background var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease));position:relative;display:flex;align-items:center;overflow:hidden;padding:8px 16px 8px 16px;height:56px}:host #wrapper{position:relative;flex-grow:1}:host #label{color:hsl(var(--on-surface-variant));font-weight:400;line-height:64px;transition:var(--input-label-transition, top var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), font-size var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear));top:50%;transform:translateY(-50%);z-index:1;position:absolute;pointer-events:none;font-size:inherit;line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none}:host([disabled]){pointer-events:none;opacity:.38}:host(:hover) #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface))}:host(:focus-within) #container{border-bottom:solid 2px hsl(var(--primary));background-color:hsla(var(--on-surface), 0.3);padding:8px 16px 7px 16px}:host([outlined]) #container{background-color:rgba(0,0,0,0);border:solid 1px hsl(var(--outline));border-radius:4px}:host([outlined]:focus-within) #container{border:solid 2px hsl(var(--primary));padding:7px 15px 7px 15px}:host(:focus-within) #label,:host([dirty]) #label,:host([type=color]) #label,:host([type=date]) #label,:host([type=datetime-local]) #label,:host([type=file]) #label,:host([type=range]) #label{font-size:var(--input-label-font-size, 0.75rem);top:0;transform:translateY(0);color:hsl(var(--primary))}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){caret-color:hsl(var(--primary));padding:var(--input-padding-top-bottom, 0.5rem) var(--_input-padding-left-right);font-size:var(--input-font-size, 1rem);text-align:var(--input-text-align, inherit);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;display:block;color:inherit;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;margin:0;background:rgba(0,0,0,0);width:100%}:host([label]) #slot-wrapper,:host([label]) ::slotted(input),:host([label]) ::slotted(select),:host([label]) ::slotted(textarea){padding-top:16px}:host([invalid]){color:hsl(var(--error))}::slotted(input[type=color]){height:3.75rem;cursor:pointer}::slotted([slot=after]),::slotted([slot=before]){color:var(--input-before-after-color, hsl(var(--shadow)))}:host(:not([outlined]):not([filled])) ::slotted([slot=before]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}:host(:not([outlined]):not([filled])) ::slotted([slot=after]),:host([filled]) ::slotted([slot=before]),:host([outlined]) ::slotted([slot=before]){margin-left:var(--input-padding-left-right-outlined, 0.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}#arrow{fill:var(--_input-state-color);z-index:-1;height:8px;position:absolute;top:50%;right:0;transform:translate(-100%, -50%)}::slotted(option){display:none}:host(:not([dirty])) ::slotted(select){opacity:0}")}
348
348
  `,Ft([(0,h.property)({type:String})],Wt.prototype,"value",null),Ft([(0,h.property)({attribute:!0,type:String})],Wt.prototype,"name",void 0),Ft([(0,h.property)({type:String})],Wt.prototype,"list",void 0),Ft([(0,h.property)({type:String})],Wt.prototype,"type",void 0),Ft([(0,h.property)({type:Boolean})],Wt.prototype,"required",void 0),Ft([(0,h.property)({type:Boolean})],Wt.prototype,"disabled",void 0),Ft([(0,h.property)({type:Boolean})],Wt.prototype,"readonly",void 0),Ft([(0,h.property)({type:String})],Wt.prototype,"autocomplete",void 0),Ft([(0,h.property)({type:String})],Wt.prototype,"pattern",void 0),Ft([(0,h.state)()],Wt.prototype,"initialValue",void 0),Ft([(0,h.property)({type:String})],Wt.prototype,"label",void 0),Ft([(0,h.property)({type:Number})],Wt.prototype,"min",void 0),Ft([(0,h.property)({type:Number})],Wt.prototype,"max",void 0),Ft([(0,h.property)({type:Number})],Wt.prototype,"minLength",void 0),Ft([(0,h.property)({type:Number})],Wt.prototype,"maxLength",void 0),Ft([(0,h.eventOptions)({passive:!0})],Wt.prototype,"handleChange",null),Wt=Ft([(0,h.customElement)("tk-select")],Wt);var Zt=function(t,e,r,o){var a,i=arguments.length,n=i<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,r,o);else for(var s=t.length-1;s>=0;s--)(a=t[s])&&(n=(i<3?a(n):i>3?a(e,r,n):a(e,r))||n);return i>3&&n&&Object.defineProperty(e,r,n),n};let Gt=class extends c.LitElement{constructor(){super(...arguments),this._id=u(),this.required=!1,this.disabled=!1,this.readonly=!1,this.thumbLabel=!1,this.thumbLabelPersist=!1,this.min=0,this.value=this.min,this.max=100}render(){return c.html`
349
349
  <div id="container">
350
350
  <slot id="before" name="before"></slot>
@@ -388,7 +388,7 @@
388
388
  <slot id="after" name="after"></slot>
389
389
  </div>
390
390
  `}handleChange(t){t.target.checkValidity()?this.removeAttribute("invalid"):this.setAttribute("invalid",""),this.value=t.target.value.toString(),setTimeout(()=>this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}firstUpdated(){this.appendChild(this.$input),this.setAttribute("dirty","")}updated(){requestAnimationFrame(()=>{this.style.setProperty("--_perc",((Number(this.value)-this.min)/(this.max-this.min)).toString())})}};Gt.styles=c.css`
391
- ${(0,c.unsafeCSS)('*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}:host{transform:translateZ(0);display:block;outline:none}:host #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface-variant));transition:var(--input-transition, border-color var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease), background var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease));position:relative;display:flex;align-items:center;overflow:hidden;padding:8px 16px 8px 16px;height:56px}:host #wrapper{position:relative;flex-grow:1}:host #label{color:hsl(var(--on-surface-variant));font-weight:400;line-height:64px;transition:var(--input-label-transition, top var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), font-size var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear));top:50%;transform:translateY(-50%);z-index:1;position:absolute;pointer-events:none;font-size:inherit;line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none}:host([disabled]){pointer-events:none;opacity:.38}:host(:hover) #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface))}:host(:focus-within) #container{border-bottom:solid 2px hsl(var(--primary));background-color:hsla(var(--on-surface), 0.3);padding:8px 16px 7px 16px}:host([outlined]) #container{background-color:rgba(0,0,0,0);border:solid 1px hsl(var(--outline));border-radius:4px}:host([outlined]:focus-within) #container{border:solid 2px hsl(var(--primary));padding:7px 15px 7px 15px}:host(:focus-within) #label,:host([dirty]) #label,:host([type=color]) #label,:host([type=date]) #label,:host([type=file]) #label,:host([type=range]) #label{font-size:var(--input-label-font-size, 0.75rem);top:0;transform:translateY(0);color:hsl(var(--primary))}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){caret-color:hsl(var(--primary));padding:var(--input-padding-top-bottom, 0.5rem) var(--_input-padding-left-right);font-size:var(--input-font-size, 1rem);text-align:var(--input-text-align, inherit);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;display:block;color:inherit;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;margin:0;background:rgba(0,0,0,0);width:100%}:host([label]) #slot-wrapper,:host([label]) ::slotted(input),:host([label]) ::slotted(select),:host([label]) ::slotted(textarea){padding-top:16px}:host([invalid]){color:hsl(var(--error))}::slotted(input[type=color]){height:3.75rem;cursor:pointer}::slotted([slot=after]),::slotted([slot=before]){color:var(--input-before-after-color, hsl(var(--shadow)))}:host(:not([outlined]):not([filled])) ::slotted([slot=before]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}:host(:not([outlined]):not([filled])) ::slotted([slot=after]),:host([filled]) ::slotted([slot=before]),:host([outlined]) ::slotted([slot=before]){margin-left:var(--input-padding-left-right-outlined, 0.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}:host{--_perc: 0;--_slider-track-bg: var(--slider-bg, hsl(var(--shadow)));--_slider-track-bg-active: var(--slider-bg-active, hsl(var(--primary)));--_slider-thumb-bg: var(--slider-thumb-bg, hsl(var(--on-primary)));--_slider-thumb-border: var(--slider-thumb-bg, hsl(var(--primary)))}:host([disabled]){--_slider-track-bg: var(--slider-bg-disabled, hsl(var(--shadow)));--_slider-track-bg-active: var(--slider-bg-active-disabled, hsl(var(--shadow)));--_slider-thumb-bg: var(--slider-thumb-bg-disabled, hsl(var(--shadow)));--_slider-thumb-border: var(--slider-thumb-bg, hsl(var(--shadow)))}:host([thumblabel]) #container,:host([thumblabel-persist]) #container{padding-top:33px}#container{overflow:visible;border:none}#slider{height:var(--slider-height, 0.3125rem);background:linear-gradient(90deg, var(--_slider-track-bg-active) 0, var(--_slider-track-bg-active) calc(var(--_perc) * 100%), var(--_slider-track-bg) calc(var(--_perc) * 100%), var(--_slider-track-bg));cursor:grab;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;box-sizing:border-box;margin:0;border-radius:0;top:calc(var(--slider-height, 0.3125rem)*-1/2)}#slider,#thumb-container{width:100%;position:relative}#thumb-label{--_thumb-label-transform-y: 0.625rem;left:calc(var(--_perc)*100% - var(--slider-thumb-size, 1.2rem)*var(--_perc));transform:translate(calc(-50% + var(--slider-thumb-size, 1.2rem) / 2), var(--_thumb-label-transform-y));width:var(--slider-thumb-label-size, 1.875rem);height:var(--slider-thumb-label-size, 1.875rem);border-radius:var(--slider-thumb-label-border-radius, 100%);color:var(--slider-thumb-label-color, hsl(var(--on-primary)));-webkit-text-fill-color:var(--slider-thumb-label-color, hsl(var(--on-primary)));font-size:var(--slider-thumb-label-font-size, 0.75rem);transition:var(--slider-thumb-label-transition, opacity var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)), transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)));opacity:0;display:flex;align-items:center;justify-content:center;pointer-events:none;text-overflow:ellipsis;bottom:calc(100% + var(--slider-thumb-size, 0.75rem) + var(--slider-height, 0.3125rem) + var(--slider-thumb-space, 0.75rem))}#thumb-label,#thumb-label:before{background:var(--slider-thumb-label-bg, hsl(var(--primary)));position:absolute}#thumb-label:before{content:"";border-radius:0 50% 50% 50%;transform:rotate(225deg);width:100%;left:0;top:0;height:100%;z-index:-1}:host([thumblabel-persist]) #thumb-label,#slider:focus+#thumb-container #thumb-label,:host:focus #thumb-label{--_thumb-label-transform-y: 0;opacity:1}#slider::-webkit-slider-thumb{background:var(--_slider-thumb-bg);width:var(--slider-thumb-size, 1.2rem);height:var(--slider-thumb-size, 1.2rem);border-radius:var(--slider-thumb-border-radius, 100%);border:solid 4px var(--_slider-thumb-border);-webkit-transition:var(--slider-thumb-transition, transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)), box-shadow var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)));transition:var(--slider-thumb-transition, transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)), box-shadow var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)));box-shadow:0 0 0 0 var(--slider-thumb-focus-ring-bg, rgba(0, 0, 0, 0.0823529412));-webkit-appearance:none;appearance:none;cursor:grab;position:relative}#slider::-moz-range-thumb{background:var(--_slider-thumb-bg);width:var(--slider-thumb-size, 1.2rem);height:var(--slider-thumb-size, 1.2rem);border-radius:var(--slider-thumb-border-radius, 100%);border:solid 4px var(--_slider-thumb-border);-moz-transition:var(--slider-thumb-transition, transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)), box-shadow var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)));transition:var(--slider-thumb-transition, transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)), box-shadow var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)));box-shadow:0 0 0 0 var(--slider-thumb-focus-ring-bg, rgba(0, 0, 0, 0.0823529412));-moz-appearance:none;appearance:none;border:none;cursor:grab;position:relative}#slider:focus::-webkit-slider-thumb{transform:var(--slider-thumb-transform-focus, scale(1.2));box-shadow:0 0 0 var(--slider-thumb-focus-ring-size, 0.75rem) var(--slider-thumb-focus-ring-bg, rgba(0, 0, 0, 0.0823529412))}#slider:focus::-moz-range-thumb{transform:var(--slider-thumb-transform-focus, scale(1.2));box-shadow:0 0 0 var(--slider-thumb-focus-ring-size, 0.75rem) var(--slider-thumb-focus-ring-bg, rgba(0, 0, 0, 0.0823529412))}')}
391
+ ${(0,c.unsafeCSS)('*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}:host{transform:translateZ(0);display:block;outline:none}:host #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface-variant));transition:var(--input-transition, border-color var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease), background var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease));position:relative;display:flex;align-items:center;overflow:hidden;padding:8px 16px 8px 16px;height:56px}:host #wrapper{position:relative;flex-grow:1}:host #label{color:hsl(var(--on-surface-variant));font-weight:400;line-height:64px;transition:var(--input-label-transition, top var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), font-size var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear));top:50%;transform:translateY(-50%);z-index:1;position:absolute;pointer-events:none;font-size:inherit;line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none}:host([disabled]){pointer-events:none;opacity:.38}:host(:hover) #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface))}:host(:focus-within) #container{border-bottom:solid 2px hsl(var(--primary));background-color:hsla(var(--on-surface), 0.3);padding:8px 16px 7px 16px}:host([outlined]) #container{background-color:rgba(0,0,0,0);border:solid 1px hsl(var(--outline));border-radius:4px}:host([outlined]:focus-within) #container{border:solid 2px hsl(var(--primary));padding:7px 15px 7px 15px}:host(:focus-within) #label,:host([dirty]) #label,:host([type=color]) #label,:host([type=date]) #label,:host([type=datetime-local]) #label,:host([type=file]) #label,:host([type=range]) #label{font-size:var(--input-label-font-size, 0.75rem);top:0;transform:translateY(0);color:hsl(var(--primary))}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){caret-color:hsl(var(--primary));padding:var(--input-padding-top-bottom, 0.5rem) var(--_input-padding-left-right);font-size:var(--input-font-size, 1rem);text-align:var(--input-text-align, inherit);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;display:block;color:inherit;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;margin:0;background:rgba(0,0,0,0);width:100%}:host([label]) #slot-wrapper,:host([label]) ::slotted(input),:host([label]) ::slotted(select),:host([label]) ::slotted(textarea){padding-top:16px}:host([invalid]){color:hsl(var(--error))}::slotted(input[type=color]){height:3.75rem;cursor:pointer}::slotted([slot=after]),::slotted([slot=before]){color:var(--input-before-after-color, hsl(var(--shadow)))}:host(:not([outlined]):not([filled])) ::slotted([slot=before]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}:host(:not([outlined]):not([filled])) ::slotted([slot=after]),:host([filled]) ::slotted([slot=before]),:host([outlined]) ::slotted([slot=before]){margin-left:var(--input-padding-left-right-outlined, 0.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}:host{--_perc: 0;--_slider-track-bg: var(--slider-bg, hsl(var(--shadow)));--_slider-track-bg-active: var(--slider-bg-active, hsl(var(--primary)));--_slider-thumb-bg: var(--slider-thumb-bg, hsl(var(--on-primary)));--_slider-thumb-border: var(--slider-thumb-bg, hsl(var(--primary)))}:host([disabled]){--_slider-track-bg: var(--slider-bg-disabled, hsl(var(--shadow)));--_slider-track-bg-active: var(--slider-bg-active-disabled, hsl(var(--shadow)));--_slider-thumb-bg: var(--slider-thumb-bg-disabled, hsl(var(--shadow)));--_slider-thumb-border: var(--slider-thumb-bg, hsl(var(--shadow)))}:host([thumblabel]) #container,:host([thumblabel-persist]) #container{padding-top:33px}#container{overflow:visible;border:none}#slider{height:var(--slider-height, 0.3125rem);background:linear-gradient(90deg, var(--_slider-track-bg-active) 0, var(--_slider-track-bg-active) calc(var(--_perc) * 100%), var(--_slider-track-bg) calc(var(--_perc) * 100%), var(--_slider-track-bg));cursor:grab;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;box-sizing:border-box;margin:0;border-radius:0;top:calc(var(--slider-height, 0.3125rem)*-1/2)}#slider,#thumb-container{width:100%;position:relative}#thumb-label{--_thumb-label-transform-y: 0.625rem;left:calc(var(--_perc)*100% - var(--slider-thumb-size, 1.2rem)*var(--_perc));transform:translate(calc(-50% + var(--slider-thumb-size, 1.2rem) / 2), var(--_thumb-label-transform-y));width:var(--slider-thumb-label-size, 1.875rem);height:var(--slider-thumb-label-size, 1.875rem);border-radius:var(--slider-thumb-label-border-radius, 100%);color:var(--slider-thumb-label-color, hsl(var(--on-primary)));-webkit-text-fill-color:var(--slider-thumb-label-color, hsl(var(--on-primary)));font-size:var(--slider-thumb-label-font-size, 0.75rem);transition:var(--slider-thumb-label-transition, opacity var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)), transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)));opacity:0;display:flex;align-items:center;justify-content:center;pointer-events:none;text-overflow:ellipsis;bottom:calc(100% + var(--slider-thumb-size, 0.75rem) + var(--slider-height, 0.3125rem) + var(--slider-thumb-space, 0.75rem))}#thumb-label,#thumb-label:before{background:var(--slider-thumb-label-bg, hsl(var(--primary)));position:absolute}#thumb-label:before{content:"";border-radius:0 50% 50% 50%;transform:rotate(225deg);width:100%;left:0;top:0;height:100%;z-index:-1}:host([thumblabel-persist]) #thumb-label,#slider:focus+#thumb-container #thumb-label,:host:focus #thumb-label{--_thumb-label-transform-y: 0;opacity:1}#slider::-webkit-slider-thumb{background:var(--_slider-thumb-bg);width:var(--slider-thumb-size, 1.2rem);height:var(--slider-thumb-size, 1.2rem);border-radius:var(--slider-thumb-border-radius, 100%);border:solid 4px var(--_slider-thumb-border);-webkit-transition:var(--slider-thumb-transition, transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)), box-shadow var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)));transition:var(--slider-thumb-transition, transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)), box-shadow var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)));box-shadow:0 0 0 0 var(--slider-thumb-focus-ring-bg, rgba(0, 0, 0, 0.0823529412));-webkit-appearance:none;appearance:none;cursor:grab;position:relative}#slider::-moz-range-thumb{background:var(--_slider-thumb-bg);width:var(--slider-thumb-size, 1.2rem);height:var(--slider-thumb-size, 1.2rem);border-radius:var(--slider-thumb-border-radius, 100%);border:solid 4px var(--_slider-thumb-border);-moz-transition:var(--slider-thumb-transition, transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)), box-shadow var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)));transition:var(--slider-thumb-transition, transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)), box-shadow var(--transition-duration-fast, 0.12s) var(--transition-timing-function-deceleration-curve, cubic-bezier(0, 0, 0.2, 1)));box-shadow:0 0 0 0 var(--slider-thumb-focus-ring-bg, rgba(0, 0, 0, 0.0823529412));-moz-appearance:none;appearance:none;border:none;cursor:grab;position:relative}#slider:focus::-webkit-slider-thumb{transform:var(--slider-thumb-transform-focus, scale(1.2));box-shadow:0 0 0 var(--slider-thumb-focus-ring-size, 0.75rem) var(--slider-thumb-focus-ring-bg, rgba(0, 0, 0, 0.0823529412))}#slider:focus::-moz-range-thumb{transform:var(--slider-thumb-transform-focus, scale(1.2));box-shadow:0 0 0 var(--slider-thumb-focus-ring-size, 0.75rem) var(--slider-thumb-focus-ring-bg, rgba(0, 0, 0, 0.0823529412))}')}
392
392
  `,Zt([(0,h.property)({attribute:!0,type:String})],Gt.prototype,"name",void 0),Zt([(0,h.property)({type:String})],Gt.prototype,"list",void 0),Zt([(0,h.property)({type:Boolean})],Gt.prototype,"required",void 0),Zt([(0,h.property)({type:Boolean})],Gt.prototype,"disabled",void 0),Zt([(0,h.property)({type:Boolean})],Gt.prototype,"readonly",void 0),Zt([(0,h.property)({type:String})],Gt.prototype,"autocomplete",void 0),Zt([(0,h.property)({type:Boolean,attribute:"thumblabel"})],Gt.prototype,"thumbLabel",void 0),Zt([(0,h.property)({type:Boolean,attribute:"thumblabel-persist"})],Gt.prototype,"thumbLabelPersist",void 0),Zt([(0,h.property)({type:String})],Gt.prototype,"label",void 0),Zt([(0,h.property)({type:Number})],Gt.prototype,"min",void 0),Zt([(0,h.property)({type:Number,reflect:!0})],Gt.prototype,"value",void 0),Zt([(0,h.property)({type:Number})],Gt.prototype,"max",void 0),Zt([(0,h.property)({type:Number})],Gt.prototype,"step",void 0),Zt([(0,h.query)("#slider")],Gt.prototype,"$slider",void 0),Zt([(0,h.query)(".hidden-input")],Gt.prototype,"$input",void 0),Gt=Zt([(0,h.customElement)("tk-slider")],Gt);var Jt=function(t,e,r,o){var a,i=arguments.length,n=i<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,r,o);else for(var s=t.length-1;s>=0;s--)(a=t[s])&&(n=(i<3?a(n):i>3?a(e,r,n):a(e,r))||n);return i>3&&n&&Object.defineProperty(e,r,n),n};let te=class extends c.LitElement{constructor(){super(...arguments),this._id=u(),this.checked=!1,this.required=!1,this.disabled=!1,this.readonly=!1,this.onKeyDown=t=>{"Space"!==t.code&&"Enter"!==t.code||(t.preventDefault(),t.stopPropagation(),this.click())},this.handleClick=()=>{this.checked=!this.checked,this.checked&&this.name&&this.getRootNode().querySelectorAll(`tk-radio[name="${this.name}"]`).forEach(t=>t!=this?t.checked=!1:null),setTimeout(()=>this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}}render(){return c.html`
393
393
  <tk-box direction="row" align-items="center">
394
394
  <span class="switch">
@@ -449,7 +449,7 @@
449
449
  <slot id="after" name="after"></slot>
450
450
  </div>
451
451
  `}handleChange(){this.refreshAttributes()}firstUpdated(){var t;this.$input=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("textarea"),this.appendChild(this.$input),this.initialValue&&(this.value=this.initialValue)}refreshAttributes(){this.$input.value?this.setAttribute("dirty",""):this.removeAttribute("dirty"),this.$input.checkValidity()?this.removeAttribute("invalid"):this.setAttribute("invalid","")}focus(){this.$input.focus()}};ae.styles=c.css`
452
- ${(0,c.unsafeCSS)("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}:host{transform:translateZ(0);display:block;outline:none}:host #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface-variant));transition:var(--input-transition, border-color var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease), background var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease));position:relative;display:flex;align-items:center;overflow:hidden;padding:8px 16px 8px 16px;height:56px}:host #wrapper{position:relative;flex-grow:1}:host #label{color:hsl(var(--on-surface-variant));font-weight:400;line-height:64px;transition:var(--input-label-transition, top var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), font-size var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear));top:50%;transform:translateY(-50%);z-index:1;position:absolute;pointer-events:none;font-size:inherit;line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none}:host([disabled]){pointer-events:none;opacity:.38}:host(:hover) #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface))}:host(:focus-within) #container{border-bottom:solid 2px hsl(var(--primary));background-color:hsla(var(--on-surface), 0.3);padding:8px 16px 7px 16px}:host([outlined]) #container{background-color:rgba(0,0,0,0);border:solid 1px hsl(var(--outline));border-radius:4px}:host([outlined]:focus-within) #container{border:solid 2px hsl(var(--primary));padding:7px 15px 7px 15px}:host(:focus-within) #label,:host([dirty]) #label,:host([type=color]) #label,:host([type=date]) #label,:host([type=file]) #label,:host([type=range]) #label{font-size:var(--input-label-font-size, 0.75rem);top:0;transform:translateY(0);color:hsl(var(--primary))}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){caret-color:hsl(var(--primary));padding:var(--input-padding-top-bottom, 0.5rem) var(--_input-padding-left-right);font-size:var(--input-font-size, 1rem);text-align:var(--input-text-align, inherit);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;display:block;color:inherit;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;margin:0;background:rgba(0,0,0,0);width:100%}:host([label]) #slot-wrapper,:host([label]) ::slotted(input),:host([label]) ::slotted(select),:host([label]) ::slotted(textarea){padding-top:16px}:host([invalid]){color:hsl(var(--error))}::slotted(input[type=color]){height:3.75rem;cursor:pointer}::slotted([slot=after]),::slotted([slot=before]){color:var(--input-before-after-color, hsl(var(--shadow)))}:host(:not([outlined]):not([filled])) ::slotted([slot=before]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}:host(:not([outlined]):not([filled])) ::slotted([slot=after]),:host([filled]) ::slotted([slot=before]),:host([outlined]) ::slotted([slot=before]){margin-left:var(--input-padding-left-right-outlined, 0.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}:host #container{height:auto;min-height:56px}#wrapper ::slotted(textarea){height:var(--textarea-height, var(--_textarea-height));min-height:var(--textarea-min-height, var(--textarea-height, var(--_textarea-height)));max-height:var(--textarea-max-height);resize:var(--textarea-resize, none);font-family:inherit}:host(:focus) ::slotted(textarea),:host(:hover) ::slotted(textarea){will-change:height}")}
452
+ ${(0,c.unsafeCSS)("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}:host{transform:translateZ(0);display:block;outline:none}:host #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface-variant));transition:var(--input-transition, border-color var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease), background var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease));position:relative;display:flex;align-items:center;overflow:hidden;padding:8px 16px 8px 16px;height:56px}:host #wrapper{position:relative;flex-grow:1}:host #label{color:hsl(var(--on-surface-variant));font-weight:400;line-height:64px;transition:var(--input-label-transition, top var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), font-size var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear));top:50%;transform:translateY(-50%);z-index:1;position:absolute;pointer-events:none;font-size:inherit;line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none}:host([disabled]){pointer-events:none;opacity:.38}:host(:hover) #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface))}:host(:focus-within) #container{border-bottom:solid 2px hsl(var(--primary));background-color:hsla(var(--on-surface), 0.3);padding:8px 16px 7px 16px}:host([outlined]) #container{background-color:rgba(0,0,0,0);border:solid 1px hsl(var(--outline));border-radius:4px}:host([outlined]:focus-within) #container{border:solid 2px hsl(var(--primary));padding:7px 15px 7px 15px}:host(:focus-within) #label,:host([dirty]) #label,:host([type=color]) #label,:host([type=date]) #label,:host([type=datetime-local]) #label,:host([type=file]) #label,:host([type=range]) #label{font-size:var(--input-label-font-size, 0.75rem);top:0;transform:translateY(0);color:hsl(var(--primary))}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){caret-color:hsl(var(--primary));padding:var(--input-padding-top-bottom, 0.5rem) var(--_input-padding-left-right);font-size:var(--input-font-size, 1rem);text-align:var(--input-text-align, inherit);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;display:block;color:inherit;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;margin:0;background:rgba(0,0,0,0);width:100%}:host([label]) #slot-wrapper,:host([label]) ::slotted(input),:host([label]) ::slotted(select),:host([label]) ::slotted(textarea){padding-top:16px}:host([invalid]){color:hsl(var(--error))}::slotted(input[type=color]){height:3.75rem;cursor:pointer}::slotted([slot=after]),::slotted([slot=before]){color:var(--input-before-after-color, hsl(var(--shadow)))}:host(:not([outlined]):not([filled])) ::slotted([slot=before]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}:host(:not([outlined]):not([filled])) ::slotted([slot=after]),:host([filled]) ::slotted([slot=before]),:host([outlined]) ::slotted([slot=before]){margin-left:var(--input-padding-left-right-outlined, 0.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}:host #container{height:auto;min-height:56px}#wrapper ::slotted(textarea){height:var(--textarea-height, var(--_textarea-height));min-height:var(--textarea-min-height, var(--textarea-height, var(--_textarea-height)));max-height:var(--textarea-max-height);resize:var(--textarea-resize, none);font-family:inherit}:host(:focus) ::slotted(textarea),:host(:hover) ::slotted(textarea){will-change:height}")}
453
453
  `,oe([(0,h.property)({type:String})],ae.prototype,"value",null),oe([(0,h.property)({attribute:!0,type:String})],ae.prototype,"name",void 0),oe([(0,h.property)({type:String})],ae.prototype,"list",void 0),oe([(0,h.property)({type:String})],ae.prototype,"type",void 0),oe([(0,h.property)({type:Boolean})],ae.prototype,"required",void 0),oe([(0,h.property)({type:Boolean,reflect:!0})],ae.prototype,"disabled",void 0),oe([(0,h.property)({type:Boolean})],ae.prototype,"readonly",void 0),oe([(0,h.property)({type:String})],ae.prototype,"autocomplete",void 0),oe([(0,h.property)({type:String})],ae.prototype,"autocapitalize",void 0),oe([(0,h.property)({type:String})],ae.prototype,"pattern",void 0),oe([(0,h.state)()],ae.prototype,"initialValue",void 0),oe([(0,h.property)({type:String})],ae.prototype,"label",void 0),oe([(0,h.property)({type:Number})],ae.prototype,"minLength",void 0),oe([(0,h.property)({type:Number})],ae.prototype,"maxLength",void 0),oe([(0,h.property)({type:Number})],ae.prototype,"rows",void 0),oe([(0,h.eventOptions)({passive:!0})],ae.prototype,"handleChange",null),ae=oe([(0,h.customElement)("tk-textarea")],ae);var ie=function(t,e,r,o){var a,i=arguments.length,n=i<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,r,o);else for(var s=t.length-1;s>=0;s--)(a=t[s])&&(n=(i<3?a(n):i>3?a(e,r,n):a(e,r))||n);return i>3&&n&&Object.defineProperty(e,r,n),n};let ne=class extends c.LitElement{constructor(){super(...arguments),this.primary="#62519f",this.secondary="#625B71",this.tertiary="#7D5260",this.error="#B3261E",this.neutral="#5E5F5C",this.neutralVariant="#5c6057",this.inverted=!1,this.primary_hsl=[],this.secondary_hsl=[],this.tertiary_hsl=[],this.error_hsl=[],this.neutral_hsl=[],this.neutral_variant_hsl=[]}render(){return c.html`
454
454
  <slot></slot>
455
455
  `}firstUpdated(t){this.setThemeColor()}updated(t){(t.has("primary")||t.has("secondary")||t.has("tertiary")||t.has("error")||t.has("neutral")||t.has("neutralVariant"))&&this.setThemeColor(),super.updated(t)}hexToHSL(t){const e=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i.exec(t);if(null==e)return["0","0%","0%"];const[,r,o,a]=e,i=parseInt(r,16)/255,n=parseInt(o,16)/255,s=parseInt(a,16)/255,l=Math.max(i,n,s),c=Math.min(i,n,s);let h=0,d=0,p=(l+c)/2;if(l!=c){const t=l-c;switch(d=p>.5?t/(2-l-c):t/(l+c),l){case i:h=(n-s)/t+(n<s?6:0);break;case n:h=(s-i)/t+2;break;case s:h=(i-n)/t+4}h/=6}return[(360*h).toString(),(100*d).toString()+"%",(100*p).toString()+"%"]}setThemeColor(){this.primary_hsl=this.hexToHSL(this.primary),this.secondary_hsl=this.hexToHSL(this.secondary),this.tertiary_hsl=this.hexToHSL(this.tertiary),this.error_hsl=this.hexToHSL(this.error),this.neutral_hsl=this.hexToHSL(this.neutral),this.neutral_variant_hsl=this.hexToHSL(this.neutralVariant),this.styleEl||(this.styleEl=document.createElement("style"),document.body.appendChild(this.styleEl)),this.styleEl.innerHTML=`\n\t\t\t:root {\n\t\t\t\t--primary-h: ${this.primary_hsl[0]};\n\t\t\t\t--primary-s: ${this.primary_hsl[1]};\n\t\t\t\t--primary-l: ${this.primary_hsl[2]};\n\t\t\t\t--secondary-h: ${this.secondary_hsl[0]};\n\t\t\t\t--secondary-s: ${this.secondary_hsl[1]};\n\t\t\t\t--secondary-l: ${this.secondary_hsl[2]};\n\t\t\t\t--tertiary-h: ${this.tertiary_hsl[0]};\n\t\t\t\t--tertiary-s: ${this.tertiary_hsl[1]};\n\t\t\t\t--tertiary-l: ${this.tertiary_hsl[2]};\n\t\t\t\t--error-h: ${this.error_hsl[0]};\n\t\t\t\t--error-s: ${this.error_hsl[1]};\n\t\t\t\t--error-l: ${this.error_hsl[2]};\n\t\t\t\t--neutral-h: ${this.neutral_hsl[0]};\n\t\t\t\t--neutral-s: ${this.neutral_hsl[1]};\n\t\t\t\t--neutral-l: ${this.neutral_hsl[2]};\n\t\t\t\t--neutral-variant-h: ${this.neutral_variant_hsl[0]};\n\t\t\t\t--neutral-variant-s: ${this.neutral_variant_hsl[1]};\n\t\t\t\t--neutral-variant-l: ${this.neutral_variant_hsl[2]};\n\t\t\t}\n\t\t`}};ne.styles=c.css`