tinkiet 0.9.1 → 0.9.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/button/button.scss.js +2 -2
- package/dialog/dialog.scss.js +2 -2
- package/drawer/drawer.scss.js +2 -2
- package/icon/icon.scss.js +2 -2
- package/package.json +1 -1
- package/umd/tinkiet.min.js +1 -1
package/button/button.scss.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var css_248z = "*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{align-items:center;border-radius:20px;color:hsl(var(--primary));cursor:pointer;display:inline-flex;flex-direction:row;height:40px;justify-content:center;overflow:hidden;position:relative;text-align:center;text-decoration:none;text-overflow:ellipsis;user-select:none;vertical-align:middle;width:40px}:host tk-icon{height:24px;width:24px}:host([extended]){width:auto}:host([extended]) .content{align-items:center;display:flex;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;line-height:20px;margin:0 24px;pointer-events:none}:host([extended]) .content.has-icon{margin:0 24px 0 8px}:host([extended]) tk-icon{height:18px;margin-left:16px;width:18px}:host(:focus),:host(:hover){background-color:hsla(var(--primary),.3);outline:none}:host([elevated]){background-color:hsl(var(--surface-container-low));box-shadow:0 1px 2px 0 #0000004d,0 1px 3px 1px #00000026;color:hsl(var(--primary))}:host([elevated]:focus),:host([elevated]:hover){background-color:hsl(var(--surface-container-high));box-shadow:0 1px 2px 0 #0000004d,0 2px 6px 2px #00000026;outline:none}:host([filled]){background-color:hsl(var(--primary));color:hsl(var(--on-primary))}:host([filled]:hover){background-color:hsla(var(--primary),.6);box-shadow:0 1px 2px 0 #0000004d,0 1px 3px 1px #00000026}:host([filled]:focus){background-color:hsla(var(--primary),.6);outline:none}:host([tonal]){background-color:hsl(var(--secondary-container));color:hsl(var(--on-secondary-container))}:host([tonal]:hover){background-color:hsla(var(--on-secondary-container),.3);box-shadow:0 1px 2px 0 #0000004d,0 1px 3px 1px #00000026}:host([tonal]:focus){background-color:hsla(var(--on-secondary-container),.3);outline:none}:host([outlined]){background-color:initial;border:1px solid hsl(var(--outline));color:hsl(var(--primary))}:host([outlined]:hover){background-color:hsla(var(--primary),.08);color:hsl(var(--primary))}:host([outlined]:focus){background-color:hsla(var(--primary),.12);border-color:hsl(var(--primary));outline:none}:host([fab]){align-items:center;background-color:hsl(var(--primary));border-radius:16px;box-shadow:0 1px 3px 0 #0000004d,0 4px 8px 3px #00000026;color:hsl(var(--on-primary));display:inline-flex;height:56px;justify-content:center;padding:12px;width:56px}:host([fab]) tk-icon{height:24px;margin-left:0;width:24px}:host([fab]) .content{margin:0}:host([fab][extended]){min-width:80px;width:auto}:host([fab][extended]) .content{margin:0 24px}:host([fab][extended]) .content.has-icon{margin:0 24px 0 8px}:host([fab][extended]) tk-icon{margin-left:16px}:host([fab]:hover){background-color:hsla(var(--on-primary-container),.3)}:host([fab]:focus){background-color:hsla(var(--on-primary-container),.3);box-shadow:0 1px 3px 0 #0000004d,0 4px 8px 3px #00000026;outline:none}:host([fab][small]){border-radius:12px;height:40px;width:40px}:host([fab][small]) tk-icon{height:24px;width:24px}:host([fab][large]){border-radius:28px;height:96px;width:96px}:host([fab][large]) tk-icon{height:36px;width:36px}:host([disabled]){background-color:hsla(var(--on-surface),.12);box-shadow:none;cursor:not-allowed;pointer-events:none}:host([disabled]) .content{color:hsl(var(--on-surface));opacity:.38}";
|
|
2
|
-
var stylesheet="*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{align-items:center;border-radius:20px;color:hsl(var(--primary));cursor:pointer;display:inline-flex;flex-direction:row;height:40px;justify-content:center;overflow:hidden;position:relative;text-align:center;text-decoration:none;text-overflow:ellipsis;user-select:none;vertical-align:middle;width:40px}:host tk-icon{height:24px;width:24px}:host([extended]){width:auto}:host([extended]) .content{align-items:center;display:flex;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;line-height:20px;margin:0 24px;pointer-events:none}:host([extended]) .content.has-icon{margin:0 24px 0 8px}:host([extended]) tk-icon{height:18px;margin-left:16px;width:18px}:host(:focus),:host(:hover){background-color:hsla(var(--primary),.3);outline:none}:host([elevated]){background-color:hsl(var(--surface-container-low));box-shadow:0 1px 2px 0 #0000004d,0 1px 3px 1px #00000026;color:hsl(var(--primary))}:host([elevated]:focus),:host([elevated]:hover){background-color:hsl(var(--surface-container-high));box-shadow:0 1px 2px 0 #0000004d,0 2px 6px 2px #00000026;outline:none}:host([filled]){background-color:hsl(var(--primary));color:hsl(var(--on-primary))}:host([filled]:hover){background-color:hsla(var(--primary),.6);box-shadow:0 1px 2px 0 #0000004d,0 1px 3px 1px #00000026}:host([filled]:focus){background-color:hsla(var(--primary),.6);outline:none}:host([tonal]){background-color:hsl(var(--secondary-container));color:hsl(var(--on-secondary-container))}:host([tonal]:hover){background-color:hsla(var(--on-secondary-container),.3);box-shadow:0 1px 2px 0 #0000004d,0 1px 3px 1px #00000026}:host([tonal]:focus){background-color:hsla(var(--on-secondary-container),.3);outline:none}:host([outlined]){background-color:initial;border:1px solid hsl(var(--outline));color:hsl(var(--primary))}:host([outlined]:hover){background-color:hsla(var(--primary),.08);color:hsl(var(--primary))}:host([outlined]:focus){background-color:hsla(var(--primary),.12);border-color:hsl(var(--primary));outline:none}:host([fab]){align-items:center;background-color:hsl(var(--primary));border-radius:16px;box-shadow:0 1px 3px 0 #0000004d,0 4px 8px 3px #00000026;color:hsl(var(--on-primary));display:inline-flex;height:56px;justify-content:center;padding:12px;width:56px}:host([fab]) tk-icon{height:24px;margin-left:0;width:24px}:host([fab]) .content{margin:0}:host([fab][extended]){min-width:80px;width:auto}:host([fab][extended]) .content{margin:0 24px}:host([fab][extended]) .content.has-icon{margin:0 24px 0 8px}:host([fab][extended]) tk-icon{margin-left:16px}:host([fab]:hover){background-color:hsla(var(--on-primary-container),.3)}:host([fab]:focus){background-color:hsla(var(--on-primary-container),.3);box-shadow:0 1px 3px 0 #0000004d,0 4px 8px 3px #00000026;outline:none}:host([fab][small]){border-radius:12px;height:40px;width:40px}:host([fab][small]) tk-icon{height:24px;width:24px}:host([fab][large]){border-radius:28px;height:96px;width:96px}:host([fab][large]) tk-icon{height:36px;width:36px}:host([disabled]){background-color:hsla(var(--on-surface),.12);box-shadow:none;cursor:not-allowed;pointer-events:none}:host([disabled]) .content{color:hsl(var(--on-surface));opacity:.38}";
|
|
1
|
+
var css_248z = "*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{align-items:center;border-radius:20px;color:hsl(var(--primary));cursor:pointer;display:inline-flex;flex-direction:row;height:40px;justify-content:center;overflow:hidden;position:relative;text-align:center;text-decoration:none;text-overflow:ellipsis;user-select:none;vertical-align:middle;width:40px}:host tk-icon{height:24px;width:24px}:host([extended]){width:auto}:host([extended]) .content{align-items:center;display:flex;font-family:Roboto,sans-serif;font-size:var(--font-size,14px);font-weight:500;line-height:20px;margin:0 24px;pointer-events:none}:host([extended]) .content.has-icon{margin:0 24px 0 8px}:host([extended]) tk-icon{height:18px;margin-left:16px;width:18px}:host(:focus),:host(:hover){background-color:hsla(var(--primary),.3);outline:none}:host([elevated]){background-color:hsl(var(--surface-container-low));box-shadow:0 1px 2px 0 #0000004d,0 1px 3px 1px #00000026;color:hsl(var(--primary))}:host([elevated]:focus),:host([elevated]:hover){background-color:hsl(var(--surface-container-high));box-shadow:0 1px 2px 0 #0000004d,0 2px 6px 2px #00000026;outline:none}:host([filled]){background-color:hsl(var(--primary));color:hsl(var(--on-primary))}:host([filled]:hover){background-color:hsla(var(--primary),.6);box-shadow:0 1px 2px 0 #0000004d,0 1px 3px 1px #00000026}:host([filled]:focus){background-color:hsla(var(--primary),.6);outline:none}:host([tonal]){background-color:hsl(var(--secondary-container));color:hsl(var(--on-secondary-container))}:host([tonal]:hover){background-color:hsla(var(--on-secondary-container),.3);box-shadow:0 1px 2px 0 #0000004d,0 1px 3px 1px #00000026}:host([tonal]:focus){background-color:hsla(var(--on-secondary-container),.3);outline:none}:host([outlined]){background-color:initial;border:1px solid hsl(var(--outline));color:hsl(var(--primary))}:host([outlined]:hover){background-color:hsla(var(--primary),.08);color:hsl(var(--primary))}:host([outlined]:focus){background-color:hsla(var(--primary),.12);border-color:hsl(var(--primary));outline:none}:host([fab]){align-items:center;background-color:hsl(var(--primary));border-radius:16px;box-shadow:0 1px 3px 0 #0000004d,0 4px 8px 3px #00000026;color:hsl(var(--on-primary));display:inline-flex;height:56px;justify-content:center;padding:12px;width:56px}:host([fab]) tk-icon{height:24px;margin-left:0;width:24px}:host([fab]) .content{margin:0}:host([fab][extended]){min-width:80px;width:auto}:host([fab][extended]) .content{margin:0 24px}:host([fab][extended]) .content.has-icon{margin:0 24px 0 8px}:host([fab][extended]) tk-icon{margin-left:16px}:host([fab]:hover){background-color:hsla(var(--on-primary-container),.3)}:host([fab]:focus){background-color:hsla(var(--on-primary-container),.3);box-shadow:0 1px 3px 0 #0000004d,0 4px 8px 3px #00000026;outline:none}:host([fab][small]){border-radius:12px;height:40px;width:40px}:host([fab][small]) tk-icon{height:24px;width:24px}:host([fab][large]){border-radius:28px;height:96px;width:96px}:host([fab][large]) tk-icon{height:36px;width:36px}:host([disabled]){background-color:hsla(var(--on-surface),.12);box-shadow:none;cursor:not-allowed;pointer-events:none}:host([disabled]) .content{color:hsl(var(--on-surface));opacity:.38}";
|
|
2
|
+
var stylesheet="*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{align-items:center;border-radius:20px;color:hsl(var(--primary));cursor:pointer;display:inline-flex;flex-direction:row;height:40px;justify-content:center;overflow:hidden;position:relative;text-align:center;text-decoration:none;text-overflow:ellipsis;user-select:none;vertical-align:middle;width:40px}:host tk-icon{height:24px;width:24px}:host([extended]){width:auto}:host([extended]) .content{align-items:center;display:flex;font-family:Roboto,sans-serif;font-size:var(--font-size,14px);font-weight:500;line-height:20px;margin:0 24px;pointer-events:none}:host([extended]) .content.has-icon{margin:0 24px 0 8px}:host([extended]) tk-icon{height:18px;margin-left:16px;width:18px}:host(:focus),:host(:hover){background-color:hsla(var(--primary),.3);outline:none}:host([elevated]){background-color:hsl(var(--surface-container-low));box-shadow:0 1px 2px 0 #0000004d,0 1px 3px 1px #00000026;color:hsl(var(--primary))}:host([elevated]:focus),:host([elevated]:hover){background-color:hsl(var(--surface-container-high));box-shadow:0 1px 2px 0 #0000004d,0 2px 6px 2px #00000026;outline:none}:host([filled]){background-color:hsl(var(--primary));color:hsl(var(--on-primary))}:host([filled]:hover){background-color:hsla(var(--primary),.6);box-shadow:0 1px 2px 0 #0000004d,0 1px 3px 1px #00000026}:host([filled]:focus){background-color:hsla(var(--primary),.6);outline:none}:host([tonal]){background-color:hsl(var(--secondary-container));color:hsl(var(--on-secondary-container))}:host([tonal]:hover){background-color:hsla(var(--on-secondary-container),.3);box-shadow:0 1px 2px 0 #0000004d,0 1px 3px 1px #00000026}:host([tonal]:focus){background-color:hsla(var(--on-secondary-container),.3);outline:none}:host([outlined]){background-color:initial;border:1px solid hsl(var(--outline));color:hsl(var(--primary))}:host([outlined]:hover){background-color:hsla(var(--primary),.08);color:hsl(var(--primary))}:host([outlined]:focus){background-color:hsla(var(--primary),.12);border-color:hsl(var(--primary));outline:none}:host([fab]){align-items:center;background-color:hsl(var(--primary));border-radius:16px;box-shadow:0 1px 3px 0 #0000004d,0 4px 8px 3px #00000026;color:hsl(var(--on-primary));display:inline-flex;height:56px;justify-content:center;padding:12px;width:56px}:host([fab]) tk-icon{height:24px;margin-left:0;width:24px}:host([fab]) .content{margin:0}:host([fab][extended]){min-width:80px;width:auto}:host([fab][extended]) .content{margin:0 24px}:host([fab][extended]) .content.has-icon{margin:0 24px 0 8px}:host([fab][extended]) tk-icon{margin-left:16px}:host([fab]:hover){background-color:hsla(var(--on-primary-container),.3)}:host([fab]:focus){background-color:hsla(var(--on-primary-container),.3);box-shadow:0 1px 3px 0 #0000004d,0 4px 8px 3px #00000026;outline:none}:host([fab][small]){border-radius:12px;height:40px;width:40px}:host([fab][small]) tk-icon{height:24px;width:24px}:host([fab][large]){border-radius:28px;height:96px;width:96px}:host([fab][large]) tk-icon{height:36px;width:36px}:host([disabled]){background-color:hsla(var(--on-surface),.12);box-shadow:none;cursor:not-allowed;pointer-events:none}:host([disabled]) .content{color:hsl(var(--on-surface));opacity:.38}";
|
|
3
3
|
|
|
4
4
|
export { css_248z as default, stylesheet };
|
package/dialog/dialog.scss.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var css_248z = "*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{display:none;outline:none;position:relative}:host([open]){
|
|
2
|
-
var stylesheet="*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{display:none;outline:none;position:relative}:host([open]){
|
|
1
|
+
var css_248z = "*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{display:none;outline:none;position:relative}:host([open]){display:block;height:100%;left:0;position:fixed;top:0;width:100%;z-index:var(--dialog-z-index,300)}:host([open]) .overlay{background-color:#00000080;bottom:0;left:0;position:absolute;right:0;top:0}:host([open]) .overlay.blur{backdrop-filter:blur(2px)}:host([open]) .container{animation:fade-in .3s forwards;height:100%;margin:0;max-height:100%;max-width:100%;overflow-y:auto;overscroll-behavior:contain;position:fixed;width:fit-content;will-change:transform,opacity}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (max-width:400px){:host([open]) .container{padding:.1rem}}";
|
|
2
|
+
var stylesheet="*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{display:none;outline:none;position:relative}:host([open]){display:block;height:100%;left:0;position:fixed;top:0;width:100%;z-index:var(--dialog-z-index,300)}:host([open]) .overlay{background-color:#00000080;bottom:0;left:0;position:absolute;right:0;top:0}:host([open]) .overlay.blur{backdrop-filter:blur(2px)}:host([open]) .container{animation:fade-in .3s forwards;height:100%;margin:0;max-height:100%;max-width:100%;overflow-y:auto;overscroll-behavior:contain;position:fixed;width:fit-content;will-change:transform,opacity}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (max-width:400px){:host([open]) .container{padding:.1rem}}";
|
|
3
3
|
|
|
4
4
|
export { css_248z as default, stylesheet };
|
package/drawer/drawer.scss.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var css_248z = "*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{background-color:hsl(var(--surface));display:block;height:100%;overflow:hidden;position:relative;width:100%}.drawer{background-color:hsl(var(--surface));bottom:0;display:grid;grid-template-areas:\"header swipe\" \"content swipe\" \"footer swipe\";grid-template-columns:var(--drawer-width,256px) 10px;grid-template-rows:auto 1fr auto;overflow:hidden;position:absolute;top:0;touch-action:pan-y;transform:translateX(calc(-100% + 10px));transition:transform cubic-bezier(.4,0,.2,1) var(--transition-duration-medium,.18s);will-change:transform;z-index:var(--drawer-z-index,200)}.drawer .drawer-header{grid-area:header}.drawer .drawer-content{grid-area:content;overflow:auto
|
|
2
|
-
var stylesheet="*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{background-color:hsl(var(--surface));display:block;height:100%;overflow:hidden;position:relative;width:100%}.drawer{background-color:hsl(var(--surface));bottom:0;display:grid;grid-template-areas:\"header swipe\" \"content swipe\" \"footer swipe\";grid-template-columns:var(--drawer-width,256px) 10px;grid-template-rows:auto 1fr auto;overflow:hidden;position:absolute;top:0;touch-action:pan-y;transform:translateX(calc(-100% + 10px));transition:transform cubic-bezier(.4,0,.2,1) var(--transition-duration-medium,.18s);will-change:transform;z-index:var(--drawer-z-index,200)}.drawer .drawer-header{grid-area:header}.drawer .drawer-content{grid-area:content;overflow:auto
|
|
1
|
+
var css_248z = "*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{background-color:hsl(var(--surface));display:block;height:100%;overflow:hidden;position:relative;width:100%}.drawer{background-color:hsl(var(--surface));bottom:0;display:grid;grid-template-areas:\"header swipe\" \"content swipe\" \"footer swipe\";grid-template-columns:var(--drawer-width,256px) 10px;grid-template-rows:auto 1fr auto;overflow:hidden;position:absolute;top:0;touch-action:pan-y;transform:translateX(calc(-100% + 10px));transition:transform cubic-bezier(.4,0,.2,1) var(--transition-duration-medium,.18s);will-change:transform;z-index:var(--drawer-z-index,200)}.drawer .drawer-header{grid-area:header}.drawer .drawer-content{grid-area:content;overflow:auto}.drawer .drawer-footer{grid-area:footer}.drawer .drawer-swipe{background-color:initial;grid-area:swipe}:host([right]) .drawer{right:0;transform:translateX(calc(100% + 10px))}.overlay{background-color:#00000080;bottom:0;display:none;left:0;position:absolute;right:0;top:0;z-index:var(--drawer-overlay-z-index,200)}.container{height:100%;overflow:auto;transition:padding cubic-bezier(.4,0,.2,1) var(--transition-duration-slow,.25s)}:host([open]) .drawer{transform:none}:host([open]) .container{padding-left:var(--drawer-width,256px)}:host([open][over]) .drawer{background-color:hsl(var(--surface-container-low));box-shadow:0 1px 2px 0 #0000004d,0 1px 3px 1px #00000026}:host([open][over]) .container{padding-left:0}:host([open][over]) .overlay{display:block}@media (max-width:var(--drawer-trigger-width,400px)){:host([open]) .container{padding-left:0}:host([open]) .overlay{display:block}}";
|
|
2
|
+
var stylesheet="*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{background-color:hsl(var(--surface));display:block;height:100%;overflow:hidden;position:relative;width:100%}.drawer{background-color:hsl(var(--surface));bottom:0;display:grid;grid-template-areas:\"header swipe\" \"content swipe\" \"footer swipe\";grid-template-columns:var(--drawer-width,256px) 10px;grid-template-rows:auto 1fr auto;overflow:hidden;position:absolute;top:0;touch-action:pan-y;transform:translateX(calc(-100% + 10px));transition:transform cubic-bezier(.4,0,.2,1) var(--transition-duration-medium,.18s);will-change:transform;z-index:var(--drawer-z-index,200)}.drawer .drawer-header{grid-area:header}.drawer .drawer-content{grid-area:content;overflow:auto}.drawer .drawer-footer{grid-area:footer}.drawer .drawer-swipe{background-color:initial;grid-area:swipe}:host([right]) .drawer{right:0;transform:translateX(calc(100% + 10px))}.overlay{background-color:#00000080;bottom:0;display:none;left:0;position:absolute;right:0;top:0;z-index:var(--drawer-overlay-z-index,200)}.container{height:100%;overflow:auto;transition:padding cubic-bezier(.4,0,.2,1) var(--transition-duration-slow,.25s)}:host([open]) .drawer{transform:none}:host([open]) .container{padding-left:var(--drawer-width,256px)}:host([open][over]) .drawer{background-color:hsl(var(--surface-container-low));box-shadow:0 1px 2px 0 #0000004d,0 1px 3px 1px #00000026}:host([open][over]) .container{padding-left:0}:host([open][over]) .overlay{display:block}@media (max-width:var(--drawer-trigger-width,400px)){:host([open]) .container{padding-left:0}:host([open]) .overlay{display:block}}";
|
|
3
3
|
|
|
4
4
|
export { css_248z as default, stylesheet };
|
package/icon/icon.scss.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var css_248z = "*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--color:var(--tk-icon-color,currentColor);display:inline-flex;height:1.5em;width:1.5em}:host svg{fill:var(--color);display:block;height:100%;width:100%}";
|
|
2
|
-
var stylesheet="*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--color:var(--tk-icon-color,currentColor);display:inline-flex;height:1.5em;width:1.5em}:host svg{fill:var(--color);display:block;height:100%;width:100%}";
|
|
1
|
+
var css_248z = "*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--color:var(--tk-icon-color,currentColor);display:inline-flex;flex-shrink:0;height:1.5em;width:1.5em}:host svg{fill:var(--color);display:block;height:100%;width:100%}";
|
|
2
|
+
var stylesheet="*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--color:var(--tk-icon-color,currentColor);display:inline-flex;flex-shrink:0;height:1.5em;width:1.5em}:host svg{fill:var(--color);display:block;height:100%;width:100%}";
|
|
3
3
|
|
|
4
4
|
export { css_248z as default, stylesheet };
|
package/package.json
CHANGED
package/umd/tinkiet.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(t,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports):"function"==typeof define&&define.amd?define(["exports"],r):r((t="undefined"!=typeof globalThis?globalThis:t||self).tinkiet={})}(this,(function(t){"use strict";function r(t,r,e,o){var a,i=arguments.length,n=i<3?r:null===o?o=Object.getOwnPropertyDescriptor(r,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,r,e,o);else for(var s=t.length-1;s>=0;s--)(a=t[s])&&(n=(i<3?a(n):i>3?a(r,e,n):a(r,e))||n);return i>3&&n&&Object.defineProperty(r,e,n),n}function e(t,r,e,o){return new(e||(e=Promise))((function(a,i){function n(t){try{l(o.next(t))}catch(t){i(t)}}function s(t){try{l(o.throw(t))}catch(t){i(t)}}function l(t){var r;t.done?a(t.value):(r=t.value,r instanceof e?r:new e((function(t){t(r)}))).then(n,s)}l((o=o.apply(t,r||[])).next())}))}"function"==typeof SuppressedError&&SuppressedError;const o=globalThis,a=o.ShadowRoot&&(void 0===o.ShadyCSS||o.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,i=Symbol(),n=new WeakMap;let s=class{constructor(t,r,e){if(this._$cssResult$=!0,e!==i)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=r}get styleSheet(){let t=this.o;const r=this.t;if(a&&void 0===t){const e=void 0!==r&&1===r.length;e&&(t=n.get(r)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&n.set(r,t))}return t}toString(){return this.cssText}};const l=t=>new s("string"==typeof t?t:t+"",void 0,i),h=(t,...r)=>{const e=1===t.length?t[0]:r.reduce(((r,e,o)=>r+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(e)+t[o+1]),t[0]);return new s(e,t,i)},c=a?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let r="";for(const e of t.cssRules)r+=e.cssText;return l(r)})(t):t,{is:d,defineProperty:p,getOwnPropertyDescriptor:u,getOwnPropertyNames:v,getOwnPropertySymbols:g,getPrototypeOf:b}=Object,m=globalThis,y=m.trustedTypes,f=y?y.emptyScript:"",x=m.reactiveElementPolyfillSupport,k=(t,r)=>t,w={toAttribute(t,r){switch(r){case Boolean:t=t?f:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,r){let e=t;switch(r){case Boolean:e=null!==t;break;case Number:e=null===t?null:Number(t);break;case Object:case Array:try{e=JSON.parse(t)}catch(t){e=null}}return e}},$=(t,r)=>!d(t,r),T={attribute:!0,type:String,converter:w,reflect:!1,hasChanged:$};Symbol.metadata??=Symbol("metadata"),m.litPropertyMetadata??=new WeakMap;class _ extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,r=T){if(r.state&&(r.attribute=!1),this._$Ei(),this.elementProperties.set(t,r),!r.noAccessor){const e=Symbol(),o=this.getPropertyDescriptor(t,e,r);void 0!==o&&p(this.prototype,t,o)}}static getPropertyDescriptor(t,r,e){const{get:o,set:a}=u(this.prototype,t)??{get(){return this[r]},set(t){this[r]=t}};return{get(){return o?.call(this)},set(r){const i=o?.call(this);a.call(this,r),this.requestUpdate(t,i,e)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??T}static _$Ei(){if(this.hasOwnProperty(k("elementProperties")))return;const t=b(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(k("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(k("properties"))){const t=this.properties,r=[...v(t),...g(t)];for(const e of r)this.createProperty(e,t[e])}const t=this[Symbol.metadata];if(null!==t){const r=litPropertyMetadata.get(t);if(void 0!==r)for(const[t,e]of r)this.elementProperties.set(t,e)}this._$Eh=new Map;for(const[t,r]of this.elementProperties){const e=this._$Eu(t,r);void 0!==e&&this._$Eh.set(e,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const r=[];if(Array.isArray(t)){const e=new Set(t.flat(1/0).reverse());for(const t of e)r.unshift(c(t))}else void 0!==t&&r.push(c(t));return r}static _$Eu(t,r){const e=r.attribute;return!1===e?void 0:"string"==typeof e?e:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,r=this.constructor.elementProperties;for(const e of r.keys())this.hasOwnProperty(e)&&(t.set(e,this[e]),delete this[e]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((t,r)=>{if(a)t.adoptedStyleSheets=r.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const e of r){const r=document.createElement("style"),a=o.litNonce;void 0!==a&&r.setAttribute("nonce",a),r.textContent=e.cssText,t.appendChild(r)}})(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,r,e){this._$AK(t,e)}_$EC(t,r){const e=this.constructor.elementProperties.get(t),o=this.constructor._$Eu(t,e);if(void 0!==o&&!0===e.reflect){const a=(void 0!==e.converter?.toAttribute?e.converter:w).toAttribute(r,e.type);this._$Em=t,null==a?this.removeAttribute(o):this.setAttribute(o,a),this._$Em=null}}_$AK(t,r){const e=this.constructor,o=e._$Eh.get(t);if(void 0!==o&&this._$Em!==o){const t=e.getPropertyOptions(o),a="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:w;this._$Em=o,this[o]=a.fromAttribute(r,t.type),this._$Em=null}}requestUpdate(t,r,e){if(void 0!==t){if(e??=this.constructor.getPropertyOptions(t),!(e.hasChanged??$)(this[t],r))return;this.P(t,r,e)}!1===this.isUpdatePending&&(this._$ES=this._$ET())}P(t,r,e){this._$AL.has(t)||this._$AL.set(t,r),!0===e.reflect&&this._$Em!==t&&(this._$Ej??=new Set).add(t)}async _$ET(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,r]of this._$Ep)this[t]=r;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[r,e]of t)!0!==e.wrapped||this._$AL.has(r)||void 0===this[r]||this.P(r,this[r],e)}let t=!1;const r=this._$AL;try{t=this.shouldUpdate(r),t?(this.willUpdate(r),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(r)):this._$EU()}catch(r){throw t=!1,this._$EU(),r}t&&this._$AE(r)}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Ej&&=this._$Ej.forEach((t=>this._$EC(t,this[t]))),this._$EU()}updated(t){}firstUpdated(t){}}_.elementStyles=[],_.shadowRootOptions={mode:"open"},_[k("elementProperties")]=new Map,_[k("finalized")]=new Map,x?.({ReactiveElement:_}),(m.reactiveElementVersions??=[]).push("2.0.4");const S=globalThis,z=S.trustedTypes,A=z?z.createPolicy("lit-html",{createHTML:t=>t}):void 0,E="$lit$",C=`lit$${(Math.random()+"").slice(9)}$`,B="?"+C,N=`<${B}>`,L=document,P=()=>L.createComment(""),U=t=>null===t||"object"!=typeof t&&"function"!=typeof t,q=Array.isArray,R="[ \t\n\f\r]",D=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,j=/-->/g,H=/>/g,I=RegExp(`>|${R}(?:([^\\s"'>=/]+)(${R}*=${R}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),O=/'/g,M=/"/g,V=/^(?:script|style|textarea|title)$/i,K=(t=>(r,...e)=>({_$litType$:t,strings:r,values:e}))(1),Y=Symbol.for("lit-noChange"),X=Symbol.for("lit-nothing"),F=new WeakMap,Q=L.createTreeWalker(L,129);function W(t,r){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==A?A.createHTML(r):r}const G=(t,r)=>{const e=t.length-1,o=[];let a,i=2===r?"<svg>":"",n=D;for(let r=0;r<e;r++){const e=t[r];let s,l,h=-1,c=0;for(;c<e.length&&(n.lastIndex=c,l=n.exec(e),null!==l);)c=n.lastIndex,n===D?"!--"===l[1]?n=j:void 0!==l[1]?n=H:void 0!==l[2]?(V.test(l[2])&&(a=RegExp("</"+l[2],"g")),n=I):void 0!==l[3]&&(n=I):n===I?">"===l[0]?(n=a??D,h=-1):void 0===l[1]?h=-2:(h=n.lastIndex-l[2].length,s=l[1],n=void 0===l[3]?I:'"'===l[3]?M:O):n===M||n===O?n=I:n===j||n===H?n=D:(n=I,a=void 0);const d=n===I&&t[r+1].startsWith("/>")?" ":"";i+=n===D?e+N:h>=0?(o.push(s),e.slice(0,h)+E+e.slice(h)+C+d):e+C+(-2===h?r:d)}return[W(t,i+(t[e]||"<?>")+(2===r?"</svg>":"")),o]};class Z{constructor({strings:t,_$litType$:r},e){let o;this.parts=[];let a=0,i=0;const n=t.length-1,s=this.parts,[l,h]=G(t,r);if(this.el=Z.createElement(l,e),Q.currentNode=this.el.content,2===r){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(o=Q.nextNode())&&s.length<n;){if(1===o.nodeType){if(o.hasAttributes())for(const t of o.getAttributeNames())if(t.endsWith(E)){const r=h[i++],e=o.getAttribute(t).split(C),n=/([.?@])?(.*)/.exec(r);s.push({type:1,index:a,name:n[2],strings:e,ctor:"."===n[1]?ot:"?"===n[1]?at:"@"===n[1]?it:et}),o.removeAttribute(t)}else t.startsWith(C)&&(s.push({type:6,index:a}),o.removeAttribute(t));if(V.test(o.tagName)){const t=o.textContent.split(C),r=t.length-1;if(r>0){o.textContent=z?z.emptyScript:"";for(let e=0;e<r;e++)o.append(t[e],P()),Q.nextNode(),s.push({type:2,index:++a});o.append(t[r],P())}}}else if(8===o.nodeType)if(o.data===B)s.push({type:2,index:a});else{let t=-1;for(;-1!==(t=o.data.indexOf(C,t+1));)s.push({type:7,index:a}),t+=C.length-1}a++}}static createElement(t,r){const e=L.createElement("template");return e.innerHTML=t,e}}function J(t,r,e=t,o){if(r===Y)return r;let a=void 0!==o?e._$Co?.[o]:e._$Cl;const i=U(r)?void 0:r._$litDirective$;return a?.constructor!==i&&(a?._$AO?.(!1),void 0===i?a=void 0:(a=new i(t),a._$AT(t,e,o)),void 0!==o?(e._$Co??=[])[o]=a:e._$Cl=a),void 0!==a&&(r=J(t,a._$AS(t,r.values),a,o)),r}class tt{constructor(t,r){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=r}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:r},parts:e}=this._$AD,o=(t?.creationScope??L).importNode(r,!0);Q.currentNode=o;let a=Q.nextNode(),i=0,n=0,s=e[0];for(;void 0!==s;){if(i===s.index){let r;2===s.type?r=new rt(a,a.nextSibling,this,t):1===s.type?r=new s.ctor(a,s.name,s.strings,this,t):6===s.type&&(r=new nt(a,this,t)),this._$AV.push(r),s=e[++n]}i!==s?.index&&(a=Q.nextNode(),i++)}return Q.currentNode=L,o}p(t){let r=0;for(const e of this._$AV)void 0!==e&&(void 0!==e.strings?(e._$AI(t,e,r),r+=e.strings.length-2):e._$AI(t[r])),r++}}class rt{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,r,e,o){this.type=2,this._$AH=X,this._$AN=void 0,this._$AA=t,this._$AB=r,this._$AM=e,this.options=o,this._$Cv=o?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const r=this._$AM;return void 0!==r&&11===t?.nodeType&&(t=r.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,r=this){t=J(this,t,r),U(t)?t===X||null==t||""===t?(this._$AH!==X&&this._$AR(),this._$AH=X):t!==this._$AH&&t!==Y&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>q(t)||"function"==typeof t?.[Symbol.iterator])(t)?this.k(t):this._(t)}S(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.S(t))}_(t){this._$AH!==X&&U(this._$AH)?this._$AA.nextSibling.data=t:this.T(L.createTextNode(t)),this._$AH=t}$(t){const{values:r,_$litType$:e}=t,o="number"==typeof e?this._$AC(t):(void 0===e.el&&(e.el=Z.createElement(W(e.h,e.h[0]),this.options)),e);if(this._$AH?._$AD===o)this._$AH.p(r);else{const t=new tt(o,this),e=t.u(this.options);t.p(r),this.T(e),this._$AH=t}}_$AC(t){let r=F.get(t.strings);return void 0===r&&F.set(t.strings,r=new Z(t)),r}k(t){q(this._$AH)||(this._$AH=[],this._$AR());const r=this._$AH;let e,o=0;for(const a of t)o===r.length?r.push(e=new rt(this.S(P()),this.S(P()),this,this.options)):e=r[o],e._$AI(a),o++;o<r.length&&(this._$AR(e&&e._$AB.nextSibling,o),r.length=o)}_$AR(t=this._$AA.nextSibling,r){for(this._$AP?.(!1,!0,r);t&&t!==this._$AB;){const r=t.nextSibling;t.remove(),t=r}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class et{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,r,e,o,a){this.type=1,this._$AH=X,this._$AN=void 0,this.element=t,this.name=r,this._$AM=o,this.options=a,e.length>2||""!==e[0]||""!==e[1]?(this._$AH=Array(e.length-1).fill(new String),this.strings=e):this._$AH=X}_$AI(t,r=this,e,o){const a=this.strings;let i=!1;if(void 0===a)t=J(this,t,r,0),i=!U(t)||t!==this._$AH&&t!==Y,i&&(this._$AH=t);else{const o=t;let n,s;for(t=a[0],n=0;n<a.length-1;n++)s=J(this,o[e+n],r,n),s===Y&&(s=this._$AH[n]),i||=!U(s)||s!==this._$AH[n],s===X?t=X:t!==X&&(t+=(s??"")+a[n+1]),this._$AH[n]=s}i&&!o&&this.j(t)}j(t){t===X?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class ot extends et{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===X?void 0:t}}class at extends et{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==X)}}class it extends et{constructor(t,r,e,o,a){super(t,r,e,o,a),this.type=5}_$AI(t,r=this){if((t=J(this,t,r,0)??X)===Y)return;const e=this._$AH,o=t===X&&e!==X||t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive,a=t!==X&&(e===X||o);o&&this.element.removeEventListener(this.name,this,e),a&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class nt{constructor(t,r,e){this.element=t,this.type=6,this._$AN=void 0,this._$AM=r,this.options=e}get _$AU(){return this._$AM._$AU}_$AI(t){J(this,t)}}const st=S.litHtmlPolyfillSupport;st?.(Z,rt),(S.litHtmlVersions??=[]).push("3.1.2");class lt extends _{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const r=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=((t,r,e)=>{const o=e?.renderBefore??r;let a=o._$litPart$;if(void 0===a){const t=e?.renderBefore??null;o._$litPart$=a=new rt(r.insertBefore(P(),t),t,void 0,e??{})}return a._$AI(t),a})(r,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return Y}}lt._$litElement$=!0,lt.finalized=!0,globalThis.litElementHydrateSupport?.({LitElement:lt});const ht=globalThis.litElementPolyfillSupport;ht?.({LitElement:lt}),(globalThis.litElementVersions??=[]).push("4.0.4");const ct=t=>(r,e)=>{void 0!==e?e.addInitializer((()=>{customElements.define(t,r)})):customElements.define(t,r)},dt={attribute:!0,type:String,converter:w,reflect:!1,hasChanged:$},pt=(t=dt,r,e)=>{const{kind:o,metadata:a}=e;let i=globalThis.litPropertyMetadata.get(a);if(void 0===i&&globalThis.litPropertyMetadata.set(a,i=new Map),i.set(e.name,t),"accessor"===o){const{name:o}=e;return{set(e){const a=r.get.call(this);r.set.call(this,e),this.requestUpdate(o,a,t)},init(r){return void 0!==r&&this.P(o,void 0,t),r}}}if("setter"===o){const{name:o}=e;return function(e){const a=this[o];r.call(this,e),this.requestUpdate(o,a,t)}}throw Error("Unsupported decorator location: "+o)};function ut(t){return(r,e)=>"object"==typeof e?pt(t,r,e):((t,r,e)=>{const o=r.hasOwnProperty(e);return r.constructor.createProperty(e,o?{...t,wrapped:!0}:t),o?Object.getOwnPropertyDescriptor(r,e):void 0})(t,r,e)}function vt(t){return ut({...t,state:!0,attribute:!1})}function gt(t){return(r,e)=>{const o="function"==typeof r?r:r[e];Object.assign(o,t)}}const bt=(t,r,e)=>(e.configurable=!0,e.enumerable=!0,Reflect.decorate&&"object"!=typeof r&&Object.defineProperty(t,r,e),e);function mt(t,r){return(e,o,a)=>{const i=r=>r.renderRoot?.querySelector(t)??null;if(r){const{get:t,set:r}="object"==typeof o?e:a??(()=>{const t=Symbol();return{get(){return this[t]},set(r){this[t]=r}}})();return bt(e,o,{get(){let e=t.call(this);return void 0===e&&(e=i(this),(null!==e||this.hasUpdated)&&r.call(this,e)),e}})}return bt(e,o,{get(){return i(this)}})}}const yt=t=>t??X;function ft(t=10){return`_${Math.random().toString(36).substr(2,t)}`}t.TkBox=class extends lt{constructor(){super(...arguments),this.ripple=!1}static get styles(){return[h`${l('*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{box-sizing:border-box;display:flex;flex-direction:column;position:relative}:host([hidden]){display:none}.ripple{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.ripple span{background-color:hsla(var(--on-primary),.5);border-radius:50%;position:absolute}:host([align-content=start]){align-content:flex-start}:host([align-content=end]){align-content:flex-end}:host([align-content=stretch]){align-content:stretch}:host([align-content=center]){align-content:center}:host([align-content=around]){align-content:space-around}:host([align-content=between]){align-content:space-between}:host([align-items=start]){align-items:flex-start}:host([align-items=end]){align-items:flex-end}:host([align-items=stretch]){align-items:stretch}:host([align-items=center]){align-items:center}:host([align-items=baseline]){align-items:baseline}:host([align-self=start]){align-self:flex-start}:host([align-self=end]){align-self:flex-end}:host([align-self=stretch]){align-self:stretch}:host([align-self=center]){align-self:center}:host([background=primary]){background-color:hsl(var(--primary))}:host([color=primary]){color:hsl(var(--primary))}:host([background=on-primary]){background-color:hsl(var(--on-primary))}:host([color=on-primary]){color:hsl(var(--on-primary))}:host([background=secondary]){background-color:hsl(var(--secondary))}:host([color=secondary]){color:hsl(var(--secondary))}:host([background=on-secondary]){background-color:hsl(var(--on-secondary))}:host([color=on-secondary]){color:hsl(var(--on-secondary))}:host([background=tertiary]){background-color:hsl(var(--tertiary))}:host([color=tertiary]){color:hsl(var(--tertiary))}:host([background=on-tertiary]){background-color:hsl(var(--on-tertiary))}:host([color=on-tertiary]){color:hsl(var(--on-tertiary))}:host([background=neutral]){background-color:hsl(var(--neutral))}:host([color=neutral]){color:hsl(var(--neutral))}:host([background=on-neutral]){background-color:hsl(var(--on-neutral))}:host([color=on-neutral]){color:hsl(var(--on-neutral))}:host([background=neutral-variant]){background-color:hsl(var(--neutral-variant))}:host([color=neutral-variant]){color:hsl(var(--neutral-variant))}:host([background=on-neutral-variant]){background-color:hsl(var(--on-neutral-variant))}:host([color=on-neutral-variant]){color:hsl(var(--on-neutral-variant))}:host([background=error]){background-color:hsl(var(--error))}:host([color=error]){color:hsl(var(--error))}:host([background=on-error]){background-color:hsl(var(--on-error))}:host([color=on-error]){color:hsl(var(--on-error))}:host([background=primary-container]){background-color:hsl(var(--primary-container))}:host([color=primary-container]){color:hsl(var(--primary-container))}:host([background=on-primary-container]){background-color:hsl(var(--on-primary-container))}:host([color=on-primary-container]){color:hsl(var(--on-primary-container))}:host([background=secondary-container]){background-color:hsl(var(--secondary-container))}:host([color=secondary-container]){color:hsl(var(--secondary-container))}:host([background=on-secondary-container]){background-color:hsl(var(--on-secondary-container))}:host([color=on-secondary-container]){color:hsl(var(--on-secondary-container))}:host([background=tertiary-container]){background-color:hsl(var(--tertiary-container))}:host([color=tertiary-container]){color:hsl(var(--tertiary-container))}:host([background=on-tertiary-container]){background-color:hsl(var(--on-tertiary-container))}:host([color=on-tertiary-container]){color:hsl(var(--on-tertiary-container))}:host([background=neutral-container]){background-color:hsl(var(--neutral-container))}:host([color=neutral-container]){color:hsl(var(--neutral-container))}:host([background=on-neutral-container]){background-color:hsl(var(--on-neutral-container))}:host([color=on-neutral-container]){color:hsl(var(--on-neutral-container))}:host([background=neutral-variant-container]){background-color:hsl(var(--neutral-variant-container))}:host([color=neutral-variant-container]){color:hsl(var(--neutral-variant-container))}:host([background=on-neutral-variant-container]){background-color:hsl(var(--on-neutral-variant-container))}:host([color=on-neutral-variant-container]){color:hsl(var(--on-neutral-variant-container))}:host([background=error-container]){background-color:hsl(var(--error-container))}:host([color=error-container]){color:hsl(var(--error-container))}:host([background=on-error-container]){background-color:hsl(var(--on-error-container))}:host([color=on-error-container]){color:hsl(var(--on-error-container))}:host([background=primary-0]){background-color:hsl(var(--primary-0))}:host([color=primary-0]){color:hsl(var(--primary-0))}:host([background=surface]){background-color:hsl(var(--surface))}:host([color=surface]){color:hsl(var(--surface))}:host([background=on-surface]){background-color:hsl(var(--on-surface))}:host([color=on-surface]){color:hsl(var(--on-surface))}:host([background=surface-dim]){background-color:hsl(var(--surface-dim))}:host([color=surface-dim]){color:hsl(var(--surface-dim))}:host([background=surface-bright]){background-color:hsl(var(--surface-bright))}:host([color=surface-bright]){color:hsl(var(--surface-bright))}:host([background=surface-container-lowest]){background-color:hsl(var(--surface-container-lowest))}:host([color=surface-container-lowest]){color:hsl(var(--surface-container-lowest))}:host([background=surface-container-low]){background-color:hsl(var(--surface-container-low))}:host([color=surface-container-low]){color:hsl(var(--surface-container-low))}:host([background=surface-container]){background-color:hsl(var(--surface-container))}:host([color=surface-container]){color:hsl(var(--surface-container))}:host([background=surface-container-high]){background-color:hsl(var(--surface-container-high))}:host([color=surface-container-high]){color:hsl(var(--surface-container-high))}:host([background=surface-container-highest]){background-color:hsl(var(--surface-container-highest))}:host([color=surface-container-highest]){color:hsl(var(--surface-container-highest))}:host([background=surface-variant]){background-color:hsl(var(--surface-variant))}:host([color=surface-variant]){color:hsl(var(--surface-variant))}:host([background=on-surface-variant]){background-color:hsl(var(--on-surface-variant))}:host([color=on-surface-variant]){color:hsl(var(--on-surface-variant))}:host([background=outline]){background-color:hsl(var(--outline))}:host([color=outline]){color:hsl(var(--outline))}:host([background=outline-variant]){background-color:hsl(var(--outline-variant))}:host([color=outline-variant]){color:hsl(var(--outline-variant))}:host([background=inverse-surface]){background-color:hsl(var(--inverse-surface))}:host([color=inverse-surface]){color:hsl(var(--inverse-surface))}:host([background=inverse-on-surface]){background-color:hsl(var(--inverse-on-surface))}:host([color=inverse-on-surface]){color:hsl(var(--inverse-on-surface))}:host([background=background]){background-color:hsl(var(--background))}:host([color=background]){color:hsl(var(--background))}:host([background=on-background]){background-color:hsl(var(--on-background))}:host([color=on-background]){color:hsl(var(--on-background))}:host([background=shadow]){background-color:hsl(var(--shadow))}:host([color=shadow]){color:hsl(var(--shadow))}:host([background=primary-10]){background-color:hsl(var(--primary-10))}:host([color=primary-10]){color:hsl(var(--primary-10))}:host([background=primary-20]){background-color:hsl(var(--primary-20))}:host([color=primary-20]){color:hsl(var(--primary-20))}:host([background=primary-30]){background-color:hsl(var(--primary-30))}:host([color=primary-30]){color:hsl(var(--primary-30))}:host([background=primary-40]){background-color:hsl(var(--primary-40))}:host([color=primary-40]){color:hsl(var(--primary-40))}:host([background=primary-50]){background-color:hsl(var(--primary-50))}:host([color=primary-50]){color:hsl(var(--primary-50))}:host([background=primary-60]){background-color:hsl(var(--primary-60))}:host([color=primary-60]){color:hsl(var(--primary-60))}:host([background=primary-70]){background-color:hsl(var(--primary-70))}:host([color=primary-70]){color:hsl(var(--primary-70))}:host([background=primary-80]){background-color:hsl(var(--primary-80))}:host([color=primary-80]){color:hsl(var(--primary-80))}:host([background=primary-90]){background-color:hsl(var(--primary-90))}:host([color=primary-90]){color:hsl(var(--primary-90))}:host([background=primary-95]){background-color:hsl(var(--primary-95))}:host([color=primary-95]){color:hsl(var(--primary-95))}:host([background=primary-99]){background-color:hsl(var(--primary-99))}:host([color=primary-99]){color:hsl(var(--primary-99))}:host([background=primary-100]){background-color:hsl(var(--primary-100))}:host([color=primary-100]){color:hsl(var(--primary-100))}:host([background=secondary-0]){background-color:hsl(var(--secondary-0))}:host([color=secondary-0]){color:hsl(var(--secondary-0))}:host([background=secondary-10]){background-color:hsl(var(--secondary-10))}:host([color=secondary-10]){color:hsl(var(--secondary-10))}:host([background=secondary-20]){background-color:hsl(var(--secondary-20))}:host([color=secondary-20]){color:hsl(var(--secondary-20))}:host([background=secondary-30]){background-color:hsl(var(--secondary-30))}:host([color=secondary-30]){color:hsl(var(--secondary-30))}:host([background=secondary-40]){background-color:hsl(var(--secondary-40))}:host([color=secondary-40]){color:hsl(var(--secondary-40))}:host([background=secondary-50]){background-color:hsl(var(--secondary-50))}:host([color=secondary-50]){color:hsl(var(--secondary-50))}:host([background=secondary-60]){background-color:hsl(var(--secondary-60))}:host([color=secondary-60]){color:hsl(var(--secondary-60))}:host([background=secondary-70]){background-color:hsl(var(--secondary-70))}:host([color=secondary-70]){color:hsl(var(--secondary-70))}:host([background=secondary-80]){background-color:hsl(var(--secondary-80))}:host([color=secondary-80]){color:hsl(var(--secondary-80))}:host([background=secondary-90]){background-color:hsl(var(--secondary-90))}:host([color=secondary-90]){color:hsl(var(--secondary-90))}:host([background=secondary-100]){background-color:hsl(var(--secondary-100))}:host([color=secondary-100]){color:hsl(var(--secondary-100))}:host([background=tertiary-0]){background-color:hsl(var(--tertiary-0))}:host([color=tertiary-0]){color:hsl(var(--tertiary-0))}:host([background=tertiary-10]){background-color:hsl(var(--tertiary-10))}:host([color=tertiary-10]){color:hsl(var(--tertiary-10))}:host([background=tertiary-20]){background-color:hsl(var(--tertiary-20))}:host([color=tertiary-20]){color:hsl(var(--tertiary-20))}:host([background=tertiary-30]){background-color:hsl(var(--tertiary-30))}:host([color=tertiary-30]){color:hsl(var(--tertiary-30))}:host([background=tertiary-40]){background-color:hsl(var(--tertiary-40))}:host([color=tertiary-40]){color:hsl(var(--tertiary-40))}:host([background=tertiary-50]){background-color:hsl(var(--tertiary-50))}:host([color=tertiary-50]){color:hsl(var(--tertiary-50))}:host([background=tertiary-60]){background-color:hsl(var(--tertiary-60))}:host([color=tertiary-60]){color:hsl(var(--tertiary-60))}:host([background=tertiary-70]){background-color:hsl(var(--tertiary-70))}:host([color=tertiary-70]){color:hsl(var(--tertiary-70))}:host([background=tertiary-80]){background-color:hsl(var(--tertiary-80))}:host([color=tertiary-80]){color:hsl(var(--tertiary-80))}:host([background=tertiary-90]){background-color:hsl(var(--tertiary-90))}:host([color=tertiary-90]){color:hsl(var(--tertiary-90))}:host([background=tertiary-100]){background-color:hsl(var(--tertiary-100))}:host([color=tertiary-100]){color:hsl(var(--tertiary-100))}:host([background=neutral-0]){background-color:hsl(var(--neutral-0))}:host([color=neutral-0]){color:hsl(var(--neutral-0))}:host([background=neutral-10]){background-color:hsl(var(--neutral-10))}:host([color=neutral-10]){color:hsl(var(--neutral-10))}:host([background=neutral-20]){background-color:hsl(var(--neutral-20))}:host([color=neutral-20]){color:hsl(var(--neutral-20))}:host([background=neutral-30]){background-color:hsl(var(--neutral-30))}:host([color=neutral-30]){color:hsl(var(--neutral-30))}:host([background=neutral-40]){background-color:hsl(var(--neutral-40))}:host([color=neutral-40]){color:hsl(var(--neutral-40))}:host([background=neutral-50]){background-color:hsl(var(--neutral-50))}:host([color=neutral-50]){color:hsl(var(--neutral-50))}:host([background=neutral-60]){background-color:hsl(var(--neutral-60))}:host([color=neutral-60]){color:hsl(var(--neutral-60))}:host([background=neutral-70]){background-color:hsl(var(--neutral-70))}:host([color=neutral-70]){color:hsl(var(--neutral-70))}:host([background=neutral-80]){background-color:hsl(var(--neutral-80))}:host([color=neutral-80]){color:hsl(var(--neutral-80))}:host([background=neutral-90]){background-color:hsl(var(--neutral-90))}:host([color=neutral-90]){color:hsl(var(--neutral-90))}:host([background=neutral-100]){background-color:hsl(var(--neutral-100))}:host([color=neutral-100]){color:hsl(var(--neutral-100))}:host([background=error-0]){background-color:hsl(var(--error-0))}:host([color=error-0]){color:hsl(var(--error-0))}:host([background=error-10]){background-color:hsl(var(--error-10))}:host([color=error-10]){color:hsl(var(--error-10))}:host([background=error-20]){background-color:hsl(var(--error-20))}:host([color=error-20]){color:hsl(var(--error-20))}:host([background=error-30]){background-color:hsl(var(--error-30))}:host([color=error-30]){color:hsl(var(--error-30))}:host([background=error-40]){background-color:hsl(var(--error-40))}:host([color=error-40]){color:hsl(var(--error-40))}:host([background=error-50]){background-color:hsl(var(--error-50))}:host([color=error-50]){color:hsl(var(--error-50))}:host([background=error-60]){background-color:hsl(var(--error-60))}:host([color=error-60]){color:hsl(var(--error-60))}:host([background=error-70]){background-color:hsl(var(--error-70))}:host([color=error-70]){color:hsl(var(--error-70))}:host([background=error-80]){background-color:hsl(var(--error-80))}:host([color=error-80]){color:hsl(var(--error-80))}:host([background=error-90]){background-color:hsl(var(--error-90))}:host([color=error-90]){color:hsl(var(--error-90))}:host([background=error-100]){background-color:hsl(var(--error-100))}:host([color=error-100]){color:hsl(var(--error-100))}:host([direction=column]){flex-direction:column}:host([direction=row-reverse]){flex-direction:row-reverse}:host([direction=column-reverse]){flex-direction:column-reverse}:host([text=center]){text-align:center}:host([text=justify]){text-align:justify}:host([text=left]){text-align:left}:host([text=right]){text-align:right}:host([weight="100"]){font-weight:100}:host([weight="200"]){font-weight:200}:host([weight="300"]){font-weight:300}:host([weight="400"]){font-weight:400}:host([weight="500"]){font-weight:500}:host([weight="600"]){font-weight:600}:host([weight="700"]){font-weight:700}:host([weight="800"]){font-weight:800}:host([weight="900"]){font-weight:900}:host([weight=lighter]){font-weight:lighter}:host([weight=bold]){font-weight:700}:host([weight=bolder]){font-weight:bolder}:host([direction=row]){flex-direction:row}:host([direction=row-reverse]){flex-direction:row}:host([elevation="1"]){box-shadow:var(--box-elevation,0 1px 2px 0 #0000004d,0 1px 3px 1px #00000026)}:host([elevation="2"]){box-shadow:var(--box-elevation,0 1px 2px 0 #0000004d,0 2px 6px 2px #00000026)}:host([elevation="3"]){box-shadow:var(--box-elevation,0 1px 3px 0 #0000004d,0 4px 8px 3px #00000026)}:host([fill=horizontal]){width:100%}:host([fill=vertical]){height:100%}:host([fill=true]){height:100%;width:100%}:host([flex=grow]){flex:1 0}:host([flex=shrink]){flex:0 1}:host([flex=true]){flex:1 1}:host([flex=false]){flex:0 0}:host([gap=xsmall]) ::slotted(*),:host([gap=xsmall][direction=column]) ::slotted(*){margin:var(--spacing-xs,.25rem) 0}:host([gap=xsmall][direction=row]) ::slotted(*){margin:0 var(--spacing-xs,.25rem)}:host([margin=xsmall]){margin:var(--box-margin,var(--spacing-xs,.25rem))}:host([vmargin=xsmall]){margin-bottom:var(--box-margin,var(--spacing-xs,.25rem));margin-top:var(--box-margin,var(--spacing-xs,.25rem))}:host([hmargin=xsmall]){margin-left:var(--box-margin,var(--spacing-xs,.25rem));margin-right:var(--box-margin,var(--spacing-xs,.25rem))}:host([margin="xsmall auto"]){margin:var(--box-margin,var(--spacing-xs,.25rem)) auto}:host([margin="auto xsmall"]){margin:auto var(--box-margin,var(--spacing-xs,.25rem))}:host([padding=xsmall]){padding:var(--box-padding,var(--spacing-xs,.25rem))}:host([vpadding=xsmall]){padding-bottom:var(--box-padding,var(--spacing-xs,.25rem));padding-top:var(--box-padding,var(--spacing-xs,.25rem))}:host([hpadding=xsmall]){padding-left:var(--box-padding,var(--spacing-xs,.25rem));padding-right:var(--box-padding,var(--spacing-xs,.25rem))}:host([gap=small]) ::slotted(*),:host([gap=small][direction=column]) ::slotted(*){margin:var(--spacing-s,.5rem) 0}:host([gap=small][direction=row]) ::slotted(*){margin:0 var(--spacing-s,.5rem)}:host([margin=small]){margin:var(--box-margin,var(--spacing-s,.5rem))}:host([vmargin=small]){margin-bottom:var(--box-margin,var(--spacing-s,.5rem));margin-top:var(--box-margin,var(--spacing-s,.5rem))}:host([hmargin=small]){margin-left:var(--box-margin,var(--spacing-s,.5rem));margin-right:var(--box-margin,var(--spacing-s,.5rem))}:host([margin="small auto"]){margin:var(--box-margin,var(--spacing-s,.5rem)) auto}:host([margin="auto small"]){margin:auto var(--box-margin,var(--spacing-s,.5rem))}:host([padding=small]){padding:var(--box-padding,var(--spacing-s,.5rem))}:host([vpadding=small]){padding-bottom:var(--box-padding,var(--spacing-s,.5rem));padding-top:var(--box-padding,var(--spacing-s,.5rem))}:host([hpadding=small]){padding-left:var(--box-padding,var(--spacing-s,.5rem));padding-right:var(--box-padding,var(--spacing-s,.5rem))}:host([gap=medium]) ::slotted(*),:host([gap=medium][direction=column]) ::slotted(*){margin:var(--spacing-m,1rem) 0}:host([gap=medium][direction=row]) ::slotted(*){margin:0 var(--spacing-m,1rem)}:host([margin=medium]){margin:var(--box-margin,var(--spacing-m,1rem))}:host([vmargin=medium]){margin-bottom:var(--box-margin,var(--spacing-m,1rem));margin-top:var(--box-margin,var(--spacing-m,1rem))}:host([hmargin=medium]){margin-left:var(--box-margin,var(--spacing-m,1rem));margin-right:var(--box-margin,var(--spacing-m,1rem))}:host([margin="medium auto"]){margin:var(--box-margin,var(--spacing-m,1rem)) auto}:host([margin="auto medium"]){margin:auto var(--box-margin,var(--spacing-m,1rem))}:host([padding=medium]){padding:var(--box-padding,var(--spacing-m,1rem))}:host([vpadding=medium]){padding-bottom:var(--box-padding,var(--spacing-m,1rem));padding-top:var(--box-padding,var(--spacing-m,1rem))}:host([hpadding=medium]){padding-left:var(--box-padding,var(--spacing-m,1rem));padding-right:var(--box-padding,var(--spacing-m,1rem))}:host([gap=large]) ::slotted(*),:host([gap=large][direction=column]) ::slotted(*){margin:var(--spacing-l,1.25rem) 0}:host([gap=large][direction=row]) ::slotted(*){margin:0 var(--spacing-l,1.25rem)}:host([margin=large]){margin:var(--box-margin,var(--spacing-l,1.25rem))}:host([vmargin=large]){margin-bottom:var(--box-margin,var(--spacing-l,1.25rem));margin-top:var(--box-margin,var(--spacing-l,1.25rem))}:host([hmargin=large]){margin-left:var(--box-margin,var(--spacing-l,1.25rem));margin-right:var(--box-margin,var(--spacing-l,1.25rem))}:host([margin="large auto"]){margin:var(--box-margin,var(--spacing-l,1.25rem)) auto}:host([margin="auto large"]){margin:auto var(--box-margin,var(--spacing-l,1.25rem))}:host([padding=large]){padding:var(--box-padding,var(--spacing-l,1.25rem))}:host([vpadding=large]){padding-bottom:var(--box-padding,var(--spacing-l,1.25rem));padding-top:var(--box-padding,var(--spacing-l,1.25rem))}:host([hpadding=large]){padding-left:var(--box-padding,var(--spacing-l,1.25rem));padding-right:var(--box-padding,var(--spacing-l,1.25rem))}:host([gap=xlarge]) ::slotted(*),:host([gap=xlarge][direction=column]) ::slotted(*){margin:var(--spacing-xl,2rem) 0}:host([gap=xlarge][direction=row]) ::slotted(*){margin:0 var(--spacing-xl,2rem)}:host([margin=xlarge]){margin:var(--box-margin,var(--spacing-xl,2rem))}:host([vmargin=xlarge]){margin-bottom:var(--box-margin,var(--spacing-xl,2rem));margin-top:var(--box-margin,var(--spacing-xl,2rem))}:host([hmargin=xlarge]){margin-left:var(--box-margin,var(--spacing-xl,2rem));margin-right:var(--box-margin,var(--spacing-xl,2rem))}:host([margin="xlarge auto"]){margin:var(--box-margin,var(--spacing-xl,2rem)) auto}:host([margin="auto xlarge"]){margin:auto var(--box-margin,var(--spacing-xl,2rem))}:host([padding=xlarge]){padding:var(--box-padding,var(--spacing-xl,2rem))}:host([vpadding=xlarge]){padding-bottom:var(--box-padding,var(--spacing-xl,2rem));padding-top:var(--box-padding,var(--spacing-xl,2rem))}:host([hpadding=xlarge]){padding-left:var(--box-padding,var(--spacing-xl,2rem));padding-right:var(--box-padding,var(--spacing-xl,2rem))}:host([font=xsmall]),:host([size=xsmall]){font-size:var(--box-font-size,var(--font-size-xs,.625rem))}:host([font=small]),:host([size=small]){font-size:var(--box-font-size,var(--font-size-s,.875rem))}:host([font=medium]),:host([size=medium]){font-size:var(--box-font-size,var(--font-size-m,1rem))}:host([font=large]),:host([size=large]){font-size:var(--box-font-size,var(--font-size-l,1.25rem))}:host([font=xlarge]),:host([size=xlarge]){font-size:var(--box-font-size,var(--font-size-xl,1.5rem))}:host([font=xxlarge]),:host([size=xxlarge]){font-size:var(--box-font-size,var(--font-size-xxl,2.25rem))}:host([justify=start]){justify-content:flex-start}:host([justify=end]){justify-content:flex-end}:host([justify=stretch]){justify-content:stretch}:host([justify=baseline]){justify-content:baseline}:host([justify=center]){justify-content:center}:host([justify=around]){justify-content:space-around}:host([justify=between]){justify-content:space-between}:host([justify=evenly]){justify-content:space-evenly}:host([overflow=auto]){overflow:auto}:host([overflow=hidden]){overflow:hidden}:host([overflow=scroll]){overflow:scroll}:host([overflow=visible]){overflow:visible}:host([radius=none]){border-radius:var(--box-border-radius,0)}:host([radius=small]){border-radius:var(--box-border-radius,var(--border-radius-small,.125rem))}:host([radius=medium]){border-radius:var(--box-border-radius,var(--border-radius-medium,.25rem))}:host([radius=large]){border-radius:var(--box-border-radius,var(--border-radius-large,.5rem))}:host([radius=xlarge]){border-radius:var(--box-border-radius,var(--border-radius-x-large,1rem))}:host([radius=circle]){border-radius:var(--box-border-radius,var(--border-radius-circle,50%))}:host([radius=pill]){border-radius:var(--box-border-radius,var(--border-radius-pill,9999px))}:host([max-width=xxsmall]){max-width:var(--box-max-width,var(--size-xxs,2rem))}:host([width=xxsmall]){width:var(--box-width,var(--size-xxs,2rem))}:host([max-height=xxsmall]){max-height:var(--box-max-height,var(--size-xxs,2rem))}:host([height=xxsmall]){height:var(--box-height,var(--size-xxs,2rem))}:host([max-width=xsmall]){max-width:var(--box-max-width,var(--size-xs,4rem))}:host([width=xsmall]){width:var(--box-width,var(--size-xs,4rem))}:host([max-height=xsmall]){max-height:var(--box-max-height,var(--size-xs,4rem))}:host([height=xsmall]){height:var(--box-height,var(--size-xs,4rem))}:host([max-width=small]){max-width:var(--box-max-width,var(--size-s,8rem))}:host([width=small]){width:var(--box-width,var(--size-s,8rem))}:host([max-height=small]){max-height:var(--box-max-height,var(--size-s,8rem))}:host([height=small]){height:var(--box-height,var(--size-s,8rem))}:host([max-width=medium]){max-width:var(--box-max-width,var(--size-m,16rem))}:host([width=medium]){width:var(--box-width,var(--size-m,16rem))}:host([max-height=medium]){max-height:var(--box-max-height,var(--size-m,16rem))}:host([height=medium]){height:var(--box-height,var(--size-m,16rem))}:host([max-width=large]){max-width:var(--box-max-width,var(--size-l,32rem))}:host([width=large]){width:var(--box-width,var(--size-l,32rem))}:host([max-height=large]){max-height:var(--box-max-height,var(--size-l,32rem))}:host([height=large]){height:var(--box-height,var(--size-l,32rem))}:host([max-width=xlarge]){max-width:var(--box-max-width,var(--size-xl,48rem))}:host([width=xlarge]){width:var(--box-width,var(--size-xl,48rem))}:host([max-height=xlarge]){max-height:var(--box-max-height,var(--size-xl,48rem))}:host([height=xlarge]){height:var(--box-height,var(--size-xl,48rem))}:host([max-width=xxlarge]){max-width:var(--box-max-width,var(--size-xxl,64rem))}:host([width=xxlarge]){width:var(--box-width,var(--size-xxl,64rem))}:host([max-height=xxlarge]){max-height:var(--box-max-height,var(--size-xxl,64rem))}:host([height=xxlarge]){height:var(--box-height,var(--size-xxl,64rem))}:host([wrap=true]){flex-wrap:wrap}:host([wrap=reverse]){flex-wrap:wrap-reverse}')}`]}render(){return K`<slot></slot>`}connectedCallback(){this.ripple&&(this.addEventListener("mousedown",this.showRipple.bind(this),{passive:!0}),this.addEventListener("mouseup",this.hideRipple.bind(this),{passive:!0})),super.connectedCallback()}disconnectedCallback(){this.removeEventListener("mousedown",this.showRipple),this.addEventListener("mouseup",this.hideRipple),super.disconnectedCallback()}updated(t){super.updated(t)}showRipple(t){const r=t.clientX,e=t.clientY,{offsetWidth:o,offsetHeight:a}=this,i=document.createElement("span");i.classList.add("ripple","open");const n=document.createElement("span");i.appendChild(n),this.shadowRoot.appendChild(i);const s=this.getBoundingClientRect(),l=2*Math.max(o,o);n.style.width=n.style.height=l+"px",n.style.left=r-s.left-l/2+"px",n.style.top=e-s.top-l/2+"px";n.animate({transform:["scale(0)","scale(1)"]},{easing:"ease-out",fill:"both",duration:500}).onfinish=()=>{i.classList.remove("open");n.animate({opacity:["0.5","0"]},{easing:"ease-in",fill:"both",duration:300}).onfinish=()=>{requestAnimationFrame((()=>{i.remove()}))}}}hideRipple(t){var r;null===(r=this.shadowRoot)||void 0===r||r.querySelectorAll(".ripple:not([open])").forEach((t=>{t.querySelector("span").animate({opacity:["0.5","0"]},{easing:"ease-out",fill:"both",duration:300}).onfinish=()=>{requestAnimationFrame((()=>{t.remove()}))}}))}},r([ut({type:Boolean})],t.TkBox.prototype,"ripple",void 0),r([ut()],t.TkBox.prototype,"background",void 0),r([ut()],t.TkBox.prototype,"color",void 0),t.TkBox=r([ct("tk-box")],t.TkBox);class xt extends t.TkBox{constructor(){super(...arguments),this._id=ft(),this.disabled=!1}updated(t){this.tabIndex=this.disabled?-1:0,super.updated(t)}}r([ut({type:Boolean})],xt.prototype,"_id",void 0),r([ut({type:Boolean})],xt.prototype,"disabled",void 0);t.TkAccordion=class extends xt{constructor(){super(...arguments),this.checked=!1,this.rippleHeader=!1}static get styles(){return[...t.TkBox.styles,h`${l('@charset "UTF-8";*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host .header{background-color:hsl(var(--surface-container-lowest));border:2px solid hsl(var(--outline));color:hsl(var(--on-surface));cursor:pointer;padding:16px}:host .header>*{margin:0 10px}:host .header:after{content:"▼";display:inline-block;font-size:12px;transition:transform .3s}:host .header .before{width:fit-content}:host .header .header-content{flex:1}:host .content{height:0;margin:0 auto;opacity:0;transition:all .2s;visibility:hidden;width:95%}:host h3,:host h5{margin:0}:host([checked]) .header{background-color:hsl(var(--primary));color:hsl(var(--on-primary))}:host([checked]) .header:after{transform:rotate(180deg)}:host([checked]) .content{height:auto;opacity:1;transition:all .3s,opacity .7s;visibility:visible}:host([pill]) .header{border-radius:9999px}')}`]}render(){return K`<tk-box margin="small"><tk-box @click="${this.handleClick.bind(this)}" ?ripple="${this.rippleHeader}" class="header" direction="row" align-items="center"><tk-box class="before"><slot name="before"></slot></tk-box><tk-box class="header-content"><h3 class="title"><slot name="title"></slot></h3><h5><slot name="description"></slot></h5></tk-box></tk-box><tk-box class="content"><slot></slot></tk-box></tk-box><input id="${this.id}" slot="none" style="display:none" type="radio" ?checked="${this.checked}" ?disabled="${this.disabled}" name="${yt(this.name)}" aria-hidden="true" tabindex="-1">`}firstUpdated(){this.appendChild(this.$input)}onKeyDown(t){"Space"!==t.code&&"Enter"!==t.code||(t.preventDefault(),t.stopPropagation(),this.click())}handleClick(){this.checked=!this.checked,this.checked&&this.name&&this.getRootNode().querySelectorAll(`tk-accordion[name="${this.name}"]`).forEach((t=>t!=this?t.checked=!1:null)),this.dispatchEvent(new Event("change"))}},r([ut({attribute:!0,type:String})],t.TkAccordion.prototype,"name",void 0),r([ut({attribute:!0,type:Boolean,reflect:!0})],t.TkAccordion.prototype,"checked",void 0),r([ut({attribute:"ripple-header",type:Boolean})],t.TkAccordion.prototype,"rippleHeader",void 0),r([mt("input")],t.TkAccordion.prototype,"$input",void 0),t.TkAccordion=r([ct("tk-accordion")],t.TkAccordion);t.TkBadge=class extends lt{static get styles(){return h`${l("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{display:inline-flex}:host .badge{background-color:hsl(var(--error));border-radius:8px;color:hsl(var(--on-error));cursor:inherit;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:10px;height:16px;line-height:8px;max-width:34px;min-width:16px;padding:4px;text-align:center;user-select:none;white-space:nowrap}:host .badge.empty{border-radius:100%;height:6px;min-width:6px;width:6px}")}`}render(){return K`<slot></slot><div class="badge ${this.label?"":"empty"}">${this.label}</div>`}},r([ut()],t.TkBadge.prototype,"label",void 0),t.TkBadge=r([ct("tk-badge")],t.TkBadge);t.TkButton=class extends t.TkBox{constructor(){super(...arguments),this._id=ft(),this.href=null,this.type="button",this.disabled=!1,this.fab=!1,this.ripple=!0}static get styles(){return[...t.TkBox.styles,h`${l("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{align-items:center;border-radius:20px;color:hsl(var(--primary));cursor:pointer;display:inline-flex;flex-direction:row;height:40px;justify-content:center;overflow:hidden;position:relative;text-align:center;text-decoration:none;text-overflow:ellipsis;user-select:none;vertical-align:middle;width:40px}:host tk-icon{height:24px;width:24px}:host([extended]){width:auto}:host([extended]) .content{align-items:center;display:flex;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;line-height:20px;margin:0 24px;pointer-events:none}:host([extended]) .content.has-icon{margin:0 24px 0 8px}:host([extended]) tk-icon{height:18px;margin-left:16px;width:18px}:host(:focus),:host(:hover){background-color:hsla(var(--primary),.3);outline:none}:host([elevated]){background-color:hsl(var(--surface-container-low));box-shadow:0 1px 2px 0 #0000004d,0 1px 3px 1px #00000026;color:hsl(var(--primary))}:host([elevated]:focus),:host([elevated]:hover){background-color:hsl(var(--surface-container-high));box-shadow:0 1px 2px 0 #0000004d,0 2px 6px 2px #00000026;outline:none}:host([filled]){background-color:hsl(var(--primary));color:hsl(var(--on-primary))}:host([filled]:hover){background-color:hsla(var(--primary),.6);box-shadow:0 1px 2px 0 #0000004d,0 1px 3px 1px #00000026}:host([filled]:focus){background-color:hsla(var(--primary),.6);outline:none}:host([tonal]){background-color:hsl(var(--secondary-container));color:hsl(var(--on-secondary-container))}:host([tonal]:hover){background-color:hsla(var(--on-secondary-container),.3);box-shadow:0 1px 2px 0 #0000004d,0 1px 3px 1px #00000026}:host([tonal]:focus){background-color:hsla(var(--on-secondary-container),.3);outline:none}:host([outlined]){background-color:initial;border:1px solid hsl(var(--outline));color:hsl(var(--primary))}:host([outlined]:hover){background-color:hsla(var(--primary),.08);color:hsl(var(--primary))}:host([outlined]:focus){background-color:hsla(var(--primary),.12);border-color:hsl(var(--primary));outline:none}:host([fab]){align-items:center;background-color:hsl(var(--primary));border-radius:16px;box-shadow:0 1px 3px 0 #0000004d,0 4px 8px 3px #00000026;color:hsl(var(--on-primary));display:inline-flex;height:56px;justify-content:center;padding:12px;width:56px}:host([fab]) tk-icon{height:24px;margin-left:0;width:24px}:host([fab]) .content{margin:0}:host([fab][extended]){min-width:80px;width:auto}:host([fab][extended]) .content{margin:0 24px}:host([fab][extended]) .content.has-icon{margin:0 24px 0 8px}:host([fab][extended]) tk-icon{margin-left:16px}:host([fab]:hover){background-color:hsla(var(--on-primary-container),.3)}:host([fab]:focus){background-color:hsla(var(--on-primary-container),.3);box-shadow:0 1px 3px 0 #0000004d,0 4px 8px 3px #00000026;outline:none}:host([fab][small]){border-radius:12px;height:40px;width:40px}:host([fab][small]) tk-icon{height:24px;width:24px}:host([fab][large]){border-radius:28px;height:96px;width:96px}:host([fab][large]) tk-icon{height:36px;width:36px}:host([disabled]){background-color:hsla(var(--on-surface),.12);box-shadow:none;cursor:not-allowed;pointer-events:none}:host([disabled]) .content{color:hsl(var(--on-surface));opacity:.38}")}`]}render(){return K`${this.iconPath?K`<tk-icon path="${this.iconPath}"></tk-icon>`:""}<div class="content ${this.iconPath?"has-icon":""}" @slotchange="${this.slotChanged}"><slot></slot></div>${this.href?K`<a tabindex="-1" hidden id="ahref" href="${this.href}" target="${yt(this.target)}" rel="noreferrer"></a>`:""} <button id="${this._id}" hidden type="${yt(this.type)}"></button>`}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleClick.bind(this))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.onKeyDown)}updated(t){this.tabIndex=this.disabled?-1:0,super.updated(t)}onKeyDown(t){"Space"!==t.code&&"Enter"!==t.code||(t.preventDefault(),t.stopPropagation(),this.click())}firstUpdated(){"submit"!=this.type&&"reset"!=this.type||this.appendChild(this.$button)}handleClick(t){var r;this.href&&t.isTrusted?(t.stopPropagation(),t.preventDefault(),this.$ahref.click()):(t.isTrusted&&"submit"==this.type||"reset"==this.type)&&(null===(r=this.querySelector("button"))||void 0===r||r.click())}slotChanged(){var t;const r=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("slot"),e=null==r?void 0:r.assignedNodes({flatten:!0});e&&e.length>0?this.setAttribute("extended",""):this.removeAttribute("extended")}},r([ut()],t.TkButton.prototype,"href",void 0),r([ut()],t.TkButton.prototype,"target",void 0),r([ut()],t.TkButton.prototype,"type",void 0),r([ut({type:Boolean})],t.TkButton.prototype,"disabled",void 0),r([ut({type:Boolean})],t.TkButton.prototype,"fab",void 0),r([ut({type:String})],t.TkButton.prototype,"iconPath",void 0),r([ut()],t.TkButton.prototype,"ripple",void 0),r([mt("#ahref")],t.TkButton.prototype,"$ahref",void 0),r([mt("button")],t.TkButton.prototype,"$button",void 0),t.TkButton=r([ct("tk-button")],t.TkButton);t.TkCheckbox=class extends lt{constructor(){super(...arguments),this._id=ft(),this.checked=!1,this.disabled=!1}render(){return K`<tk-box direction="row" align-items="center"><tk-box ripple tabindex="${this.disabled?-1:0}" class="state"><div class="checkbox"><svg id="checkmark" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" preserveAspectRatio="none" viewBox="0 0 24 24"><path id="checkmark-path" fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59"></path><line id="indeterminate-path" fill="none" x1="0" y1="12.5" x2="24" y2="12.5"/></svg></div></tk-box><span class="label"><slot></slot></span></tk-box><input id="${this._id}" slot="none" style="display:none" ?checked="${this.checked}" type="checkbox" name="${yt(this.name)}" value="${yt(this.value)}" aria-hidden="true" tabindex="-1">`}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleClick.bind(this)),this.addEventListener("keydown",this.onKeyDown.bind(this))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.onKeyDown)}firstUpdated(){this.appendChild(this.$input)}onKeyDown(t){"Space"!==t.code&&"Enter"!==t.code||(t.preventDefault(),t.stopPropagation(),this.click())}handleClick(){this.checked=!this.checked,setTimeout((()=>this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))))}},t.TkCheckbox.styles=h`${l("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{display:inline-flex}:host .state{align-items:center;border-radius:100%;display:inline-flex;height:40px;justify-content:center;outline:none;overflow:hidden;width:40px}:host .checkbox{align-items:center;border:2px solid hsl(var(--primary));display:inline-flex;height:18px;justify-content:center;margin:0 5px;outline:none;position:relative;transition:var(--checkbox-transition,background var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)),border-color var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)));-webkit-user-select:none;user-select:none;width:18px}:host .label{user-select:none}:host([checked]) .checkbox{background-color:hsl(var(--primary))}:host([checked]:not([indeterminate])) #checkmark-path,:host([indeterminate]) #indeterminate-path{stroke-dashoffset:0}:host(:focus) #checkmark-path,:host(:hover) #checkmark-path{will-change:stroke-dashoffset}#checkmark{padding:1px}#checkmark-path,#indeterminate-path{stroke-width:5px;stroke:hsl(var(--on-primary));stroke-dasharray:30;stroke-dashoffset:30;transition:var(--checkbox-checkmark-transition,stroke-dashoffset var(--transition-duration-medium,.18s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)))}#checkmark-path{transition-delay:var(--checkbox-checkmark-path-delay,50ms)}:host(:not([disabled])){cursor:pointer}:host(:focus) .state,:host(:hover) .state{background:hsla(var(--on-surface),.3)}:host([checked]:focus) .state,:host([checked]:hover) .state{background:hsla(var(--primary),.3)}:host([checked]:focus) .checked,:host([checked]:hover) .checked{background-color:hsl(var(--primary))}:host([disabled]){pointer-events:none}:host([disabled]) .checkbox{background-color:hsla(var(--on-surface),.3);border-color:hsla(var(--on-surface),0)}:host([disabled]) #checkmark-path,:host([disabled]) #indeterminate-path{stroke:hsla(var(--on-surface-variant,.3))}:host([disabled]) .label{opacity:.6}")}`,r([ut({attribute:!0,type:String})],t.TkCheckbox.prototype,"name",void 0),r([ut({attribute:!0,type:String,reflect:!0})],t.TkCheckbox.prototype,"value",void 0),r([ut({attribute:!0,type:Boolean,reflect:!0})],t.TkCheckbox.prototype,"checked",void 0),r([ut({type:Boolean})],t.TkCheckbox.prototype,"disabled",void 0),r([mt("input")],t.TkCheckbox.prototype,"$input",void 0),t.TkCheckbox=r([ct("tk-checkbox")],t.TkCheckbox);t.TkChip=class extends lt{render(){return K`<div class="chip"><slot></slot></div>`}},t.TkChip.styles=h`${l("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--color:var(--primary);--text:var(--on-primary);background:var(--color);box-sizing:border-box;color:var(--text);display:flex;flex-grow:1;height:var(--navbar-height,48px);justify-content:space-between;padding:var(--navbar-padding,var(--spacing-s,.5rem));position:relative;transition:var(--nav-transition,background var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)),transform var(--transition-duration-medium,.18s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)),box-shadow var(--transition-duration-medium,.18s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)));z-index:var(--navbar-z-index,100)}:host([inverted]){--color:var(--on-primary);--text:var(--primary)}:host([fixed]){left:0;position:fixed;top:0;width:100%}:host([shadow]){box-shadow:var(--nav-elevation,0 1px 3px 0 #0000004d,0 4px 8px 3px #00000026)}#left,#right,#title,::slotted([slot=left]),::slotted([slot=right]),::slotted([slot=title]){align-items:center;display:flex;height:100%}#title,::slotted([slot=title]){font-size:var(--nav-title-font-size,var(--font-size-l,1.25rem));margin:var(--nav-title-margin,0 0 0 var(--spacing-l,1.25rem))}")}`,t.TkChip=r([ct("tk-chip")],t.TkChip);t.TkDialog=class extends lt{constructor(){super(...arguments),this.modal=!1,this.open=!1,this.blurOverlay=!1}render(){return K`${this.open?K`<div class="overlay ${this.blurOverlay?"blur":""}" @click="${()=>this.modal?null:this.hide()}"></div><div class="container"><slot></slot></div>`:""}`}updated(t){t.has("open")&&this.open&&this.dispatchEvent(new Event("did-show")),t.has("open")&&1==t.get("open")&&!this.open&&this.dispatchEvent(new Event("did-close"))}show(){return this.open=!0,new Promise((t=>{this.resolve=t}))}hide(t=null){this.open=!1,this.resolve&&this.resolve(t)}},t.TkDialog.styles=h`${l("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{display:none;outline:none;position:relative}:host([open]){align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:var(--dialog-z-index,300)}:host([open]) .overlay{background-color:#00000080;bottom:0;left:0;position:absolute;right:0;top:0}:host([open]) .overlay.blur{backdrop-filter:blur(2px)}:host([open]) .container{animation:fade-in .3s forwards;margin:0;max-width:100%;overflow-y:auto;overscroll-behavior:contain;padding:1rem;position:fixed;width:fit-content;will-change:transform,opacity}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (max-width:400px){:host([open]) .container{padding:.1rem}}")}`,r([ut({type:Boolean,attribute:!0})],t.TkDialog.prototype,"modal",void 0),r([ut({type:Boolean,attribute:!0,reflect:!0})],t.TkDialog.prototype,"open",void 0),r([ut({type:Boolean,attribute:"blur-overlay"})],t.TkDialog.prototype,"blurOverlay",void 0),t.TkDialog=r([ct("tk-dialog")],t.TkDialog);t.TkDrawer=class extends lt{constructor(){super(...arguments),this._open=!1,this.over=!1,this.right=!1,this.swipeable=!1,this.swipeX=0,this.swipeY=0,this.isHorizontalSwipe=!1}set open(t){if(t===this._open)return;const r=this._open;this._open=t,this.requestUpdate("open",r),this._open&&this.dispatchEvent(new Event("did-show")),this._open||this.dispatchEvent(new Event("did-close"))}get open(){return this._open}render(){return K`<div class="container"><slot name="drawer-container"></slot></div><div class="overlay" @click="${()=>this.open=!1}"></div><div class="drawer" @touchstart="${this.touchStart}" @touchmove="${this.touchMove}" @touchend="${this.touchEnd}"><div class="drawer-header"><slot name="drawer-header"></slot></div><div class="drawer-content"><slot name="drawer-content"></slot></div><div class="drawer-footer"><slot name="drawer-footer"></slot></div><div class="drawer-swipe"></div></div>`}updated(t){t.has("overQuery")&&this.overMediaQuery(),t.has("openQuery")&&window.matchMedia(this.openQuery).matches&&this.show(),t.has("open")&&this.swipeable&&requestAnimationFrame((t=>{this.$drawer.removeAttribute("style")}))}overMediaQuery(){this.mql&&this.mql.removeEventListener("change",this.overMediaQueryListener.bind(this)),this.mql=window.matchMedia(this.overQuery),this.mql.matches?this.setAttribute("over",""):this.removeAttribute("over"),this.mql.addEventListener("change",this.overMediaQueryListener.bind(this))}overMediaQueryListener(t){t.matches?this.setAttribute("over",""):this.removeAttribute("over")}hideIfOver(){var t;(this.overQuery&&(null===(t=this.mql)||void 0===t?void 0:t.matches)||this.over)&&(this.open=!1)}show(){this.open=!0}hide(){this.open=!1}toggle(){this.open=!this.open}touchStart(t){this.swipeable&&(this.$drawer.style.transition="transform 0ms ease",this.swipeX=t.touches[0].clientX,this.swipeY=t.touches[0].clientY)}touchMove(t){if(!this.swipeable)return;const r=t.touches[0].clientX-this.swipeX,e=t.touches[0].clientY-this.swipeY;if(this.isHorizontalSwipe=Math.abs(r)>Math.abs(e),this.isHorizontalSwipe){var o,a=this.open?r>0?0:r:r<0?0:r;o=this.open?"translateX("+a+"px)":`translateX(min(calc(-100% + 10px + ${a}px), 0px)`,requestAnimationFrame((t=>{this.$drawer.style.transform=o}))}}touchEnd(t){if(!this.swipeable)return;requestAnimationFrame((t=>{this.$drawer.removeAttribute("style")}));const r=t.changedTouches[0].clientX-this.swipeX;this.isHorizontalSwipe&&this.open?this.open=!(-50>r):this.isHorizontalSwipe&&!this.open&&(this.open=50<r),this.isHorizontalSwipe=!1}},t.TkDrawer.styles=h`${l('*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{background-color:hsl(var(--surface));display:block;height:100%;overflow:hidden;position:relative;width:100%}.drawer{background-color:hsl(var(--surface));bottom:0;display:grid;grid-template-areas:"header swipe" "content swipe" "footer swipe";grid-template-columns:var(--drawer-width,256px) 10px;grid-template-rows:auto 1fr auto;overflow:hidden;position:absolute;top:0;touch-action:pan-y;transform:translateX(calc(-100% + 10px));transition:transform cubic-bezier(.4,0,.2,1) var(--transition-duration-medium,.18s);will-change:transform;z-index:var(--drawer-z-index,200)}.drawer .drawer-header{grid-area:header}.drawer .drawer-content{grid-area:content;overflow:auto;padding:12px}.drawer .drawer-footer{grid-area:footer}.drawer .drawer-swipe{background-color:initial;grid-area:swipe}:host([right]) .drawer{right:0;transform:translateX(calc(100% + 10px))}.overlay{background-color:#00000080;bottom:0;display:none;left:0;position:absolute;right:0;top:0;z-index:var(--drawer-overlay-z-index,200)}.container{height:100%;overflow:auto;transition:padding cubic-bezier(.4,0,.2,1) var(--transition-duration-slow,.25s)}:host([open]) .drawer{transform:none}:host([open]) .container{padding-left:var(--drawer-width,256px)}:host([open][over]) .drawer{background-color:hsl(var(--surface-container-low));box-shadow:0 1px 2px 0 #0000004d,0 1px 3px 1px #00000026}:host([open][over]) .container{padding-left:0}:host([open][over]) .overlay{display:block}@media (max-width:var(--drawer-trigger-width,400px)){:host([open]) .container{padding-left:0}:host([open]) .overlay{display:block}}')}`,r([ut({type:Boolean,reflect:!0})],t.TkDrawer.prototype,"open",null),r([ut({type:Boolean,reflect:!0})],t.TkDrawer.prototype,"over",void 0),r([ut({type:String,attribute:"open-query"})],t.TkDrawer.prototype,"openQuery",void 0),r([ut({type:String,attribute:"over-query"})],t.TkDrawer.prototype,"overQuery",void 0),r([ut({type:Boolean,reflect:!0})],t.TkDrawer.prototype,"right",void 0),r([ut({type:Boolean,reflect:!0})],t.TkDrawer.prototype,"swipeable",void 0),r([mt("div.drawer")],t.TkDrawer.prototype,"$drawer",void 0),r([gt({passive:!0})],t.TkDrawer.prototype,"touchStart",null),r([gt({passive:!0})],t.TkDrawer.prototype,"touchMove",null),r([gt({passive:!0})],t.TkDrawer.prototype,"touchEnd",null),t.TkDrawer=r([ct("tk-drawer")],t.TkDrawer),t.TkForm=class extends lt{connectedCallback(){super.connectedCallback(),this.addEventListener("submit",this.submit)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("submit",this.submit)}submit(t){t.preventDefault();const r=this.getFormDataAsObject();this.dispatchEvent(new CustomEvent("fulfill",{detail:r}))}getFormDataAsObject(){const t=this.querySelector("form"),r={};return new FormData(t).forEach(((t,e)=>{var o;const a=this.querySelector(`[name=${e}]`);if("TK-SLIDER"==a.tagName&&(t=Number(t)),"TK-CHECKBOX"!=a.tagName||"on"!=t&&"true"!=t||(t=!0),"TK-RADIO"!=a.tagName||"on"!=t&&"true"!=t||(t=!0),e.indexOf("-")>0){const a=e.split("-");r[a[0]]=null!==(o=r[a[0]])&&void 0!==o?o:{},r[a[0]][a[1]]=t}else r[e]=t})),r}},r([ut()],t.TkForm.prototype,"value",void 0),t.TkForm=r([ct("tk-form")],t.TkForm);const kt=1,wt=2,$t=t=>(...r)=>({_$litDirective$:t,values:r});class Tt{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,r,e){this._$Ct=t,this._$AM=r,this._$Ci=e}_$AS(t,r){return this.update(t,r)}update(t,r){return this.render(...r)}}let _t=class extends Tt{constructor(t){if(super(t),this.it=X,t.type!==wt)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===X||null==t)return this._t=void 0,this.it=t;if(t===Y)return t;if("string"!=typeof t)throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const r=[t];return r.raw=r,this._t={_$litType$:this.constructor.resultType,strings:r,values:[]}}};_t.directiveName="unsafeHTML",_t.resultType=1;const St=$t(_t);t.TkIcon=class extends t.TkBox{constructor(){super(...arguments),this.svg=""}static get styles(){return[...t.TkBox.styles,h`${l("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--color:var(--tk-icon-color,currentColor);display:inline-flex;height:1.5em;width:1.5em}:host svg{fill:var(--color);display:block;height:100%;width:100%}")}`]}render(){return K`${this.path?K`<svg viewBox="0 0 24 24"><path d="${this.path}"></path></svg>`:K`${St(this.svg)}`}`}updated(t){t.has("name")&&this.name&&this.loadIcon()}loadIcon(){return e(this,void 0,void 0,(function*(){const t=this.library?document.querySelector(`tk-icons[library=${this.library}]`):document.querySelector("tk-icons");t&&(this.svg=yield fetch(t.resolve(this.name)).then((t=>t.blob().then((r=>({contentType:t.headers.get("Content-Type"),raw:r}))))).then((t=>t.contentType&&/svg/.test(t.contentType)?t.raw.text():"")))}))}},r([ut()],t.TkIcon.prototype,"name",void 0),r([ut()],t.TkIcon.prototype,"library",void 0),r([ut()],t.TkIcon.prototype,"path",void 0),r([ut()],t.TkIcon.prototype,"svg",void 0),t.TkIcon=r([ct("tk-icon")],t.TkIcon),t.TkIcons=class extends lt{constructor(){super(...arguments),this.library="default"}firstUpdated(){window.document.body.appendChild(this)}},r([ut({attribute:!1})],t.TkIcons.prototype,"resolve",void 0),r([ut({reflect:!0})],t.TkIcons.prototype,"library",void 0),t.TkIcons=r([ct("tk-icons")],t.TkIcons);t.TkListItem=class extends t.TkBox{static get styles(){return[...t.TkBox.styles,h`${l("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{align-items:center;border-radius:28px;color:hsl(var(--on-surface-variant));display:flex;flex-direction:row;height:56px;outline:none;overflow:hidden;padding:0 24px 0 16px;position:relative;text-align:left}:host([clickable]),:host([href]){user-select:none}:host([clickable]:not([active]):not([disabled])),:host([href]:not([active]):not([disabled])){cursor:pointer}:host(:focus),:host(:hover){background-color:hsla(var(--on-surface),.08);color:hsl(var(--on-surface));will-change:background,color}:host([active]){background-color:hsla(var(--secondary-container),1);color:hsl(var(--on-secondary-container))}:host([active]:focus),:host([active]:hover){background-color:hsla(var(--secondary-container),1);color:hsl(var(--on-secondary-container))}:host([disabled]){background:hsla(var(--surface-container-highest),.12);color:hsl(var(--on-surface-variant));opacity:.4;pointer-events:none}::slotted([slot=after]),::slotted([slot=before]){flex-shrink:0}::slotted([slot=before]){align-self:var(--list-item-left-align-self,center);margin:0 var(--spacing-m,1rem) 0 0}::slotted([slot=after]){align-self:var(--list-item-left-align-self,center);margin:0 0 0 var(--spacing-m,1rem)}#content{display:flex;flex-direction:column;flex-grow:1;max-width:100%}")}`]}render(){return K`<slot name="before" @click="${this.handleClick}"></slot><div id="content"><slot></slot></div><slot name="after" @click="${this.handleClick}"></slot>${this.href?K`<a tabindex="-1" id="ahref" href="${this.href}" target="${yt(this.target)}" rel="noreferrer" aria-label="${this.ariaLabel}"></a>`:""}`}constructor(){super(),this.href="",this.target=""}firstUpdated(){!this.ariaLabel&&this.innerText&&(this.ariaLabel=this.innerText)}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.onKeyDown.bind(this)),this.addEventListener("click",this.handleClick.bind(this))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.onKeyDown)}onKeyDown(t){"Space"!==t.code&&"Enter"!==t.code||(t.preventDefault(),t.stopPropagation(),this.click())}handleClick(t){const r=t.target;"BUTTON"!=r.tagName&&"TK-BUTTON"!=r.tagName&&"TK-SWITCH"!=r.tagName&&"TK-CHECKBOX"!=r.tagName&&this.href&&t.isTrusted&&(t.stopPropagation(),t.preventDefault(),this.$ahref.click())}},r([ut({attribute:!0})],t.TkListItem.prototype,"href",void 0),r([ut({attribute:!0})],t.TkListItem.prototype,"target",void 0),r([ut({attribute:"aria-label"})],t.TkListItem.prototype,"ariaLabel",void 0),r([mt("#ahref")],t.TkListItem.prototype,"$ahref",void 0),t.TkListItem=r([ct("tk-list-item")],t.TkListItem);const zt=$t(class extends Tt{constructor(t){if(super(t),t.type!==kt||"class"!==t.name||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter((r=>t[r])).join(" ")+" "}update(t,[r]){if(void 0===this.st){this.st=new Set,void 0!==t.strings&&(this.nt=new Set(t.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in r)r[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(r)}const e=t.element.classList;for(const t of this.st)t in r||(e.remove(t),this.st.delete(t));for(const t in r){const o=!!r[t];o===this.st.has(t)||this.nt?.has(t)||(o?(e.add(t),this.st.add(t)):(e.remove(t),this.st.delete(t)))}return Y}});t.TkLoading=class extends t.TkBox{constructor(){super(...arguments),this.circle=!1,this.indeterminate=!1,this.percent=0}static get styles(){return[...t.TkBox.styles,h`${l('*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--color:hsl(var(--primary));--background-color:var(--tk-loading-background-color,hsl(var(--surface-dim)))}:host([secondary]){--color:hsl(var(--secondary))}:host([error]){--color:hsl(var(--error))}.circle{animation:rotator 3s linear infinite;display:inline-flex;height:56px;width:56px}.circle,.circle .path{transform-origin:center}.circle .path{stroke-dasharray:265;stroke-dashoffset:0;stroke:var(--color);animation:dash 3s ease-in-out infinite}@keyframes rotator{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dashoffset:265}50%{stroke-dashoffset:65;transform:rotate(90deg)}to{stroke-dashoffset:265;transform:rotate(1turn)}}:host([small]) .circle{height:20px;width:20px}:host([small]) .line{height:2px}:host([large]) .circle{height:96px;width:96px}:host([large]) .line{height:14px}.line{background-color:var(--background-color);height:6px;overflow:hidden;position:relative}.line .progress{height:100%}.line .indeterminate,.line .progress{background-color:var(--color)}.line .indeterminate:before{animation:indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.line .indeterminate:after,.line .indeterminate:before{background-color:inherit;bottom:0;content:"";left:0;position:absolute;top:0;will-change:left,right}.line .indeterminate:after{animation:indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;animation-delay:1.15s}@keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}')}`]}render(){return K`${this.circle?K`<svg class="circle" viewBox="0 0 100 100"><circle class="${zt({indeterminate:this.indeterminate,path:!0})}" fill="none" stroke-width="1em" stroke-linecap="butt" cx="50" cy="50" r="40"></circle></svg>`:K`<div class="line"><div class="${zt({progress:!0,indeterminate:this.indeterminate})}" style="${`width:${this.percent}%;`}"></div></div>`}`}},r([ut({attribute:!0,type:Boolean})],t.TkLoading.prototype,"circle",void 0),r([ut({attribute:!0,type:Boolean})],t.TkLoading.prototype,"indeterminate",void 0),r([ut({attribute:!0,type:Number})],t.TkLoading.prototype,"percent",void 0),t.TkLoading=r([ct("tk-loading")],t.TkLoading);t.TkNavigationBar=class extends lt{render(){return K`<slot></slot>`}},t.TkNavigationBar.styles=h`${l("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host slot{display:flex;justify-content:space-between}")}`,t.TkNavigationBar=r([ct("tk-navigation-bar")],t.TkNavigationBar);t.TkNavigationItem=class extends lt{constructor(){super(...arguments),this.label="",this.iconPath="",this.activeIconPath="",this.active=!1}render(){return K`<tk-box align-items="center"><tk-box ripple overflow="hidden" tabindex="0" class="indicator"><tk-icon path="${this.active&&this.activeIconPath?this.activeIconPath:this.iconPath}"></tk-icon><span class="badge"><slot name="badge"></slot></span></tk-box>${this.label?K`<span class="label">${this.label}</span>`:""}</tk-box>`}},t.TkNavigationItem.styles=h`${l("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{cursor:pointer}:host .indicator{align-items:center;border-radius:16px;display:flex;height:32px;justify-content:center;margin-bottom:4px;outline:none;position:relative;width:64px}:host .indicator tk-icon{height:24px;width:24px}:host .indicator .badge{display:flex;left:35px;position:absolute;top:4px}:host .label{font-size:12px;font-weight:500;line-height:16px;margin-top:4px}:host([active]){color:hsl(var(--on-secondary-container))}:host([active]) .indicator{background-color:hsl(var(--secondary-container))}:host(:hover){color:hsl(var(--on-surface-variant))}:host(:hover) .indicator{background-color:hsla(var(--on-surface-variant),.08)}:host(:focus){color:hsl(var(--on-surface-variant))}:host(:focus) .indicator{background-color:hsla(var(--on-surface-variant),.12)}:host([active]:hover){color:hsl(var(--on-surface))}:host([active]:hover) .indicator{background-color:hsla(var(--on-surface),.08)}:host([active]:focus){color:hsl(var(--on-surface))}:host([active]:focus) .indicator{background-color:hsl(var(--on-surface),.12)}")}`,r([ut()],t.TkNavigationItem.prototype,"label",void 0),r([ut()],t.TkNavigationItem.prototype,"iconPath",void 0),r([ut()],t.TkNavigationItem.prototype,"activeIconPath",void 0),r([ut({type:Boolean})],t.TkNavigationItem.prototype,"active",void 0),t.TkNavigationItem=r([ct("tk-navigation-item")],t.TkNavigationItem);t.TkTopbar=class extends t.TkBox{static get styles(){return[...t.TkBox.styles,h`${l("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{align-items:center;background:hsl(var(--on-primary));color:hsl(var(--primary));flex-direction:row;justify-content:space-between}:host([fixed]){left:0;position:fixed;right:0;top:0;z-index:var(--navbar-z-index,100)}#left,#right,#title,::slotted([slot=left]),::slotted([slot=right]),::slotted([slot=title]){align-items:center;display:flex;height:100%}#title,::slotted([slot=title]){margin:var(--nav-title-margin,0 0 0 var(--spacing-l,1.25rem))}")}`]}render(){return K`<div id="left"><slot name="left"></slot><slot name="title"></slot></div><div id="right"><slot name="right"></slot></div>`}},t.TkTopbar=r([ct("tk-topbar")],t.TkTopbar);t.TkTextfield=class extends lt{constructor(){super(...arguments),this._id=ft(),this.type="text",this.required=!1,this.disabled=!1,this.readonly=!1}set value(t){this.$input?(this.$input.value=t,this.refreshAttributes()):this.initialValue=t}get value(){return null!=this.$input?this.$input.value:this.initialValue||""}render(){return K`<div id="container"><slot id="before" name="before"></slot><div id="wrapper"><div id="label">${this.label}</div><slot id="slot"></slot><input id="${this._id}" @keydown="${this.handleChange.bind(this)}" @input="${this.handleChange.bind(this)}" @focusout="${this.handleChange.bind(this)}" ?required="${this.required}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" autocomplete="${yt(this.autocomplete)}" autocapitalize="${yt(this.autocapitalize)}" aria-label="${yt(this.label)}" type="${yt(this.type)}" name="${yt(this.name)}" list="${yt(this.list)}" pattern="${yt(this.pattern)}" minlength="${yt(this.minLength)}" maxlength="${yt(this.maxLength)}" min="${yt(this.min)}" max="${yt(this.max)}" tabindex="${this.disabled?-1:0}"></div><slot id="after" name="after"></slot></div>`}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()}},t.TkTextfield.styles=h`${l("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{display:block;outline:none;transform:translateZ(0)}:host #container{align-items:center;background-color:hsla(var(--surface-container-highest),.5);border-bottom:1px solid hsl(var(--on-surface-variant));border-radius:4px 4px 0 0;color:hsl(var(--on-surface));display:flex;font-size:var(--input-font-size,1rem);height:56px;overflow:hidden;padding:8px 16px;position:relative;transition:var(--input-transition,border-color var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease),background var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease))}:host #wrapper{flex-grow:1;position:relative}:host #label{color:hsl(var(--on-surface-variant));font-size:inherit;font-weight:400;line-height:64px;line-height:1;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:var(--input-label-transition,top var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear),font-size var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear),transform var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear));-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1}:host([disabled]){opacity:.38;pointer-events:none}:host(:hover) #container{background-color:hsla(var(--surface-container-highest),.5);border-bottom:1px solid hsl(var(--on-surface));border-radius:4px 4px 0 0;color:hsl(var(--on-surface));font-size:var(--input-font-size,1rem)}:host(:focus-within) #container{background-color:hsla(var(--on-surface),.3);border-bottom:2px solid hsl(var(--primary));padding:8px 16px 7px}:host([outlined]) #container{background-color:initial;border:1px solid hsl(var(--outline));border-radius:4px}:host([outlined]:focus-within) #container{border:2px solid hsl(var(--primary));padding: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{color:hsl(var(--primary));font-size:var(--input-label-font-size,.75rem);top:0;transform:translateY(0)}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0000;border:none;box-sizing:border-box;caret-color:hsl(var(--primary));color:inherit;display:block;font-size:var(--input-font-size,1rem);margin:0;outline:none;padding:var(--input-padding-top-bottom,.5rem) var(--_input-padding-left-right);position:relative;text-align:var(--input-text-align,inherit);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]){cursor:pointer;height:3.75rem}::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,.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,.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined,.75rem)}")}`,r([ut({type:String})],t.TkTextfield.prototype,"value",null),r([ut({attribute:!0,type:String})],t.TkTextfield.prototype,"name",void 0),r([ut({type:String})],t.TkTextfield.prototype,"list",void 0),r([ut({type:String})],t.TkTextfield.prototype,"type",void 0),r([ut({type:Boolean})],t.TkTextfield.prototype,"required",void 0),r([ut({type:Boolean,reflect:!0})],t.TkTextfield.prototype,"disabled",void 0),r([ut({type:Boolean})],t.TkTextfield.prototype,"readonly",void 0),r([ut({type:String})],t.TkTextfield.prototype,"autocomplete",void 0),r([ut({type:String})],t.TkTextfield.prototype,"autocapitalize",void 0),r([ut({type:String})],t.TkTextfield.prototype,"pattern",void 0),r([vt()],t.TkTextfield.prototype,"initialValue",void 0),r([ut({type:String})],t.TkTextfield.prototype,"label",void 0),r([ut({type:Number})],t.TkTextfield.prototype,"min",void 0),r([ut({type:Number})],t.TkTextfield.prototype,"max",void 0),r([ut({type:Number})],t.TkTextfield.prototype,"minLength",void 0),r([ut({type:Number})],t.TkTextfield.prototype,"maxLength",void 0),r([gt({passive:!0})],t.TkTextfield.prototype,"handleChange",null),t.TkTextfield=r([ct("tk-textfield")],t.TkTextfield);var At,Et,Ct;!function(t){t.show="show",t.force="force",t.confirm="confirm",t.input="input"}(Et||(Et={})),t.NotieLevel=void 0,(Ct=t.NotieLevel||(t.NotieLevel={})).success="success",Ct.warning="warning",Ct.error="error",Ct.info="info",Ct.neutral="neutral",t.TkNotie=At=class extends t.TkBox{static get styles(){return[...t.TkBox.styles,h`${l(":host{bottom:0;display:none;font-size:1.6rem;left:0;margin:0;position:fixed;right:0;top:0}:host .overlay{background-color:rgba(0,0,0,.502);bottom:0;left:0;position:fixed;right:0;top:0;z-index:var(--notie-z-index,400)}:host .container{background-color:hsl(var(--primary));bottom:0;box-shadow:10px 10px 10px 10px var(--shadow);color:hsl(var(--on-primary));height:fit-content;left:0;position:fixed;right:0;text-align:center;transform:translateY(100%);transition:all .15s ease-in;z-index:calc(var(--notie-z-index, 400) + 1)}:host .container.info{background-color:#4d82d6}:host .container.error{background-color:#e1715b}:host .container.warning{background-color:#d6a14d}:host .container.success{background-color:#57bf57}:host .text{padding:.5em}:host .input{--input-font-size:$font-size-widescreen;background-color:var(--background,#fff);color:var(--foreground,#000);text-align:center}:host .button{cursor:pointer;padding:.5em}:host .button.confirm,:host .button.force{background-color:#57bf57;color:#fff}:host .button.cancel{background-color:var(--error,#e1715b);color:var(--on-error,#fff)}@media screen and (max-width:900px){:host{font-size:1.4rem}}@media screen and (max-width:750px){:host{font-size:1.2rem}}@media screen and (max-width:400px){:host{font-size:1rem}}:host([position=top]) .container{bottom:inherit;position:fixed;top:0;transform:translateY(-100%)}:host([open]) .container{transform:translateY(0)}")}`]}render(){return K`<div class="overlay" @click="${()=>this.type==Et.force?null:this.hide(!1)}"></div><tk-box class="container ${this.level}">${this.text?K`<tk-box class="text" @click="${()=>this.type==Et.show?this.hide(!0):null}">${this.text}</tk-box>`:""} ${this.template?K`<tk-box class="template" @click="${()=>this.type==Et.show?this.hide(!0):null}">${this.template}</tk-box>`:""} ${this.type==Et.force?K`<tk-box @click="${()=>this.hide(!0)}" class="button force">${this.buttonText}</tk-box>`:""} ${this.type==Et.input?K`<tk-textfield type="${this.inputType}" class="input"></tk-textfield>`:""} ${this.type==Et.confirm||this.type==Et.input?K`<tk-box direction="row"><tk-box justify="center" align-items="center" flex="grow" @click="${()=>this.hide(!0)}" class="button confirm">${this.confirmText}</tk-box><tk-box justify="center" align-items="center" flex="grow" @click="${()=>this.hide(!1)}" class="button confirm cancel">${this.cancelText}</tk-box></tk-box>`:""}</tk-box>`}show(){return new Promise((t=>{this.resolve=t,this.style.setProperty("display","flex"),setTimeout((()=>this.open=!0)),this.dispatchEvent(new Event("did-show")),setTimeout((()=>{this.$input&&this.$input.focus()}),100),this.type==Et.show&&setTimeout((()=>this.hide(!1)),this.delay)}))}hide(t){t&&this.type===Et.input&&(t=this.$input.value),t||this.type!==Et.input||(t=null),this.$input&&(this.$input.value=""),this.$container.addEventListener("transitionend",(()=>{this.dispatchEvent(new Event("did-hide")),this.resolve(t),this.persistent||this.remove()}),{once:!0}),this.open=!1}constructor(r=""){super(),this.persistent=!0,this.open=!1,this.position="bottom",this.type=Et.show,this.level=t.NotieLevel.info,this.delay=3e3,this.animationDelay=300,this.inputType="text",this.buttonText="OK",this.confirmText="OK",this.cancelText="CANCEL",this.text=r}static show(t){return this.getNotie(t,Et.show).show()}static force(t){const r=this.getNotie(t,Et.force);return t.buttonText&&(r.buttonText=t.buttonText),r.show()}static confirm(t){const r=this.getNotie(t,Et.confirm);return t.confirmText&&(r.confirmText=t.confirmText),t.cancelText&&(r.cancelText=t.cancelText),r.show()}static input(t){const r=this.getNotie(t,Et.input);return t.inputType&&(r.inputType=t.inputType),t.password&&(r.inputType="password"),t.confirmText&&(r.confirmText=t.confirmText),t.cancelText&&(r.cancelText=t.cancelText),r.show()}static getNotie(t,r){var e,o;const a=new At(t.text);return a.persistent=!1,a.type=r,a.delay=null!==(e=t.delay)&&void 0!==e?e:999999999,t.level&&(a.level=t.level),t.template&&(a.template=t.template),t.position&&(a.position=t.position),t.background&&a.$container&&a.$container.setAttribute("background-color",t.background),t.color&&a.$container&&a.$container.setAttribute("color",t.color),t.container?null===(o=t.container.shadowRoot)||void 0===o||o.appendChild(a):window.document.body.appendChild(a),t.zIndex&&a.style.setProperty("z-index",t.zIndex.toString()),a}},r([vt()],t.TkNotie.prototype,"persistent",void 0),r([ut({type:Boolean,reflect:!0})],t.TkNotie.prototype,"open",void 0),r([ut({reflect:!0})],t.TkNotie.prototype,"position",void 0),r([vt()],t.TkNotie.prototype,"type",void 0),r([ut({type:String})],t.TkNotie.prototype,"level",void 0),r([ut({type:Number})],t.TkNotie.prototype,"delay",void 0),r([ut()],t.TkNotie.prototype,"text",void 0),r([ut()],t.TkNotie.prototype,"inputType",void 0),r([ut()],t.TkNotie.prototype,"buttonText",void 0),r([ut()],t.TkNotie.prototype,"confirmText",void 0),r([ut()],t.TkNotie.prototype,"cancelText",void 0),r([ut({type:Object})],t.TkNotie.prototype,"template",void 0),r([mt("tk-textfield")],t.TkNotie.prototype,"$input",void 0),r([mt(".container")],t.TkNotie.prototype,"$container",void 0),t.TkNotie=At=r([ct("tk-notie")],t.TkNotie);t.TkPages=class extends lt{constructor(){super(...arguments),this._page="",this.selected="",this.handleScroll=!1,this.scrollHistory={}}set page(t){let r=this._page;if(this._page=t,r&&this.handleScroll){if(this.querySelector(`[page=${r}]`)){const t=document.scrollingElement||document.documentElement;this.scrollHistory[r]=t.scrollTop}}this.requestUpdate("page",r)}get page(){return this._page}render(){return K`<slot></slot>`}updated(t){t.has("page")&&this.querySelectorAll(":scope > *").forEach((t=>{var r;const e=null!==(r=t.getAttribute("page"))&&void 0!==r?r:"default",o=document.scrollingElement||document.documentElement;e==this.page?(t.removeAttribute("hidden"),""!=this.selected&&t.setAttribute(this.selected,""),this.handleScroll&&!t.hasAttribute("no-scroll")&&(o.scrollTop=this.scrollHistory[e]?this.scrollHistory[e]:0)):(t.setAttribute("hidden",""),""!=this.selected&&t.removeAttribute(this.selected))}))}},t.TkPages.styles=h`${l("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}")}`,r([ut({attribute:"page",type:String})],t.TkPages.prototype,"page",null),r([ut({attribute:!0,type:String})],t.TkPages.prototype,"selected",void 0),r([ut({attribute:"handle-scroll",type:Boolean})],t.TkPages.prototype,"handleScroll",void 0),t.TkPages=r([ct("tk-pages")],t.TkPages);t.TkRadio=class extends lt{constructor(){super(...arguments),this._id=ft(),this.checked=!1,this.required=!1,this.disabled=!1,this.readonly=!1}render(){return K`<tk-box direction="row" align-items="center"><tk-box ripple tabindex="${this.disabled?-1:0}" class="state"><div class="radio"><div id="dot"></div></div></tk-box><span class="label"><slot></slot></span></tk-box><input id="${this._id}" hidden type="radio" style="position:absolute;left:0;z-index:-1" ?checked="${this.checked}" .checked="${this.checked}" ?required="${this.required}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" value="${yt(this.value)}" name="${yt(this.name)}" tabindex="-1">`}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleClick.bind(this)),this.addEventListener("keydown",this.onKeyDown.bind(this))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.onKeyDown)}firstUpdated(){this.appendChild(this.$input)}onKeyDown(t){this.disabled||"Space"!==t.code&&"Enter"!==t.code||(t.preventDefault(),t.stopPropagation(),this.click())}handleClick(){this.disabled||(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})))))}},t.TkRadio.styles=h`${l("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{cursor:pointer;display:inline-flex}:host .state{align-items:center;border-radius:100%;display:inline-flex;height:40px;justify-content:center;outline:none;overflow:hidden;width:40px}:host .radio{align-items:center;border:2px solid hsl(var(--on-surface-variant));border-radius:100%;display:inline-flex;height:20px;justify-content:center;position:relative;transition:var(--radio-transition,background var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)),border-color var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)));-webkit-user-select:none;user-select:none;width:20px}:host #dot{background:hsl(var(--primary));border-radius:100%;height:10px;transform:scale(0);transition:var(--radio-dot-transition,transform var(--transition-duration-medium,.18s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)));width:10px}:host .label{user-select:none}:host([checked]) .radio{border-color:hsl(var(--primary))}:host([checked]) #dot{transform:scale(1)}:host(:focus) .state,:host(:hover) .state{background:hsla(var(--on-surface),.3)}:host([checked]:focus) .state,:host([checked]:hover) .state{background:hsla(var(--primary),.3)}:host([disabled]){opacity:.5;pointer-events:none}:host([disabled]) .radio{border:2px solid hsl(var(--on-surface-variant))}:host([disabled]) #dot{background:hsl(var(--on-surface-variant))}:host([disabled]) .label{opacity:.6}")}`,r([ut({attribute:!0,type:String})],t.TkRadio.prototype,"name",void 0),r([ut({attribute:!0,type:Boolean,reflect:!0})],t.TkRadio.prototype,"checked",void 0),r([ut({type:Boolean})],t.TkRadio.prototype,"required",void 0),r([ut({type:Boolean})],t.TkRadio.prototype,"disabled",void 0),r([ut({type:Boolean})],t.TkRadio.prototype,"readonly",void 0),r([ut({type:String,reflect:!0})],t.TkRadio.prototype,"value",void 0),r([mt("input")],t.TkRadio.prototype,"$input",void 0),t.TkRadio=r([ct("tk-radio")],t.TkRadio);t.TkSelect=class extends lt{constructor(){super(...arguments),this._id=ft(),this.type="text",this.required=!1,this.disabled=!1,this.readonly=!1}set value(t){this.$select?(this.$select.value=t,this.refreshAttributes()):this.initialValue=t}get value(){return null!=this.$select?this.$select.value:this.initialValue||""}render(){return K`<div id="container"><slot id="before" name="before"></slot><div id="wrapper"><div id="label">${this.label}</div><slot id="slot"></slot><select id="${this._id}" @keydown="${this.handleChange.bind(this)}" @input="${this.handleChange.bind(this)}" @focusout="${this.handleChange.bind(this)}" @change="${this.handleChange.bind(this)}" .value="${this.initialValue}" ?required="${this.required}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" name="${yt(this.name)}" autocomplete="${yt(this.autocomplete)}" tabindex="${this.disabled?-1:0}"></select> <svg id="arrow" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 25" preserveAspectRatio="none"><polygon points="0,0 50,0 25,25"/></svg></div><slot id="after" name="after"></slot></div>`}handleChange(){this.refreshAttributes()}firstUpdated(){var t;this.$select=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("select"),this.appendChild(this.$select);this.querySelectorAll("option").forEach((t=>this.$select.appendChild(t))),this.initialValue&&(this.value=this.initialValue)}refreshAttributes(){this.$select.value?this.setAttribute("dirty",""):this.removeAttribute("dirty"),this.$select.checkValidity()?this.removeAttribute("invalid"):this.setAttribute("invalid",""),setTimeout((()=>this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))))}},t.TkSelect.styles=h`${l("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{display:block;outline:none;transform:translateZ(0)}:host #container{align-items:center;background-color:hsla(var(--surface-container-highest),.5);border-bottom:1px solid hsl(var(--on-surface-variant));border-radius:4px 4px 0 0;color:hsl(var(--on-surface));display:flex;font-size:var(--input-font-size,1rem);height:56px;overflow:hidden;padding:8px 16px;position:relative;transition:var(--input-transition,border-color var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease),background var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease))}:host #wrapper{flex-grow:1;position:relative}:host #label{color:hsl(var(--on-surface-variant));font-size:inherit;font-weight:400;line-height:64px;line-height:1;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:var(--input-label-transition,top var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear),font-size var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear),transform var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear));-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1}:host([disabled]){opacity:.38;pointer-events:none}:host(:hover) #container{background-color:hsla(var(--surface-container-highest),.5);border-bottom:1px solid hsl(var(--on-surface));border-radius:4px 4px 0 0;color:hsl(var(--on-surface));font-size:var(--input-font-size,1rem)}:host(:focus-within) #container{background-color:hsla(var(--on-surface),.3);border-bottom:2px solid hsl(var(--primary));padding:8px 16px 7px}:host([outlined]) #container{background-color:initial;border:1px solid hsl(var(--outline));border-radius:4px}:host([outlined]:focus-within) #container{border:2px solid hsl(var(--primary));padding: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{color:hsl(var(--primary));font-size:var(--input-label-font-size,.75rem);top:0;transform:translateY(0)}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0000;border:none;box-sizing:border-box;caret-color:hsl(var(--primary));color:inherit;display:block;font-size:var(--input-font-size,1rem);margin:0;outline:none;padding:var(--input-padding-top-bottom,.5rem) var(--_input-padding-left-right);position:relative;text-align:var(--input-text-align,inherit);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]){cursor:pointer;height:3.75rem}::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,.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,.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined,.75rem)}#arrow{fill:var(--_input-state-color);height:8px;position:absolute;right:0;top:50%;transform:translate(-100%,-50%);z-index:-1}::slotted(option){display:none}:host(:not([dirty])) ::slotted(select){opacity:0}")}`,r([ut({type:String})],t.TkSelect.prototype,"value",null),r([ut({attribute:!0,type:String})],t.TkSelect.prototype,"name",void 0),r([ut({type:String})],t.TkSelect.prototype,"list",void 0),r([ut({type:String})],t.TkSelect.prototype,"type",void 0),r([ut({type:Boolean})],t.TkSelect.prototype,"required",void 0),r([ut({type:Boolean})],t.TkSelect.prototype,"disabled",void 0),r([ut({type:Boolean})],t.TkSelect.prototype,"readonly",void 0),r([ut({type:String})],t.TkSelect.prototype,"autocomplete",void 0),r([ut({type:String})],t.TkSelect.prototype,"pattern",void 0),r([vt()],t.TkSelect.prototype,"initialValue",void 0),r([ut({type:String})],t.TkSelect.prototype,"label",void 0),r([ut({type:Number})],t.TkSelect.prototype,"min",void 0),r([ut({type:Number})],t.TkSelect.prototype,"max",void 0),r([ut({type:Number})],t.TkSelect.prototype,"minLength",void 0),r([ut({type:Number})],t.TkSelect.prototype,"maxLength",void 0),r([gt({passive:!0})],t.TkSelect.prototype,"handleChange",null),t.TkSelect=r([ct("tk-select")],t.TkSelect);t.TkSlider=class extends lt{constructor(){super(...arguments),this._id=ft(),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 K`<div id="container"><slot id="before" name="before"></slot><div id="wrapper"><div id="label">${this.label}</div><div id="slot-wrapper"><input @input="${this.handleChange.bind(this)}" id="slider" type="range" .value="${this.value.toString()}" ?required="${this.required}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" aria-label="${yt(this.label)}" name="${yt(this.name)}" autocomplete="${yt(this.autocomplete)}" min="${yt(this.min)}" max="${yt(this.max)}" step="${yt(this.step)}" tabindex="0"> ${this.thumbLabel||this.thumbLabelPersist?K`<div id="thumb-container"><div id="thumb-label"><slot name="thumb-label">${this.value}</slot></div></div>`:""}</div><input id="${this._id}" class="hidden-input" type="hidden" value="${this.value.toString()}" ?required="${this.required}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" aria-label="${yt(this.label)}" name="${yt(this.name)}"></div><slot id="after" name="after"></slot></div>`}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())}))}},t.TkSlider.styles=h`${l('*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{display:block;outline:none;transform:translateZ(0)}:host #container{align-items:center;background-color:hsla(var(--surface-container-highest),.5);border-bottom:1px solid hsl(var(--on-surface-variant));border-radius:4px 4px 0 0;color:hsl(var(--on-surface));display:flex;font-size:var(--input-font-size,1rem);height:56px;overflow:hidden;padding:8px 16px;position:relative;transition:var(--input-transition,border-color var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease),background var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease))}:host #wrapper{flex-grow:1;position:relative}:host #label{color:hsl(var(--on-surface-variant));font-size:inherit;font-weight:400;line-height:64px;line-height:1;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:var(--input-label-transition,top var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear),font-size var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear),transform var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear));-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1}:host([disabled]){opacity:.38;pointer-events:none}:host(:hover) #container{background-color:hsla(var(--surface-container-highest),.5);border-bottom:1px solid hsl(var(--on-surface));border-radius:4px 4px 0 0;color:hsl(var(--on-surface));font-size:var(--input-font-size,1rem)}:host(:focus-within) #container{background-color:hsla(var(--on-surface),.3);border-bottom:2px solid hsl(var(--primary));padding:8px 16px 7px}:host([outlined]) #container{background-color:initial;border:1px solid hsl(var(--outline));border-radius:4px}:host([outlined]:focus-within) #container{border:2px solid hsl(var(--primary));padding: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{color:hsl(var(--primary));font-size:var(--input-label-font-size,.75rem);top:0;transform:translateY(0)}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0000;border:none;box-sizing:border-box;caret-color:hsl(var(--primary));color:inherit;display:block;font-size:var(--input-font-size,1rem);margin:0;outline:none;padding:var(--input-padding-top-bottom,.5rem) var(--_input-padding-left-right);position:relative;text-align:var(--input-text-align,inherit);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]){cursor:pointer;height:3.75rem}::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,.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,.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined,.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-persist]) #container,:host([thumblabel]) #container{padding-top:33px}#container{border:none;overflow:visible}#slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;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));border:none;border-radius:0;box-sizing:border-box;cursor:grab;height:var(--slider-height,.3125rem);margin:0;outline:none;top:calc(var(--slider-height, .3125rem)*-1/2)}#slider,#thumb-container{position:relative;width:100%}#thumb-label{--_thumb-label-transform-y:0.625rem;-webkit-text-fill-color:var(--slider-thumb-label-color,hsl(var(--on-primary)));align-items:center;border-radius:var(--slider-thumb-label-border-radius,100%);bottom:calc(100% + var(--slider-thumb-size, .75rem) + var(--slider-height, .3125rem) + var(--slider-thumb-space, .75rem));color:var(--slider-thumb-label-color,hsl(var(--on-primary)));display:flex;font-size:var(--slider-thumb-label-font-size,.75rem);height:var(--slider-thumb-label-size,1.875rem);justify-content:center;left:calc(var(--_perc)*100% - var(--slider-thumb-size, 1.2rem)*var(--_perc));opacity:0;pointer-events:none;text-overflow:ellipsis;transform:translate(calc(-50% + var(--slider-thumb-size, 1.2rem)/2),var(--_thumb-label-transform-y));transition:var(--slider-thumb-label-transition,opacity var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)),transform var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)));width:var(--slider-thumb-label-size,1.875rem)}#thumb-label,#thumb-label:before{background:var(--slider-thumb-label-bg,hsl(var(--primary)));position:absolute}#thumb-label:before{border-radius:0 50% 50% 50%;content:"";height:100%;left:0;top:0;transform:rotate(225deg);width:100%;z-index:-1}#slider:focus+#thumb-container #thumb-label,:host([thumblabel-persist]) #thumb-label,:host:focus #thumb-label{--_thumb-label-transform-y:0;opacity:1}#slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--_slider-thumb-bg);border:4px solid var(--_slider-thumb-border);border-radius:var(--slider-thumb-border-radius,100%);box-shadow:0 0 0 0 var(--slider-thumb-focus-ring-bg,rgba(0,0,0,.082));cursor:grab;height:var(--slider-thumb-size,1.2rem);position:relative;-webkit-transition:var(--slider-thumb-transition,transform var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)),box-shadow var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)));transition:var(--slider-thumb-transition,transform var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)),box-shadow var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)));width:var(--slider-thumb-size,1.2rem)}#slider::-moz-range-thumb{-moz-appearance:none;appearance:none;background:var(--_slider-thumb-bg);border:none;border-radius:var(--slider-thumb-border-radius,100%);box-shadow:0 0 0 0 var(--slider-thumb-focus-ring-bg,rgba(0,0,0,.082));cursor:grab;height:var(--slider-thumb-size,1.2rem);position:relative;-moz-transition:var(--slider-thumb-transition,transform var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)),box-shadow var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)));transition:var(--slider-thumb-transition,transform var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)),box-shadow var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)));width:var(--slider-thumb-size,1.2rem)}#slider:focus::-webkit-slider-thumb{box-shadow:0 0 0 var(--slider-thumb-focus-ring-size,.75rem) var(--slider-thumb-focus-ring-bg,rgba(0,0,0,.082));transform:var(--slider-thumb-transform-focus,scale(1.2))}#slider:focus::-moz-range-thumb{box-shadow:0 0 0 var(--slider-thumb-focus-ring-size,.75rem) var(--slider-thumb-focus-ring-bg,rgba(0,0,0,.082));transform:var(--slider-thumb-transform-focus,scale(1.2))}')}`,r([ut({attribute:!0,type:String})],t.TkSlider.prototype,"name",void 0),r([ut({type:String})],t.TkSlider.prototype,"list",void 0),r([ut({type:Boolean})],t.TkSlider.prototype,"required",void 0),r([ut({type:Boolean})],t.TkSlider.prototype,"disabled",void 0),r([ut({type:Boolean})],t.TkSlider.prototype,"readonly",void 0),r([ut({type:String})],t.TkSlider.prototype,"autocomplete",void 0),r([ut({type:Boolean,attribute:"thumblabel"})],t.TkSlider.prototype,"thumbLabel",void 0),r([ut({type:Boolean,attribute:"thumblabel-persist"})],t.TkSlider.prototype,"thumbLabelPersist",void 0),r([ut({type:String})],t.TkSlider.prototype,"label",void 0),r([ut({type:Number})],t.TkSlider.prototype,"min",void 0),r([ut({type:Number,reflect:!0})],t.TkSlider.prototype,"value",void 0),r([ut({type:Number})],t.TkSlider.prototype,"max",void 0),r([ut({type:Number})],t.TkSlider.prototype,"step",void 0),r([mt("#slider")],t.TkSlider.prototype,"$slider",void 0),r([mt(".hidden-input")],t.TkSlider.prototype,"$input",void 0),t.TkSlider=r([ct("tk-slider")],t.TkSlider);t.TkSwitch=class extends lt{constructor(){super(...arguments),this._id=ft(),this.checked=!1,this.required=!1,this.disabled=!1,this.readonly=!1}render(){return K`<tk-box direction="row" align-items="center"><span class="switch"><tk-box ripple tabindex="${this.disabled?-1:0}" class="state"><span id="knob"></span></tk-box></span><span class="label"><slot></slot></span></tk-box><input id="${this._id}" slot="none" style="display:none" type="radio" ?checked="${this.checked}" ?required="${this.required}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" value="${yt(this.value)}" name="${yt(this.name)}" aria-hidden="true" tabindex="-1">`}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleClick.bind(this)),this.addEventListener("keydown",this.onKeyDown.bind(this))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.onKeyDown)}firstUpdated(){this.appendChild(this.$input)}onKeyDown(t){"Space"!==t.code&&"Enter"!==t.code||(t.preventDefault(),t.stopPropagation(),this.click())}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}))))}},t.TkSwitch.styles=h`${l("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host .switch{align-items:center;background:hsl(var(--surface-container-highest));border:2px solid hsl(var(--outline));border-radius:9999px;display:inline-flex;flex-shrink:0;height:32px;position:relative;transition:var(--switch-transition,background var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)));-webkit-user-select:none;user-select:none;width:52px;will-change:background-color}:host .switch .state{align-items:center;border-radius:100%;display:flex;height:40px;justify-content:center;margin-left:-5px;outline:none;overflow:hidden;transition:var(--switch-knob-transition,background var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)),transform var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)));width:40px;will-change:background-color,transform}:host .switch .state #knob{background:hsl(var(--outline));border-radius:100%;height:16px;position:absolute;width:16px;will-change:background-color}:host .label{margin-left:10px}:host(:not([disabled])){cursor:pointer}:host([checked]) .switch{background:hsl(var(--primary));border:none}:host([checked]) .switch .state{transform:translateX(18px)}:host([checked]) .switch .state #knob{background:hsl(var(--on-primary));height:24px;width:24px}:host(:focus) .switch .state,:host(:hover) .switch .state{background:hsla(var(--surface-container-highest),.8)}:host([checked]:focus) .switch .state,:host([checked]:hover) .switch .state{background:hsla(var(--primary),.3)}:host([disabled]){pointer-events:none}:host([disabled]) .switch{background:hsla(var(--surface-container-highest),.12);border-color:hsla(var(--on-surface),.12)}:host([disabled]) .switch .state #knob{background:hsla(var(--on-surface),.38)}:host([disabled]) .label{opacity:.6}:host([disabled][checked]) .switch{background:hsla(var(--on-surface),.12);border:none}:host([disabled][checked]) .switch .state #knob{background:hsla(var(--surface),1)}")}`,r([ut({attribute:!0,type:String})],t.TkSwitch.prototype,"name",void 0),r([ut({attribute:!0,type:Boolean,reflect:!0})],t.TkSwitch.prototype,"checked",void 0),r([ut({type:Boolean})],t.TkSwitch.prototype,"required",void 0),r([ut({type:Boolean})],t.TkSwitch.prototype,"disabled",void 0),r([ut({type:Boolean})],t.TkSwitch.prototype,"readonly",void 0),r([ut({type:String,reflect:!0})],t.TkSwitch.prototype,"value",void 0),r([mt("input")],t.TkSwitch.prototype,"$input",void 0),t.TkSwitch=r([ct("tk-switch")],t.TkSwitch);t.TkTabGroup=class extends lt{render(){return K`<div class="tabs"><slot @click="${t=>this.clickOnTab(t.target)}" @slotchange="${()=>this.updateUnderline()}"></slot></div><div class="underline"></div>`}constructor(){super(),this.secondary=!1,this.observe="",this.selected=""}firstUpdated(){if(IntersectionObserver){new IntersectionObserver(this.updateUnderline.bind(this)).observe(this)}else this.updateUnderline.bind(this)}updated(t){var r,e;t.has("selected")&&""!==this.selected&&(this.querySelectorAll("*").forEach((t=>t.removeAttribute("selected"))),null===(r=this.querySelector(`[tab="${this.selected}"]`))||void 0===r||r.setAttribute("selected","")),t.has("observe")&&(null===(e=this.querySelector(`[tab="${this.selected}"]`))||void 0===e||e.focus(),this.updateUnderline())}clickOnTab(t){this.querySelectorAll("*").forEach((t=>t.removeAttribute("selected"))),t.setAttribute("selected",""),this.updateUnderline(),this.dispatchEvent(new CustomEvent("change",{detail:t.getAttribute("tab"),composed:!0,bubbles:!0}))}updateUnderline(){const t=this.querySelector("[selected]");t&&setTimeout((()=>{this.$underline.style.width=t.clientWidth+"px",this.$underline.style.transform=`translateX(${t.offsetLeft}px)`}))}},t.TkTabGroup.styles=h`${l("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{display:inline-block;overflow-x:hidden;position:relative}:host([overflow]){overflow-x:auto}.tabs{display:flex}:host(:not([circle])) .tabs{border-bottom:2px solid hsl(var(--primary-container))}.underline{height:2px;margin-top:-2px;transition:transform .2s ease;width:0;will-change:transform}.circle,.underline{background-color:hsl(var(--primary))}.circle{border-radius:var(--border-radius-circle,50%);height:8px;transition:transform .3s ease;width:8px}")}`,r([ut({attribute:!0,type:Boolean})],t.TkTabGroup.prototype,"secondary",void 0),r([ut({attribute:!0,type:String})],t.TkTabGroup.prototype,"observe",void 0),r([ut({attribute:!0,type:String})],t.TkTabGroup.prototype,"selected",void 0),r([mt(".underline")],t.TkTabGroup.prototype,"$underline",void 0),r([mt(".circle")],t.TkTabGroup.prototype,"$circle",void 0),t.TkTabGroup=r([ct("tk-tab-group")],t.TkTabGroup);t.TkTextarea=class extends lt{constructor(){super(...arguments),this._id=ft(),this.type="text",this.required=!1,this.disabled=!1,this.readonly=!1,this.rows=1}set value(t){this.$input?(this.$input.value=t,this.refreshAttributes()):this.initialValue=t}get value(){return null!=this.$input?this.$input.value:this.initialValue||""}render(){return K`<div id="container"><slot id="before" name="before"></slot><div id="wrapper"><div id="label">${this.label}</div><slot id="slot"></slot><textarea id="${this._id}" @keydown="${this.handleChange.bind(this)}" @input="${this.handleChange.bind(this)}" @focusout="${this.handleChange.bind(this)}" ?required="${this.required}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" aria-label="${yt(this.label)}" name="${yt(this.name)}" pattern="${yt(this.pattern)}" autocomplete="${yt(this.autocomplete)}" autocapitalize="${yt(this.autocapitalize)}" minlength="${yt(this.minLength)}" maxlength="${yt(this.maxLength)}" rows="${this.rows}" tabindex="${this.disabled?-1:0}"></textarea></div><slot id="after" name="after"></slot></div>`}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()}},t.TkTextarea.styles=h`${l("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{display:block;outline:none;transform:translateZ(0)}:host #container{align-items:center;background-color:hsla(var(--surface-container-highest),.5);border-bottom:1px solid hsl(var(--on-surface-variant));border-radius:4px 4px 0 0;color:hsl(var(--on-surface));display:flex;font-size:var(--input-font-size,1rem);height:56px;overflow:hidden;padding:8px 16px;position:relative;transition:var(--input-transition,border-color var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease),background var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease))}:host #wrapper{flex-grow:1;position:relative}:host #label{color:hsl(var(--on-surface-variant));font-size:inherit;font-weight:400;line-height:64px;line-height:1;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:var(--input-label-transition,top var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear),font-size var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear),transform var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear));-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1}:host([disabled]){opacity:.38;pointer-events:none}:host(:hover) #container{background-color:hsla(var(--surface-container-highest),.5);border-bottom:1px solid hsl(var(--on-surface));border-radius:4px 4px 0 0;color:hsl(var(--on-surface));font-size:var(--input-font-size,1rem)}:host(:focus-within) #container{background-color:hsla(var(--on-surface),.3);border-bottom:2px solid hsl(var(--primary));padding:8px 16px 7px}:host([outlined]) #container{background-color:initial;border:1px solid hsl(var(--outline));border-radius:4px}:host([outlined]:focus-within) #container{border:2px solid hsl(var(--primary));padding: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{color:hsl(var(--primary));font-size:var(--input-label-font-size,.75rem);top:0;transform:translateY(0)}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0000;border:none;box-sizing:border-box;caret-color:hsl(var(--primary));color:inherit;display:block;font-size:var(--input-font-size,1rem);margin:0;outline:none;padding:var(--input-padding-top-bottom,.5rem) var(--_input-padding-left-right);position:relative;text-align:var(--input-text-align,inherit);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]){cursor:pointer;height:3.75rem}::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,.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,.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined,.75rem)}:host #container{height:auto;min-height:56px}#wrapper ::slotted(textarea){font-family:inherit;height:var(--textarea-height,var(--_textarea-height));max-height:var(--textarea-max-height);min-height:var(--textarea-min-height,var(--textarea-height,var(--_textarea-height)));resize:var(--textarea-resize,none)}:host(:focus) ::slotted(textarea),:host(:hover) ::slotted(textarea){will-change:height}")}`,r([ut({type:String})],t.TkTextarea.prototype,"value",null),r([ut({attribute:!0,type:String})],t.TkTextarea.prototype,"name",void 0),r([ut({type:String})],t.TkTextarea.prototype,"list",void 0),r([ut({type:String})],t.TkTextarea.prototype,"type",void 0),r([ut({type:Boolean})],t.TkTextarea.prototype,"required",void 0),r([ut({type:Boolean,reflect:!0})],t.TkTextarea.prototype,"disabled",void 0),r([ut({type:Boolean})],t.TkTextarea.prototype,"readonly",void 0),r([ut({type:String})],t.TkTextarea.prototype,"autocomplete",void 0),r([ut({type:String})],t.TkTextarea.prototype,"autocapitalize",void 0),r([ut({type:String})],t.TkTextarea.prototype,"pattern",void 0),r([vt()],t.TkTextarea.prototype,"initialValue",void 0),r([ut({type:String})],t.TkTextarea.prototype,"label",void 0),r([ut({type:Number})],t.TkTextarea.prototype,"minLength",void 0),r([ut({type:Number})],t.TkTextarea.prototype,"maxLength",void 0),r([ut({type:Number})],t.TkTextarea.prototype,"rows",void 0),r([gt({passive:!0})],t.TkTextarea.prototype,"handleChange",null),t.TkTextarea=r([ct("tk-textarea")],t.TkTextarea);t.TkTheme=class extends lt{constructor(){super(...arguments),this.primary="#62519f",this.secondary="#625B71",this.tertiary="#7D5260",this.error="#B3261E",this.neutral="#5E5F5C",this.neutralVariant="#5c6057",this.forceBody=!1,this.inverted=!1}render(){return K`<slot></slot>`}firstUpdated(t){this.setThemeColor()}hexToHSL(t){const r=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i.exec(t);if(null==r)return["0","0%","0%"];const[,e,o,a]=r,i=parseInt(e,16)/255,n=parseInt(o,16)/255,s=parseInt(a,16)/255,l=Math.max(i,n,s),h=Math.min(i,n,s);let c=0,d=0,p=(l+h)/2;if(l!=h){const t=l-h;switch(d=p>.5?t/(2-l-h):t/(l+h),l){case i:c=(n-s)/t+(n<s?6:0);break;case n:c=(s-i)/t+2;break;case s:c=(i-n)/t+4}c/=6}return[(360*c).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);const t=document.createElement("style");t.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`,document.body.appendChild(t)}},t.TkTheme.styles=h`${l("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--primary-0:var(--primary-h),var(--primary-s),0%;--primary-10:var(--primary-h),var(--primary-s),calc(var(--primary-l) - (var(--primary-l))/30*20);--primary-20:var(--primary-h),var(--primary-s),calc(var(--primary-l) - (var(--primary-l))/30*10);--primary-30:var(--primary-h),var(--primary-s),calc(var(--primary-l) - (var(--primary-l))/30*5);--primary-40:var(--primary-h),var(--primary-s),calc(var(--primary-l));--primary-50:var(--primary-h),var(--primary-s),calc(var(--primary-l) + (100% - var(--primary-l))/60*5);--primary-60:var(--primary-h),var(--primary-s),calc(var(--primary-l) + (100% - var(--primary-l))/60*10);--primary-70:var(--primary-h),var(--primary-s),calc(var(--primary-l) + (100% - var(--primary-l))/60*20);--primary-80:var(--primary-h),var(--primary-s),calc(var(--primary-l) + (100% - var(--primary-l))/60*30);--primary-90:var(--primary-h),var(--primary-s),calc(var(--primary-l) + (100% - var(--primary-l))/60*40);--primary-95:var(--primary-h),var(--primary-s),calc(var(--primary-l) + (100% - var(--primary-l))/60*50);--primary-99:var(--primary-h),var(--primary-s),calc(var(--primary-l) + (100% - var(--primary-l))/60*55);--primary-100:var(--primary-h),var(--primary-s),100%;--secondary-0:var(--secondary-h),var(--secondary-s),0%;--secondary-10:var(--secondary-h),var(--secondary-s),calc(var(--secondary-l) - (var(--secondary-l))/30*20);--secondary-20:var(--secondary-h),var(--secondary-s),calc(var(--secondary-l) - (var(--secondary-l))/30*10);--secondary-30:var(--secondary-h),var(--secondary-s),calc(var(--secondary-l) - (var(--secondary-l))/30*5);--secondary-40:var(--secondary-h),var(--secondary-s),calc(var(--secondary-l));--secondary-50:var(--secondary-h),var(--secondary-s),calc(var(--secondary-l) + (100% - var(--secondary-l))/60*5);--secondary-60:var(--secondary-h),var(--secondary-s),calc(var(--secondary-l) + (100% - var(--secondary-l))/60*10);--secondary-70:var(--secondary-h),var(--secondary-s),calc(var(--secondary-l) + (100% - var(--secondary-l))/60*20);--secondary-80:var(--secondary-h),var(--secondary-s),calc(var(--secondary-l) + (100% - var(--secondary-l))/60*30);--secondary-90:var(--secondary-h),var(--secondary-s),calc(var(--secondary-l) + (100% - var(--secondary-l))/60*40);--secondary-95:var(--secondary-h),var(--secondary-s),calc(var(--secondary-l) + (100% - var(--secondary-l))/60*50);--secondary-99:var(--secondary-h),var(--secondary-s),calc(var(--secondary-l) + (100% - var(--secondary-l))/60*55);--secondary-100:var(--secondary-h),var(--secondary-s),100%;--tertiary-0:var(--tertiary-h),var(--tertiary-s),0%;--tertiary-10:var(--tertiary-h),var(--tertiary-s),calc(var(--tertiary-l) - (var(--tertiary-l))/30*20);--tertiary-20:var(--tertiary-h),var(--tertiary-s),calc(var(--tertiary-l) - (var(--tertiary-l))/30*10);--tertiary-30:var(--tertiary-h),var(--tertiary-s),calc(var(--tertiary-l) - (var(--tertiary-l))/30*5);--tertiary-40:var(--tertiary-h),var(--tertiary-s),calc(var(--tertiary-l));--tertiary-50:var(--tertiary-h),var(--tertiary-s),calc(var(--tertiary-l) + (100% - var(--tertiary-l))/60*5);--tertiary-60:var(--tertiary-h),var(--tertiary-s),calc(var(--tertiary-l) + (100% - var(--tertiary-l))/60*10);--tertiary-70:var(--tertiary-h),var(--tertiary-s),calc(var(--tertiary-l) + (100% - var(--tertiary-l))/60*20);--tertiary-80:var(--tertiary-h),var(--tertiary-s),calc(var(--tertiary-l) + (100% - var(--tertiary-l))/60*30);--tertiary-90:var(--tertiary-h),var(--tertiary-s),calc(var(--tertiary-l) + (100% - var(--tertiary-l))/60*40);--tertiary-95:var(--tertiary-h),var(--tertiary-s),calc(var(--tertiary-l) + (100% - var(--tertiary-l))/60*50);--tertiary-99:var(--tertiary-h),var(--tertiary-s),calc(var(--tertiary-l) + (100% - var(--tertiary-l))/60*55);--tertiary-100:var(--tertiary-h),var(--tertiary-s),100%;--error-0:var(--error-h),var(--error-s),0%;--error-10:var(--error-h),var(--error-s),calc(var(--error-l) - (var(--error-l))/30*20);--error-20:var(--error-h),var(--error-s),calc(var(--error-l) - (var(--error-l))/30*10);--error-30:var(--error-h),var(--error-s),calc(var(--error-l) - (var(--error-l))/30*5);--error-40:var(--error-h),var(--error-s),calc(var(--error-l));--error-50:var(--error-h),var(--error-s),calc(var(--error-l) + (100% - var(--error-l))/60*5);--error-60:var(--error-h),var(--error-s),calc(var(--error-l) + (100% - var(--error-l))/60*10);--error-70:var(--error-h),var(--error-s),calc(var(--error-l) + (100% - var(--error-l))/60*20);--error-80:var(--error-h),var(--error-s),calc(var(--error-l) + (100% - var(--error-l))/60*30);--error-90:var(--error-h),var(--error-s),calc(var(--error-l) + (100% - var(--error-l))/60*40);--error-95:var(--error-h),var(--error-s),calc(var(--error-l) + (100% - var(--error-l))/60*50);--error-99:var(--error-h),var(--error-s),calc(var(--error-l) + (100% - var(--error-l))/60*55);--error-100:var(--error-h),var(--error-s),100%;--neutral-0:var(--neutral-h),var(--neutral-s),0%;--neutral-4:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) - (var(--neutral-l))/30*26);--neutral-6:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) - (var(--neutral-l))/30*24);--neutral-10:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) - (var(--neutral-l))/30*20);--neutral-12:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) - (var(--neutral-l))/30*18);--neutral-17:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) - (var(--neutral-l))/30*13);--neutral-22:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) - (var(--neutral-l))/30*8);--neutral-24:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) - (var(--neutral-l))/30*6);--neutral-40:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l));--neutral-87:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) + (100% - var(--neutral-l))/60*30);--neutral-90:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) + (100% - var(--neutral-l))/60*34);--neutral-92:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) + (100% - var(--neutral-l))/60*38);--neutral-94:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) + (100% - var(--neutral-l))/60*42);--neutral-96:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) + (100% - var(--neutral-l))/60*46);--neutral-98:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) + (100% - var(--neutral-l))/60*54);--neutral-100:var(--neutral-h),var(--neutral-s),100%;--neutral-variant-0:var(--neutral-variant-h),var(--neutral-variant-s),0%;--neutral-variant-30:var(--neutral-variant-h),var(--neutral-variant-s),calc(var(--neutral-variant-l) - (var(--neutral-variant-l))/30*10);--neutral-variant-50:var(--neutral-variant-h),var(--neutral-variant-s),calc(var(--neutral-variant-l) + (100% - var(--neutral-variant-l))/60*5);--neutral-variant-60:var(--neutral-variant-h),var(--neutral-variant-s),calc(var(--neutral-variant-l) + (100% - var(--neutral-variant-l))/60*10);--neutral-variant-80:var(--neutral-variant-h),var(--neutral-variant-s),calc(var(--neutral-variant-l) + (100% - var(--neutral-variant-l))/60*30);--primary:var(--primary-40);--secondary:var(--secondary-40);--tertiary:var(--tertiary-40);--error:var(--error-40);--on-primary:var(--primary-100);--on-secondary:var(--secondary-100);--on-tertiary:var(--tertiary-100);--on-error:var(--error-100);--primary-container:var(--primary-90);--secondary-container:var(--secondary-90);--tertiary-container:var(--tertiary-90);--error-container:var(--error-90);--on-primary-container:var(--primary-10);--on-secondary-container:var(--secondary-10);--on-tertiary-container:var(--tertiary-10);--on-error-container:var(--error-10);--surface:var(--neutral-98);--surface-dim:var(--neutral-87);--surface-bright:var(--neutral-98);--surface-container-lowest:var(--neutral-100);--surface-container-low:var(--neutral-96);--surface-container:var(--neutral-94);--surface-container-high:var(--neutral-92);--surface-container-highest:var(--neutral-90);--surface-variant:var(--neutral-variant-90);--on-surface:var(--neutral-10);--on-surface-variant:var(--neutral-variant-30);--background:var(--neutral-98);--on-background:var(--neutral-10);--outline:var(--neutral-variant-50);--outline-variant:var(--neutral-variant-80);--inverse-surface:var(--neutral-20);--inverse-on-surface:var(--neutral-95);--inverse-primary:var(--primary-80);--shadow:var(--neutral-0);--scrim:var(--neutral-0);color:hsl(var(--on-background));font-family:var(--font-family,Roboto,sans-serif);font-size:var(--font-size,1rem)}:host([inverted]){--primary:var(--primary-80);--secondary:var(--secondary-80);--tertiary:var(--tertiary-80);--error:var(--error-80);--on-primary:var(--primary-20);--on-secondary:var(--secondary-20);--on-tertiary:var(--tertiary-20);--on-error:var(--error-20);--primary-container:var(--primary-30);--secondary-container:var(--secondary-30);--tertiary-container:var(--tertiary-30);--error-container:var(--error-30);--on-primary-container:var(--primary-90);--on-secondary-container:var(--secondary-90);--on-tertiary-container:var(--tertiary-90);--on-error-container:var(--error-90);--surface:var(--neutral-6);--surface-dim:var(--neutral-6);--surface-bright:var(--neutral-24);--surface-container-lowest:var(--neutral-4);--surface-container-low:var(--neutral-10);--surface-container:var(--neutral-12);--surface-container-high:var(--neutral-17);--surface-container-highest:var(--neutral-22);--surface-variant:var(--neutral-variant-30);--on-surface:var(--neutral-90);--on-surface-variant:var(--neutral-variant-80);--background:var(--neutral-6);--on-background:var(--neutral-90);--outline:var(--neutral-variant-60);--outline-variant:var(--neutral-variant-30);--inverse-surface:var(--neutral-90);--inverse-on-surface:var(--neutral-20);--inverse-primary:var(--primary-40);--shadow:var(--neutral-0);--scrim:var(--neutral-0)}")}`,r([ut()],t.TkTheme.prototype,"primary",void 0),r([ut()],t.TkTheme.prototype,"secondary",void 0),r([ut()],t.TkTheme.prototype,"tertiary",void 0),r([ut()],t.TkTheme.prototype,"error",void 0),r([ut()],t.TkTheme.prototype,"neutral",void 0),r([ut()],t.TkTheme.prototype,"neutralVariant",void 0),r([ut({type:Boolean,attribute:"force-body",reflect:!0})],t.TkTheme.prototype,"forceBody",void 0),r([ut({type:Boolean,attribute:!0,reflect:!0})],t.TkTheme.prototype,"inverted",void 0),r([vt()],t.TkTheme.prototype,"primary_hsl",void 0),r([vt()],t.TkTheme.prototype,"secondary_hsl",void 0),r([vt()],t.TkTheme.prototype,"tertiary_hsl",void 0),r([vt()],t.TkTheme.prototype,"error_hsl",void 0),r([vt()],t.TkTheme.prototype,"neutral_hsl",void 0),r([vt()],t.TkTheme.prototype,"neutral_variant_hsl",void 0),t.TkTheme=r([ct("tk-theme")],t.TkTheme);t.TkTooltip=class extends lt{constructor(){super(...arguments),this.position="top"}render(){return K`<div class="container"><slot></slot><div class="tooltip ${this.position}"><slot name="tooltip"></slot></div></div>`}},t.TkTooltip.styles=h`${l('.container{display:inline-block;position:relative}.container .tooltip{background-color:#555;border-radius:6px;color:#fff;opacity:0;padding:.4em;position:absolute;text-align:center;transition:opacity .3s;visibility:hidden;z-index:var(--notie-z-index,400)}.container .tooltip.top{right:50%;top:0;transform:translateX(50%) translateY(calc(-100% - 5px))}.container .tooltip.top:after{border:5px solid #0000;border-top-color:#555;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.container .tooltip.right{right:0;top:50%;transform:translateX(calc(100% + 5px)) translateY(-50%)}.container .tooltip.right:after{border:5px solid #0000;border-right-color:#555;content:"";margin-top:-5px;position:absolute;right:100%;top:50%}.container .tooltip.bottom{bottom:0;right:50%;transform:translateX(50%) translateY(calc(100% + 5px))}.container .tooltip.bottom:after{border:5px solid;border-color:#0000 #0000 #555;bottom:100%;content:"";left:50%;margin-left:-5px;position:absolute}.container .tooltip.left{left:0;top:50%;transform:translateX(calc(-100% - 5px)) translateY(-50%)}.container .tooltip.left:after{border:5px solid #0000;border-left-color:#555;content:"";left:100%;margin-top:-5px;position:absolute;top:50%}.container:hover .tooltip{opacity:1;visibility:visible}')}`,r([ut({attribute:!0,type:String})],t.TkTooltip.prototype,"position",void 0),t.TkTooltip=r([ct("tk-tooltip")],t.TkTooltip)}));
|
|
1
|
+
!function(t,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports):"function"==typeof define&&define.amd?define(["exports"],r):r((t="undefined"!=typeof globalThis?globalThis:t||self).tinkiet={})}(this,(function(t){"use strict";function r(t,r,e,o){var a,i=arguments.length,n=i<3?r:null===o?o=Object.getOwnPropertyDescriptor(r,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,r,e,o);else for(var s=t.length-1;s>=0;s--)(a=t[s])&&(n=(i<3?a(n):i>3?a(r,e,n):a(r,e))||n);return i>3&&n&&Object.defineProperty(r,e,n),n}function e(t,r,e,o){return new(e||(e=Promise))((function(a,i){function n(t){try{l(o.next(t))}catch(t){i(t)}}function s(t){try{l(o.throw(t))}catch(t){i(t)}}function l(t){var r;t.done?a(t.value):(r=t.value,r instanceof e?r:new e((function(t){t(r)}))).then(n,s)}l((o=o.apply(t,r||[])).next())}))}"function"==typeof SuppressedError&&SuppressedError;const o=globalThis,a=o.ShadowRoot&&(void 0===o.ShadyCSS||o.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,i=Symbol(),n=new WeakMap;let s=class{constructor(t,r,e){if(this._$cssResult$=!0,e!==i)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=r}get styleSheet(){let t=this.o;const r=this.t;if(a&&void 0===t){const e=void 0!==r&&1===r.length;e&&(t=n.get(r)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&n.set(r,t))}return t}toString(){return this.cssText}};const l=t=>new s("string"==typeof t?t:t+"",void 0,i),h=(t,...r)=>{const e=1===t.length?t[0]:r.reduce(((r,e,o)=>r+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(e)+t[o+1]),t[0]);return new s(e,t,i)},c=a?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let r="";for(const e of t.cssRules)r+=e.cssText;return l(r)})(t):t,{is:d,defineProperty:p,getOwnPropertyDescriptor:u,getOwnPropertyNames:v,getOwnPropertySymbols:g,getPrototypeOf:b}=Object,m=globalThis,y=m.trustedTypes,f=y?y.emptyScript:"",x=m.reactiveElementPolyfillSupport,k=(t,r)=>t,w={toAttribute(t,r){switch(r){case Boolean:t=t?f:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,r){let e=t;switch(r){case Boolean:e=null!==t;break;case Number:e=null===t?null:Number(t);break;case Object:case Array:try{e=JSON.parse(t)}catch(t){e=null}}return e}},$=(t,r)=>!d(t,r),T={attribute:!0,type:String,converter:w,reflect:!1,hasChanged:$};Symbol.metadata??=Symbol("metadata"),m.litPropertyMetadata??=new WeakMap;class _ extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,r=T){if(r.state&&(r.attribute=!1),this._$Ei(),this.elementProperties.set(t,r),!r.noAccessor){const e=Symbol(),o=this.getPropertyDescriptor(t,e,r);void 0!==o&&p(this.prototype,t,o)}}static getPropertyDescriptor(t,r,e){const{get:o,set:a}=u(this.prototype,t)??{get(){return this[r]},set(t){this[r]=t}};return{get(){return o?.call(this)},set(r){const i=o?.call(this);a.call(this,r),this.requestUpdate(t,i,e)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??T}static _$Ei(){if(this.hasOwnProperty(k("elementProperties")))return;const t=b(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(k("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(k("properties"))){const t=this.properties,r=[...v(t),...g(t)];for(const e of r)this.createProperty(e,t[e])}const t=this[Symbol.metadata];if(null!==t){const r=litPropertyMetadata.get(t);if(void 0!==r)for(const[t,e]of r)this.elementProperties.set(t,e)}this._$Eh=new Map;for(const[t,r]of this.elementProperties){const e=this._$Eu(t,r);void 0!==e&&this._$Eh.set(e,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const r=[];if(Array.isArray(t)){const e=new Set(t.flat(1/0).reverse());for(const t of e)r.unshift(c(t))}else void 0!==t&&r.push(c(t));return r}static _$Eu(t,r){const e=r.attribute;return!1===e?void 0:"string"==typeof e?e:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,r=this.constructor.elementProperties;for(const e of r.keys())this.hasOwnProperty(e)&&(t.set(e,this[e]),delete this[e]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((t,r)=>{if(a)t.adoptedStyleSheets=r.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const e of r){const r=document.createElement("style"),a=o.litNonce;void 0!==a&&r.setAttribute("nonce",a),r.textContent=e.cssText,t.appendChild(r)}})(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,r,e){this._$AK(t,e)}_$EC(t,r){const e=this.constructor.elementProperties.get(t),o=this.constructor._$Eu(t,e);if(void 0!==o&&!0===e.reflect){const a=(void 0!==e.converter?.toAttribute?e.converter:w).toAttribute(r,e.type);this._$Em=t,null==a?this.removeAttribute(o):this.setAttribute(o,a),this._$Em=null}}_$AK(t,r){const e=this.constructor,o=e._$Eh.get(t);if(void 0!==o&&this._$Em!==o){const t=e.getPropertyOptions(o),a="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:w;this._$Em=o,this[o]=a.fromAttribute(r,t.type),this._$Em=null}}requestUpdate(t,r,e){if(void 0!==t){if(e??=this.constructor.getPropertyOptions(t),!(e.hasChanged??$)(this[t],r))return;this.P(t,r,e)}!1===this.isUpdatePending&&(this._$ES=this._$ET())}P(t,r,e){this._$AL.has(t)||this._$AL.set(t,r),!0===e.reflect&&this._$Em!==t&&(this._$Ej??=new Set).add(t)}async _$ET(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,r]of this._$Ep)this[t]=r;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[r,e]of t)!0!==e.wrapped||this._$AL.has(r)||void 0===this[r]||this.P(r,this[r],e)}let t=!1;const r=this._$AL;try{t=this.shouldUpdate(r),t?(this.willUpdate(r),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(r)):this._$EU()}catch(r){throw t=!1,this._$EU(),r}t&&this._$AE(r)}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Ej&&=this._$Ej.forEach((t=>this._$EC(t,this[t]))),this._$EU()}updated(t){}firstUpdated(t){}}_.elementStyles=[],_.shadowRootOptions={mode:"open"},_[k("elementProperties")]=new Map,_[k("finalized")]=new Map,x?.({ReactiveElement:_}),(m.reactiveElementVersions??=[]).push("2.0.4");const S=globalThis,z=S.trustedTypes,A=z?z.createPolicy("lit-html",{createHTML:t=>t}):void 0,E="$lit$",C=`lit$${(Math.random()+"").slice(9)}$`,B="?"+C,N=`<${B}>`,L=document,P=()=>L.createComment(""),U=t=>null===t||"object"!=typeof t&&"function"!=typeof t,q=Array.isArray,R="[ \t\n\f\r]",D=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,H=/-->/g,j=/>/g,I=RegExp(`>|${R}(?:([^\\s"'>=/]+)(${R}*=${R}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),O=/'/g,M=/"/g,V=/^(?:script|style|textarea|title)$/i,K=(t=>(r,...e)=>({_$litType$:t,strings:r,values:e}))(1),Y=Symbol.for("lit-noChange"),X=Symbol.for("lit-nothing"),F=new WeakMap,Q=L.createTreeWalker(L,129);function W(t,r){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==A?A.createHTML(r):r}const G=(t,r)=>{const e=t.length-1,o=[];let a,i=2===r?"<svg>":"",n=D;for(let r=0;r<e;r++){const e=t[r];let s,l,h=-1,c=0;for(;c<e.length&&(n.lastIndex=c,l=n.exec(e),null!==l);)c=n.lastIndex,n===D?"!--"===l[1]?n=H:void 0!==l[1]?n=j:void 0!==l[2]?(V.test(l[2])&&(a=RegExp("</"+l[2],"g")),n=I):void 0!==l[3]&&(n=I):n===I?">"===l[0]?(n=a??D,h=-1):void 0===l[1]?h=-2:(h=n.lastIndex-l[2].length,s=l[1],n=void 0===l[3]?I:'"'===l[3]?M:O):n===M||n===O?n=I:n===H||n===j?n=D:(n=I,a=void 0);const d=n===I&&t[r+1].startsWith("/>")?" ":"";i+=n===D?e+N:h>=0?(o.push(s),e.slice(0,h)+E+e.slice(h)+C+d):e+C+(-2===h?r:d)}return[W(t,i+(t[e]||"<?>")+(2===r?"</svg>":"")),o]};class Z{constructor({strings:t,_$litType$:r},e){let o;this.parts=[];let a=0,i=0;const n=t.length-1,s=this.parts,[l,h]=G(t,r);if(this.el=Z.createElement(l,e),Q.currentNode=this.el.content,2===r){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(o=Q.nextNode())&&s.length<n;){if(1===o.nodeType){if(o.hasAttributes())for(const t of o.getAttributeNames())if(t.endsWith(E)){const r=h[i++],e=o.getAttribute(t).split(C),n=/([.?@])?(.*)/.exec(r);s.push({type:1,index:a,name:n[2],strings:e,ctor:"."===n[1]?ot:"?"===n[1]?at:"@"===n[1]?it:et}),o.removeAttribute(t)}else t.startsWith(C)&&(s.push({type:6,index:a}),o.removeAttribute(t));if(V.test(o.tagName)){const t=o.textContent.split(C),r=t.length-1;if(r>0){o.textContent=z?z.emptyScript:"";for(let e=0;e<r;e++)o.append(t[e],P()),Q.nextNode(),s.push({type:2,index:++a});o.append(t[r],P())}}}else if(8===o.nodeType)if(o.data===B)s.push({type:2,index:a});else{let t=-1;for(;-1!==(t=o.data.indexOf(C,t+1));)s.push({type:7,index:a}),t+=C.length-1}a++}}static createElement(t,r){const e=L.createElement("template");return e.innerHTML=t,e}}function J(t,r,e=t,o){if(r===Y)return r;let a=void 0!==o?e._$Co?.[o]:e._$Cl;const i=U(r)?void 0:r._$litDirective$;return a?.constructor!==i&&(a?._$AO?.(!1),void 0===i?a=void 0:(a=new i(t),a._$AT(t,e,o)),void 0!==o?(e._$Co??=[])[o]=a:e._$Cl=a),void 0!==a&&(r=J(t,a._$AS(t,r.values),a,o)),r}class tt{constructor(t,r){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=r}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:r},parts:e}=this._$AD,o=(t?.creationScope??L).importNode(r,!0);Q.currentNode=o;let a=Q.nextNode(),i=0,n=0,s=e[0];for(;void 0!==s;){if(i===s.index){let r;2===s.type?r=new rt(a,a.nextSibling,this,t):1===s.type?r=new s.ctor(a,s.name,s.strings,this,t):6===s.type&&(r=new nt(a,this,t)),this._$AV.push(r),s=e[++n]}i!==s?.index&&(a=Q.nextNode(),i++)}return Q.currentNode=L,o}p(t){let r=0;for(const e of this._$AV)void 0!==e&&(void 0!==e.strings?(e._$AI(t,e,r),r+=e.strings.length-2):e._$AI(t[r])),r++}}class rt{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,r,e,o){this.type=2,this._$AH=X,this._$AN=void 0,this._$AA=t,this._$AB=r,this._$AM=e,this.options=o,this._$Cv=o?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const r=this._$AM;return void 0!==r&&11===t?.nodeType&&(t=r.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,r=this){t=J(this,t,r),U(t)?t===X||null==t||""===t?(this._$AH!==X&&this._$AR(),this._$AH=X):t!==this._$AH&&t!==Y&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>q(t)||"function"==typeof t?.[Symbol.iterator])(t)?this.k(t):this._(t)}S(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.S(t))}_(t){this._$AH!==X&&U(this._$AH)?this._$AA.nextSibling.data=t:this.T(L.createTextNode(t)),this._$AH=t}$(t){const{values:r,_$litType$:e}=t,o="number"==typeof e?this._$AC(t):(void 0===e.el&&(e.el=Z.createElement(W(e.h,e.h[0]),this.options)),e);if(this._$AH?._$AD===o)this._$AH.p(r);else{const t=new tt(o,this),e=t.u(this.options);t.p(r),this.T(e),this._$AH=t}}_$AC(t){let r=F.get(t.strings);return void 0===r&&F.set(t.strings,r=new Z(t)),r}k(t){q(this._$AH)||(this._$AH=[],this._$AR());const r=this._$AH;let e,o=0;for(const a of t)o===r.length?r.push(e=new rt(this.S(P()),this.S(P()),this,this.options)):e=r[o],e._$AI(a),o++;o<r.length&&(this._$AR(e&&e._$AB.nextSibling,o),r.length=o)}_$AR(t=this._$AA.nextSibling,r){for(this._$AP?.(!1,!0,r);t&&t!==this._$AB;){const r=t.nextSibling;t.remove(),t=r}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class et{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,r,e,o,a){this.type=1,this._$AH=X,this._$AN=void 0,this.element=t,this.name=r,this._$AM=o,this.options=a,e.length>2||""!==e[0]||""!==e[1]?(this._$AH=Array(e.length-1).fill(new String),this.strings=e):this._$AH=X}_$AI(t,r=this,e,o){const a=this.strings;let i=!1;if(void 0===a)t=J(this,t,r,0),i=!U(t)||t!==this._$AH&&t!==Y,i&&(this._$AH=t);else{const o=t;let n,s;for(t=a[0],n=0;n<a.length-1;n++)s=J(this,o[e+n],r,n),s===Y&&(s=this._$AH[n]),i||=!U(s)||s!==this._$AH[n],s===X?t=X:t!==X&&(t+=(s??"")+a[n+1]),this._$AH[n]=s}i&&!o&&this.j(t)}j(t){t===X?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class ot extends et{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===X?void 0:t}}class at extends et{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==X)}}class it extends et{constructor(t,r,e,o,a){super(t,r,e,o,a),this.type=5}_$AI(t,r=this){if((t=J(this,t,r,0)??X)===Y)return;const e=this._$AH,o=t===X&&e!==X||t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive,a=t!==X&&(e===X||o);o&&this.element.removeEventListener(this.name,this,e),a&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class nt{constructor(t,r,e){this.element=t,this.type=6,this._$AN=void 0,this._$AM=r,this.options=e}get _$AU(){return this._$AM._$AU}_$AI(t){J(this,t)}}const st=S.litHtmlPolyfillSupport;st?.(Z,rt),(S.litHtmlVersions??=[]).push("3.1.2");class lt extends _{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const r=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=((t,r,e)=>{const o=e?.renderBefore??r;let a=o._$litPart$;if(void 0===a){const t=e?.renderBefore??null;o._$litPart$=a=new rt(r.insertBefore(P(),t),t,void 0,e??{})}return a._$AI(t),a})(r,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return Y}}lt._$litElement$=!0,lt.finalized=!0,globalThis.litElementHydrateSupport?.({LitElement:lt});const ht=globalThis.litElementPolyfillSupport;ht?.({LitElement:lt}),(globalThis.litElementVersions??=[]).push("4.0.4");const ct=t=>(r,e)=>{void 0!==e?e.addInitializer((()=>{customElements.define(t,r)})):customElements.define(t,r)},dt={attribute:!0,type:String,converter:w,reflect:!1,hasChanged:$},pt=(t=dt,r,e)=>{const{kind:o,metadata:a}=e;let i=globalThis.litPropertyMetadata.get(a);if(void 0===i&&globalThis.litPropertyMetadata.set(a,i=new Map),i.set(e.name,t),"accessor"===o){const{name:o}=e;return{set(e){const a=r.get.call(this);r.set.call(this,e),this.requestUpdate(o,a,t)},init(r){return void 0!==r&&this.P(o,void 0,t),r}}}if("setter"===o){const{name:o}=e;return function(e){const a=this[o];r.call(this,e),this.requestUpdate(o,a,t)}}throw Error("Unsupported decorator location: "+o)};function ut(t){return(r,e)=>"object"==typeof e?pt(t,r,e):((t,r,e)=>{const o=r.hasOwnProperty(e);return r.constructor.createProperty(e,o?{...t,wrapped:!0}:t),o?Object.getOwnPropertyDescriptor(r,e):void 0})(t,r,e)}function vt(t){return ut({...t,state:!0,attribute:!1})}function gt(t){return(r,e)=>{const o="function"==typeof r?r:r[e];Object.assign(o,t)}}const bt=(t,r,e)=>(e.configurable=!0,e.enumerable=!0,Reflect.decorate&&"object"!=typeof r&&Object.defineProperty(t,r,e),e);function mt(t,r){return(e,o,a)=>{const i=r=>r.renderRoot?.querySelector(t)??null;if(r){const{get:t,set:r}="object"==typeof o?e:a??(()=>{const t=Symbol();return{get(){return this[t]},set(r){this[t]=r}}})();return bt(e,o,{get(){let e=t.call(this);return void 0===e&&(e=i(this),(null!==e||this.hasUpdated)&&r.call(this,e)),e}})}return bt(e,o,{get(){return i(this)}})}}const yt=t=>t??X;function ft(t=10){return`_${Math.random().toString(36).substr(2,t)}`}t.TkBox=class extends lt{constructor(){super(...arguments),this.ripple=!1}static get styles(){return[h`${l('*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{box-sizing:border-box;display:flex;flex-direction:column;position:relative}:host([hidden]){display:none}.ripple{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.ripple span{background-color:hsla(var(--on-primary),.5);border-radius:50%;position:absolute}:host([align-content=start]){align-content:flex-start}:host([align-content=end]){align-content:flex-end}:host([align-content=stretch]){align-content:stretch}:host([align-content=center]){align-content:center}:host([align-content=around]){align-content:space-around}:host([align-content=between]){align-content:space-between}:host([align-items=start]){align-items:flex-start}:host([align-items=end]){align-items:flex-end}:host([align-items=stretch]){align-items:stretch}:host([align-items=center]){align-items:center}:host([align-items=baseline]){align-items:baseline}:host([align-self=start]){align-self:flex-start}:host([align-self=end]){align-self:flex-end}:host([align-self=stretch]){align-self:stretch}:host([align-self=center]){align-self:center}:host([background=primary]){background-color:hsl(var(--primary))}:host([color=primary]){color:hsl(var(--primary))}:host([background=on-primary]){background-color:hsl(var(--on-primary))}:host([color=on-primary]){color:hsl(var(--on-primary))}:host([background=secondary]){background-color:hsl(var(--secondary))}:host([color=secondary]){color:hsl(var(--secondary))}:host([background=on-secondary]){background-color:hsl(var(--on-secondary))}:host([color=on-secondary]){color:hsl(var(--on-secondary))}:host([background=tertiary]){background-color:hsl(var(--tertiary))}:host([color=tertiary]){color:hsl(var(--tertiary))}:host([background=on-tertiary]){background-color:hsl(var(--on-tertiary))}:host([color=on-tertiary]){color:hsl(var(--on-tertiary))}:host([background=neutral]){background-color:hsl(var(--neutral))}:host([color=neutral]){color:hsl(var(--neutral))}:host([background=on-neutral]){background-color:hsl(var(--on-neutral))}:host([color=on-neutral]){color:hsl(var(--on-neutral))}:host([background=neutral-variant]){background-color:hsl(var(--neutral-variant))}:host([color=neutral-variant]){color:hsl(var(--neutral-variant))}:host([background=on-neutral-variant]){background-color:hsl(var(--on-neutral-variant))}:host([color=on-neutral-variant]){color:hsl(var(--on-neutral-variant))}:host([background=error]){background-color:hsl(var(--error))}:host([color=error]){color:hsl(var(--error))}:host([background=on-error]){background-color:hsl(var(--on-error))}:host([color=on-error]){color:hsl(var(--on-error))}:host([background=primary-container]){background-color:hsl(var(--primary-container))}:host([color=primary-container]){color:hsl(var(--primary-container))}:host([background=on-primary-container]){background-color:hsl(var(--on-primary-container))}:host([color=on-primary-container]){color:hsl(var(--on-primary-container))}:host([background=secondary-container]){background-color:hsl(var(--secondary-container))}:host([color=secondary-container]){color:hsl(var(--secondary-container))}:host([background=on-secondary-container]){background-color:hsl(var(--on-secondary-container))}:host([color=on-secondary-container]){color:hsl(var(--on-secondary-container))}:host([background=tertiary-container]){background-color:hsl(var(--tertiary-container))}:host([color=tertiary-container]){color:hsl(var(--tertiary-container))}:host([background=on-tertiary-container]){background-color:hsl(var(--on-tertiary-container))}:host([color=on-tertiary-container]){color:hsl(var(--on-tertiary-container))}:host([background=neutral-container]){background-color:hsl(var(--neutral-container))}:host([color=neutral-container]){color:hsl(var(--neutral-container))}:host([background=on-neutral-container]){background-color:hsl(var(--on-neutral-container))}:host([color=on-neutral-container]){color:hsl(var(--on-neutral-container))}:host([background=neutral-variant-container]){background-color:hsl(var(--neutral-variant-container))}:host([color=neutral-variant-container]){color:hsl(var(--neutral-variant-container))}:host([background=on-neutral-variant-container]){background-color:hsl(var(--on-neutral-variant-container))}:host([color=on-neutral-variant-container]){color:hsl(var(--on-neutral-variant-container))}:host([background=error-container]){background-color:hsl(var(--error-container))}:host([color=error-container]){color:hsl(var(--error-container))}:host([background=on-error-container]){background-color:hsl(var(--on-error-container))}:host([color=on-error-container]){color:hsl(var(--on-error-container))}:host([background=primary-0]){background-color:hsl(var(--primary-0))}:host([color=primary-0]){color:hsl(var(--primary-0))}:host([background=surface]){background-color:hsl(var(--surface))}:host([color=surface]){color:hsl(var(--surface))}:host([background=on-surface]){background-color:hsl(var(--on-surface))}:host([color=on-surface]){color:hsl(var(--on-surface))}:host([background=surface-dim]){background-color:hsl(var(--surface-dim))}:host([color=surface-dim]){color:hsl(var(--surface-dim))}:host([background=surface-bright]){background-color:hsl(var(--surface-bright))}:host([color=surface-bright]){color:hsl(var(--surface-bright))}:host([background=surface-container-lowest]){background-color:hsl(var(--surface-container-lowest))}:host([color=surface-container-lowest]){color:hsl(var(--surface-container-lowest))}:host([background=surface-container-low]){background-color:hsl(var(--surface-container-low))}:host([color=surface-container-low]){color:hsl(var(--surface-container-low))}:host([background=surface-container]){background-color:hsl(var(--surface-container))}:host([color=surface-container]){color:hsl(var(--surface-container))}:host([background=surface-container-high]){background-color:hsl(var(--surface-container-high))}:host([color=surface-container-high]){color:hsl(var(--surface-container-high))}:host([background=surface-container-highest]){background-color:hsl(var(--surface-container-highest))}:host([color=surface-container-highest]){color:hsl(var(--surface-container-highest))}:host([background=surface-variant]){background-color:hsl(var(--surface-variant))}:host([color=surface-variant]){color:hsl(var(--surface-variant))}:host([background=on-surface-variant]){background-color:hsl(var(--on-surface-variant))}:host([color=on-surface-variant]){color:hsl(var(--on-surface-variant))}:host([background=outline]){background-color:hsl(var(--outline))}:host([color=outline]){color:hsl(var(--outline))}:host([background=outline-variant]){background-color:hsl(var(--outline-variant))}:host([color=outline-variant]){color:hsl(var(--outline-variant))}:host([background=inverse-surface]){background-color:hsl(var(--inverse-surface))}:host([color=inverse-surface]){color:hsl(var(--inverse-surface))}:host([background=inverse-on-surface]){background-color:hsl(var(--inverse-on-surface))}:host([color=inverse-on-surface]){color:hsl(var(--inverse-on-surface))}:host([background=background]){background-color:hsl(var(--background))}:host([color=background]){color:hsl(var(--background))}:host([background=on-background]){background-color:hsl(var(--on-background))}:host([color=on-background]){color:hsl(var(--on-background))}:host([background=shadow]){background-color:hsl(var(--shadow))}:host([color=shadow]){color:hsl(var(--shadow))}:host([background=primary-10]){background-color:hsl(var(--primary-10))}:host([color=primary-10]){color:hsl(var(--primary-10))}:host([background=primary-20]){background-color:hsl(var(--primary-20))}:host([color=primary-20]){color:hsl(var(--primary-20))}:host([background=primary-30]){background-color:hsl(var(--primary-30))}:host([color=primary-30]){color:hsl(var(--primary-30))}:host([background=primary-40]){background-color:hsl(var(--primary-40))}:host([color=primary-40]){color:hsl(var(--primary-40))}:host([background=primary-50]){background-color:hsl(var(--primary-50))}:host([color=primary-50]){color:hsl(var(--primary-50))}:host([background=primary-60]){background-color:hsl(var(--primary-60))}:host([color=primary-60]){color:hsl(var(--primary-60))}:host([background=primary-70]){background-color:hsl(var(--primary-70))}:host([color=primary-70]){color:hsl(var(--primary-70))}:host([background=primary-80]){background-color:hsl(var(--primary-80))}:host([color=primary-80]){color:hsl(var(--primary-80))}:host([background=primary-90]){background-color:hsl(var(--primary-90))}:host([color=primary-90]){color:hsl(var(--primary-90))}:host([background=primary-95]){background-color:hsl(var(--primary-95))}:host([color=primary-95]){color:hsl(var(--primary-95))}:host([background=primary-99]){background-color:hsl(var(--primary-99))}:host([color=primary-99]){color:hsl(var(--primary-99))}:host([background=primary-100]){background-color:hsl(var(--primary-100))}:host([color=primary-100]){color:hsl(var(--primary-100))}:host([background=secondary-0]){background-color:hsl(var(--secondary-0))}:host([color=secondary-0]){color:hsl(var(--secondary-0))}:host([background=secondary-10]){background-color:hsl(var(--secondary-10))}:host([color=secondary-10]){color:hsl(var(--secondary-10))}:host([background=secondary-20]){background-color:hsl(var(--secondary-20))}:host([color=secondary-20]){color:hsl(var(--secondary-20))}:host([background=secondary-30]){background-color:hsl(var(--secondary-30))}:host([color=secondary-30]){color:hsl(var(--secondary-30))}:host([background=secondary-40]){background-color:hsl(var(--secondary-40))}:host([color=secondary-40]){color:hsl(var(--secondary-40))}:host([background=secondary-50]){background-color:hsl(var(--secondary-50))}:host([color=secondary-50]){color:hsl(var(--secondary-50))}:host([background=secondary-60]){background-color:hsl(var(--secondary-60))}:host([color=secondary-60]){color:hsl(var(--secondary-60))}:host([background=secondary-70]){background-color:hsl(var(--secondary-70))}:host([color=secondary-70]){color:hsl(var(--secondary-70))}:host([background=secondary-80]){background-color:hsl(var(--secondary-80))}:host([color=secondary-80]){color:hsl(var(--secondary-80))}:host([background=secondary-90]){background-color:hsl(var(--secondary-90))}:host([color=secondary-90]){color:hsl(var(--secondary-90))}:host([background=secondary-100]){background-color:hsl(var(--secondary-100))}:host([color=secondary-100]){color:hsl(var(--secondary-100))}:host([background=tertiary-0]){background-color:hsl(var(--tertiary-0))}:host([color=tertiary-0]){color:hsl(var(--tertiary-0))}:host([background=tertiary-10]){background-color:hsl(var(--tertiary-10))}:host([color=tertiary-10]){color:hsl(var(--tertiary-10))}:host([background=tertiary-20]){background-color:hsl(var(--tertiary-20))}:host([color=tertiary-20]){color:hsl(var(--tertiary-20))}:host([background=tertiary-30]){background-color:hsl(var(--tertiary-30))}:host([color=tertiary-30]){color:hsl(var(--tertiary-30))}:host([background=tertiary-40]){background-color:hsl(var(--tertiary-40))}:host([color=tertiary-40]){color:hsl(var(--tertiary-40))}:host([background=tertiary-50]){background-color:hsl(var(--tertiary-50))}:host([color=tertiary-50]){color:hsl(var(--tertiary-50))}:host([background=tertiary-60]){background-color:hsl(var(--tertiary-60))}:host([color=tertiary-60]){color:hsl(var(--tertiary-60))}:host([background=tertiary-70]){background-color:hsl(var(--tertiary-70))}:host([color=tertiary-70]){color:hsl(var(--tertiary-70))}:host([background=tertiary-80]){background-color:hsl(var(--tertiary-80))}:host([color=tertiary-80]){color:hsl(var(--tertiary-80))}:host([background=tertiary-90]){background-color:hsl(var(--tertiary-90))}:host([color=tertiary-90]){color:hsl(var(--tertiary-90))}:host([background=tertiary-100]){background-color:hsl(var(--tertiary-100))}:host([color=tertiary-100]){color:hsl(var(--tertiary-100))}:host([background=neutral-0]){background-color:hsl(var(--neutral-0))}:host([color=neutral-0]){color:hsl(var(--neutral-0))}:host([background=neutral-10]){background-color:hsl(var(--neutral-10))}:host([color=neutral-10]){color:hsl(var(--neutral-10))}:host([background=neutral-20]){background-color:hsl(var(--neutral-20))}:host([color=neutral-20]){color:hsl(var(--neutral-20))}:host([background=neutral-30]){background-color:hsl(var(--neutral-30))}:host([color=neutral-30]){color:hsl(var(--neutral-30))}:host([background=neutral-40]){background-color:hsl(var(--neutral-40))}:host([color=neutral-40]){color:hsl(var(--neutral-40))}:host([background=neutral-50]){background-color:hsl(var(--neutral-50))}:host([color=neutral-50]){color:hsl(var(--neutral-50))}:host([background=neutral-60]){background-color:hsl(var(--neutral-60))}:host([color=neutral-60]){color:hsl(var(--neutral-60))}:host([background=neutral-70]){background-color:hsl(var(--neutral-70))}:host([color=neutral-70]){color:hsl(var(--neutral-70))}:host([background=neutral-80]){background-color:hsl(var(--neutral-80))}:host([color=neutral-80]){color:hsl(var(--neutral-80))}:host([background=neutral-90]){background-color:hsl(var(--neutral-90))}:host([color=neutral-90]){color:hsl(var(--neutral-90))}:host([background=neutral-100]){background-color:hsl(var(--neutral-100))}:host([color=neutral-100]){color:hsl(var(--neutral-100))}:host([background=error-0]){background-color:hsl(var(--error-0))}:host([color=error-0]){color:hsl(var(--error-0))}:host([background=error-10]){background-color:hsl(var(--error-10))}:host([color=error-10]){color:hsl(var(--error-10))}:host([background=error-20]){background-color:hsl(var(--error-20))}:host([color=error-20]){color:hsl(var(--error-20))}:host([background=error-30]){background-color:hsl(var(--error-30))}:host([color=error-30]){color:hsl(var(--error-30))}:host([background=error-40]){background-color:hsl(var(--error-40))}:host([color=error-40]){color:hsl(var(--error-40))}:host([background=error-50]){background-color:hsl(var(--error-50))}:host([color=error-50]){color:hsl(var(--error-50))}:host([background=error-60]){background-color:hsl(var(--error-60))}:host([color=error-60]){color:hsl(var(--error-60))}:host([background=error-70]){background-color:hsl(var(--error-70))}:host([color=error-70]){color:hsl(var(--error-70))}:host([background=error-80]){background-color:hsl(var(--error-80))}:host([color=error-80]){color:hsl(var(--error-80))}:host([background=error-90]){background-color:hsl(var(--error-90))}:host([color=error-90]){color:hsl(var(--error-90))}:host([background=error-100]){background-color:hsl(var(--error-100))}:host([color=error-100]){color:hsl(var(--error-100))}:host([direction=column]){flex-direction:column}:host([direction=row-reverse]){flex-direction:row-reverse}:host([direction=column-reverse]){flex-direction:column-reverse}:host([text=center]){text-align:center}:host([text=justify]){text-align:justify}:host([text=left]){text-align:left}:host([text=right]){text-align:right}:host([weight="100"]){font-weight:100}:host([weight="200"]){font-weight:200}:host([weight="300"]){font-weight:300}:host([weight="400"]){font-weight:400}:host([weight="500"]){font-weight:500}:host([weight="600"]){font-weight:600}:host([weight="700"]){font-weight:700}:host([weight="800"]){font-weight:800}:host([weight="900"]){font-weight:900}:host([weight=lighter]){font-weight:lighter}:host([weight=bold]){font-weight:700}:host([weight=bolder]){font-weight:bolder}:host([direction=row]){flex-direction:row}:host([direction=row-reverse]){flex-direction:row}:host([elevation="1"]){box-shadow:var(--box-elevation,0 1px 2px 0 #0000004d,0 1px 3px 1px #00000026)}:host([elevation="2"]){box-shadow:var(--box-elevation,0 1px 2px 0 #0000004d,0 2px 6px 2px #00000026)}:host([elevation="3"]){box-shadow:var(--box-elevation,0 1px 3px 0 #0000004d,0 4px 8px 3px #00000026)}:host([fill=horizontal]){width:100%}:host([fill=vertical]){height:100%}:host([fill=true]){height:100%;width:100%}:host([flex=grow]){flex:1 0}:host([flex=shrink]){flex:0 1}:host([flex=true]){flex:1 1}:host([flex=false]){flex:0 0}:host([gap=xsmall]) ::slotted(*),:host([gap=xsmall][direction=column]) ::slotted(*){margin:var(--spacing-xs,.25rem) 0}:host([gap=xsmall][direction=row]) ::slotted(*){margin:0 var(--spacing-xs,.25rem)}:host([margin=xsmall]){margin:var(--box-margin,var(--spacing-xs,.25rem))}:host([vmargin=xsmall]){margin-bottom:var(--box-margin,var(--spacing-xs,.25rem));margin-top:var(--box-margin,var(--spacing-xs,.25rem))}:host([hmargin=xsmall]){margin-left:var(--box-margin,var(--spacing-xs,.25rem));margin-right:var(--box-margin,var(--spacing-xs,.25rem))}:host([margin="xsmall auto"]){margin:var(--box-margin,var(--spacing-xs,.25rem)) auto}:host([margin="auto xsmall"]){margin:auto var(--box-margin,var(--spacing-xs,.25rem))}:host([padding=xsmall]){padding:var(--box-padding,var(--spacing-xs,.25rem))}:host([vpadding=xsmall]){padding-bottom:var(--box-padding,var(--spacing-xs,.25rem));padding-top:var(--box-padding,var(--spacing-xs,.25rem))}:host([hpadding=xsmall]){padding-left:var(--box-padding,var(--spacing-xs,.25rem));padding-right:var(--box-padding,var(--spacing-xs,.25rem))}:host([gap=small]) ::slotted(*),:host([gap=small][direction=column]) ::slotted(*){margin:var(--spacing-s,.5rem) 0}:host([gap=small][direction=row]) ::slotted(*){margin:0 var(--spacing-s,.5rem)}:host([margin=small]){margin:var(--box-margin,var(--spacing-s,.5rem))}:host([vmargin=small]){margin-bottom:var(--box-margin,var(--spacing-s,.5rem));margin-top:var(--box-margin,var(--spacing-s,.5rem))}:host([hmargin=small]){margin-left:var(--box-margin,var(--spacing-s,.5rem));margin-right:var(--box-margin,var(--spacing-s,.5rem))}:host([margin="small auto"]){margin:var(--box-margin,var(--spacing-s,.5rem)) auto}:host([margin="auto small"]){margin:auto var(--box-margin,var(--spacing-s,.5rem))}:host([padding=small]){padding:var(--box-padding,var(--spacing-s,.5rem))}:host([vpadding=small]){padding-bottom:var(--box-padding,var(--spacing-s,.5rem));padding-top:var(--box-padding,var(--spacing-s,.5rem))}:host([hpadding=small]){padding-left:var(--box-padding,var(--spacing-s,.5rem));padding-right:var(--box-padding,var(--spacing-s,.5rem))}:host([gap=medium]) ::slotted(*),:host([gap=medium][direction=column]) ::slotted(*){margin:var(--spacing-m,1rem) 0}:host([gap=medium][direction=row]) ::slotted(*){margin:0 var(--spacing-m,1rem)}:host([margin=medium]){margin:var(--box-margin,var(--spacing-m,1rem))}:host([vmargin=medium]){margin-bottom:var(--box-margin,var(--spacing-m,1rem));margin-top:var(--box-margin,var(--spacing-m,1rem))}:host([hmargin=medium]){margin-left:var(--box-margin,var(--spacing-m,1rem));margin-right:var(--box-margin,var(--spacing-m,1rem))}:host([margin="medium auto"]){margin:var(--box-margin,var(--spacing-m,1rem)) auto}:host([margin="auto medium"]){margin:auto var(--box-margin,var(--spacing-m,1rem))}:host([padding=medium]){padding:var(--box-padding,var(--spacing-m,1rem))}:host([vpadding=medium]){padding-bottom:var(--box-padding,var(--spacing-m,1rem));padding-top:var(--box-padding,var(--spacing-m,1rem))}:host([hpadding=medium]){padding-left:var(--box-padding,var(--spacing-m,1rem));padding-right:var(--box-padding,var(--spacing-m,1rem))}:host([gap=large]) ::slotted(*),:host([gap=large][direction=column]) ::slotted(*){margin:var(--spacing-l,1.25rem) 0}:host([gap=large][direction=row]) ::slotted(*){margin:0 var(--spacing-l,1.25rem)}:host([margin=large]){margin:var(--box-margin,var(--spacing-l,1.25rem))}:host([vmargin=large]){margin-bottom:var(--box-margin,var(--spacing-l,1.25rem));margin-top:var(--box-margin,var(--spacing-l,1.25rem))}:host([hmargin=large]){margin-left:var(--box-margin,var(--spacing-l,1.25rem));margin-right:var(--box-margin,var(--spacing-l,1.25rem))}:host([margin="large auto"]){margin:var(--box-margin,var(--spacing-l,1.25rem)) auto}:host([margin="auto large"]){margin:auto var(--box-margin,var(--spacing-l,1.25rem))}:host([padding=large]){padding:var(--box-padding,var(--spacing-l,1.25rem))}:host([vpadding=large]){padding-bottom:var(--box-padding,var(--spacing-l,1.25rem));padding-top:var(--box-padding,var(--spacing-l,1.25rem))}:host([hpadding=large]){padding-left:var(--box-padding,var(--spacing-l,1.25rem));padding-right:var(--box-padding,var(--spacing-l,1.25rem))}:host([gap=xlarge]) ::slotted(*),:host([gap=xlarge][direction=column]) ::slotted(*){margin:var(--spacing-xl,2rem) 0}:host([gap=xlarge][direction=row]) ::slotted(*){margin:0 var(--spacing-xl,2rem)}:host([margin=xlarge]){margin:var(--box-margin,var(--spacing-xl,2rem))}:host([vmargin=xlarge]){margin-bottom:var(--box-margin,var(--spacing-xl,2rem));margin-top:var(--box-margin,var(--spacing-xl,2rem))}:host([hmargin=xlarge]){margin-left:var(--box-margin,var(--spacing-xl,2rem));margin-right:var(--box-margin,var(--spacing-xl,2rem))}:host([margin="xlarge auto"]){margin:var(--box-margin,var(--spacing-xl,2rem)) auto}:host([margin="auto xlarge"]){margin:auto var(--box-margin,var(--spacing-xl,2rem))}:host([padding=xlarge]){padding:var(--box-padding,var(--spacing-xl,2rem))}:host([vpadding=xlarge]){padding-bottom:var(--box-padding,var(--spacing-xl,2rem));padding-top:var(--box-padding,var(--spacing-xl,2rem))}:host([hpadding=xlarge]){padding-left:var(--box-padding,var(--spacing-xl,2rem));padding-right:var(--box-padding,var(--spacing-xl,2rem))}:host([font=xsmall]),:host([size=xsmall]){font-size:var(--box-font-size,var(--font-size-xs,.625rem))}:host([font=small]),:host([size=small]){font-size:var(--box-font-size,var(--font-size-s,.875rem))}:host([font=medium]),:host([size=medium]){font-size:var(--box-font-size,var(--font-size-m,1rem))}:host([font=large]),:host([size=large]){font-size:var(--box-font-size,var(--font-size-l,1.25rem))}:host([font=xlarge]),:host([size=xlarge]){font-size:var(--box-font-size,var(--font-size-xl,1.5rem))}:host([font=xxlarge]),:host([size=xxlarge]){font-size:var(--box-font-size,var(--font-size-xxl,2.25rem))}:host([justify=start]){justify-content:flex-start}:host([justify=end]){justify-content:flex-end}:host([justify=stretch]){justify-content:stretch}:host([justify=baseline]){justify-content:baseline}:host([justify=center]){justify-content:center}:host([justify=around]){justify-content:space-around}:host([justify=between]){justify-content:space-between}:host([justify=evenly]){justify-content:space-evenly}:host([overflow=auto]){overflow:auto}:host([overflow=hidden]){overflow:hidden}:host([overflow=scroll]){overflow:scroll}:host([overflow=visible]){overflow:visible}:host([radius=none]){border-radius:var(--box-border-radius,0)}:host([radius=small]){border-radius:var(--box-border-radius,var(--border-radius-small,.125rem))}:host([radius=medium]){border-radius:var(--box-border-radius,var(--border-radius-medium,.25rem))}:host([radius=large]){border-radius:var(--box-border-radius,var(--border-radius-large,.5rem))}:host([radius=xlarge]){border-radius:var(--box-border-radius,var(--border-radius-x-large,1rem))}:host([radius=circle]){border-radius:var(--box-border-radius,var(--border-radius-circle,50%))}:host([radius=pill]){border-radius:var(--box-border-radius,var(--border-radius-pill,9999px))}:host([max-width=xxsmall]){max-width:var(--box-max-width,var(--size-xxs,2rem))}:host([width=xxsmall]){width:var(--box-width,var(--size-xxs,2rem))}:host([max-height=xxsmall]){max-height:var(--box-max-height,var(--size-xxs,2rem))}:host([height=xxsmall]){height:var(--box-height,var(--size-xxs,2rem))}:host([max-width=xsmall]){max-width:var(--box-max-width,var(--size-xs,4rem))}:host([width=xsmall]){width:var(--box-width,var(--size-xs,4rem))}:host([max-height=xsmall]){max-height:var(--box-max-height,var(--size-xs,4rem))}:host([height=xsmall]){height:var(--box-height,var(--size-xs,4rem))}:host([max-width=small]){max-width:var(--box-max-width,var(--size-s,8rem))}:host([width=small]){width:var(--box-width,var(--size-s,8rem))}:host([max-height=small]){max-height:var(--box-max-height,var(--size-s,8rem))}:host([height=small]){height:var(--box-height,var(--size-s,8rem))}:host([max-width=medium]){max-width:var(--box-max-width,var(--size-m,16rem))}:host([width=medium]){width:var(--box-width,var(--size-m,16rem))}:host([max-height=medium]){max-height:var(--box-max-height,var(--size-m,16rem))}:host([height=medium]){height:var(--box-height,var(--size-m,16rem))}:host([max-width=large]){max-width:var(--box-max-width,var(--size-l,32rem))}:host([width=large]){width:var(--box-width,var(--size-l,32rem))}:host([max-height=large]){max-height:var(--box-max-height,var(--size-l,32rem))}:host([height=large]){height:var(--box-height,var(--size-l,32rem))}:host([max-width=xlarge]){max-width:var(--box-max-width,var(--size-xl,48rem))}:host([width=xlarge]){width:var(--box-width,var(--size-xl,48rem))}:host([max-height=xlarge]){max-height:var(--box-max-height,var(--size-xl,48rem))}:host([height=xlarge]){height:var(--box-height,var(--size-xl,48rem))}:host([max-width=xxlarge]){max-width:var(--box-max-width,var(--size-xxl,64rem))}:host([width=xxlarge]){width:var(--box-width,var(--size-xxl,64rem))}:host([max-height=xxlarge]){max-height:var(--box-max-height,var(--size-xxl,64rem))}:host([height=xxlarge]){height:var(--box-height,var(--size-xxl,64rem))}:host([wrap=true]){flex-wrap:wrap}:host([wrap=reverse]){flex-wrap:wrap-reverse}')}`]}render(){return K`<slot></slot>`}connectedCallback(){this.ripple&&(this.addEventListener("mousedown",this.showRipple.bind(this),{passive:!0}),this.addEventListener("mouseup",this.hideRipple.bind(this),{passive:!0})),super.connectedCallback()}disconnectedCallback(){this.removeEventListener("mousedown",this.showRipple),this.addEventListener("mouseup",this.hideRipple),super.disconnectedCallback()}updated(t){super.updated(t)}showRipple(t){const r=t.clientX,e=t.clientY,{offsetWidth:o,offsetHeight:a}=this,i=document.createElement("span");i.classList.add("ripple","open");const n=document.createElement("span");i.appendChild(n),this.shadowRoot.appendChild(i);const s=this.getBoundingClientRect(),l=2*Math.max(o,o);n.style.width=n.style.height=l+"px",n.style.left=r-s.left-l/2+"px",n.style.top=e-s.top-l/2+"px";n.animate({transform:["scale(0)","scale(1)"]},{easing:"ease-out",fill:"both",duration:500}).onfinish=()=>{i.classList.remove("open");n.animate({opacity:["0.5","0"]},{easing:"ease-in",fill:"both",duration:300}).onfinish=()=>{requestAnimationFrame((()=>{i.remove()}))}}}hideRipple(t){var r;null===(r=this.shadowRoot)||void 0===r||r.querySelectorAll(".ripple:not([open])").forEach((t=>{t.querySelector("span").animate({opacity:["0.5","0"]},{easing:"ease-out",fill:"both",duration:300}).onfinish=()=>{requestAnimationFrame((()=>{t.remove()}))}}))}},r([ut({type:Boolean})],t.TkBox.prototype,"ripple",void 0),r([ut()],t.TkBox.prototype,"background",void 0),r([ut()],t.TkBox.prototype,"color",void 0),t.TkBox=r([ct("tk-box")],t.TkBox);class xt extends t.TkBox{constructor(){super(...arguments),this._id=ft(),this.disabled=!1}updated(t){this.tabIndex=this.disabled?-1:0,super.updated(t)}}r([ut({type:Boolean})],xt.prototype,"_id",void 0),r([ut({type:Boolean})],xt.prototype,"disabled",void 0);t.TkAccordion=class extends xt{constructor(){super(...arguments),this.checked=!1,this.rippleHeader=!1}static get styles(){return[...t.TkBox.styles,h`${l('@charset "UTF-8";*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host .header{background-color:hsl(var(--surface-container-lowest));border:2px solid hsl(var(--outline));color:hsl(var(--on-surface));cursor:pointer;padding:16px}:host .header>*{margin:0 10px}:host .header:after{content:"▼";display:inline-block;font-size:12px;transition:transform .3s}:host .header .before{width:fit-content}:host .header .header-content{flex:1}:host .content{height:0;margin:0 auto;opacity:0;transition:all .2s;visibility:hidden;width:95%}:host h3,:host h5{margin:0}:host([checked]) .header{background-color:hsl(var(--primary));color:hsl(var(--on-primary))}:host([checked]) .header:after{transform:rotate(180deg)}:host([checked]) .content{height:auto;opacity:1;transition:all .3s,opacity .7s;visibility:visible}:host([pill]) .header{border-radius:9999px}')}`]}render(){return K`<tk-box margin="small"><tk-box @click="${this.handleClick.bind(this)}" ?ripple="${this.rippleHeader}" class="header" direction="row" align-items="center"><tk-box class="before"><slot name="before"></slot></tk-box><tk-box class="header-content"><h3 class="title"><slot name="title"></slot></h3><h5><slot name="description"></slot></h5></tk-box></tk-box><tk-box class="content"><slot></slot></tk-box></tk-box><input id="${this.id}" slot="none" style="display:none" type="radio" ?checked="${this.checked}" ?disabled="${this.disabled}" name="${yt(this.name)}" aria-hidden="true" tabindex="-1">`}firstUpdated(){this.appendChild(this.$input)}onKeyDown(t){"Space"!==t.code&&"Enter"!==t.code||(t.preventDefault(),t.stopPropagation(),this.click())}handleClick(){this.checked=!this.checked,this.checked&&this.name&&this.getRootNode().querySelectorAll(`tk-accordion[name="${this.name}"]`).forEach((t=>t!=this?t.checked=!1:null)),this.dispatchEvent(new Event("change"))}},r([ut({attribute:!0,type:String})],t.TkAccordion.prototype,"name",void 0),r([ut({attribute:!0,type:Boolean,reflect:!0})],t.TkAccordion.prototype,"checked",void 0),r([ut({attribute:"ripple-header",type:Boolean})],t.TkAccordion.prototype,"rippleHeader",void 0),r([mt("input")],t.TkAccordion.prototype,"$input",void 0),t.TkAccordion=r([ct("tk-accordion")],t.TkAccordion);t.TkBadge=class extends lt{static get styles(){return h`${l("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{display:inline-flex}:host .badge{background-color:hsl(var(--error));border-radius:8px;color:hsl(var(--on-error));cursor:inherit;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:10px;height:16px;line-height:8px;max-width:34px;min-width:16px;padding:4px;text-align:center;user-select:none;white-space:nowrap}:host .badge.empty{border-radius:100%;height:6px;min-width:6px;width:6px}")}`}render(){return K`<slot></slot><div class="badge ${this.label?"":"empty"}">${this.label}</div>`}},r([ut()],t.TkBadge.prototype,"label",void 0),t.TkBadge=r([ct("tk-badge")],t.TkBadge);t.TkButton=class extends t.TkBox{constructor(){super(...arguments),this._id=ft(),this.href=null,this.type="button",this.disabled=!1,this.fab=!1,this.ripple=!0}static get styles(){return[...t.TkBox.styles,h`${l("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{align-items:center;border-radius:20px;color:hsl(var(--primary));cursor:pointer;display:inline-flex;flex-direction:row;height:40px;justify-content:center;overflow:hidden;position:relative;text-align:center;text-decoration:none;text-overflow:ellipsis;user-select:none;vertical-align:middle;width:40px}:host tk-icon{height:24px;width:24px}:host([extended]){width:auto}:host([extended]) .content{align-items:center;display:flex;font-family:Roboto,sans-serif;font-size:var(--font-size,14px);font-weight:500;line-height:20px;margin:0 24px;pointer-events:none}:host([extended]) .content.has-icon{margin:0 24px 0 8px}:host([extended]) tk-icon{height:18px;margin-left:16px;width:18px}:host(:focus),:host(:hover){background-color:hsla(var(--primary),.3);outline:none}:host([elevated]){background-color:hsl(var(--surface-container-low));box-shadow:0 1px 2px 0 #0000004d,0 1px 3px 1px #00000026;color:hsl(var(--primary))}:host([elevated]:focus),:host([elevated]:hover){background-color:hsl(var(--surface-container-high));box-shadow:0 1px 2px 0 #0000004d,0 2px 6px 2px #00000026;outline:none}:host([filled]){background-color:hsl(var(--primary));color:hsl(var(--on-primary))}:host([filled]:hover){background-color:hsla(var(--primary),.6);box-shadow:0 1px 2px 0 #0000004d,0 1px 3px 1px #00000026}:host([filled]:focus){background-color:hsla(var(--primary),.6);outline:none}:host([tonal]){background-color:hsl(var(--secondary-container));color:hsl(var(--on-secondary-container))}:host([tonal]:hover){background-color:hsla(var(--on-secondary-container),.3);box-shadow:0 1px 2px 0 #0000004d,0 1px 3px 1px #00000026}:host([tonal]:focus){background-color:hsla(var(--on-secondary-container),.3);outline:none}:host([outlined]){background-color:initial;border:1px solid hsl(var(--outline));color:hsl(var(--primary))}:host([outlined]:hover){background-color:hsla(var(--primary),.08);color:hsl(var(--primary))}:host([outlined]:focus){background-color:hsla(var(--primary),.12);border-color:hsl(var(--primary));outline:none}:host([fab]){align-items:center;background-color:hsl(var(--primary));border-radius:16px;box-shadow:0 1px 3px 0 #0000004d,0 4px 8px 3px #00000026;color:hsl(var(--on-primary));display:inline-flex;height:56px;justify-content:center;padding:12px;width:56px}:host([fab]) tk-icon{height:24px;margin-left:0;width:24px}:host([fab]) .content{margin:0}:host([fab][extended]){min-width:80px;width:auto}:host([fab][extended]) .content{margin:0 24px}:host([fab][extended]) .content.has-icon{margin:0 24px 0 8px}:host([fab][extended]) tk-icon{margin-left:16px}:host([fab]:hover){background-color:hsla(var(--on-primary-container),.3)}:host([fab]:focus){background-color:hsla(var(--on-primary-container),.3);box-shadow:0 1px 3px 0 #0000004d,0 4px 8px 3px #00000026;outline:none}:host([fab][small]){border-radius:12px;height:40px;width:40px}:host([fab][small]) tk-icon{height:24px;width:24px}:host([fab][large]){border-radius:28px;height:96px;width:96px}:host([fab][large]) tk-icon{height:36px;width:36px}:host([disabled]){background-color:hsla(var(--on-surface),.12);box-shadow:none;cursor:not-allowed;pointer-events:none}:host([disabled]) .content{color:hsl(var(--on-surface));opacity:.38}")}`]}render(){return K`${this.iconPath?K`<tk-icon path="${this.iconPath}"></tk-icon>`:""}<div class="content ${this.iconPath?"has-icon":""}" @slotchange="${this.slotChanged}"><slot></slot></div>${this.href?K`<a tabindex="-1" hidden id="ahref" href="${this.href}" target="${yt(this.target)}" rel="noreferrer"></a>`:""} <button id="${this._id}" hidden type="${yt(this.type)}"></button>`}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleClick.bind(this))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.onKeyDown)}updated(t){this.tabIndex=this.disabled?-1:0,super.updated(t)}onKeyDown(t){"Space"!==t.code&&"Enter"!==t.code||(t.preventDefault(),t.stopPropagation(),this.click())}firstUpdated(){"submit"!=this.type&&"reset"!=this.type||this.appendChild(this.$button)}handleClick(t){var r;this.href&&t.isTrusted?(t.stopPropagation(),t.preventDefault(),this.$ahref.click()):(t.isTrusted&&"submit"==this.type||"reset"==this.type)&&(null===(r=this.querySelector("button"))||void 0===r||r.click())}slotChanged(){var t;const r=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("slot"),e=null==r?void 0:r.assignedNodes({flatten:!0});e&&e.length>0?this.setAttribute("extended",""):this.removeAttribute("extended")}},r([ut()],t.TkButton.prototype,"href",void 0),r([ut()],t.TkButton.prototype,"target",void 0),r([ut()],t.TkButton.prototype,"type",void 0),r([ut({type:Boolean})],t.TkButton.prototype,"disabled",void 0),r([ut({type:Boolean})],t.TkButton.prototype,"fab",void 0),r([ut({type:String})],t.TkButton.prototype,"iconPath",void 0),r([ut()],t.TkButton.prototype,"ripple",void 0),r([mt("#ahref")],t.TkButton.prototype,"$ahref",void 0),r([mt("button")],t.TkButton.prototype,"$button",void 0),t.TkButton=r([ct("tk-button")],t.TkButton);t.TkCheckbox=class extends lt{constructor(){super(...arguments),this._id=ft(),this.checked=!1,this.disabled=!1}render(){return K`<tk-box direction="row" align-items="center"><tk-box ripple tabindex="${this.disabled?-1:0}" class="state"><div class="checkbox"><svg id="checkmark" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" preserveAspectRatio="none" viewBox="0 0 24 24"><path id="checkmark-path" fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59"></path><line id="indeterminate-path" fill="none" x1="0" y1="12.5" x2="24" y2="12.5"/></svg></div></tk-box><span class="label"><slot></slot></span></tk-box><input id="${this._id}" slot="none" style="display:none" ?checked="${this.checked}" type="checkbox" name="${yt(this.name)}" value="${yt(this.value)}" aria-hidden="true" tabindex="-1">`}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleClick.bind(this)),this.addEventListener("keydown",this.onKeyDown.bind(this))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.onKeyDown)}firstUpdated(){this.appendChild(this.$input)}onKeyDown(t){"Space"!==t.code&&"Enter"!==t.code||(t.preventDefault(),t.stopPropagation(),this.click())}handleClick(){this.checked=!this.checked,setTimeout((()=>this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))))}},t.TkCheckbox.styles=h`${l("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{display:inline-flex}:host .state{align-items:center;border-radius:100%;display:inline-flex;height:40px;justify-content:center;outline:none;overflow:hidden;width:40px}:host .checkbox{align-items:center;border:2px solid hsl(var(--primary));display:inline-flex;height:18px;justify-content:center;margin:0 5px;outline:none;position:relative;transition:var(--checkbox-transition,background var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)),border-color var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)));-webkit-user-select:none;user-select:none;width:18px}:host .label{user-select:none}:host([checked]) .checkbox{background-color:hsl(var(--primary))}:host([checked]:not([indeterminate])) #checkmark-path,:host([indeterminate]) #indeterminate-path{stroke-dashoffset:0}:host(:focus) #checkmark-path,:host(:hover) #checkmark-path{will-change:stroke-dashoffset}#checkmark{padding:1px}#checkmark-path,#indeterminate-path{stroke-width:5px;stroke:hsl(var(--on-primary));stroke-dasharray:30;stroke-dashoffset:30;transition:var(--checkbox-checkmark-transition,stroke-dashoffset var(--transition-duration-medium,.18s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)))}#checkmark-path{transition-delay:var(--checkbox-checkmark-path-delay,50ms)}:host(:not([disabled])){cursor:pointer}:host(:focus) .state,:host(:hover) .state{background:hsla(var(--on-surface),.3)}:host([checked]:focus) .state,:host([checked]:hover) .state{background:hsla(var(--primary),.3)}:host([checked]:focus) .checked,:host([checked]:hover) .checked{background-color:hsl(var(--primary))}:host([disabled]){pointer-events:none}:host([disabled]) .checkbox{background-color:hsla(var(--on-surface),.3);border-color:hsla(var(--on-surface),0)}:host([disabled]) #checkmark-path,:host([disabled]) #indeterminate-path{stroke:hsla(var(--on-surface-variant,.3))}:host([disabled]) .label{opacity:.6}")}`,r([ut({attribute:!0,type:String})],t.TkCheckbox.prototype,"name",void 0),r([ut({attribute:!0,type:String,reflect:!0})],t.TkCheckbox.prototype,"value",void 0),r([ut({attribute:!0,type:Boolean,reflect:!0})],t.TkCheckbox.prototype,"checked",void 0),r([ut({type:Boolean})],t.TkCheckbox.prototype,"disabled",void 0),r([mt("input")],t.TkCheckbox.prototype,"$input",void 0),t.TkCheckbox=r([ct("tk-checkbox")],t.TkCheckbox);t.TkChip=class extends lt{render(){return K`<div class="chip"><slot></slot></div>`}},t.TkChip.styles=h`${l("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--color:var(--primary);--text:var(--on-primary);background:var(--color);box-sizing:border-box;color:var(--text);display:flex;flex-grow:1;height:var(--navbar-height,48px);justify-content:space-between;padding:var(--navbar-padding,var(--spacing-s,.5rem));position:relative;transition:var(--nav-transition,background var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)),transform var(--transition-duration-medium,.18s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)),box-shadow var(--transition-duration-medium,.18s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)));z-index:var(--navbar-z-index,100)}:host([inverted]){--color:var(--on-primary);--text:var(--primary)}:host([fixed]){left:0;position:fixed;top:0;width:100%}:host([shadow]){box-shadow:var(--nav-elevation,0 1px 3px 0 #0000004d,0 4px 8px 3px #00000026)}#left,#right,#title,::slotted([slot=left]),::slotted([slot=right]),::slotted([slot=title]){align-items:center;display:flex;height:100%}#title,::slotted([slot=title]){font-size:var(--nav-title-font-size,var(--font-size-l,1.25rem));margin:var(--nav-title-margin,0 0 0 var(--spacing-l,1.25rem))}")}`,t.TkChip=r([ct("tk-chip")],t.TkChip);t.TkDialog=class extends lt{constructor(){super(...arguments),this.modal=!1,this.open=!1,this.blurOverlay=!1}render(){return K`${this.open?K`<div class="overlay ${this.blurOverlay?"blur":""}" @click="${()=>this.modal?null:this.hide()}"></div><div class="container"><slot></slot></div>`:""}`}updated(t){t.has("open")&&this.open&&this.dispatchEvent(new Event("did-show")),t.has("open")&&1==t.get("open")&&!this.open&&this.dispatchEvent(new Event("did-close"))}show(){return this.open=!0,new Promise((t=>{this.resolve=t}))}hide(t=null){this.open=!1,this.resolve&&this.resolve(t)}},t.TkDialog.styles=h`${l("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{display:none;outline:none;position:relative}:host([open]){display:block;height:100%;left:0;position:fixed;top:0;width:100%;z-index:var(--dialog-z-index,300)}:host([open]) .overlay{background-color:#00000080;bottom:0;left:0;position:absolute;right:0;top:0}:host([open]) .overlay.blur{backdrop-filter:blur(2px)}:host([open]) .container{animation:fade-in .3s forwards;height:100%;margin:0;max-height:100%;max-width:100%;overflow-y:auto;overscroll-behavior:contain;position:fixed;width:fit-content;will-change:transform,opacity}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (max-width:400px){:host([open]) .container{padding:.1rem}}")}`,r([ut({type:Boolean,attribute:!0})],t.TkDialog.prototype,"modal",void 0),r([ut({type:Boolean,attribute:!0,reflect:!0})],t.TkDialog.prototype,"open",void 0),r([ut({type:Boolean,attribute:"blur-overlay"})],t.TkDialog.prototype,"blurOverlay",void 0),t.TkDialog=r([ct("tk-dialog")],t.TkDialog);t.TkDrawer=class extends lt{constructor(){super(...arguments),this._open=!1,this.over=!1,this.right=!1,this.swipeable=!1,this.swipeX=0,this.swipeY=0,this.isHorizontalSwipe=!1}set open(t){if(t===this._open)return;const r=this._open;this._open=t,this.requestUpdate("open",r),this._open&&this.dispatchEvent(new Event("did-show")),this._open||this.dispatchEvent(new Event("did-close"))}get open(){return this._open}render(){return K`<div class="container"><slot name="drawer-container"></slot></div><div class="overlay" @click="${()=>this.open=!1}"></div><div class="drawer" @touchstart="${this.touchStart}" @touchmove="${this.touchMove}" @touchend="${this.touchEnd}"><div class="drawer-header"><slot name="drawer-header"></slot></div><div class="drawer-content"><slot name="drawer-content"></slot></div><div class="drawer-footer"><slot name="drawer-footer"></slot></div><div class="drawer-swipe"></div></div>`}updated(t){t.has("overQuery")&&this.overMediaQuery(),t.has("openQuery")&&window.matchMedia(this.openQuery).matches&&this.show(),t.has("open")&&this.swipeable&&requestAnimationFrame((t=>{this.$drawer.removeAttribute("style")}))}overMediaQuery(){this.mql&&this.mql.removeEventListener("change",this.overMediaQueryListener.bind(this)),this.mql=window.matchMedia(this.overQuery),this.mql.matches?this.setAttribute("over",""):this.removeAttribute("over"),this.mql.addEventListener("change",this.overMediaQueryListener.bind(this))}overMediaQueryListener(t){t.matches?this.setAttribute("over",""):this.removeAttribute("over")}hideIfOver(){var t;(this.overQuery&&(null===(t=this.mql)||void 0===t?void 0:t.matches)||this.over)&&(this.open=!1)}show(){this.open=!0}hide(){this.open=!1}toggle(){this.open=!this.open}touchStart(t){this.swipeable&&(this.$drawer.style.transition="transform 0ms ease",this.swipeX=t.touches[0].clientX,this.swipeY=t.touches[0].clientY)}touchMove(t){if(!this.swipeable)return;const r=t.touches[0].clientX-this.swipeX,e=t.touches[0].clientY-this.swipeY;if(this.isHorizontalSwipe=Math.abs(r)>Math.abs(e),this.isHorizontalSwipe){var o,a=this.open?r>0?0:r:r<0?0:r;o=this.open?"translateX("+a+"px)":`translateX(min(calc(-100% + 10px + ${a}px), 0px)`,requestAnimationFrame((t=>{this.$drawer.style.transform=o}))}}touchEnd(t){if(!this.swipeable)return;requestAnimationFrame((t=>{this.$drawer.removeAttribute("style")}));const r=t.changedTouches[0].clientX-this.swipeX;this.isHorizontalSwipe&&this.open?this.open=!(-50>r):this.isHorizontalSwipe&&!this.open&&(this.open=50<r),this.isHorizontalSwipe=!1}},t.TkDrawer.styles=h`${l('*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{background-color:hsl(var(--surface));display:block;height:100%;overflow:hidden;position:relative;width:100%}.drawer{background-color:hsl(var(--surface));bottom:0;display:grid;grid-template-areas:"header swipe" "content swipe" "footer swipe";grid-template-columns:var(--drawer-width,256px) 10px;grid-template-rows:auto 1fr auto;overflow:hidden;position:absolute;top:0;touch-action:pan-y;transform:translateX(calc(-100% + 10px));transition:transform cubic-bezier(.4,0,.2,1) var(--transition-duration-medium,.18s);will-change:transform;z-index:var(--drawer-z-index,200)}.drawer .drawer-header{grid-area:header}.drawer .drawer-content{grid-area:content;overflow:auto}.drawer .drawer-footer{grid-area:footer}.drawer .drawer-swipe{background-color:initial;grid-area:swipe}:host([right]) .drawer{right:0;transform:translateX(calc(100% + 10px))}.overlay{background-color:#00000080;bottom:0;display:none;left:0;position:absolute;right:0;top:0;z-index:var(--drawer-overlay-z-index,200)}.container{height:100%;overflow:auto;transition:padding cubic-bezier(.4,0,.2,1) var(--transition-duration-slow,.25s)}:host([open]) .drawer{transform:none}:host([open]) .container{padding-left:var(--drawer-width,256px)}:host([open][over]) .drawer{background-color:hsl(var(--surface-container-low));box-shadow:0 1px 2px 0 #0000004d,0 1px 3px 1px #00000026}:host([open][over]) .container{padding-left:0}:host([open][over]) .overlay{display:block}@media (max-width:var(--drawer-trigger-width,400px)){:host([open]) .container{padding-left:0}:host([open]) .overlay{display:block}}')}`,r([ut({type:Boolean,reflect:!0})],t.TkDrawer.prototype,"open",null),r([ut({type:Boolean,reflect:!0})],t.TkDrawer.prototype,"over",void 0),r([ut({type:String,attribute:"open-query"})],t.TkDrawer.prototype,"openQuery",void 0),r([ut({type:String,attribute:"over-query"})],t.TkDrawer.prototype,"overQuery",void 0),r([ut({type:Boolean,reflect:!0})],t.TkDrawer.prototype,"right",void 0),r([ut({type:Boolean,reflect:!0})],t.TkDrawer.prototype,"swipeable",void 0),r([mt("div.drawer")],t.TkDrawer.prototype,"$drawer",void 0),r([gt({passive:!0})],t.TkDrawer.prototype,"touchStart",null),r([gt({passive:!0})],t.TkDrawer.prototype,"touchMove",null),r([gt({passive:!0})],t.TkDrawer.prototype,"touchEnd",null),t.TkDrawer=r([ct("tk-drawer")],t.TkDrawer),t.TkForm=class extends lt{connectedCallback(){super.connectedCallback(),this.addEventListener("submit",this.submit)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("submit",this.submit)}submit(t){t.preventDefault();const r=this.getFormDataAsObject();this.dispatchEvent(new CustomEvent("fulfill",{detail:r}))}getFormDataAsObject(){const t=this.querySelector("form"),r={};return new FormData(t).forEach(((t,e)=>{var o;const a=this.querySelector(`[name=${e}]`);if("TK-SLIDER"==a.tagName&&(t=Number(t)),"TK-CHECKBOX"!=a.tagName||"on"!=t&&"true"!=t||(t=!0),"TK-RADIO"!=a.tagName||"on"!=t&&"true"!=t||(t=!0),e.indexOf("-")>0){const a=e.split("-");r[a[0]]=null!==(o=r[a[0]])&&void 0!==o?o:{},r[a[0]][a[1]]=t}else r[e]=t})),r}},r([ut()],t.TkForm.prototype,"value",void 0),t.TkForm=r([ct("tk-form")],t.TkForm);const kt=1,wt=2,$t=t=>(...r)=>({_$litDirective$:t,values:r});class Tt{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,r,e){this._$Ct=t,this._$AM=r,this._$Ci=e}_$AS(t,r){return this.update(t,r)}update(t,r){return this.render(...r)}}let _t=class extends Tt{constructor(t){if(super(t),this.it=X,t.type!==wt)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===X||null==t)return this._t=void 0,this.it=t;if(t===Y)return t;if("string"!=typeof t)throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const r=[t];return r.raw=r,this._t={_$litType$:this.constructor.resultType,strings:r,values:[]}}};_t.directiveName="unsafeHTML",_t.resultType=1;const St=$t(_t);t.TkIcon=class extends t.TkBox{constructor(){super(...arguments),this.svg=""}static get styles(){return[...t.TkBox.styles,h`${l("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--color:var(--tk-icon-color,currentColor);display:inline-flex;flex-shrink:0;height:1.5em;width:1.5em}:host svg{fill:var(--color);display:block;height:100%;width:100%}")}`]}render(){return K`${this.path?K`<svg viewBox="0 0 24 24"><path d="${this.path}"></path></svg>`:K`${St(this.svg)}`}`}updated(t){t.has("name")&&this.name&&this.loadIcon()}loadIcon(){return e(this,void 0,void 0,(function*(){const t=this.library?document.querySelector(`tk-icons[library=${this.library}]`):document.querySelector("tk-icons");t&&(this.svg=yield fetch(t.resolve(this.name)).then((t=>t.blob().then((r=>({contentType:t.headers.get("Content-Type"),raw:r}))))).then((t=>t.contentType&&/svg/.test(t.contentType)?t.raw.text():"")))}))}},r([ut()],t.TkIcon.prototype,"name",void 0),r([ut()],t.TkIcon.prototype,"library",void 0),r([ut()],t.TkIcon.prototype,"path",void 0),r([ut()],t.TkIcon.prototype,"svg",void 0),t.TkIcon=r([ct("tk-icon")],t.TkIcon),t.TkIcons=class extends lt{constructor(){super(...arguments),this.library="default"}firstUpdated(){window.document.body.appendChild(this)}},r([ut({attribute:!1})],t.TkIcons.prototype,"resolve",void 0),r([ut({reflect:!0})],t.TkIcons.prototype,"library",void 0),t.TkIcons=r([ct("tk-icons")],t.TkIcons);t.TkListItem=class extends t.TkBox{static get styles(){return[...t.TkBox.styles,h`${l("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{align-items:center;border-radius:28px;color:hsl(var(--on-surface-variant));display:flex;flex-direction:row;height:56px;outline:none;overflow:hidden;padding:0 24px 0 16px;position:relative;text-align:left}:host([clickable]),:host([href]){user-select:none}:host([clickable]:not([active]):not([disabled])),:host([href]:not([active]):not([disabled])){cursor:pointer}:host(:focus),:host(:hover){background-color:hsla(var(--on-surface),.08);color:hsl(var(--on-surface));will-change:background,color}:host([active]){background-color:hsla(var(--secondary-container),1);color:hsl(var(--on-secondary-container))}:host([active]:focus),:host([active]:hover){background-color:hsla(var(--secondary-container),1);color:hsl(var(--on-secondary-container))}:host([disabled]){background:hsla(var(--surface-container-highest),.12);color:hsl(var(--on-surface-variant));opacity:.4;pointer-events:none}::slotted([slot=after]),::slotted([slot=before]){flex-shrink:0}::slotted([slot=before]){align-self:var(--list-item-left-align-self,center);margin:0 var(--spacing-m,1rem) 0 0}::slotted([slot=after]){align-self:var(--list-item-left-align-self,center);margin:0 0 0 var(--spacing-m,1rem)}#content{display:flex;flex-direction:column;flex-grow:1;max-width:100%}")}`]}render(){return K`<slot name="before" @click="${this.handleClick}"></slot><div id="content"><slot></slot></div><slot name="after" @click="${this.handleClick}"></slot>${this.href?K`<a tabindex="-1" id="ahref" href="${this.href}" target="${yt(this.target)}" rel="noreferrer" aria-label="${this.ariaLabel}"></a>`:""}`}constructor(){super(),this.href="",this.target=""}firstUpdated(){!this.ariaLabel&&this.innerText&&(this.ariaLabel=this.innerText)}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.onKeyDown.bind(this)),this.addEventListener("click",this.handleClick.bind(this))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.onKeyDown)}onKeyDown(t){"Space"!==t.code&&"Enter"!==t.code||(t.preventDefault(),t.stopPropagation(),this.click())}handleClick(t){const r=t.target;"BUTTON"!=r.tagName&&"TK-BUTTON"!=r.tagName&&"TK-SWITCH"!=r.tagName&&"TK-CHECKBOX"!=r.tagName&&this.href&&t.isTrusted&&(t.stopPropagation(),t.preventDefault(),this.$ahref.click())}},r([ut({attribute:!0})],t.TkListItem.prototype,"href",void 0),r([ut({attribute:!0})],t.TkListItem.prototype,"target",void 0),r([ut({attribute:"aria-label"})],t.TkListItem.prototype,"ariaLabel",void 0),r([mt("#ahref")],t.TkListItem.prototype,"$ahref",void 0),t.TkListItem=r([ct("tk-list-item")],t.TkListItem);const zt=$t(class extends Tt{constructor(t){if(super(t),t.type!==kt||"class"!==t.name||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter((r=>t[r])).join(" ")+" "}update(t,[r]){if(void 0===this.st){this.st=new Set,void 0!==t.strings&&(this.nt=new Set(t.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in r)r[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(r)}const e=t.element.classList;for(const t of this.st)t in r||(e.remove(t),this.st.delete(t));for(const t in r){const o=!!r[t];o===this.st.has(t)||this.nt?.has(t)||(o?(e.add(t),this.st.add(t)):(e.remove(t),this.st.delete(t)))}return Y}});t.TkLoading=class extends t.TkBox{constructor(){super(...arguments),this.circle=!1,this.indeterminate=!1,this.percent=0}static get styles(){return[...t.TkBox.styles,h`${l('*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--color:hsl(var(--primary));--background-color:var(--tk-loading-background-color,hsl(var(--surface-dim)))}:host([secondary]){--color:hsl(var(--secondary))}:host([error]){--color:hsl(var(--error))}.circle{animation:rotator 3s linear infinite;display:inline-flex;height:56px;width:56px}.circle,.circle .path{transform-origin:center}.circle .path{stroke-dasharray:265;stroke-dashoffset:0;stroke:var(--color);animation:dash 3s ease-in-out infinite}@keyframes rotator{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dashoffset:265}50%{stroke-dashoffset:65;transform:rotate(90deg)}to{stroke-dashoffset:265;transform:rotate(1turn)}}:host([small]) .circle{height:20px;width:20px}:host([small]) .line{height:2px}:host([large]) .circle{height:96px;width:96px}:host([large]) .line{height:14px}.line{background-color:var(--background-color);height:6px;overflow:hidden;position:relative}.line .progress{height:100%}.line .indeterminate,.line .progress{background-color:var(--color)}.line .indeterminate:before{animation:indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.line .indeterminate:after,.line .indeterminate:before{background-color:inherit;bottom:0;content:"";left:0;position:absolute;top:0;will-change:left,right}.line .indeterminate:after{animation:indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;animation-delay:1.15s}@keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}')}`]}render(){return K`${this.circle?K`<svg class="circle" viewBox="0 0 100 100"><circle class="${zt({indeterminate:this.indeterminate,path:!0})}" fill="none" stroke-width="1em" stroke-linecap="butt" cx="50" cy="50" r="40"></circle></svg>`:K`<div class="line"><div class="${zt({progress:!0,indeterminate:this.indeterminate})}" style="${`width:${this.percent}%;`}"></div></div>`}`}},r([ut({attribute:!0,type:Boolean})],t.TkLoading.prototype,"circle",void 0),r([ut({attribute:!0,type:Boolean})],t.TkLoading.prototype,"indeterminate",void 0),r([ut({attribute:!0,type:Number})],t.TkLoading.prototype,"percent",void 0),t.TkLoading=r([ct("tk-loading")],t.TkLoading);t.TkNavigationBar=class extends lt{render(){return K`<slot></slot>`}},t.TkNavigationBar.styles=h`${l("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host slot{display:flex;justify-content:space-between}")}`,t.TkNavigationBar=r([ct("tk-navigation-bar")],t.TkNavigationBar);t.TkNavigationItem=class extends lt{constructor(){super(...arguments),this.label="",this.iconPath="",this.activeIconPath="",this.active=!1}render(){return K`<tk-box align-items="center"><tk-box ripple overflow="hidden" tabindex="0" class="indicator"><tk-icon path="${this.active&&this.activeIconPath?this.activeIconPath:this.iconPath}"></tk-icon><span class="badge"><slot name="badge"></slot></span></tk-box>${this.label?K`<span class="label">${this.label}</span>`:""}</tk-box>`}},t.TkNavigationItem.styles=h`${l("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{cursor:pointer}:host .indicator{align-items:center;border-radius:16px;display:flex;height:32px;justify-content:center;margin-bottom:4px;outline:none;position:relative;width:64px}:host .indicator tk-icon{height:24px;width:24px}:host .indicator .badge{display:flex;left:35px;position:absolute;top:4px}:host .label{font-size:12px;font-weight:500;line-height:16px;margin-top:4px}:host([active]){color:hsl(var(--on-secondary-container))}:host([active]) .indicator{background-color:hsl(var(--secondary-container))}:host(:hover){color:hsl(var(--on-surface-variant))}:host(:hover) .indicator{background-color:hsla(var(--on-surface-variant),.08)}:host(:focus){color:hsl(var(--on-surface-variant))}:host(:focus) .indicator{background-color:hsla(var(--on-surface-variant),.12)}:host([active]:hover){color:hsl(var(--on-surface))}:host([active]:hover) .indicator{background-color:hsla(var(--on-surface),.08)}:host([active]:focus){color:hsl(var(--on-surface))}:host([active]:focus) .indicator{background-color:hsl(var(--on-surface),.12)}")}`,r([ut()],t.TkNavigationItem.prototype,"label",void 0),r([ut()],t.TkNavigationItem.prototype,"iconPath",void 0),r([ut()],t.TkNavigationItem.prototype,"activeIconPath",void 0),r([ut({type:Boolean})],t.TkNavigationItem.prototype,"active",void 0),t.TkNavigationItem=r([ct("tk-navigation-item")],t.TkNavigationItem);t.TkTopbar=class extends t.TkBox{static get styles(){return[...t.TkBox.styles,h`${l("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{align-items:center;background:hsl(var(--on-primary));color:hsl(var(--primary));flex-direction:row;justify-content:space-between}:host([fixed]){left:0;position:fixed;right:0;top:0;z-index:var(--navbar-z-index,100)}#left,#right,#title,::slotted([slot=left]),::slotted([slot=right]),::slotted([slot=title]){align-items:center;display:flex;height:100%}#title,::slotted([slot=title]){margin:var(--nav-title-margin,0 0 0 var(--spacing-l,1.25rem))}")}`]}render(){return K`<div id="left"><slot name="left"></slot><slot name="title"></slot></div><div id="right"><slot name="right"></slot></div>`}},t.TkTopbar=r([ct("tk-topbar")],t.TkTopbar);t.TkTextfield=class extends lt{constructor(){super(...arguments),this._id=ft(),this.type="text",this.required=!1,this.disabled=!1,this.readonly=!1}set value(t){this.$input?(this.$input.value=t,this.refreshAttributes()):this.initialValue=t}get value(){return null!=this.$input?this.$input.value:this.initialValue||""}render(){return K`<div id="container"><slot id="before" name="before"></slot><div id="wrapper"><div id="label">${this.label}</div><slot id="slot"></slot><input id="${this._id}" @keydown="${this.handleChange.bind(this)}" @input="${this.handleChange.bind(this)}" @focusout="${this.handleChange.bind(this)}" ?required="${this.required}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" autocomplete="${yt(this.autocomplete)}" autocapitalize="${yt(this.autocapitalize)}" aria-label="${yt(this.label)}" type="${yt(this.type)}" name="${yt(this.name)}" list="${yt(this.list)}" pattern="${yt(this.pattern)}" minlength="${yt(this.minLength)}" maxlength="${yt(this.maxLength)}" min="${yt(this.min)}" max="${yt(this.max)}" tabindex="${this.disabled?-1:0}"></div><slot id="after" name="after"></slot></div>`}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()}},t.TkTextfield.styles=h`${l("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{display:block;outline:none;transform:translateZ(0)}:host #container{align-items:center;background-color:hsla(var(--surface-container-highest),.5);border-bottom:1px solid hsl(var(--on-surface-variant));border-radius:4px 4px 0 0;color:hsl(var(--on-surface));display:flex;font-size:var(--input-font-size,1rem);height:56px;overflow:hidden;padding:8px 16px;position:relative;transition:var(--input-transition,border-color var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease),background var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease))}:host #wrapper{flex-grow:1;position:relative}:host #label{color:hsl(var(--on-surface-variant));font-size:inherit;font-weight:400;line-height:64px;line-height:1;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:var(--input-label-transition,top var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear),font-size var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear),transform var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear));-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1}:host([disabled]){opacity:.38;pointer-events:none}:host(:hover) #container{background-color:hsla(var(--surface-container-highest),.5);border-bottom:1px solid hsl(var(--on-surface));border-radius:4px 4px 0 0;color:hsl(var(--on-surface));font-size:var(--input-font-size,1rem)}:host(:focus-within) #container{background-color:hsla(var(--on-surface),.3);border-bottom:2px solid hsl(var(--primary));padding:8px 16px 7px}:host([outlined]) #container{background-color:initial;border:1px solid hsl(var(--outline));border-radius:4px}:host([outlined]:focus-within) #container{border:2px solid hsl(var(--primary));padding: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{color:hsl(var(--primary));font-size:var(--input-label-font-size,.75rem);top:0;transform:translateY(0)}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0000;border:none;box-sizing:border-box;caret-color:hsl(var(--primary));color:inherit;display:block;font-size:var(--input-font-size,1rem);margin:0;outline:none;padding:var(--input-padding-top-bottom,.5rem) var(--_input-padding-left-right);position:relative;text-align:var(--input-text-align,inherit);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]){cursor:pointer;height:3.75rem}::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,.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,.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined,.75rem)}")}`,r([ut({type:String})],t.TkTextfield.prototype,"value",null),r([ut({attribute:!0,type:String})],t.TkTextfield.prototype,"name",void 0),r([ut({type:String})],t.TkTextfield.prototype,"list",void 0),r([ut({type:String})],t.TkTextfield.prototype,"type",void 0),r([ut({type:Boolean})],t.TkTextfield.prototype,"required",void 0),r([ut({type:Boolean,reflect:!0})],t.TkTextfield.prototype,"disabled",void 0),r([ut({type:Boolean})],t.TkTextfield.prototype,"readonly",void 0),r([ut({type:String})],t.TkTextfield.prototype,"autocomplete",void 0),r([ut({type:String})],t.TkTextfield.prototype,"autocapitalize",void 0),r([ut({type:String})],t.TkTextfield.prototype,"pattern",void 0),r([vt()],t.TkTextfield.prototype,"initialValue",void 0),r([ut({type:String})],t.TkTextfield.prototype,"label",void 0),r([ut({type:Number})],t.TkTextfield.prototype,"min",void 0),r([ut({type:Number})],t.TkTextfield.prototype,"max",void 0),r([ut({type:Number})],t.TkTextfield.prototype,"minLength",void 0),r([ut({type:Number})],t.TkTextfield.prototype,"maxLength",void 0),r([gt({passive:!0})],t.TkTextfield.prototype,"handleChange",null),t.TkTextfield=r([ct("tk-textfield")],t.TkTextfield);var At,Et,Ct;!function(t){t.show="show",t.force="force",t.confirm="confirm",t.input="input"}(Et||(Et={})),t.NotieLevel=void 0,(Ct=t.NotieLevel||(t.NotieLevel={})).success="success",Ct.warning="warning",Ct.error="error",Ct.info="info",Ct.neutral="neutral",t.TkNotie=At=class extends t.TkBox{static get styles(){return[...t.TkBox.styles,h`${l(":host{bottom:0;display:none;font-size:1.6rem;left:0;margin:0;position:fixed;right:0;top:0}:host .overlay{background-color:rgba(0,0,0,.502);bottom:0;left:0;position:fixed;right:0;top:0;z-index:var(--notie-z-index,400)}:host .container{background-color:hsl(var(--primary));bottom:0;box-shadow:10px 10px 10px 10px var(--shadow);color:hsl(var(--on-primary));height:fit-content;left:0;position:fixed;right:0;text-align:center;transform:translateY(100%);transition:all .15s ease-in;z-index:calc(var(--notie-z-index, 400) + 1)}:host .container.info{background-color:#4d82d6}:host .container.error{background-color:#e1715b}:host .container.warning{background-color:#d6a14d}:host .container.success{background-color:#57bf57}:host .text{padding:.5em}:host .input{--input-font-size:$font-size-widescreen;background-color:var(--background,#fff);color:var(--foreground,#000);text-align:center}:host .button{cursor:pointer;padding:.5em}:host .button.confirm,:host .button.force{background-color:#57bf57;color:#fff}:host .button.cancel{background-color:var(--error,#e1715b);color:var(--on-error,#fff)}@media screen and (max-width:900px){:host{font-size:1.4rem}}@media screen and (max-width:750px){:host{font-size:1.2rem}}@media screen and (max-width:400px){:host{font-size:1rem}}:host([position=top]) .container{bottom:inherit;position:fixed;top:0;transform:translateY(-100%)}:host([open]) .container{transform:translateY(0)}")}`]}render(){return K`<div class="overlay" @click="${()=>this.type==Et.force?null:this.hide(!1)}"></div><tk-box class="container ${this.level}">${this.text?K`<tk-box class="text" @click="${()=>this.type==Et.show?this.hide(!0):null}">${this.text}</tk-box>`:""} ${this.template?K`<tk-box class="template" @click="${()=>this.type==Et.show?this.hide(!0):null}">${this.template}</tk-box>`:""} ${this.type==Et.force?K`<tk-box @click="${()=>this.hide(!0)}" class="button force">${this.buttonText}</tk-box>`:""} ${this.type==Et.input?K`<tk-textfield type="${this.inputType}" class="input"></tk-textfield>`:""} ${this.type==Et.confirm||this.type==Et.input?K`<tk-box direction="row"><tk-box justify="center" align-items="center" flex="grow" @click="${()=>this.hide(!0)}" class="button confirm">${this.confirmText}</tk-box><tk-box justify="center" align-items="center" flex="grow" @click="${()=>this.hide(!1)}" class="button confirm cancel">${this.cancelText}</tk-box></tk-box>`:""}</tk-box>`}show(){return new Promise((t=>{this.resolve=t,this.style.setProperty("display","flex"),setTimeout((()=>this.open=!0)),this.dispatchEvent(new Event("did-show")),setTimeout((()=>{this.$input&&this.$input.focus()}),100),this.type==Et.show&&setTimeout((()=>this.hide(!1)),this.delay)}))}hide(t){t&&this.type===Et.input&&(t=this.$input.value),t||this.type!==Et.input||(t=null),this.$input&&(this.$input.value=""),this.$container.addEventListener("transitionend",(()=>{this.dispatchEvent(new Event("did-hide")),this.resolve(t),this.persistent||this.remove()}),{once:!0}),this.open=!1}constructor(r=""){super(),this.persistent=!0,this.open=!1,this.position="bottom",this.type=Et.show,this.level=t.NotieLevel.info,this.delay=3e3,this.animationDelay=300,this.inputType="text",this.buttonText="OK",this.confirmText="OK",this.cancelText="CANCEL",this.text=r}static show(t){return this.getNotie(t,Et.show).show()}static force(t){const r=this.getNotie(t,Et.force);return t.buttonText&&(r.buttonText=t.buttonText),r.show()}static confirm(t){const r=this.getNotie(t,Et.confirm);return t.confirmText&&(r.confirmText=t.confirmText),t.cancelText&&(r.cancelText=t.cancelText),r.show()}static input(t){const r=this.getNotie(t,Et.input);return t.inputType&&(r.inputType=t.inputType),t.password&&(r.inputType="password"),t.confirmText&&(r.confirmText=t.confirmText),t.cancelText&&(r.cancelText=t.cancelText),r.show()}static getNotie(t,r){var e,o;const a=new At(t.text);return a.persistent=!1,a.type=r,a.delay=null!==(e=t.delay)&&void 0!==e?e:999999999,t.level&&(a.level=t.level),t.template&&(a.template=t.template),t.position&&(a.position=t.position),t.background&&a.$container&&a.$container.setAttribute("background-color",t.background),t.color&&a.$container&&a.$container.setAttribute("color",t.color),t.container?null===(o=t.container.shadowRoot)||void 0===o||o.appendChild(a):window.document.body.appendChild(a),t.zIndex&&a.style.setProperty("z-index",t.zIndex.toString()),a}},r([vt()],t.TkNotie.prototype,"persistent",void 0),r([ut({type:Boolean,reflect:!0})],t.TkNotie.prototype,"open",void 0),r([ut({reflect:!0})],t.TkNotie.prototype,"position",void 0),r([vt()],t.TkNotie.prototype,"type",void 0),r([ut({type:String})],t.TkNotie.prototype,"level",void 0),r([ut({type:Number})],t.TkNotie.prototype,"delay",void 0),r([ut()],t.TkNotie.prototype,"text",void 0),r([ut()],t.TkNotie.prototype,"inputType",void 0),r([ut()],t.TkNotie.prototype,"buttonText",void 0),r([ut()],t.TkNotie.prototype,"confirmText",void 0),r([ut()],t.TkNotie.prototype,"cancelText",void 0),r([ut({type:Object})],t.TkNotie.prototype,"template",void 0),r([mt("tk-textfield")],t.TkNotie.prototype,"$input",void 0),r([mt(".container")],t.TkNotie.prototype,"$container",void 0),t.TkNotie=At=r([ct("tk-notie")],t.TkNotie);t.TkPages=class extends lt{constructor(){super(...arguments),this._page="",this.selected="",this.handleScroll=!1,this.scrollHistory={}}set page(t){let r=this._page;if(this._page=t,r&&this.handleScroll){if(this.querySelector(`[page=${r}]`)){const t=document.scrollingElement||document.documentElement;this.scrollHistory[r]=t.scrollTop}}this.requestUpdate("page",r)}get page(){return this._page}render(){return K`<slot></slot>`}updated(t){t.has("page")&&this.querySelectorAll(":scope > *").forEach((t=>{var r;const e=null!==(r=t.getAttribute("page"))&&void 0!==r?r:"default",o=document.scrollingElement||document.documentElement;e==this.page?(t.removeAttribute("hidden"),""!=this.selected&&t.setAttribute(this.selected,""),this.handleScroll&&!t.hasAttribute("no-scroll")&&(o.scrollTop=this.scrollHistory[e]?this.scrollHistory[e]:0)):(t.setAttribute("hidden",""),""!=this.selected&&t.removeAttribute(this.selected))}))}},t.TkPages.styles=h`${l("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}")}`,r([ut({attribute:"page",type:String})],t.TkPages.prototype,"page",null),r([ut({attribute:!0,type:String})],t.TkPages.prototype,"selected",void 0),r([ut({attribute:"handle-scroll",type:Boolean})],t.TkPages.prototype,"handleScroll",void 0),t.TkPages=r([ct("tk-pages")],t.TkPages);t.TkRadio=class extends lt{constructor(){super(...arguments),this._id=ft(),this.checked=!1,this.required=!1,this.disabled=!1,this.readonly=!1}render(){return K`<tk-box direction="row" align-items="center"><tk-box ripple tabindex="${this.disabled?-1:0}" class="state"><div class="radio"><div id="dot"></div></div></tk-box><span class="label"><slot></slot></span></tk-box><input id="${this._id}" hidden type="radio" style="position:absolute;left:0;z-index:-1" ?checked="${this.checked}" .checked="${this.checked}" ?required="${this.required}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" value="${yt(this.value)}" name="${yt(this.name)}" tabindex="-1">`}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleClick.bind(this)),this.addEventListener("keydown",this.onKeyDown.bind(this))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.onKeyDown)}firstUpdated(){this.appendChild(this.$input)}onKeyDown(t){this.disabled||"Space"!==t.code&&"Enter"!==t.code||(t.preventDefault(),t.stopPropagation(),this.click())}handleClick(){this.disabled||(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})))))}},t.TkRadio.styles=h`${l("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{cursor:pointer;display:inline-flex}:host .state{align-items:center;border-radius:100%;display:inline-flex;height:40px;justify-content:center;outline:none;overflow:hidden;width:40px}:host .radio{align-items:center;border:2px solid hsl(var(--on-surface-variant));border-radius:100%;display:inline-flex;height:20px;justify-content:center;position:relative;transition:var(--radio-transition,background var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)),border-color var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)));-webkit-user-select:none;user-select:none;width:20px}:host #dot{background:hsl(var(--primary));border-radius:100%;height:10px;transform:scale(0);transition:var(--radio-dot-transition,transform var(--transition-duration-medium,.18s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)));width:10px}:host .label{user-select:none}:host([checked]) .radio{border-color:hsl(var(--primary))}:host([checked]) #dot{transform:scale(1)}:host(:focus) .state,:host(:hover) .state{background:hsla(var(--on-surface),.3)}:host([checked]:focus) .state,:host([checked]:hover) .state{background:hsla(var(--primary),.3)}:host([disabled]){opacity:.5;pointer-events:none}:host([disabled]) .radio{border:2px solid hsl(var(--on-surface-variant))}:host([disabled]) #dot{background:hsl(var(--on-surface-variant))}:host([disabled]) .label{opacity:.6}")}`,r([ut({attribute:!0,type:String})],t.TkRadio.prototype,"name",void 0),r([ut({attribute:!0,type:Boolean,reflect:!0})],t.TkRadio.prototype,"checked",void 0),r([ut({type:Boolean})],t.TkRadio.prototype,"required",void 0),r([ut({type:Boolean})],t.TkRadio.prototype,"disabled",void 0),r([ut({type:Boolean})],t.TkRadio.prototype,"readonly",void 0),r([ut({type:String,reflect:!0})],t.TkRadio.prototype,"value",void 0),r([mt("input")],t.TkRadio.prototype,"$input",void 0),t.TkRadio=r([ct("tk-radio")],t.TkRadio);t.TkSelect=class extends lt{constructor(){super(...arguments),this._id=ft(),this.type="text",this.required=!1,this.disabled=!1,this.readonly=!1}set value(t){this.$select?(this.$select.value=t,this.refreshAttributes()):this.initialValue=t}get value(){return null!=this.$select?this.$select.value:this.initialValue||""}render(){return K`<div id="container"><slot id="before" name="before"></slot><div id="wrapper"><div id="label">${this.label}</div><slot id="slot"></slot><select id="${this._id}" @keydown="${this.handleChange.bind(this)}" @input="${this.handleChange.bind(this)}" @focusout="${this.handleChange.bind(this)}" @change="${this.handleChange.bind(this)}" .value="${this.initialValue}" ?required="${this.required}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" name="${yt(this.name)}" autocomplete="${yt(this.autocomplete)}" tabindex="${this.disabled?-1:0}"></select> <svg id="arrow" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 25" preserveAspectRatio="none"><polygon points="0,0 50,0 25,25"/></svg></div><slot id="after" name="after"></slot></div>`}handleChange(){this.refreshAttributes()}firstUpdated(){var t;this.$select=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("select"),this.appendChild(this.$select);this.querySelectorAll("option").forEach((t=>this.$select.appendChild(t))),this.initialValue&&(this.value=this.initialValue)}refreshAttributes(){this.$select.value?this.setAttribute("dirty",""):this.removeAttribute("dirty"),this.$select.checkValidity()?this.removeAttribute("invalid"):this.setAttribute("invalid",""),setTimeout((()=>this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))))}},t.TkSelect.styles=h`${l("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{display:block;outline:none;transform:translateZ(0)}:host #container{align-items:center;background-color:hsla(var(--surface-container-highest),.5);border-bottom:1px solid hsl(var(--on-surface-variant));border-radius:4px 4px 0 0;color:hsl(var(--on-surface));display:flex;font-size:var(--input-font-size,1rem);height:56px;overflow:hidden;padding:8px 16px;position:relative;transition:var(--input-transition,border-color var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease),background var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease))}:host #wrapper{flex-grow:1;position:relative}:host #label{color:hsl(var(--on-surface-variant));font-size:inherit;font-weight:400;line-height:64px;line-height:1;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:var(--input-label-transition,top var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear),font-size var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear),transform var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear));-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1}:host([disabled]){opacity:.38;pointer-events:none}:host(:hover) #container{background-color:hsla(var(--surface-container-highest),.5);border-bottom:1px solid hsl(var(--on-surface));border-radius:4px 4px 0 0;color:hsl(var(--on-surface));font-size:var(--input-font-size,1rem)}:host(:focus-within) #container{background-color:hsla(var(--on-surface),.3);border-bottom:2px solid hsl(var(--primary));padding:8px 16px 7px}:host([outlined]) #container{background-color:initial;border:1px solid hsl(var(--outline));border-radius:4px}:host([outlined]:focus-within) #container{border:2px solid hsl(var(--primary));padding: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{color:hsl(var(--primary));font-size:var(--input-label-font-size,.75rem);top:0;transform:translateY(0)}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0000;border:none;box-sizing:border-box;caret-color:hsl(var(--primary));color:inherit;display:block;font-size:var(--input-font-size,1rem);margin:0;outline:none;padding:var(--input-padding-top-bottom,.5rem) var(--_input-padding-left-right);position:relative;text-align:var(--input-text-align,inherit);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]){cursor:pointer;height:3.75rem}::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,.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,.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined,.75rem)}#arrow{fill:var(--_input-state-color);height:8px;position:absolute;right:0;top:50%;transform:translate(-100%,-50%);z-index:-1}::slotted(option){display:none}:host(:not([dirty])) ::slotted(select){opacity:0}")}`,r([ut({type:String})],t.TkSelect.prototype,"value",null),r([ut({attribute:!0,type:String})],t.TkSelect.prototype,"name",void 0),r([ut({type:String})],t.TkSelect.prototype,"list",void 0),r([ut({type:String})],t.TkSelect.prototype,"type",void 0),r([ut({type:Boolean})],t.TkSelect.prototype,"required",void 0),r([ut({type:Boolean})],t.TkSelect.prototype,"disabled",void 0),r([ut({type:Boolean})],t.TkSelect.prototype,"readonly",void 0),r([ut({type:String})],t.TkSelect.prototype,"autocomplete",void 0),r([ut({type:String})],t.TkSelect.prototype,"pattern",void 0),r([vt()],t.TkSelect.prototype,"initialValue",void 0),r([ut({type:String})],t.TkSelect.prototype,"label",void 0),r([ut({type:Number})],t.TkSelect.prototype,"min",void 0),r([ut({type:Number})],t.TkSelect.prototype,"max",void 0),r([ut({type:Number})],t.TkSelect.prototype,"minLength",void 0),r([ut({type:Number})],t.TkSelect.prototype,"maxLength",void 0),r([gt({passive:!0})],t.TkSelect.prototype,"handleChange",null),t.TkSelect=r([ct("tk-select")],t.TkSelect);t.TkSlider=class extends lt{constructor(){super(...arguments),this._id=ft(),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 K`<div id="container"><slot id="before" name="before"></slot><div id="wrapper"><div id="label">${this.label}</div><div id="slot-wrapper"><input @input="${this.handleChange.bind(this)}" id="slider" type="range" .value="${this.value.toString()}" ?required="${this.required}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" aria-label="${yt(this.label)}" name="${yt(this.name)}" autocomplete="${yt(this.autocomplete)}" min="${yt(this.min)}" max="${yt(this.max)}" step="${yt(this.step)}" tabindex="0"> ${this.thumbLabel||this.thumbLabelPersist?K`<div id="thumb-container"><div id="thumb-label"><slot name="thumb-label">${this.value}</slot></div></div>`:""}</div><input id="${this._id}" class="hidden-input" type="hidden" value="${this.value.toString()}" ?required="${this.required}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" aria-label="${yt(this.label)}" name="${yt(this.name)}"></div><slot id="after" name="after"></slot></div>`}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())}))}},t.TkSlider.styles=h`${l('*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{display:block;outline:none;transform:translateZ(0)}:host #container{align-items:center;background-color:hsla(var(--surface-container-highest),.5);border-bottom:1px solid hsl(var(--on-surface-variant));border-radius:4px 4px 0 0;color:hsl(var(--on-surface));display:flex;font-size:var(--input-font-size,1rem);height:56px;overflow:hidden;padding:8px 16px;position:relative;transition:var(--input-transition,border-color var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease),background var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease))}:host #wrapper{flex-grow:1;position:relative}:host #label{color:hsl(var(--on-surface-variant));font-size:inherit;font-weight:400;line-height:64px;line-height:1;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:var(--input-label-transition,top var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear),font-size var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear),transform var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear));-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1}:host([disabled]){opacity:.38;pointer-events:none}:host(:hover) #container{background-color:hsla(var(--surface-container-highest),.5);border-bottom:1px solid hsl(var(--on-surface));border-radius:4px 4px 0 0;color:hsl(var(--on-surface));font-size:var(--input-font-size,1rem)}:host(:focus-within) #container{background-color:hsla(var(--on-surface),.3);border-bottom:2px solid hsl(var(--primary));padding:8px 16px 7px}:host([outlined]) #container{background-color:initial;border:1px solid hsl(var(--outline));border-radius:4px}:host([outlined]:focus-within) #container{border:2px solid hsl(var(--primary));padding: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{color:hsl(var(--primary));font-size:var(--input-label-font-size,.75rem);top:0;transform:translateY(0)}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0000;border:none;box-sizing:border-box;caret-color:hsl(var(--primary));color:inherit;display:block;font-size:var(--input-font-size,1rem);margin:0;outline:none;padding:var(--input-padding-top-bottom,.5rem) var(--_input-padding-left-right);position:relative;text-align:var(--input-text-align,inherit);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]){cursor:pointer;height:3.75rem}::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,.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,.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined,.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-persist]) #container,:host([thumblabel]) #container{padding-top:33px}#container{border:none;overflow:visible}#slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;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));border:none;border-radius:0;box-sizing:border-box;cursor:grab;height:var(--slider-height,.3125rem);margin:0;outline:none;top:calc(var(--slider-height, .3125rem)*-1/2)}#slider,#thumb-container{position:relative;width:100%}#thumb-label{--_thumb-label-transform-y:0.625rem;-webkit-text-fill-color:var(--slider-thumb-label-color,hsl(var(--on-primary)));align-items:center;border-radius:var(--slider-thumb-label-border-radius,100%);bottom:calc(100% + var(--slider-thumb-size, .75rem) + var(--slider-height, .3125rem) + var(--slider-thumb-space, .75rem));color:var(--slider-thumb-label-color,hsl(var(--on-primary)));display:flex;font-size:var(--slider-thumb-label-font-size,.75rem);height:var(--slider-thumb-label-size,1.875rem);justify-content:center;left:calc(var(--_perc)*100% - var(--slider-thumb-size, 1.2rem)*var(--_perc));opacity:0;pointer-events:none;text-overflow:ellipsis;transform:translate(calc(-50% + var(--slider-thumb-size, 1.2rem)/2),var(--_thumb-label-transform-y));transition:var(--slider-thumb-label-transition,opacity var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)),transform var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)));width:var(--slider-thumb-label-size,1.875rem)}#thumb-label,#thumb-label:before{background:var(--slider-thumb-label-bg,hsl(var(--primary)));position:absolute}#thumb-label:before{border-radius:0 50% 50% 50%;content:"";height:100%;left:0;top:0;transform:rotate(225deg);width:100%;z-index:-1}#slider:focus+#thumb-container #thumb-label,:host([thumblabel-persist]) #thumb-label,:host:focus #thumb-label{--_thumb-label-transform-y:0;opacity:1}#slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--_slider-thumb-bg);border:4px solid var(--_slider-thumb-border);border-radius:var(--slider-thumb-border-radius,100%);box-shadow:0 0 0 0 var(--slider-thumb-focus-ring-bg,rgba(0,0,0,.082));cursor:grab;height:var(--slider-thumb-size,1.2rem);position:relative;-webkit-transition:var(--slider-thumb-transition,transform var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)),box-shadow var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)));transition:var(--slider-thumb-transition,transform var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)),box-shadow var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)));width:var(--slider-thumb-size,1.2rem)}#slider::-moz-range-thumb{-moz-appearance:none;appearance:none;background:var(--_slider-thumb-bg);border:none;border-radius:var(--slider-thumb-border-radius,100%);box-shadow:0 0 0 0 var(--slider-thumb-focus-ring-bg,rgba(0,0,0,.082));cursor:grab;height:var(--slider-thumb-size,1.2rem);position:relative;-moz-transition:var(--slider-thumb-transition,transform var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)),box-shadow var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)));transition:var(--slider-thumb-transition,transform var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)),box-shadow var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)));width:var(--slider-thumb-size,1.2rem)}#slider:focus::-webkit-slider-thumb{box-shadow:0 0 0 var(--slider-thumb-focus-ring-size,.75rem) var(--slider-thumb-focus-ring-bg,rgba(0,0,0,.082));transform:var(--slider-thumb-transform-focus,scale(1.2))}#slider:focus::-moz-range-thumb{box-shadow:0 0 0 var(--slider-thumb-focus-ring-size,.75rem) var(--slider-thumb-focus-ring-bg,rgba(0,0,0,.082));transform:var(--slider-thumb-transform-focus,scale(1.2))}')}`,r([ut({attribute:!0,type:String})],t.TkSlider.prototype,"name",void 0),r([ut({type:String})],t.TkSlider.prototype,"list",void 0),r([ut({type:Boolean})],t.TkSlider.prototype,"required",void 0),r([ut({type:Boolean})],t.TkSlider.prototype,"disabled",void 0),r([ut({type:Boolean})],t.TkSlider.prototype,"readonly",void 0),r([ut({type:String})],t.TkSlider.prototype,"autocomplete",void 0),r([ut({type:Boolean,attribute:"thumblabel"})],t.TkSlider.prototype,"thumbLabel",void 0),r([ut({type:Boolean,attribute:"thumblabel-persist"})],t.TkSlider.prototype,"thumbLabelPersist",void 0),r([ut({type:String})],t.TkSlider.prototype,"label",void 0),r([ut({type:Number})],t.TkSlider.prototype,"min",void 0),r([ut({type:Number,reflect:!0})],t.TkSlider.prototype,"value",void 0),r([ut({type:Number})],t.TkSlider.prototype,"max",void 0),r([ut({type:Number})],t.TkSlider.prototype,"step",void 0),r([mt("#slider")],t.TkSlider.prototype,"$slider",void 0),r([mt(".hidden-input")],t.TkSlider.prototype,"$input",void 0),t.TkSlider=r([ct("tk-slider")],t.TkSlider);t.TkSwitch=class extends lt{constructor(){super(...arguments),this._id=ft(),this.checked=!1,this.required=!1,this.disabled=!1,this.readonly=!1}render(){return K`<tk-box direction="row" align-items="center"><span class="switch"><tk-box ripple tabindex="${this.disabled?-1:0}" class="state"><span id="knob"></span></tk-box></span><span class="label"><slot></slot></span></tk-box><input id="${this._id}" slot="none" style="display:none" type="radio" ?checked="${this.checked}" ?required="${this.required}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" value="${yt(this.value)}" name="${yt(this.name)}" aria-hidden="true" tabindex="-1">`}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleClick.bind(this)),this.addEventListener("keydown",this.onKeyDown.bind(this))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.onKeyDown)}firstUpdated(){this.appendChild(this.$input)}onKeyDown(t){"Space"!==t.code&&"Enter"!==t.code||(t.preventDefault(),t.stopPropagation(),this.click())}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}))))}},t.TkSwitch.styles=h`${l("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host .switch{align-items:center;background:hsl(var(--surface-container-highest));border:2px solid hsl(var(--outline));border-radius:9999px;display:inline-flex;flex-shrink:0;height:32px;position:relative;transition:var(--switch-transition,background var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)));-webkit-user-select:none;user-select:none;width:52px;will-change:background-color}:host .switch .state{align-items:center;border-radius:100%;display:flex;height:40px;justify-content:center;margin-left:-5px;outline:none;overflow:hidden;transition:var(--switch-knob-transition,background var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)),transform var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)));width:40px;will-change:background-color,transform}:host .switch .state #knob{background:hsl(var(--outline));border-radius:100%;height:16px;position:absolute;width:16px;will-change:background-color}:host .label{margin-left:10px}:host(:not([disabled])){cursor:pointer}:host([checked]) .switch{background:hsl(var(--primary));border:none}:host([checked]) .switch .state{transform:translateX(18px)}:host([checked]) .switch .state #knob{background:hsl(var(--on-primary));height:24px;width:24px}:host(:focus) .switch .state,:host(:hover) .switch .state{background:hsla(var(--surface-container-highest),.8)}:host([checked]:focus) .switch .state,:host([checked]:hover) .switch .state{background:hsla(var(--primary),.3)}:host([disabled]){pointer-events:none}:host([disabled]) .switch{background:hsla(var(--surface-container-highest),.12);border-color:hsla(var(--on-surface),.12)}:host([disabled]) .switch .state #knob{background:hsla(var(--on-surface),.38)}:host([disabled]) .label{opacity:.6}:host([disabled][checked]) .switch{background:hsla(var(--on-surface),.12);border:none}:host([disabled][checked]) .switch .state #knob{background:hsla(var(--surface),1)}")}`,r([ut({attribute:!0,type:String})],t.TkSwitch.prototype,"name",void 0),r([ut({attribute:!0,type:Boolean,reflect:!0})],t.TkSwitch.prototype,"checked",void 0),r([ut({type:Boolean})],t.TkSwitch.prototype,"required",void 0),r([ut({type:Boolean})],t.TkSwitch.prototype,"disabled",void 0),r([ut({type:Boolean})],t.TkSwitch.prototype,"readonly",void 0),r([ut({type:String,reflect:!0})],t.TkSwitch.prototype,"value",void 0),r([mt("input")],t.TkSwitch.prototype,"$input",void 0),t.TkSwitch=r([ct("tk-switch")],t.TkSwitch);t.TkTabGroup=class extends lt{render(){return K`<div class="tabs"><slot @click="${t=>this.clickOnTab(t.target)}" @slotchange="${()=>this.updateUnderline()}"></slot></div><div class="underline"></div>`}constructor(){super(),this.secondary=!1,this.observe="",this.selected=""}firstUpdated(){if(IntersectionObserver){new IntersectionObserver(this.updateUnderline.bind(this)).observe(this)}else this.updateUnderline.bind(this)}updated(t){var r,e;t.has("selected")&&""!==this.selected&&(this.querySelectorAll("*").forEach((t=>t.removeAttribute("selected"))),null===(r=this.querySelector(`[tab="${this.selected}"]`))||void 0===r||r.setAttribute("selected","")),t.has("observe")&&(null===(e=this.querySelector(`[tab="${this.selected}"]`))||void 0===e||e.focus(),this.updateUnderline())}clickOnTab(t){this.querySelectorAll("*").forEach((t=>t.removeAttribute("selected"))),t.setAttribute("selected",""),this.updateUnderline(),this.dispatchEvent(new CustomEvent("change",{detail:t.getAttribute("tab"),composed:!0,bubbles:!0}))}updateUnderline(){const t=this.querySelector("[selected]");t&&setTimeout((()=>{this.$underline.style.width=t.clientWidth+"px",this.$underline.style.transform=`translateX(${t.offsetLeft}px)`}))}},t.TkTabGroup.styles=h`${l("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{display:inline-block;overflow-x:hidden;position:relative}:host([overflow]){overflow-x:auto}.tabs{display:flex}:host(:not([circle])) .tabs{border-bottom:2px solid hsl(var(--primary-container))}.underline{height:2px;margin-top:-2px;transition:transform .2s ease;width:0;will-change:transform}.circle,.underline{background-color:hsl(var(--primary))}.circle{border-radius:var(--border-radius-circle,50%);height:8px;transition:transform .3s ease;width:8px}")}`,r([ut({attribute:!0,type:Boolean})],t.TkTabGroup.prototype,"secondary",void 0),r([ut({attribute:!0,type:String})],t.TkTabGroup.prototype,"observe",void 0),r([ut({attribute:!0,type:String})],t.TkTabGroup.prototype,"selected",void 0),r([mt(".underline")],t.TkTabGroup.prototype,"$underline",void 0),r([mt(".circle")],t.TkTabGroup.prototype,"$circle",void 0),t.TkTabGroup=r([ct("tk-tab-group")],t.TkTabGroup);t.TkTextarea=class extends lt{constructor(){super(...arguments),this._id=ft(),this.type="text",this.required=!1,this.disabled=!1,this.readonly=!1,this.rows=1}set value(t){this.$input?(this.$input.value=t,this.refreshAttributes()):this.initialValue=t}get value(){return null!=this.$input?this.$input.value:this.initialValue||""}render(){return K`<div id="container"><slot id="before" name="before"></slot><div id="wrapper"><div id="label">${this.label}</div><slot id="slot"></slot><textarea id="${this._id}" @keydown="${this.handleChange.bind(this)}" @input="${this.handleChange.bind(this)}" @focusout="${this.handleChange.bind(this)}" ?required="${this.required}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" aria-label="${yt(this.label)}" name="${yt(this.name)}" pattern="${yt(this.pattern)}" autocomplete="${yt(this.autocomplete)}" autocapitalize="${yt(this.autocapitalize)}" minlength="${yt(this.minLength)}" maxlength="${yt(this.maxLength)}" rows="${this.rows}" tabindex="${this.disabled?-1:0}"></textarea></div><slot id="after" name="after"></slot></div>`}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()}},t.TkTextarea.styles=h`${l("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{display:block;outline:none;transform:translateZ(0)}:host #container{align-items:center;background-color:hsla(var(--surface-container-highest),.5);border-bottom:1px solid hsl(var(--on-surface-variant));border-radius:4px 4px 0 0;color:hsl(var(--on-surface));display:flex;font-size:var(--input-font-size,1rem);height:56px;overflow:hidden;padding:8px 16px;position:relative;transition:var(--input-transition,border-color var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease),background var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease))}:host #wrapper{flex-grow:1;position:relative}:host #label{color:hsl(var(--on-surface-variant));font-size:inherit;font-weight:400;line-height:64px;line-height:1;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:var(--input-label-transition,top var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear),font-size var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear),transform var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear));-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1}:host([disabled]){opacity:.38;pointer-events:none}:host(:hover) #container{background-color:hsla(var(--surface-container-highest),.5);border-bottom:1px solid hsl(var(--on-surface));border-radius:4px 4px 0 0;color:hsl(var(--on-surface));font-size:var(--input-font-size,1rem)}:host(:focus-within) #container{background-color:hsla(var(--on-surface),.3);border-bottom:2px solid hsl(var(--primary));padding:8px 16px 7px}:host([outlined]) #container{background-color:initial;border:1px solid hsl(var(--outline));border-radius:4px}:host([outlined]:focus-within) #container{border:2px solid hsl(var(--primary));padding: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{color:hsl(var(--primary));font-size:var(--input-label-font-size,.75rem);top:0;transform:translateY(0)}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0000;border:none;box-sizing:border-box;caret-color:hsl(var(--primary));color:inherit;display:block;font-size:var(--input-font-size,1rem);margin:0;outline:none;padding:var(--input-padding-top-bottom,.5rem) var(--_input-padding-left-right);position:relative;text-align:var(--input-text-align,inherit);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]){cursor:pointer;height:3.75rem}::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,.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,.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined,.75rem)}:host #container{height:auto;min-height:56px}#wrapper ::slotted(textarea){font-family:inherit;height:var(--textarea-height,var(--_textarea-height));max-height:var(--textarea-max-height);min-height:var(--textarea-min-height,var(--textarea-height,var(--_textarea-height)));resize:var(--textarea-resize,none)}:host(:focus) ::slotted(textarea),:host(:hover) ::slotted(textarea){will-change:height}")}`,r([ut({type:String})],t.TkTextarea.prototype,"value",null),r([ut({attribute:!0,type:String})],t.TkTextarea.prototype,"name",void 0),r([ut({type:String})],t.TkTextarea.prototype,"list",void 0),r([ut({type:String})],t.TkTextarea.prototype,"type",void 0),r([ut({type:Boolean})],t.TkTextarea.prototype,"required",void 0),r([ut({type:Boolean,reflect:!0})],t.TkTextarea.prototype,"disabled",void 0),r([ut({type:Boolean})],t.TkTextarea.prototype,"readonly",void 0),r([ut({type:String})],t.TkTextarea.prototype,"autocomplete",void 0),r([ut({type:String})],t.TkTextarea.prototype,"autocapitalize",void 0),r([ut({type:String})],t.TkTextarea.prototype,"pattern",void 0),r([vt()],t.TkTextarea.prototype,"initialValue",void 0),r([ut({type:String})],t.TkTextarea.prototype,"label",void 0),r([ut({type:Number})],t.TkTextarea.prototype,"minLength",void 0),r([ut({type:Number})],t.TkTextarea.prototype,"maxLength",void 0),r([ut({type:Number})],t.TkTextarea.prototype,"rows",void 0),r([gt({passive:!0})],t.TkTextarea.prototype,"handleChange",null),t.TkTextarea=r([ct("tk-textarea")],t.TkTextarea);t.TkTheme=class extends lt{constructor(){super(...arguments),this.primary="#62519f",this.secondary="#625B71",this.tertiary="#7D5260",this.error="#B3261E",this.neutral="#5E5F5C",this.neutralVariant="#5c6057",this.forceBody=!1,this.inverted=!1}render(){return K`<slot></slot>`}firstUpdated(t){this.setThemeColor()}hexToHSL(t){const r=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i.exec(t);if(null==r)return["0","0%","0%"];const[,e,o,a]=r,i=parseInt(e,16)/255,n=parseInt(o,16)/255,s=parseInt(a,16)/255,l=Math.max(i,n,s),h=Math.min(i,n,s);let c=0,d=0,p=(l+h)/2;if(l!=h){const t=l-h;switch(d=p>.5?t/(2-l-h):t/(l+h),l){case i:c=(n-s)/t+(n<s?6:0);break;case n:c=(s-i)/t+2;break;case s:c=(i-n)/t+4}c/=6}return[(360*c).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);const t=document.createElement("style");t.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`,document.body.appendChild(t)}},t.TkTheme.styles=h`${l("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--primary-0:var(--primary-h),var(--primary-s),0%;--primary-10:var(--primary-h),var(--primary-s),calc(var(--primary-l) - (var(--primary-l))/30*20);--primary-20:var(--primary-h),var(--primary-s),calc(var(--primary-l) - (var(--primary-l))/30*10);--primary-30:var(--primary-h),var(--primary-s),calc(var(--primary-l) - (var(--primary-l))/30*5);--primary-40:var(--primary-h),var(--primary-s),calc(var(--primary-l));--primary-50:var(--primary-h),var(--primary-s),calc(var(--primary-l) + (100% - var(--primary-l))/60*5);--primary-60:var(--primary-h),var(--primary-s),calc(var(--primary-l) + (100% - var(--primary-l))/60*10);--primary-70:var(--primary-h),var(--primary-s),calc(var(--primary-l) + (100% - var(--primary-l))/60*20);--primary-80:var(--primary-h),var(--primary-s),calc(var(--primary-l) + (100% - var(--primary-l))/60*30);--primary-90:var(--primary-h),var(--primary-s),calc(var(--primary-l) + (100% - var(--primary-l))/60*40);--primary-95:var(--primary-h),var(--primary-s),calc(var(--primary-l) + (100% - var(--primary-l))/60*50);--primary-99:var(--primary-h),var(--primary-s),calc(var(--primary-l) + (100% - var(--primary-l))/60*55);--primary-100:var(--primary-h),var(--primary-s),100%;--secondary-0:var(--secondary-h),var(--secondary-s),0%;--secondary-10:var(--secondary-h),var(--secondary-s),calc(var(--secondary-l) - (var(--secondary-l))/30*20);--secondary-20:var(--secondary-h),var(--secondary-s),calc(var(--secondary-l) - (var(--secondary-l))/30*10);--secondary-30:var(--secondary-h),var(--secondary-s),calc(var(--secondary-l) - (var(--secondary-l))/30*5);--secondary-40:var(--secondary-h),var(--secondary-s),calc(var(--secondary-l));--secondary-50:var(--secondary-h),var(--secondary-s),calc(var(--secondary-l) + (100% - var(--secondary-l))/60*5);--secondary-60:var(--secondary-h),var(--secondary-s),calc(var(--secondary-l) + (100% - var(--secondary-l))/60*10);--secondary-70:var(--secondary-h),var(--secondary-s),calc(var(--secondary-l) + (100% - var(--secondary-l))/60*20);--secondary-80:var(--secondary-h),var(--secondary-s),calc(var(--secondary-l) + (100% - var(--secondary-l))/60*30);--secondary-90:var(--secondary-h),var(--secondary-s),calc(var(--secondary-l) + (100% - var(--secondary-l))/60*40);--secondary-95:var(--secondary-h),var(--secondary-s),calc(var(--secondary-l) + (100% - var(--secondary-l))/60*50);--secondary-99:var(--secondary-h),var(--secondary-s),calc(var(--secondary-l) + (100% - var(--secondary-l))/60*55);--secondary-100:var(--secondary-h),var(--secondary-s),100%;--tertiary-0:var(--tertiary-h),var(--tertiary-s),0%;--tertiary-10:var(--tertiary-h),var(--tertiary-s),calc(var(--tertiary-l) - (var(--tertiary-l))/30*20);--tertiary-20:var(--tertiary-h),var(--tertiary-s),calc(var(--tertiary-l) - (var(--tertiary-l))/30*10);--tertiary-30:var(--tertiary-h),var(--tertiary-s),calc(var(--tertiary-l) - (var(--tertiary-l))/30*5);--tertiary-40:var(--tertiary-h),var(--tertiary-s),calc(var(--tertiary-l));--tertiary-50:var(--tertiary-h),var(--tertiary-s),calc(var(--tertiary-l) + (100% - var(--tertiary-l))/60*5);--tertiary-60:var(--tertiary-h),var(--tertiary-s),calc(var(--tertiary-l) + (100% - var(--tertiary-l))/60*10);--tertiary-70:var(--tertiary-h),var(--tertiary-s),calc(var(--tertiary-l) + (100% - var(--tertiary-l))/60*20);--tertiary-80:var(--tertiary-h),var(--tertiary-s),calc(var(--tertiary-l) + (100% - var(--tertiary-l))/60*30);--tertiary-90:var(--tertiary-h),var(--tertiary-s),calc(var(--tertiary-l) + (100% - var(--tertiary-l))/60*40);--tertiary-95:var(--tertiary-h),var(--tertiary-s),calc(var(--tertiary-l) + (100% - var(--tertiary-l))/60*50);--tertiary-99:var(--tertiary-h),var(--tertiary-s),calc(var(--tertiary-l) + (100% - var(--tertiary-l))/60*55);--tertiary-100:var(--tertiary-h),var(--tertiary-s),100%;--error-0:var(--error-h),var(--error-s),0%;--error-10:var(--error-h),var(--error-s),calc(var(--error-l) - (var(--error-l))/30*20);--error-20:var(--error-h),var(--error-s),calc(var(--error-l) - (var(--error-l))/30*10);--error-30:var(--error-h),var(--error-s),calc(var(--error-l) - (var(--error-l))/30*5);--error-40:var(--error-h),var(--error-s),calc(var(--error-l));--error-50:var(--error-h),var(--error-s),calc(var(--error-l) + (100% - var(--error-l))/60*5);--error-60:var(--error-h),var(--error-s),calc(var(--error-l) + (100% - var(--error-l))/60*10);--error-70:var(--error-h),var(--error-s),calc(var(--error-l) + (100% - var(--error-l))/60*20);--error-80:var(--error-h),var(--error-s),calc(var(--error-l) + (100% - var(--error-l))/60*30);--error-90:var(--error-h),var(--error-s),calc(var(--error-l) + (100% - var(--error-l))/60*40);--error-95:var(--error-h),var(--error-s),calc(var(--error-l) + (100% - var(--error-l))/60*50);--error-99:var(--error-h),var(--error-s),calc(var(--error-l) + (100% - var(--error-l))/60*55);--error-100:var(--error-h),var(--error-s),100%;--neutral-0:var(--neutral-h),var(--neutral-s),0%;--neutral-4:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) - (var(--neutral-l))/30*26);--neutral-6:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) - (var(--neutral-l))/30*24);--neutral-10:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) - (var(--neutral-l))/30*20);--neutral-12:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) - (var(--neutral-l))/30*18);--neutral-17:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) - (var(--neutral-l))/30*13);--neutral-22:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) - (var(--neutral-l))/30*8);--neutral-24:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) - (var(--neutral-l))/30*6);--neutral-40:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l));--neutral-87:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) + (100% - var(--neutral-l))/60*30);--neutral-90:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) + (100% - var(--neutral-l))/60*34);--neutral-92:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) + (100% - var(--neutral-l))/60*38);--neutral-94:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) + (100% - var(--neutral-l))/60*42);--neutral-96:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) + (100% - var(--neutral-l))/60*46);--neutral-98:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) + (100% - var(--neutral-l))/60*54);--neutral-100:var(--neutral-h),var(--neutral-s),100%;--neutral-variant-0:var(--neutral-variant-h),var(--neutral-variant-s),0%;--neutral-variant-30:var(--neutral-variant-h),var(--neutral-variant-s),calc(var(--neutral-variant-l) - (var(--neutral-variant-l))/30*10);--neutral-variant-50:var(--neutral-variant-h),var(--neutral-variant-s),calc(var(--neutral-variant-l) + (100% - var(--neutral-variant-l))/60*5);--neutral-variant-60:var(--neutral-variant-h),var(--neutral-variant-s),calc(var(--neutral-variant-l) + (100% - var(--neutral-variant-l))/60*10);--neutral-variant-80:var(--neutral-variant-h),var(--neutral-variant-s),calc(var(--neutral-variant-l) + (100% - var(--neutral-variant-l))/60*30);--primary:var(--primary-40);--secondary:var(--secondary-40);--tertiary:var(--tertiary-40);--error:var(--error-40);--on-primary:var(--primary-100);--on-secondary:var(--secondary-100);--on-tertiary:var(--tertiary-100);--on-error:var(--error-100);--primary-container:var(--primary-90);--secondary-container:var(--secondary-90);--tertiary-container:var(--tertiary-90);--error-container:var(--error-90);--on-primary-container:var(--primary-10);--on-secondary-container:var(--secondary-10);--on-tertiary-container:var(--tertiary-10);--on-error-container:var(--error-10);--surface:var(--neutral-98);--surface-dim:var(--neutral-87);--surface-bright:var(--neutral-98);--surface-container-lowest:var(--neutral-100);--surface-container-low:var(--neutral-96);--surface-container:var(--neutral-94);--surface-container-high:var(--neutral-92);--surface-container-highest:var(--neutral-90);--surface-variant:var(--neutral-variant-90);--on-surface:var(--neutral-10);--on-surface-variant:var(--neutral-variant-30);--background:var(--neutral-98);--on-background:var(--neutral-10);--outline:var(--neutral-variant-50);--outline-variant:var(--neutral-variant-80);--inverse-surface:var(--neutral-20);--inverse-on-surface:var(--neutral-95);--inverse-primary:var(--primary-80);--shadow:var(--neutral-0);--scrim:var(--neutral-0);color:hsl(var(--on-background));font-family:var(--font-family,Roboto,sans-serif);font-size:var(--font-size,1rem)}:host([inverted]){--primary:var(--primary-80);--secondary:var(--secondary-80);--tertiary:var(--tertiary-80);--error:var(--error-80);--on-primary:var(--primary-20);--on-secondary:var(--secondary-20);--on-tertiary:var(--tertiary-20);--on-error:var(--error-20);--primary-container:var(--primary-30);--secondary-container:var(--secondary-30);--tertiary-container:var(--tertiary-30);--error-container:var(--error-30);--on-primary-container:var(--primary-90);--on-secondary-container:var(--secondary-90);--on-tertiary-container:var(--tertiary-90);--on-error-container:var(--error-90);--surface:var(--neutral-6);--surface-dim:var(--neutral-6);--surface-bright:var(--neutral-24);--surface-container-lowest:var(--neutral-4);--surface-container-low:var(--neutral-10);--surface-container:var(--neutral-12);--surface-container-high:var(--neutral-17);--surface-container-highest:var(--neutral-22);--surface-variant:var(--neutral-variant-30);--on-surface:var(--neutral-90);--on-surface-variant:var(--neutral-variant-80);--background:var(--neutral-6);--on-background:var(--neutral-90);--outline:var(--neutral-variant-60);--outline-variant:var(--neutral-variant-30);--inverse-surface:var(--neutral-90);--inverse-on-surface:var(--neutral-20);--inverse-primary:var(--primary-40);--shadow:var(--neutral-0);--scrim:var(--neutral-0)}")}`,r([ut()],t.TkTheme.prototype,"primary",void 0),r([ut()],t.TkTheme.prototype,"secondary",void 0),r([ut()],t.TkTheme.prototype,"tertiary",void 0),r([ut()],t.TkTheme.prototype,"error",void 0),r([ut()],t.TkTheme.prototype,"neutral",void 0),r([ut()],t.TkTheme.prototype,"neutralVariant",void 0),r([ut({type:Boolean,attribute:"force-body",reflect:!0})],t.TkTheme.prototype,"forceBody",void 0),r([ut({type:Boolean,attribute:!0,reflect:!0})],t.TkTheme.prototype,"inverted",void 0),r([vt()],t.TkTheme.prototype,"primary_hsl",void 0),r([vt()],t.TkTheme.prototype,"secondary_hsl",void 0),r([vt()],t.TkTheme.prototype,"tertiary_hsl",void 0),r([vt()],t.TkTheme.prototype,"error_hsl",void 0),r([vt()],t.TkTheme.prototype,"neutral_hsl",void 0),r([vt()],t.TkTheme.prototype,"neutral_variant_hsl",void 0),t.TkTheme=r([ct("tk-theme")],t.TkTheme);t.TkTooltip=class extends lt{constructor(){super(...arguments),this.position="top"}render(){return K`<div class="container"><slot></slot><div class="tooltip ${this.position}"><slot name="tooltip"></slot></div></div>`}},t.TkTooltip.styles=h`${l('.container{display:inline-block;position:relative}.container .tooltip{background-color:#555;border-radius:6px;color:#fff;opacity:0;padding:.4em;position:absolute;text-align:center;transition:opacity .3s;visibility:hidden;z-index:var(--notie-z-index,400)}.container .tooltip.top{right:50%;top:0;transform:translateX(50%) translateY(calc(-100% - 5px))}.container .tooltip.top:after{border:5px solid #0000;border-top-color:#555;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.container .tooltip.right{right:0;top:50%;transform:translateX(calc(100% + 5px)) translateY(-50%)}.container .tooltip.right:after{border:5px solid #0000;border-right-color:#555;content:"";margin-top:-5px;position:absolute;right:100%;top:50%}.container .tooltip.bottom{bottom:0;right:50%;transform:translateX(50%) translateY(calc(100% + 5px))}.container .tooltip.bottom:after{border:5px solid;border-color:#0000 #0000 #555;bottom:100%;content:"";left:50%;margin-left:-5px;position:absolute}.container .tooltip.left{left:0;top:50%;transform:translateX(calc(-100% - 5px)) translateY(-50%)}.container .tooltip.left:after{border:5px solid #0000;border-left-color:#555;content:"";left:100%;margin-top:-5px;position:absolute;top:50%}.container:hover .tooltip{opacity:1;visibility:visible}')}`,r([ut({attribute:!0,type:String})],t.TkTooltip.prototype,"position",void 0),t.TkTooltip=r([ct("tk-tooltip")],t.TkTooltip)}));
|