snice 4.29.0 → 4.30.1

package/dist/cdn/date-time-picker/README.md

@@ -11,7 +11,7 @@ CDN build of the Snice date-time-picker component. Requires the Snice runtime (`
 ```
 
 ## Size
-- Minified: 38.1 KB
+- Minified: 38.2 KB
 - Gzipped: 8.9 KB
 
 ## Theme

package/dist/cdn/date-time-picker/snice-date-time-picker.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.29.0
+ * snice v4.30.1
  * A decorator-driven web component library with differential rendering, routing, controllers, and 130+ ready-made UI components. Use as much or as little as you want. Zero dependencies, works anywhere.
  * (c) 2024
  * Released under the MIT License.
@@ -64,7 +64,7 @@ var SniceDateTimePicker = (function (exports, snice) {
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
   };
 
-  var cssContent = ":host{display:inline-block;position:relative;width:100%;max-width:20rem;box-sizing:border-box;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);font-size:var(--snice-font-size-sm, .875rem);line-height:var(--snice-line-height-normal, 1.5)}.datetime-wrapper{display:flex;flex-direction:column}.label{font-size:var(--snice-font-size-sm, .875rem);font-weight:var(--snice-font-weight-medium,500);line-height:var(--snice-line-height-normal, 1.5);color:var(--snice-color-text,rgb(23 23 23));margin-bottom:var(--snice-spacing-2xs,.25rem)}.label--required::after{content:'*';color:var(--snice-color-danger,rgb(220 38 38));margin-left:var(--snice-spacing-2xs,.25rem)}.input-container{position:relative;display:flex;align-items:center;anchor-name:--dtp-anchor}.input{width:100%;box-sizing:border-box;min-height:2.5rem;border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-lg,6px);padding:var(--snice-spacing-xs,.5rem) 2.75rem var(--snice-spacing-xs,.5rem) var(--snice-spacing-sm,.75rem);font-size:inherit;font-family:inherit;line-height:var(--snice-line-height-normal, 1.5);background:var(--snice-color-background-input,rgb(248 247 245));color:var(--snice-color-text,rgb(23 23 23));transition:border-color var(--snice-transition-fast, 150ms) ease,box-shadow var(--snice-transition-fast, 150ms) ease;outline:0;box-sizing:border-box}.input:focus{border-color:var(--snice-color-primary,rgb(37 99 235));box-shadow:0 0 0 var(--snice-focus-ring-width,2px) var(--snice-focus-ring-color,rgb(59 130 246 / .5))}.input--invalid{border-color:var(--snice-color-danger,rgb(220 38 38))}.input--invalid:focus{border-color:var(--snice-color-danger,rgb(220 38 38));box-shadow:0 0 0 var(--snice-focus-ring-width,2px) rgb(220 38 38 / .3)}.input:disabled{background:var(--snice-color-background-secondary,rgb(243 244 246));color:var(--snice-color-text-tertiary,rgb(115 115 115));cursor:not-allowed}.input::placeholder{color:var(--snice-color-text-secondary,rgb(82 82 82));opacity:.7}.input:not(:disabled):not([readonly]){cursor:pointer}.input--small{padding:.375rem 2.75rem .375rem .625rem;font-size:.875rem;min-height:2rem}.input--large{padding:.75rem 3.5rem .75rem 1rem;font-size:1rem;min-height:3rem}.input--loading{cursor:wait}.spinner{position:absolute;right:3rem;width:1em;height:1em;pointer-events:none}.spinner::after{content:'';display:block;width:100%;height:100%;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toggle-button{position:absolute;right:.5rem;padding:.25rem;border:none;background:0 0;color:var(--snice-color-text-secondary,rgb(82 82 82));cursor:pointer;border-radius:4px;transition:color var(--snice-transition-fast, 150ms) ease,background-color var(--snice-transition-fast, 150ms) ease;display:flex;align-items:center;justify-content:center}.toggle-button:hover{color:var(--snice-color-text,rgb(23 23 23));background:var(--snice-color-background-tertiary,rgb(240 240 240))}.toggle-button:disabled{opacity:.5;cursor:not-allowed}.clear-button{position:absolute;right:2.5rem;padding:.25rem;border:none;background:0 0;color:var(--snice-color-text-secondary,rgb(82 82 82));cursor:pointer;border-radius:4px;transition:color var(--snice-transition-fast, 150ms) ease,background-color var(--snice-transition-fast, 150ms) ease;display:flex;align-items:center;justify-content:center}.clear-button:hover{color:var(--snice-color-text,rgb(23 23 23));background:var(--snice-color-background-tertiary,rgb(240 240 240))}.panel[popover]{position:fixed;inset:auto;margin:0;z-index:var(--snice-z-index-dropdown,1000);background:var(--snice-color-background-element,rgb(252 251 249));border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-lg,8px);box-shadow:var(--snice-shadow-lg,0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1));display:flex;flex-direction:row;overflow:hidden;min-width:420px;pointer-events:none;opacity:0;transform:translateY(-8px) scaleY(.95);transform-origin:top left;transition:opacity var(--snice-transition-fast, 150ms) ease,transform var(--snice-transition-fast, 150ms) ease,display var(--snice-transition-fast, 150ms) allow-discrete,overlay var(--snice-transition-fast, 150ms) allow-discrete}.panel[popover]:popover-open{opacity:1;transform:translateY(0) scaleY(1);pointer-events:auto}@supports (position-anchor:--a){.panel[popover]{position-anchor:--dtp-anchor;top:calc(anchor(bottom) + 2px);left:anchor(left);min-width:anchor-size(width)}}.panel[hidden]{display:none}.panel--inline{position:static;box-shadow:none;border:1px solid var(--snice-color-border,rgb(226 226 226));margin-top:0}.panel-calendar{flex:1;padding:var(--snice-spacing-md,1rem);border-right:1px solid var(--snice-color-border,rgb(226 226 226));min-width:260px}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--snice-spacing-sm,.75rem)}.calendar-title{font-size:var(--snice-font-size-md, 1rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text,rgb(23 23 23));text-align:center;flex:1}.year-button{background:0 0;border:none;font-size:var(--snice-font-size-md, 1rem);font-weight:var(--snice-font-weight-semibold,600);font-family:inherit;color:var(--snice-color-primary,rgb(37 99 235));cursor:pointer;padding:.125rem .375rem;border-radius:var(--snice-border-radius-md,4px);transition:background-color var(--snice-transition-fast, 150ms) ease}.year-button:hover{background:var(--snice-color-background-tertiary,rgb(240 240 240))}.month-label{font-size:var(--snice-font-size-md, 1rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text,rgb(23 23 23))}.year-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.5rem 0}.year-cell{border:none;background:0 0;cursor:pointer;padding:.625rem .25rem;border-radius:var(--snice-border-radius-md,4px);font-size:var(--snice-font-size-sm, .875rem);font-family:inherit;color:var(--snice-color-text,rgb(23 23 23));transition:background-color var(--snice-transition-fast, 150ms) ease,color var(--snice-transition-fast, 150ms) ease}.year-cell:hover{background:var(--snice-color-background-tertiary,rgb(240 240 240))}.year-cell--current{outline:2px solid var(--snice-color-primary,rgb(37 99 235));outline-offset:-2px;color:var(--snice-color-primary,rgb(37 99 235));font-weight:var(--snice-font-weight-semibold,600)}.year-cell--selected{background:var(--snice-color-primary,rgb(37 99 235));color:var(--snice-color-text-inverse,rgb(250 250 250));font-weight:var(--snice-font-weight-semibold,600)}.nav-button{background:0 0;border:none;padding:.375rem;cursor:pointer;color:var(--snice-color-text-secondary,rgb(82 82 82));border-radius:4px;transition:color var(--snice-transition-fast, 150ms) ease,background-color var(--snice-transition-fast, 150ms) ease;display:flex;align-items:center;justify-content:center}.nav-button:hover{color:var(--snice-color-text,rgb(23 23 23));background:var(--snice-color-background-tertiary,rgb(240 240 240))}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;margin-bottom:var(--snice-spacing-2xs,.25rem)}.weekday{text-align:center;font-size:var(--snice-font-size-xs, .75rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text-secondary,rgb(82 82 82));padding:.375rem .25rem}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.day{width:2rem;height:2rem;border:none;background:0 0;cursor:pointer;border-radius:var(--snice-border-radius-md,4px);font-size:var(--snice-font-size-sm, .875rem);font-family:inherit;color:var(--snice-color-text,rgb(23 23 23));transition:background-color var(--snice-transition-fast, 150ms) ease,color var(--snice-transition-fast, 150ms) ease;display:flex;align-items:center;justify-content:center}.day:hover:not(.day--disabled):not(.day--empty){background:var(--snice-color-background-tertiary,rgb(240 240 240))}.day--today{font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-primary,rgb(37 99 235))}.day--selected{background:var(--snice-color-primary,rgb(37 99 235));color:var(--snice-color-text-inverse,rgb(250 250 250));font-weight:var(--snice-font-weight-semibold,600)}.day--disabled{color:var(--snice-color-text-tertiary,rgb(115 115 115));cursor:not-allowed;opacity:.5}.day--empty{cursor:default}.calendar-footer{margin-top:var(--snice-spacing-sm,.75rem);padding-top:var(--snice-spacing-sm,.75rem);border-top:1px solid var(--snice-color-border,rgb(226 226 226));display:flex;justify-content:center}.today-button{background:0 0;border:1px solid var(--snice-color-border,rgb(226 226 226));padding:.25rem .75rem;font-size:var(--snice-font-size-sm, .875rem);font-family:inherit;color:var(--snice-color-primary,rgb(37 99 235));cursor:pointer;border-radius:var(--snice-border-radius-md,4px);transition:background-color var(--snice-transition-fast, 150ms) ease}.today-button:hover{background:var(--snice-color-background-tertiary,rgb(240 240 240))}.panel-time{width:11rem;padding:var(--snice-spacing-md,1rem);display:flex;flex-direction:column}.time-header{font-size:var(--snice-font-size-sm, .875rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text,rgb(23 23 23));margin-bottom:var(--snice-spacing-xs,.5rem);text-align:center}.time-selectors{display:flex;gap:var(--snice-spacing-3xs,.125rem);flex:1;min-height:0}.time-column{flex:1;display:flex;flex-direction:column;min-width:0}.time-column--period{flex:0 0 auto;width:2.5rem}.time-label{font-size:var(--snice-font-size-xs, .75rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text-secondary,rgb(82 82 82));text-align:center;padding-bottom:var(--snice-spacing-2xs,.25rem);border-bottom:1px solid var(--snice-color-border,rgb(226 226 226));margin-bottom:var(--snice-spacing-2xs,.25rem)}.time-list{display:flex;flex-direction:column;gap:1px;max-height:12rem;overflow-y:auto;scrollbar-width:thin}.time-list::-webkit-scrollbar{width:3px}.time-list::-webkit-scrollbar-thumb{background:var(--snice-color-border,rgb(226 226 226));border-radius:2px}.time-item{border:none;background:0 0;padding:.25rem .375rem;font-size:var(--snice-font-size-sm, .875rem);font-family:inherit;color:var(--snice-color-text,rgb(23 23 23));cursor:pointer;border-radius:var(--snice-border-radius-md,4px);text-align:center;transition:background-color var(--snice-transition-fast, 150ms) ease,color var(--snice-transition-fast, 150ms) ease;white-space:nowrap}.time-item:hover{background:var(--snice-color-background-tertiary,rgb(240 240 240))}.time-item--selected{background:var(--snice-color-primary,rgb(37 99 235));color:var(--snice-color-text-inverse,rgb(250 250 250));font-weight:var(--snice-font-weight-medium,500)}.time-item--selected:hover{background:var(--snice-color-primary,rgb(37 99 235))}.time-item:disabled{color:var(--snice-color-text-tertiary,rgb(115 115 115));cursor:not-allowed;opacity:.5}.error-text,.helper-text{font-size:var(--snice-font-size-xs, .75rem);margin-top:var(--snice-spacing-2xs,.25rem)}.helper-text{color:var(--snice-color-text-secondary,rgb(82 82 82))}.error-text{color:var(--snice-color-danger,rgb(220 38 38))}@media (max-width:480px){.panel{flex-direction:column;min-width:280px}.panel-calendar{border-right:none;border-bottom:1px solid var(--snice-color-border,rgb(226 226 226))}.panel-time{width:100%}.time-selectors{justify-content:center}}";
+  var cssContent = ":host{display:inline-block;position:relative;width:100%;max-width:20rem;box-sizing:border-box;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);font-size:var(--snice-font-size-sm, .875rem);line-height:var(--snice-line-height-normal, 1.5)}.datetime-wrapper{display:flex;flex-direction:column}.label{font-size:var(--snice-font-size-sm, .875rem);font-weight:var(--snice-font-weight-medium,500);line-height:var(--snice-line-height-normal, 1.5);color:var(--snice-color-text,rgb(23 23 23));margin-bottom:var(--snice-spacing-2xs,.25rem)}.label--required::after{content:'*';color:var(--snice-color-danger,rgb(220 38 38));margin-left:var(--snice-spacing-2xs,.25rem)}.input-container{position:relative;display:flex;align-items:center;anchor-name:--dtp-anchor}.input{width:100%;box-sizing:border-box;min-height:2.5rem;border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-lg,6px);padding:var(--snice-spacing-xs,.5rem) 2.75rem var(--snice-spacing-xs,.5rem) var(--snice-spacing-sm,.75rem);font-size:inherit;font-family:inherit;line-height:var(--snice-line-height-normal, 1.5);background:var(--snice-color-background-input,rgb(248 247 245));color:var(--snice-color-text,rgb(23 23 23));transition:border-color var(--snice-transition-fast, 150ms) ease,box-shadow var(--snice-transition-fast, 150ms) ease;outline:0;box-sizing:border-box}.input:focus{border-color:var(--snice-color-primary,rgb(37 99 235));box-shadow:0 0 0 var(--snice-focus-ring-width,2px) var(--snice-focus-ring-color,rgb(59 130 246 / .5))}.input--invalid{border-color:var(--snice-color-danger,rgb(220 38 38))}.input--invalid:focus{border-color:var(--snice-color-danger,rgb(220 38 38));box-shadow:0 0 0 var(--snice-focus-ring-width,2px) rgb(220 38 38 / .3)}.input:disabled{background:var(--snice-color-background-secondary,rgb(243 244 246));color:var(--snice-color-text-tertiary,rgb(115 115 115));cursor:not-allowed}.input::placeholder{color:var(--snice-color-text-secondary,rgb(82 82 82));opacity:.7}.input:not(:disabled):not([readonly]){cursor:pointer}.input--small{padding:.375rem 2.75rem .375rem .625rem;font-size:.875rem;min-height:2rem}.input--large{padding:.75rem 3.5rem .75rem 1rem;font-size:1rem;min-height:3rem}.input--loading{cursor:wait}.input--loading~.toggle-button{visibility:hidden}.spinner{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:1em;height:1em;pointer-events:none}.spinner::after{content:'';display:block;width:100%;height:100%;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toggle-button{position:absolute;right:.5rem;padding:.25rem;border:none;background:0 0;color:var(--snice-color-text-secondary,rgb(82 82 82));cursor:pointer;border-radius:4px;transition:color var(--snice-transition-fast, 150ms) ease,background-color var(--snice-transition-fast, 150ms) ease;display:flex;align-items:center;justify-content:center}.toggle-button:hover{color:var(--snice-color-text,rgb(23 23 23));background:var(--snice-color-background-tertiary,rgb(240 240 240))}.toggle-button:disabled{opacity:.5;cursor:not-allowed}.clear-button{position:absolute;right:2.5rem;padding:.25rem;border:none;background:0 0;color:var(--snice-color-text-secondary,rgb(82 82 82));cursor:pointer;border-radius:4px;transition:color var(--snice-transition-fast, 150ms) ease,background-color var(--snice-transition-fast, 150ms) ease;display:flex;align-items:center;justify-content:center}.clear-button:hover{color:var(--snice-color-text,rgb(23 23 23));background:var(--snice-color-background-tertiary,rgb(240 240 240))}.panel[popover]{position:fixed;inset:auto;margin:0;z-index:var(--snice-z-index-dropdown,1000);background:var(--snice-color-background-element,rgb(252 251 249));border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-lg,8px);box-shadow:var(--snice-shadow-lg,0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1));display:flex;flex-direction:row;overflow:hidden;min-width:420px;pointer-events:none;opacity:0;transform:translateY(-8px) scaleY(.95);transform-origin:top left;transition:opacity var(--snice-transition-fast, 150ms) ease,transform var(--snice-transition-fast, 150ms) ease,display var(--snice-transition-fast, 150ms) allow-discrete,overlay var(--snice-transition-fast, 150ms) allow-discrete}.panel[popover]:popover-open{opacity:1;transform:translateY(0) scaleY(1);pointer-events:auto}@supports (position-anchor:--a){.panel[popover]{position-anchor:--dtp-anchor;top:calc(anchor(bottom) + 2px);left:anchor(left);min-width:anchor-size(width)}}.panel[hidden]{display:none}.panel--inline{position:static;box-shadow:none;border:1px solid var(--snice-color-border,rgb(226 226 226));margin-top:0}.panel-calendar{flex:1;padding:var(--snice-spacing-md,1rem);border-right:1px solid var(--snice-color-border,rgb(226 226 226));min-width:260px}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--snice-spacing-sm,.75rem)}.calendar-title{font-size:var(--snice-font-size-md, 1rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text,rgb(23 23 23));text-align:center;flex:1}.year-button{background:0 0;border:none;font-size:var(--snice-font-size-md, 1rem);font-weight:var(--snice-font-weight-semibold,600);font-family:inherit;color:var(--snice-color-primary,rgb(37 99 235));cursor:pointer;padding:.125rem .375rem;border-radius:var(--snice-border-radius-md,4px);transition:background-color var(--snice-transition-fast, 150ms) ease}.year-button:hover{background:var(--snice-color-background-tertiary,rgb(240 240 240))}.month-label{font-size:var(--snice-font-size-md, 1rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text,rgb(23 23 23))}.year-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.5rem 0}.year-cell{border:none;background:0 0;cursor:pointer;padding:.625rem .25rem;border-radius:var(--snice-border-radius-md,4px);font-size:var(--snice-font-size-sm, .875rem);font-family:inherit;color:var(--snice-color-text,rgb(23 23 23));transition:background-color var(--snice-transition-fast, 150ms) ease,color var(--snice-transition-fast, 150ms) ease}.year-cell:hover{background:var(--snice-color-background-tertiary,rgb(240 240 240))}.year-cell--current{outline:2px solid var(--snice-color-primary,rgb(37 99 235));outline-offset:-2px;color:var(--snice-color-primary,rgb(37 99 235));font-weight:var(--snice-font-weight-semibold,600)}.year-cell--selected{background:var(--snice-color-primary,rgb(37 99 235));color:var(--snice-color-text-inverse,rgb(250 250 250));font-weight:var(--snice-font-weight-semibold,600)}.nav-button{background:0 0;border:none;padding:.375rem;cursor:pointer;color:var(--snice-color-text-secondary,rgb(82 82 82));border-radius:4px;transition:color var(--snice-transition-fast, 150ms) ease,background-color var(--snice-transition-fast, 150ms) ease;display:flex;align-items:center;justify-content:center}.nav-button:hover{color:var(--snice-color-text,rgb(23 23 23));background:var(--snice-color-background-tertiary,rgb(240 240 240))}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;margin-bottom:var(--snice-spacing-2xs,.25rem)}.weekday{text-align:center;font-size:var(--snice-font-size-xs, .75rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text-secondary,rgb(82 82 82));padding:.375rem .25rem}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.day{width:2rem;height:2rem;border:none;background:0 0;cursor:pointer;border-radius:var(--snice-border-radius-md,4px);font-size:var(--snice-font-size-sm, .875rem);font-family:inherit;color:var(--snice-color-text,rgb(23 23 23));transition:background-color var(--snice-transition-fast, 150ms) ease,color var(--snice-transition-fast, 150ms) ease;display:flex;align-items:center;justify-content:center}.day:hover:not(.day--disabled):not(.day--empty){background:var(--snice-color-background-tertiary,rgb(240 240 240))}.day--today{font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-primary,rgb(37 99 235))}.day--selected{background:var(--snice-color-primary,rgb(37 99 235));color:var(--snice-color-text-inverse,rgb(250 250 250));font-weight:var(--snice-font-weight-semibold,600)}.day--disabled{color:var(--snice-color-text-tertiary,rgb(115 115 115));cursor:not-allowed;opacity:.5}.day--empty{cursor:default}.calendar-footer{margin-top:var(--snice-spacing-sm,.75rem);padding-top:var(--snice-spacing-sm,.75rem);border-top:1px solid var(--snice-color-border,rgb(226 226 226));display:flex;justify-content:center}.today-button{background:0 0;border:1px solid var(--snice-color-border,rgb(226 226 226));padding:.25rem .75rem;font-size:var(--snice-font-size-sm, .875rem);font-family:inherit;color:var(--snice-color-primary,rgb(37 99 235));cursor:pointer;border-radius:var(--snice-border-radius-md,4px);transition:background-color var(--snice-transition-fast, 150ms) ease}.today-button:hover{background:var(--snice-color-background-tertiary,rgb(240 240 240))}.panel-time{width:11rem;padding:var(--snice-spacing-md,1rem);display:flex;flex-direction:column}.time-header{font-size:var(--snice-font-size-sm, .875rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text,rgb(23 23 23));margin-bottom:var(--snice-spacing-xs,.5rem);text-align:center}.time-selectors{display:flex;gap:var(--snice-spacing-3xs,.125rem);flex:1;min-height:0}.time-column{flex:1;display:flex;flex-direction:column;min-width:0}.time-column--period{flex:0 0 auto;width:2.5rem}.time-label{font-size:var(--snice-font-size-xs, .75rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text-secondary,rgb(82 82 82));text-align:center;padding-bottom:var(--snice-spacing-2xs,.25rem);border-bottom:1px solid var(--snice-color-border,rgb(226 226 226));margin-bottom:var(--snice-spacing-2xs,.25rem)}.time-list{display:flex;flex-direction:column;gap:1px;max-height:12rem;overflow-y:auto;scrollbar-width:thin}.time-list::-webkit-scrollbar{width:3px}.time-list::-webkit-scrollbar-thumb{background:var(--snice-color-border,rgb(226 226 226));border-radius:2px}.time-item{border:none;background:0 0;padding:.25rem .375rem;font-size:var(--snice-font-size-sm, .875rem);font-family:inherit;color:var(--snice-color-text,rgb(23 23 23));cursor:pointer;border-radius:var(--snice-border-radius-md,4px);text-align:center;transition:background-color var(--snice-transition-fast, 150ms) ease,color var(--snice-transition-fast, 150ms) ease;white-space:nowrap}.time-item:hover{background:var(--snice-color-background-tertiary,rgb(240 240 240))}.time-item--selected{background:var(--snice-color-primary,rgb(37 99 235));color:var(--snice-color-text-inverse,rgb(250 250 250));font-weight:var(--snice-font-weight-medium,500)}.time-item--selected:hover{background:var(--snice-color-primary,rgb(37 99 235))}.time-item:disabled{color:var(--snice-color-text-tertiary,rgb(115 115 115));cursor:not-allowed;opacity:.5}.error-text,.helper-text{font-size:var(--snice-font-size-xs, .75rem);margin-top:var(--snice-spacing-2xs,.25rem)}.helper-text{color:var(--snice-color-text-secondary,rgb(82 82 82))}.error-text{color:var(--snice-color-danger,rgb(220 38 38))}@media (max-width:480px){.panel{flex-direction:column;min-width:280px}.panel-calendar{border-right:none;border-bottom:1px solid var(--snice-color-border,rgb(226 226 226))}.panel-time{width:100%}.time-selectors{justify-content:center}}";
 
   let SniceDateTimePicker = (() => {
       let _classDecorators = [snice.element('snice-date-time-picker', { formAssociated: true })];