tinkiet 0.11.10 → 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 (9) hide show
  1. package/index.js +4 -4
  2. package/notie/index.js +1 -1
  3. package/package.json +1 -1
  4. package/select/index.js +1 -1
  5. package/slider/index.js +1 -1
  6. package/textarea/index.js +1 -1
  7. package/textfield/index.js +1 -1
  8. package/textfield/textfield.d.ts +1 -1
  9. package/umd/tinkiet.min.js +4 -4
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;
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.10",
3
+ "version": "0.11.12",
4
4
  "description": "Pragmatic UI Web Components",
5
5
  "type": "module",
6
6
  "main": "index.js",
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;
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
@@ -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`
@@ -344,7 +344,7 @@
344
344
  <slot id="after" name="after"></slot>
345
345
  </div>
346
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=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}")}
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`