@nuraly/lumenui 0.1.0 → 0.2.2

package/dist/src/components/timepicker/bundle.js

@@ -1,31 +1,52 @@
-import{css as e,LitElement as i,html as r,nothing as t}from"lit";import{property as o,state as a,customElement as c}from"lit/decorators.js";import{classMap as l}from"lit/directives/class-map.js";import{NuralyUIBaseMixin as n}from"@nuralyui/common/mixins";import{renderLabel as s}from"@nuralyui/common/utils";import{SharedDropdownController as p}from"@nuralyui/common/controllers";
+import{nothing as t,html as e,css as i,LitElement as r}from"lit";import{property as o,state as s,customElement as n}from"lit/decorators.js";import{classMap as c}from"lit/directives/class-map.js";import{ifDefined as l}from"lit/directives/if-defined.js";
 /**
  * @license
  * Copyright 2023 Nuraly, Laabidi Aymen
  * SPDX-License-Identifier: MIT
- */var m,u,d,h,k,b,v,y;!function(e){e.TwentyFourHour="24h",e.TwelveHour="12h"}(m||(m={})),function(e){e.Hours="hours",e.Minutes="minutes",e.Seconds="seconds"}(u||(u={})),function(e){e.Small="small",e.Medium="medium",e.Large="large"}(d||(d={})),function(e){e.Default="default",e.Outlined="outlined",e.Filled="filled"}(h||(h={})),function(e){e.Default="default",e.Error="error",e.Warning="warning",e.Success="success"}(k||(k={})),function(e){e.Bottom="bottom",e.Top="top",e.Auto="auto"}(b||(b={})),function(e){e[e.One=1]="One",e[e.Five=5]="Five",e[e.Ten=10]="Ten",e[e.Fifteen=15]="Fifteen",e[e.Thirty=30]="Thirty"}(v||(v={})),function(e){e.AM="AM",e.PM="PM"}(y||(y={}));const f={[m.TwentyFourHour]:"HH:mm",[m.TwelveHour]:"hh:mm A"},g={[m.TwentyFourHour]:"HH:mm:ss",[m.TwelveHour]:"hh:mm:ss A"},_={HOURS_24:24,HOURS_12:12,MINUTES:60,SECONDS:60,DEFAULT_STEP:1,DEFAULT_MINUTE_INTERVAL:1,DEFAULT_SECOND_INTERVAL:1},x={TIME_CHANGE:"nr-time-change",FOCUS:"nr-focus",BLUR:"nr-blur",CLOCK_OPEN:"nr-clock-open",CLOCK_CLOSE:"nr-clock-close",VALIDATION:"nr-validation"},w={hours:0,minutes:0,seconds:0,period:y.AM},T={format:m.TwentyFourHour,showSeconds:!1,minuteInterval:1,secondInterval:1,use12HourClock:!1},S="HH:mm",$="HH:mm:ss",C="hh:mm A",M="hh:mm:ss A",E="time-input-field",O="time-picker-clock-container",H={TWENTY_FOUR_HOUR:/^([01]?[0-9]|2[0-3]):([0-5]?[0-9])(:([0-5]?[0-9]))?$/,TWELVE_HOUR:/^(0?[1-9]|1[0-2]):([0-5]?[0-9])(:([0-5]?[0-9]))?\s?(AM|PM|am|pm)$/},z={MIN_HOUR_24:0,MAX_HOUR_24:23,MIN_HOUR_12:1,MAX_HOUR_12:12,MIN_MINUTE:0,MAX_MINUTE:59,MIN_SECOND:0,MAX_SECOND:59},N={HOURS:v.One,MINUTES:v.One,SECONDS:v.One},A={CONTAINER:"time-picker",INPUT:"time-picker__input",CLOCK:"time-picker__clock",DROPDOWN:"time-picker__dropdown",HOUR:"time-picker__hour",MINUTE:"time-picker__minute",SECOND:"time-picker__second",PERIOD:"time-picker__period",BUTTON:"time-picker__button",SEPARATOR:"time-picker__separator"},I={RADIUS:100,CENTER:50,HOUR_HAND_LENGTH:30,MINUTE_HAND_LENGTH:40,SECOND_HAND_LENGTH:45};
+ */const a=t=>class extends t{constructor(){super(...arguments),this.handleSystemThemeChange=()=>{this.closest("[data-theme]")||document.documentElement.hasAttribute("data-theme")||this.requestUpdate()}}connectedCallback(){super.connectedCallback(),this.setupThemeObserver(),this.setupDesignSystemObserver(),this.setupSystemThemeListener()}disconnectedCallback(){var t,e,i;super.disconnectedCallback(),null===(t=this.themeObserver)||void 0===t||t.disconnect(),null===(e=this.designSystemObserver)||void 0===e||e.disconnect(),null===(i=this.mediaQuery)||void 0===i||i.removeEventListener("change",this.handleSystemThemeChange)}get currentTheme(){var t,e;const i=(null===(t=this.closest("[data-theme]"))||void 0===t?void 0:t.getAttribute("data-theme"))||document.documentElement.getAttribute("data-theme");return i||((null===(e=window.matchMedia)||void 0===e?void 0:e.call(window,"(prefers-color-scheme: dark)").matches)?"dark":"light")}get currentDesignSystem(){var t;const e=(null===(t=this.closest("[design-system]"))||void 0===t?void 0:t.getAttribute("design-system"))||document.documentElement.getAttribute("design-system");return"carbon"===e?e:"default"}setupThemeObserver(){this.themeObserver=new MutationObserver(()=>{this.requestUpdate()}),this.themeObserver.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]})}setupDesignSystemObserver(){this.designSystemObserver=new MutationObserver(()=>{this.requestUpdate()}),this.designSystemObserver.observe(document.documentElement,{attributes:!0,attributeFilter:["design-system"]})}setupSystemThemeListener(){window.matchMedia&&(this.mediaQuery=window.matchMedia("(prefers-color-scheme: dark)"),this.mediaQuery.addEventListener("change",this.handleSystemThemeChange))}},p=()=>{var t;return void 0!==globalThis.litElementVersions||"undefined"!=typeof process&&"development"===(null===(t=process.env)||void 0===t?void 0:t.NODE_ENV)||"undefined"!=typeof window&&("localhost"===window.location.hostname||"127.0.0.1"===window.location.hostname)},h=t=>class extends t{constructor(){super(...arguments),this.requiredComponents=[]}validateDependencies(){if(p())for(const t of this.requiredComponents)if(!this.isComponentAvailable(t))throw new Error(`Required component "${t}" is not registered. Please import and register the component before using ${this.tagName.toLowerCase()}. Example: import '@nuralyui/${t}';`)}validateDependenciesWithHandler(t){if(!p())return!0;let e=!0;for(const i of this.requiredComponents)if(!this.isComponentAvailable(i)){e=!1;const r=new Error(`Required component "${i}" is not registered. Please import and register the component before using ${this.tagName.toLowerCase()}.`);t?t(i,r):console.error(r.message)}return e}isComponentAvailable(t){return!!customElements.get(t)}getMissingDependencies(){return this.requiredComponents.filter(t=>!this.isComponentAvailable(t))}areDependenciesAvailable(){return this.requiredComponents.every(t=>this.isComponentAvailable(t))}addRequiredComponent(t){this.requiredComponents.includes(t)||this.requiredComponents.push(t)}removeRequiredComponent(t){const e=this.requiredComponents.indexOf(t);e>-1&&this.requiredComponents.splice(e,1)}},d=t=>class extends t{dispatchCustomEvent(t,e){this.dispatchEvent(new CustomEvent(t,{detail:e,bubbles:!0,composed:!0}))}dispatchEventWithMetadata(t,e){var i;const r=Object.assign(Object.assign({},e),{timestamp:Date.now(),componentName:(null===(i=this.tagName)||void 0===i?void 0:i.toLowerCase())||"unknown"});this.dispatchCustomEvent(t,r)}dispatchInputEvent(t,e){const i=Object.assign({target:e.target||this,value:e.value,originalEvent:e.originalEvent},e);this.dispatchCustomEvent(t,i)}dispatchFocusEvent(t,e){const i=Object.assign({target:e.target||this,value:e.value,focused:e.focused,cursorPosition:e.cursorPosition,selectedText:e.selectedText},e);this.dispatchCustomEvent(t,i)}dispatchValidationEvent(t,e){var i;const r=Object.assign({target:e.target||this,value:e.value,isValid:null!==(i=e.isValid)&&void 0!==i&&i,error:e.error},e);this.dispatchCustomEvent(t,r)}dispatchActionEvent(t,e){const i=Object.assign({target:e.target||this,action:e.action,previousValue:e.previousValue,newValue:e.newValue},e);this.dispatchCustomEvent(t,i)}isReadonlyKeyAllowed(t){if(t.ctrlKey||t.metaKey){return["KeyA","KeyC"].includes(t.code)}return["Tab","Escape","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End","PageUp","PageDown"].includes(t.key)}isActivationKey(t){return"Enter"===t.key||" "===t.key}},m=new Set,u=new Map;
 /**
  * @license
  * Copyright 2023 Nuraly, Laabidi Aymen
  * SPDX-License-Identifier: MIT
  */
-class D{static createTimeValue(e,i,r=0,t){return{hours:Math.max(0,Math.min(e,23)),minutes:Math.max(0,Math.min(i,59)),seconds:Math.max(0,Math.min(r,59)),period:t}}static parseTimeString(e,i=m.TwentyFourHour){if(!(null==e?void 0:e.trim()))return null;const r=e.trim().toUpperCase();return i===m.TwelveHour?this.parse12HourTime(r):this.parse24HourTime(r)}static parse24HourTime(e){const i=e.match(/^(\d{1,2}):(\d{2})(?::(\d{2}))?$/);if(!i)return null;const r=Number.parseInt(i[1],10),t=Number.parseInt(i[2],10),o=i[3]?Number.parseInt(i[3],10):0;return this.isValidTime24(r,t,o)?this.createTimeValue(r,t,o):null}static parse12HourTime(e){const i=e.match(/^(\d{1,2}):(\d{2})(?::(\d{2}))?\s?(AM|PM)$/);if(!i)return null;let r=Number.parseInt(i[1],10);const t=Number.parseInt(i[2],10),o=i[3]?Number.parseInt(i[3],10):0,a=i[4];return this.isValidTime12(r,t,o)?(a===y.PM&&12!==r?r+=12:a===y.AM&&12===r&&(r=0),this.createTimeValue(r,t,o,a)):null}static formatTimeValue(e,i=m.TwentyFourHour,r=!1){return e?i===m.TwelveHour?this.format12HourTime(e,r):this.format24HourTime(e,r):""}static format24HourTime(e,i){const r=e.hours.toString().padStart(2,"0"),t=e.minutes.toString().padStart(2,"0");if(i){return`${r}:${t}:${e.seconds.toString().padStart(2,"0")}`}return`${r}:${t}`}static format12HourTime(e,i){let r=e.hours;const t=e.minutes.toString().padStart(2,"0"),o=r>=12?y.PM:y.AM;0===r?r=12:r>12&&(r-=12);const a=r.toString();if(i){return`${a}:${t}:${e.seconds.toString().padStart(2,"0")} ${o}`}return`${a}:${t} ${o}`}static getCurrentTime(){const e=new Date;return this.createTimeValue(e.getHours(),e.getMinutes(),e.getSeconds())}static compareTime(e,i){return 3600*e.hours+60*e.minutes+e.seconds-(3600*i.hours+60*i.minutes+i.seconds)}static isTimeEqual(e,i){return 0===this.compareTime(e,i)}static isValidTime24(e,i,r=0){return e>=z.MIN_HOUR_24&&e<=z.MAX_HOUR_24&&i>=z.MIN_MINUTE&&i<=z.MAX_MINUTE&&r>=z.MIN_SECOND&&r<=z.MAX_SECOND}static isValidTime12(e,i,r=0){return e>=z.MIN_HOUR_12&&e<=z.MAX_HOUR_12&&i>=z.MIN_MINUTE&&i<=z.MAX_MINUTE&&r>=z.MIN_SECOND&&r<=z.MAX_SECOND}static addTime(e,i,r,t=0){let o=3600*e.hours+60*e.minutes+e.seconds;o+=3600*i+60*r+t,o=(o%86400+86400)%86400;const a=Math.floor(o/3600),c=Math.floor(o%3600/60),l=o%60;return this.createTimeValue(a,c,l)}static generateTimeOptions(e=15,i=m.TwentyFourHour,r=!1){const t=[];for(let o=0;o<24;o++)for(let a=0;a<60;a+=e){const e=this.createTimeValue(o,a,0),c=this.formatTimeValue(e,i,r);t.push({value:c,label:c})}return t}static roundToInterval(e,i){const r=60*e.hours+e.minutes,t=Math.round(r/i)*i,o=Math.floor(t/60)%24,a=t%60;return this.createTimeValue(o,a,e.seconds)}static isTimeInRange(e,i,r){return!(i&&this.compareTime(e,i)<0)&&!(r&&this.compareTime(e,r)>0)}static dateToTimeValue(e){return this.createTimeValue(e.getHours(),e.getMinutes(),e.getSeconds())}static timeValueToDate(e,i){const r=i?new Date(i):new Date;return r.setHours(e.hours,e.minutes,e.seconds,0),r}}
 /**
  * @license
  * Copyright 2023 Nuraly, Laabidi Aymen
  * SPDX-License-Identifier: MIT
- */class j{constructor(e){this.host=e,this.selectedTime=null}selectTime(e){if(!this.host.validateTime(e))return;const i=this.selectedTime;this.selectedTime=Object.assign({},e),this.dispatchTimeChangeEvent(e,i),this.host.requestUpdate()}getSelectedTime(){return this.selectedTime?Object.assign({},this.selectedTime):null}clearSelection(){const e=this.selectedTime;this.selectedTime=null,e&&(this.dispatchTimeChangeEvent(null,e),this.host.requestUpdate())}isTimeSelected(e){return!!this.selectedTime&&D.isTimeEqual(e,this.selectedTime)}setTimeInternal(e){this.selectedTime=e?Object.assign({},e):null}updateTime(e){if(this.selectedTime)this.selectedTime=Object.assign(Object.assign({},this.selectedTime),e);else{const i=D.getCurrentTime();this.selectedTime=Object.assign(Object.assign({},i),e)}this.host.validateTime(this.selectedTime)&&(this.dispatchTimeChangeEvent(this.selectedTime,null),this.host.requestUpdate())}incrementTime(e,i=1){let r;switch(this.selectedTime||(this.selectedTime=D.getCurrentTime()),e){case"hours":r=D.addTime(this.selectedTime,i,0,0);break;case"minutes":r=D.addTime(this.selectedTime,0,i,0);break;case"seconds":r=D.addTime(this.selectedTime,0,0,i);break;default:return}this.selectTime(r)}decrementTime(e,i=1){this.incrementTime(e,-i)}setTimeFromString(e){const i=this.host.getConfig(),r=D.parseTimeString(e,i.format);return!(!r||!this.host.validateTime(r))&&(this.selectTime(r),!0)}getFormattedTime(){return this.selectedTime?this.host.formatTime(this.selectedTime):""}dispatchTimeChangeEvent(e,i){const r=this.host;if(!r.dispatchEvent)return;const t={value:e?this.host.formatTime(e):"",timeValue:e,previousValue:i?this.host.formatTime(i):"",previousTimeValue:i},o=new CustomEvent(x.TIME_CHANGE,{detail:t,bubbles:!0,composed:!0});r.dispatchEvent(o)}reset(){this.clearSelection()}setToCurrentTime(){const e=D.getCurrentTime();this.selectTime(e)}roundToInterval(e){if(!this.selectedTime)return;const i=D.roundToInterval(this.selectedTime,e);this.selectTime(i)}}
+ */
+const b=t=>{class e extends t{constructor(){super(...arguments),this.t=null}createRenderRoot(){return this.constructor.useShadowDom?super.createRenderRoot():this}connectedCallback(){const t=this.constructor.useShadowDom;if(!t&&null===this.t)for(this.t=[];this.firstChild;)this.t.push(this.removeChild(this.firstChild));if(super.connectedCallback(),!t){const t=this.constructor,e=this.tagName.toLowerCase(),i=t.styles;if(i){const t=k(i);t&&function(t,e,i){var r;if(!u.has(t)){const i=new CSSStyleSheet;i.replaceSync(e),u.set(t,i)}const o=u.get(t),s=`doc:${t}`;if(m.has(s)||(document.adoptedStyleSheets=[...document.adoptedStyleSheets,o],m.add(s)),i){let e=i;for(;e;){const i=e.getRootNode();if(!(i instanceof ShadowRoot))break;{const s=`shadow:${((null===(r=i.host)||void 0===r?void 0:r.tagName)||"").toLowerCase()}:${t}`;m.has(s)||(i.adoptedStyleSheets=[...i.adoptedStyleSheets,o],m.add(s)),e=i.host}}}}(e,t,this)}}}get lightChildren(){return this.t?this.t.filter(t=>!(t instanceof Element&&t.hasAttribute("slot"))):[]}lightChildrenNamed(t){return this.t?this.t.filter(e=>e instanceof Element&&e.getAttribute("slot")===t):[]}}return e.useShadowDom=!1,e};function k(t){return Array.isArray(t)?t.map(t=>k(t)).filter(Boolean).join("\n"):t&&"string"==typeof t.cssText?t.cssText:"string"==typeof t?t:""}
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */class f{constructor(t){this._isOpen=!1,this._position={top:0,left:0,width:0,placement:"bottom"},this._dropdownElement=null,this._triggerElement=null,this.handleResize=()=>{this._isOpen&&this.calculatePosition()},this.handleScroll=()=>{var t;if(this._isOpen&&this._triggerElement){const e=this._triggerElement.getBoundingClientRect(),i=(null===(t=window.visualViewport)||void 0===t?void 0:t.height)||window.innerHeight;(e.bottom<0||e.top>i)&&this.close()}},this._host=t,this._host.addController(this)}hostConnected(){window.addEventListener("resize",this.handleResize),window.addEventListener("scroll",this.handleScroll,!0)}hostDisconnected(){this.close(),window.removeEventListener("resize",this.handleResize),window.removeEventListener("scroll",this.handleScroll,!0)}get isOpen(){return this._isOpen}get position(){return Object.assign({},this._position)}open(){try{this._isOpen||(this._isOpen=!0,this._host.show=!0,this._host.requestUpdate(),this.findElements(),setTimeout(()=>{this.calculatePosition()},0),this._host&&"function"==typeof this._host.setupEventListeners&&setTimeout(()=>{this._host.setupEventListeners()},0),this._host.dispatchEvent(new CustomEvent("dropdown-open",{bubbles:!0,composed:!0})))}catch(t){this.handleError(t,"open")}}close(){try{this._isOpen&&(this._isOpen=!1,this._host.show=!1,this.resetPosition(),this._host.requestUpdate(),this._host&&"function"==typeof this._host.removeEventListeners&&this._host.removeEventListeners(),this._host.dispatchEvent(new CustomEvent("dropdown-close",{bubbles:!0,composed:!0})))}catch(t){this.handleError(t,"close")}}toggle(){this._isOpen?this.close():this.open()}calculatePosition(){var t;try{if(this._dropdownElement&&this._triggerElement||this.findElements(),!this._dropdownElement||!this._triggerElement)return;const e=this._triggerElement.getBoundingClientRect(),i=((null===(t=window.visualViewport)||void 0===t?void 0:t.height)||window.innerHeight)-e.bottom,r=e.top;let o=200;if(this._dropdownElement){const t=this._dropdownElement.style.display,e=this._dropdownElement.style.visibility,i=this._dropdownElement.style.position;this._dropdownElement.style.visibility="hidden",this._dropdownElement.style.display="block",this._dropdownElement.style.position="absolute",o=this._dropdownElement.offsetHeight||this._dropdownElement.scrollHeight||200,this._dropdownElement.style.display=t,this._dropdownElement.style.visibility=e,this._dropdownElement.style.position=i}const s=this.determineOptimalPlacement(o,r,i);this._position={left:0,width:0,placement:s,top:0},this.applyPosition()}catch(t){this.handleError(t,"calculatePosition")}}resetPosition(){try{this._dropdownElement&&(this._dropdownElement.style.removeProperty("position"),this._dropdownElement.style.removeProperty("top"),this._dropdownElement.style.removeProperty("left"),this._dropdownElement.style.removeProperty("width"),this._dropdownElement.style.removeProperty("max-height"),this._dropdownElement.style.removeProperty("min-height"),this._dropdownElement.style.removeProperty("height"),this._dropdownElement.style.removeProperty("overflow-y"),this._dropdownElement.style.removeProperty("transform"),this._dropdownElement.style.removeProperty("display"),this._dropdownElement.style.removeProperty("opacity"),this._dropdownElement.style.removeProperty("visibility"),this._dropdownElement.style.removeProperty("z-index"),this._dropdownElement.classList.remove("placement-top","placement-bottom"))}catch(t){this.handleError(t,"resetPosition")}}setElements(t,e){this._dropdownElement=t,this._triggerElement=e}findElements(){try{if(this._dropdownElement&&this._triggerElement)return;const t=this._host;if(t.optionsElement&&t.wrapper)return this._dropdownElement=t.optionsElement,void(this._triggerElement=t.wrapper);t.shadowRoot&&(this._dropdownElement=t.shadowRoot.querySelector(".calendar-container, .month-dropdown, .year-dropdown"),this._triggerElement=t.shadowRoot.querySelector(".datepicker-input, .toggle-month-view, .toggle-year-view"))}catch(t){this.handleError(t,"findElements")}}determineOptimalPlacement(t,e,i){return i>=t?"bottom":e>=t||e>i?"top":"bottom"}applyPosition(){var t;try{if(!this._dropdownElement||!this._triggerElement)return;const{placement:e}=this._position,i=this._triggerElement.getBoundingClientRect(),r=i.width;this._dropdownElement.style.position="absolute",this._dropdownElement.style.left="0",this._dropdownElement.style.right="auto",this._dropdownElement.style.width=`${r}px`,this._dropdownElement.style.zIndex="1000",this._dropdownElement.style.height="auto",this._dropdownElement.style.maxHeight="none",this._dropdownElement.style.minHeight="auto",console.log(`Applying ${e} placement to dropdown`),"bottom"===e?(this._dropdownElement.style.top="100%",this._dropdownElement.style.bottom="auto",console.log("Applied bottom placement: top=100%, bottom=auto")):(this._dropdownElement.style.top="auto",this._dropdownElement.style.bottom="100%",console.log("Applied top placement: top=auto, bottom=100%"));const o=this._dropdownElement.scrollHeight,s=(null===(t=window.visualViewport)||void 0===t?void 0:t.height)||window.innerHeight;let n;n="bottom"===e?s-i.bottom-10:i.top-10,o>n?(this._dropdownElement.style.maxHeight=`${n}px`,this._dropdownElement.style.overflowY="auto"):(this._dropdownElement.style.maxHeight=`${o}px`,this._dropdownElement.style.overflowY="auto"),this._dropdownElement.classList.remove("placement-top","placement-bottom"),this._dropdownElement.classList.add(`placement-${e}`)}catch(t){this.handleError(t,"applyPosition")}}getAvailableSpace(){var t,e;if(!this._triggerElement)return{above:0,below:0,left:0,right:0};const i=this._triggerElement.getBoundingClientRect(),r=(null===(t=window.visualViewport)||void 0===t?void 0:t.height)||window.innerHeight,o=(null===(e=window.visualViewport)||void 0===e?void 0:e.width)||window.innerWidth;return{above:i.top,below:r-i.bottom,left:i.left,right:o-i.right}}handleError(t,e){console.warn(`SharedDropdownController [${e}]:`,t)}}
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */var v,g,_,w,x,y,T,S;!function(t){t.TwentyFourHour="24h",t.TwelveHour="12h"}(v||(v={})),function(t){t.Hours="hours",t.Minutes="minutes",t.Seconds="seconds"}(g||(g={})),function(t){t.Small="small",t.Medium="medium",t.Large="large"}(_||(_={})),function(t){t.Default="default",t.Outlined="outlined",t.Filled="filled"}(w||(w={})),function(t){t.Default="default",t.Error="error",t.Warning="warning",t.Success="success"}(x||(x={})),function(t){t.Bottom="bottom",t.Top="top",t.Auto="auto"}(y||(y={})),function(t){t[t.One=1]="One",t[t.Five=5]="Five",t[t.Ten=10]="Ten",t[t.Fifteen=15]="Fifteen",t[t.Thirty=30]="Thirty"}(T||(T={})),function(t){t.AM="AM",t.PM="PM"}(S||(S={}));const $={[v.TwentyFourHour]:"HH:mm",[v.TwelveHour]:"hh:mm A"},E={[v.TwentyFourHour]:"HH:mm:ss",[v.TwelveHour]:"hh:mm:ss A"},C={HOURS_24:24,HOURS_12:12,MINUTES:60,SECONDS:60,DEFAULT_STEP:1,DEFAULT_MINUTE_INTERVAL:1,DEFAULT_SECOND_INTERVAL:1},O={TIME_CHANGE:"nr-time-change",FOCUS:"nr-focus",BLUR:"nr-blur",CLOCK_OPEN:"nr-clock-open",CLOCK_CLOSE:"nr-clock-close",VALIDATION:"nr-validation"},M={hours:0,minutes:0,seconds:0,period:S.AM},A={format:v.TwentyFourHour,showSeconds:!1,minuteInterval:1,secondInterval:1,use12HourClock:!1},H="HH:mm",N="HH:mm:ss",I="hh:mm A",D="hh:mm:ss A",j="time-input-field",z="time-picker-clock-container",R={TWENTY_FOUR_HOUR:/^([01]?[0-9]|2[0-3]):([0-5]?[0-9])(:([0-5]?[0-9]))?$/,TWELVE_HOUR:/^(0?[1-9]|1[0-2]):([0-5]?[0-9])(:([0-5]?[0-9]))?\s?(AM|PM|am|pm)$/},P={MIN_HOUR_24:0,MAX_HOUR_24:23,MIN_HOUR_12:1,MAX_HOUR_12:12,MIN_MINUTE:0,MAX_MINUTE:59,MIN_SECOND:0,MAX_SECOND:59},U={HOURS:T.One,MINUTES:T.One,SECONDS:T.One},V={CONTAINER:"time-picker",INPUT:"time-picker__input",CLOCK:"time-picker__clock",DROPDOWN:"time-picker__dropdown",HOUR:"time-picker__hour",MINUTE:"time-picker__minute",SECOND:"time-picker__second",PERIOD:"time-picker__period",BUTTON:"time-picker__button",SEPARATOR:"time-picker__separator"},F={RADIUS:100,CENTER:50,HOUR_HAND_LENGTH:30,MINUTE_HAND_LENGTH:40,SECOND_HAND_LENGTH:45};
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+class L{static createTimeValue(t,e,i=0,r){return{hours:Math.max(0,Math.min(t,23)),minutes:Math.max(0,Math.min(e,59)),seconds:Math.max(0,Math.min(i,59)),period:r}}static parseTimeString(t,e=v.TwentyFourHour){if(!(null==t?void 0:t.trim()))return null;const i=t.trim().toUpperCase();return e===v.TwelveHour?this.parse12HourTime(i):this.parse24HourTime(i)}static parse24HourTime(t){const e=t.match(/^(\d{1,2}):(\d{2})(?::(\d{2}))?$/);if(!e)return null;const i=Number.parseInt(e[1],10),r=Number.parseInt(e[2],10),o=e[3]?Number.parseInt(e[3],10):0;return this.isValidTime24(i,r,o)?this.createTimeValue(i,r,o):null}static parse12HourTime(t){const e=t.match(/^(\d{1,2}):(\d{2})(?::(\d{2}))?\s?(AM|PM)$/);if(!e)return null;let i=Number.parseInt(e[1],10);const r=Number.parseInt(e[2],10),o=e[3]?Number.parseInt(e[3],10):0,s=e[4];return this.isValidTime12(i,r,o)?(s===S.PM&&12!==i?i+=12:s===S.AM&&12===i&&(i=0),this.createTimeValue(i,r,o,s)):null}static formatTimeValue(t,e=v.TwentyFourHour,i=!1){return t?e===v.TwelveHour?this.format12HourTime(t,i):this.format24HourTime(t,i):""}static format24HourTime(t,e){const i=t.hours.toString().padStart(2,"0"),r=t.minutes.toString().padStart(2,"0");if(e){return`${i}:${r}:${t.seconds.toString().padStart(2,"0")}`}return`${i}:${r}`}static format12HourTime(t,e){let i=t.hours;const r=t.minutes.toString().padStart(2,"0"),o=i>=12?S.PM:S.AM;0===i?i=12:i>12&&(i-=12);const s=i.toString();if(e){return`${s}:${r}:${t.seconds.toString().padStart(2,"0")} ${o}`}return`${s}:${r} ${o}`}static getCurrentTime(){const t=new Date;return this.createTimeValue(t.getHours(),t.getMinutes(),t.getSeconds())}static compareTime(t,e){return 3600*t.hours+60*t.minutes+t.seconds-(3600*e.hours+60*e.minutes+e.seconds)}static isTimeEqual(t,e){return 0===this.compareTime(t,e)}static isValidTime24(t,e,i=0){return t>=P.MIN_HOUR_24&&t<=P.MAX_HOUR_24&&e>=P.MIN_MINUTE&&e<=P.MAX_MINUTE&&i>=P.MIN_SECOND&&i<=P.MAX_SECOND}static isValidTime12(t,e,i=0){return t>=P.MIN_HOUR_12&&t<=P.MAX_HOUR_12&&e>=P.MIN_MINUTE&&e<=P.MAX_MINUTE&&i>=P.MIN_SECOND&&i<=P.MAX_SECOND}static addTime(t,e,i,r=0){let o=3600*t.hours+60*t.minutes+t.seconds;o+=3600*e+60*i+r,o=(o%86400+86400)%86400;const s=Math.floor(o/3600),n=Math.floor(o%3600/60),c=o%60;return this.createTimeValue(s,n,c)}static generateTimeOptions(t=15,e=v.TwentyFourHour,i=!1){const r=[];for(let o=0;o<24;o++)for(let s=0;s<60;s+=t){const t=this.createTimeValue(o,s,0),n=this.formatTimeValue(t,e,i);r.push({value:n,label:n})}return r}static roundToInterval(t,e){const i=60*t.hours+t.minutes,r=Math.round(i/e)*e,o=Math.floor(r/60)%24,s=r%60;return this.createTimeValue(o,s,t.seconds)}static isTimeInRange(t,e,i){return!(e&&this.compareTime(t,e)<0)&&!(i&&this.compareTime(t,i)>0)}static dateToTimeValue(t){return this.createTimeValue(t.getHours(),t.getMinutes(),t.getSeconds())}static timeValueToDate(t,e){const i=e?new Date(e):new Date;return i.setHours(t.hours,t.minutes,t.seconds,0),i}}
 /**
  * @license
  * Copyright 2023 Nuraly, Laabidi Aymen
  * SPDX-License-Identifier: MIT
- */class U{constructor(e){this.host=e,this.constraints={}}setConstraints(e){this.constraints=Object.assign({},e)}getConstraints(){return Object.assign({},this.constraints)}validateConstraints(e){return this.isTimeInBounds(e)&&!this.isTimeDisabled(e)&&this.isTimeEnabled(e)}isTimeInBounds(e){let i=null,r=null;if(this.constraints.minTime){const e=this.host.getConfig();i=D.parseTimeString(this.constraints.minTime,e.format)}if(this.constraints.maxTime){const e=this.host.getConfig();r=D.parseTimeString(this.constraints.maxTime,e.format)}return D.isTimeInRange(e,i,r)}isTimeDisabled(e){if(!this.constraints.disabledTimes||0===this.constraints.disabledTimes.length)return!1;const i=this.host.formatTime(e);return this.constraints.disabledTimes.includes(i)}isTimeEnabled(e){if(!this.constraints.enabledTimes||0===this.constraints.enabledTimes.length)return!0;const i=this.host.formatTime(e);return this.constraints.enabledTimes.includes(i)}getValidationMessage(e){return this.isTimeInBounds(e)?this.isTimeDisabled(e)?"This time is not available":this.isTimeEnabled(e)?"":"This time is not in the allowed time range":this.getBoundsValidationMessage(e)}getBoundsValidationMessage(e){const i=this.host.getConfig();let r="";if(this.constraints.minTime&&this.constraints.maxTime)r=`Time must be between ${this.constraints.minTime} and ${this.constraints.maxTime}`;else if(this.constraints.minTime){const t=D.parseTimeString(this.constraints.minTime,i.format);t&&D.compareTime(e,t)<0&&(r=`Time must be after ${this.constraints.minTime}`)}else if(this.constraints.maxTime){const t=D.parseTimeString(this.constraints.maxTime,i.format);t&&D.compareTime(e,t)>0&&(r=`Time must be before ${this.constraints.maxTime}`)}return r}validateTimeFormat(e){const i=this.host.getConfig();return null!==D.parseTimeString(e,i.format)}getValidationResult(e){const i=[];return this.isTimeInBounds(e)||i.push(this.getBoundsValidationMessage(e)),this.isTimeDisabled(e)&&i.push("This time is disabled"),this.isTimeEnabled(e)||i.push("This time is not in the allowed range"),{isValid:0===i.length,message:i.length>0?i[0]:"",errors:i}}findNearestValidTime(e){if(this.validateConstraints(e))return e;for(let i=1;i<=60;i++){const r=D.addTime(e,0,i,0);if(this.validateConstraints(r))return r;const t=D.addTime(e,0,-i,0);if(this.validateConstraints(t))return t}return null}isCurrentSelectionValid(){const e=this.host.getCurrentTime();return this.validateConstraints(e)}setMinTime(e){this.constraints.minTime=e||void 0}setMaxTime(e){this.constraints.maxTime=e||void 0}setDisabledTimes(e){this.constraints.disabledTimes=[...e]}setEnabledTimes(e){this.constraints.enabledTimes=[...e]}clearConstraints(){this.constraints={}}}
+ */class B{constructor(t){this.host=t,this.selectedTime=null}selectTime(t){if(!this.host.validateTime(t))return;const e=this.selectedTime;this.selectedTime=Object.assign({},t),this.dispatchTimeChangeEvent(t,e),this.host.requestUpdate()}getSelectedTime(){return this.selectedTime?Object.assign({},this.selectedTime):null}clearSelection(){const t=this.selectedTime;this.selectedTime=null,t&&(this.dispatchTimeChangeEvent(null,t),this.host.requestUpdate())}isTimeSelected(t){return!!this.selectedTime&&L.isTimeEqual(t,this.selectedTime)}setTimeInternal(t){this.selectedTime=t?Object.assign({},t):null}updateTime(t){if(this.selectedTime)this.selectedTime=Object.assign(Object.assign({},this.selectedTime),t);else{const e=L.getCurrentTime();this.selectedTime=Object.assign(Object.assign({},e),t)}this.host.validateTime(this.selectedTime)&&(this.dispatchTimeChangeEvent(this.selectedTime,null),this.host.requestUpdate())}incrementTime(t,e=1){let i;switch(this.selectedTime||(this.selectedTime=L.getCurrentTime()),t){case"hours":i=L.addTime(this.selectedTime,e,0,0);break;case"minutes":i=L.addTime(this.selectedTime,0,e,0);break;case"seconds":i=L.addTime(this.selectedTime,0,0,e);break;default:return}this.selectTime(i)}decrementTime(t,e=1){this.incrementTime(t,-e)}setTimeFromString(t){const e=this.host.getConfig(),i=L.parseTimeString(t,e.format);return!(!i||!this.host.validateTime(i))&&(this.selectTime(i),!0)}getFormattedTime(){return this.selectedTime?this.host.formatTime(this.selectedTime):""}dispatchTimeChangeEvent(t,e){const i=this.host;if(!i.dispatchEvent)return;const r={value:t?this.host.formatTime(t):"",timeValue:t,previousValue:e?this.host.formatTime(e):"",previousTimeValue:e},o=new CustomEvent(O.TIME_CHANGE,{detail:r,bubbles:!0,composed:!0});i.dispatchEvent(o)}reset(){this.clearSelection()}setToCurrentTime(){const t=L.getCurrentTime();this.selectTime(t)}roundToInterval(t){if(!this.selectedTime)return;const e=L.roundToInterval(this.selectedTime,t);this.selectTime(e)}}
 /**
  * @license
  * Copyright 2023 Nuraly, Laabidi Aymen
  * SPDX-License-Identifier: MIT
- */class R{constructor(e){this.host=e}formatForDisplay(e){const i=this.host.getConfig();return D.formatTimeValue(e,i.format,i.showSeconds)}formatForInput(e){return this.formatForDisplay(e)}parseInputValue(e){const i=this.host.getConfig();return D.parseTimeString(e,i.format)}getFormatPattern(){const e=this.host.getConfig();return e.format===m.TwelveHour?e.showSeconds?M:C:e.showSeconds?$:S}getPlaceholder(){const e=this.host.getConfig();return e.format===m.TwelveHour?e.showSeconds?"hh:mm:ss AM/PM":"hh:mm AM/PM":e.showSeconds?"HH:mm:ss":"HH:mm"}formatTimeComponent(e,i=2){return e.toString().padStart(i,"0")}formatHours(e){if(this.host.getConfig().format===m.TwelveHour){let i=e;return 0===i?i=12:i>12&&(i-=12),i.toString()}return this.formatTimeComponent(e)}formatMinutes(e){return this.formatTimeComponent(e)}formatSeconds(e){return this.formatTimeComponent(e)}getPeriod(e){return e>=12?y.PM:y.AM}formatTimeParts(e){const i=this.host.getConfig();return{hours:this.formatHours(e.hours),minutes:this.formatMinutes(e.minutes),seconds:this.formatSeconds(e.seconds),period:i.format===m.TwelveHour?this.getPeriod(e.hours):void 0}}parseTimeParts(e){const i=this.host.getConfig(),r=D.parseTimeString(e,i.format);return r?{hours:r.hours,minutes:r.minutes,seconds:r.seconds,period:i.format===m.TwelveHour?this.getPeriod(r.hours):void 0}:null}getTimeSeparator(){return":"}isValidFormat(e){const i=D.createTimeValue(12,30,45);try{const e=this.formatForDisplay(i);return null!==this.parseInputValue(e)}catch(e){return!1}}getFormatExamples(){const e=this.host.getConfig();return[D.createTimeValue(9,15,0),D.createTimeValue(14,30,45),D.createTimeValue(23,59,59)].map(i=>D.formatTimeValue(i,e.format,e.showSeconds))}convertFormat(e,i,r){const t=D.parseTimeString(e,i);if(!t)return null;const o=this.host.getConfig();return D.formatTimeValue(t,r,o.showSeconds)}getTimeDescription(e){const i=this.host.getConfig(),r=D.formatTimeValue(e,i.format,i.showSeconds),t=D.getCurrentTime(),o=D.compareTime(e,t);return 0===o?`${r} (now)`:o>0?`${r} (future)`:`${r} (past)`}}const V=e`
-  ${e`
+ */class q{constructor(t){this.host=t,this.constraints={}}setConstraints(t){this.constraints=Object.assign({},t)}getConstraints(){return Object.assign({},this.constraints)}validateConstraints(t){return this.isTimeInBounds(t)&&!this.isTimeDisabled(t)&&this.isTimeEnabled(t)}isTimeInBounds(t){let e=null,i=null;if(this.constraints.minTime){const t=this.host.getConfig();e=L.parseTimeString(this.constraints.minTime,t.format)}if(this.constraints.maxTime){const t=this.host.getConfig();i=L.parseTimeString(this.constraints.maxTime,t.format)}return L.isTimeInRange(t,e,i)}isTimeDisabled(t){if(!this.constraints.disabledTimes||0===this.constraints.disabledTimes.length)return!1;const e=this.host.formatTime(t);return this.constraints.disabledTimes.includes(e)}isTimeEnabled(t){if(!this.constraints.enabledTimes||0===this.constraints.enabledTimes.length)return!0;const e=this.host.formatTime(t);return this.constraints.enabledTimes.includes(e)}getValidationMessage(t){return this.isTimeInBounds(t)?this.isTimeDisabled(t)?"This time is not available":this.isTimeEnabled(t)?"":"This time is not in the allowed time range":this.getBoundsValidationMessage(t)}getBoundsValidationMessage(t){const e=this.host.getConfig();let i="";if(this.constraints.minTime&&this.constraints.maxTime)i=`Time must be between ${this.constraints.minTime} and ${this.constraints.maxTime}`;else if(this.constraints.minTime){const r=L.parseTimeString(this.constraints.minTime,e.format);r&&L.compareTime(t,r)<0&&(i=`Time must be after ${this.constraints.minTime}`)}else if(this.constraints.maxTime){const r=L.parseTimeString(this.constraints.maxTime,e.format);r&&L.compareTime(t,r)>0&&(i=`Time must be before ${this.constraints.maxTime}`)}return i}validateTimeFormat(t){const e=this.host.getConfig();return null!==L.parseTimeString(t,e.format)}getValidationResult(t){const e=[];return this.isTimeInBounds(t)||e.push(this.getBoundsValidationMessage(t)),this.isTimeDisabled(t)&&e.push("This time is disabled"),this.isTimeEnabled(t)||e.push("This time is not in the allowed range"),{isValid:0===e.length,message:e.length>0?e[0]:"",errors:e}}findNearestValidTime(t){if(this.validateConstraints(t))return t;for(let e=1;e<=60;e++){const i=L.addTime(t,0,e,0);if(this.validateConstraints(i))return i;const r=L.addTime(t,0,-e,0);if(this.validateConstraints(r))return r}return null}isCurrentSelectionValid(){const t=this.host.getCurrentTime();return this.validateConstraints(t)}setMinTime(t){this.constraints.minTime=t||void 0}setMaxTime(t){this.constraints.maxTime=t||void 0}setDisabledTimes(t){this.constraints.disabledTimes=[...t]}setEnabledTimes(t){this.constraints.enabledTimes=[...t]}clearConstraints(){this.constraints={}}}
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */class K{constructor(t){this.host=t}formatForDisplay(t){const e=this.host.getConfig();return L.formatTimeValue(t,e.format,e.showSeconds)}formatForInput(t){return this.formatForDisplay(t)}parseInputValue(t){const e=this.host.getConfig();return L.parseTimeString(t,e.format)}getFormatPattern(){const t=this.host.getConfig();return t.format===v.TwelveHour?t.showSeconds?D:I:t.showSeconds?N:H}getPlaceholder(){const t=this.host.getConfig();return t.format===v.TwelveHour?t.showSeconds?"hh:mm:ss AM/PM":"hh:mm AM/PM":t.showSeconds?"HH:mm:ss":"HH:mm"}formatTimeComponent(t,e=2){return t.toString().padStart(e,"0")}formatHours(t){if(this.host.getConfig().format===v.TwelveHour){let e=t;return 0===e?e=12:e>12&&(e-=12),e.toString()}return this.formatTimeComponent(t)}formatMinutes(t){return this.formatTimeComponent(t)}formatSeconds(t){return this.formatTimeComponent(t)}getPeriod(t){return t>=12?S.PM:S.AM}formatTimeParts(t){const e=this.host.getConfig();return{hours:this.formatHours(t.hours),minutes:this.formatMinutes(t.minutes),seconds:this.formatSeconds(t.seconds),period:e.format===v.TwelveHour?this.getPeriod(t.hours):void 0}}parseTimeParts(t){const e=this.host.getConfig(),i=L.parseTimeString(t,e.format);return i?{hours:i.hours,minutes:i.minutes,seconds:i.seconds,period:e.format===v.TwelveHour?this.getPeriod(i.hours):void 0}:null}getTimeSeparator(){return":"}isValidFormat(t){const e=L.createTimeValue(12,30,45);try{const t=this.formatForDisplay(e);return null!==this.parseInputValue(t)}catch(t){return!1}}getFormatExamples(){const t=this.host.getConfig();return[L.createTimeValue(9,15,0),L.createTimeValue(14,30,45),L.createTimeValue(23,59,59)].map(e=>L.formatTimeValue(e,t.format,t.showSeconds))}convertFormat(t,e,i){const r=L.parseTimeString(t,e);if(!r)return null;const o=this.host.getConfig();return L.formatTimeValue(r,i,o.showSeconds)}getTimeDescription(t){const e=this.host.getConfig(),i=L.formatTimeValue(t,e.format,e.showSeconds),r=L.getCurrentTime(),o=L.compareTime(t,r);return 0===o?`${i} (now)`:o>0?`${i} (future)`:`${i} (past)`}}const Y=i`
+  ${i`
   :host {
     /* ========================================
      * TIMEPICKER THEME-AWARE VARIABLES
@@ -33,116 +54,116 @@ class D{static createTimeValue(e,i,r=0,t){return{hours:Math.max(0,Math.min(e,23)
      * ======================================== */
 
     /* Base timepicker styling - uses theme variables with fallbacks */
-    --nuraly-timepicker-local-background-color: var(--nuraly-color-timepicker-background, #ffffff);
-    --nuraly-timepicker-local-text-color: var(--nuraly-color-timepicker-text, rgba(0, 0, 0, 0.88));
-    --nuraly-timepicker-local-font-family: var(--nuraly-font-family-timepicker, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif);
-    --nuraly-timepicker-local-font-size: var(--nuraly-font-size-timepicker, 14px);
-    
+    --nuraly-timepicker-local-background-color: #ffffff;
+    --nuraly-timepicker-local-text-color: rgba(0, 0, 0, 0.88);
+    --nuraly-timepicker-local-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
+    --nuraly-timepicker-local-font-size: 14px;
+
     /* Timepicker borders - theme-aware */
-    --nuraly-timepicker-local-border-color: var(--nuraly-color-timepicker-border, #d9d9d9);
-    --nuraly-timepicker-local-border-width: var(--nuraly-border-width-timepicker, 1px);
-    --nuraly-timepicker-local-border-radius: var(--nuraly-border-radius-timepicker, 6px);
-    --nuraly-timepicker-local-border-radius-sm: var(--nuraly-border-radius-timepicker-sm, calc(var(--nuraly-border-radius-timepicker, 6px) * 0.5));
-    
+    --nuraly-timepicker-local-border-color: #d9d9d9;
+    --nuraly-timepicker-local-border-width: 1px;
+    --nuraly-timepicker-local-border-radius: 6px;
+    --nuraly-timepicker-local-border-radius-sm: calc(6px * 0.5);
+
     /* Primary and selection colors - theme-aware */
-    --nuraly-timepicker-local-primary-color: var(--nuraly-color-timepicker-primary, #1890ff);
-    --nuraly-timepicker-local-focus-color: var(--nuraly-color-timepicker-focus, #1890ff);
-    --nuraly-timepicker-local-border-color-hover: var(--nuraly-color-timepicker-border-hover, #1890ff);
-    --nuraly-timepicker-local-selected-color: var(--nuraly-color-timepicker-selected, #1890ff);
-    --nuraly-timepicker-local-selected-text-color: var(--nuraly-color-timepicker-selected-text, #ffffff);
-    --nuraly-timepicker-local-hover-color: var(--nuraly-color-timepicker-hover, #f5f5f5);
-    --nuraly-timepicker-local-clock-hand-color: var(--nuraly-color-timepicker-clock-hand, #1890ff);
-    
+    --nuraly-timepicker-local-primary-color: #1890ff;
+    --nuraly-timepicker-local-focus-color: #1890ff;
+    --nuraly-timepicker-local-border-color-hover: #1890ff;
+    --nuraly-timepicker-local-selected-color: #1890ff;
+    --nuraly-timepicker-local-selected-text-color: #ffffff;
+    --nuraly-timepicker-local-hover-color: #f5f5f5;
+    --nuraly-timepicker-local-clock-hand-color: #1890ff;
+
     /* Control item states - theme-aware */
-    --nuraly-timepicker-local-control-item-bg-hover: var(--nuraly-color-timepicker-control-item-bg-hover, #f5f5f5);
-    --nuraly-timepicker-local-control-item-bg-active: var(--nuraly-color-timepicker-control-item-bg-active, #e6f7ff);
-    
+    --nuraly-timepicker-local-control-item-bg-hover: #f5f5f5;
+    --nuraly-timepicker-local-control-item-bg-active: #e6f7ff;
+
     /* Text colors - theme-aware */
-    --nuraly-timepicker-local-text-color-secondary: var(--nuraly-color-timepicker-text-secondary, rgba(0, 0, 0, 0.45));
-    --nuraly-timepicker-local-text-color-disabled: var(--nuraly-color-timepicker-text-disabled, rgba(0, 0, 0, 0.25));
-    
+    --nuraly-timepicker-local-text-color-secondary: rgba(0, 0, 0, 0.45);
+    --nuraly-timepicker-local-text-color-disabled: rgba(0, 0, 0, 0.25);
+
     /* Disabled states - theme-aware */
-    --nuraly-timepicker-local-disabled-color: var(--nuraly-color-timepicker-disabled, #f5f5f5);
-    --nuraly-timepicker-local-disabled-bg: var(--nuraly-color-timepicker-disabled-bg, #f5f5f5);
-    --nuraly-timepicker-local-disabled-text-color: var(--nuraly-color-timepicker-disabled-text, rgba(0, 0, 0, 0.25));
-    --nuraly-timepicker-local-disabled-opacity: var(--nuraly-opacity-timepicker-disabled, 1);
-    
+    --nuraly-timepicker-local-disabled-color: #f5f5f5;
+    --nuraly-timepicker-local-disabled-bg: #f5f5f5;
+    --nuraly-timepicker-local-disabled-text-color: rgba(0, 0, 0, 0.25);
+    --nuraly-timepicker-local-disabled-opacity: 1;
+
     /* Input field colors - theme-aware */
-    --nuraly-timepicker-local-input-background: var(--nuraly-color-timepicker-input-background, #ffffff);
-    --nuraly-timepicker-local-input-border-color: var(--nuraly-color-timepicker-input-border, #d9d9d9);
-    --nuraly-timepicker-local-input-focus-border-color: var(--nuraly-color-timepicker-input-focus-border, #1890ff);
-    --nuraly-timepicker-local-input-text-color: var(--nuraly-color-timepicker-input-text, rgba(0, 0, 0, 0.88));
-    --nuraly-timepicker-local-input-placeholder-color: var(--nuraly-color-timepicker-input-placeholder, rgba(0, 0, 0, 0.25));
-    
+    --nuraly-timepicker-local-input-background: #ffffff;
+    --nuraly-timepicker-local-input-border-color: #d9d9d9;
+    --nuraly-timepicker-local-input-focus-border-color: #1890ff;
+    --nuraly-timepicker-local-input-text-color: rgba(0, 0, 0, 0.88);
+    --nuraly-timepicker-local-input-placeholder-color: rgba(0, 0, 0, 0.25);
+
     /* Dropdown and clock colors - theme-aware */
-    --nuraly-timepicker-local-dropdown-background: var(--nuraly-color-timepicker-dropdown-background, #ffffff);
-    --nuraly-timepicker-local-clock-background: var(--nuraly-color-timepicker-clock-background, #ffffff);
-    --nuraly-timepicker-local-clock-text-color: var(--nuraly-color-timepicker-clock-text, rgba(0, 0, 0, 0.88));
-    --nuraly-timepicker-local-clock-face-color: var(--nuraly-color-timepicker-clock-face, rgba(0, 0, 0, 0.45));
-    --nuraly-timepicker-local-clock-border-color: var(--nuraly-color-timepicker-clock-border, #f0f0f0);
-    
+    --nuraly-timepicker-local-dropdown-background: #ffffff;
+    --nuraly-timepicker-local-clock-background: #ffffff;
+    --nuraly-timepicker-local-clock-text-color: rgba(0, 0, 0, 0.88);
+    --nuraly-timepicker-local-clock-face-color: rgba(0, 0, 0, 0.45);
+    --nuraly-timepicker-local-clock-border-color: #f0f0f0;
+
     /* Item selection colors - theme-aware */
-    --nuraly-timepicker-local-item-hover-color: var(--nuraly-color-timepicker-item-hover, #f5f5f5);
-    --nuraly-timepicker-local-item-active-color: var(--nuraly-color-timepicker-item-active, #e6f7ff);
-    --nuraly-timepicker-local-item-selected-color: var(--nuraly-color-timepicker-item-selected, #1890ff);
-    --nuraly-timepicker-local-item-selected-text-color: var(--nuraly-color-timepicker-item-selected-text, #ffffff);
-    
+    --nuraly-timepicker-local-item-hover-color: #f5f5f5;
+    --nuraly-timepicker-local-item-active-color: #e6f7ff;
+    --nuraly-timepicker-local-item-selected-color: #1890ff;
+    --nuraly-timepicker-local-item-selected-text-color: #ffffff;
+
     /* Error/warning/success colors - theme-aware */
-    --nuraly-timepicker-local-error-color: var(--nuraly-color-timepicker-error, #ff4d4f);
-    --nuraly-timepicker-local-warning-color: var(--nuraly-color-timepicker-warning, #faad14);
-    --nuraly-timepicker-local-success-color: var(--nuraly-color-timepicker-success, #52c41a);
-    
+    --nuraly-timepicker-local-error-color: #ff4d4f;
+    --nuraly-timepicker-local-warning-color: #faad14;
+    --nuraly-timepicker-local-success-color: #52c41a;
+
     /* Layout and sizing - theme-aware */
-    --nuraly-timepicker-local-width: var(--nuraly-size-timepicker-width, 120px);
-    --nuraly-timepicker-local-height: var(--nuraly-size-timepicker-height, 32px);
-    --nuraly-timepicker-local-dropdown-width: var(--nuraly-size-timepicker-dropdown-width, 180px);
-    --nuraly-timepicker-local-clock-size: var(--nuraly-size-timepicker-clock, 200px);
-    
+    --nuraly-timepicker-local-width: 120px;
+    --nuraly-timepicker-local-height: 32px;
+    --nuraly-timepicker-local-dropdown-width: 180px;
+    --nuraly-timepicker-local-clock-size: 200px;
+
     /* Typography - theme-aware */
-    --nuraly-timepicker-local-font-weight: var(--nuraly-font-weight-timepicker, 400);
-    --nuraly-timepicker-local-line-height: var(--nuraly-line-height-timepicker, 1.5715);
-    --nuraly-timepicker-local-clock-font-size: var(--nuraly-font-size-timepicker-clock, 14px);
-    
+    --nuraly-timepicker-local-font-weight: 400;
+    --nuraly-timepicker-local-line-height: 1.5715;
+    --nuraly-timepicker-local-clock-font-size: 14px;
+
     /* Spacing - theme-aware */
-    --nuraly-timepicker-local-gap: var(--nuraly-spacing-timepicker-gap, 4px);
-    --nuraly-timepicker-local-dropdown-padding: var(--nuraly-spacing-timepicker-dropdown-padding, 8px);
-    --nuraly-timepicker-local-input-padding: var(--nuraly-spacing-timepicker-input-padding, 4px 11px);
-    --nuraly-timepicker-local-padding: var(--nuraly-spacing-timepicker-padding, 4px 11px);
-    
+    --nuraly-timepicker-local-gap: 4px;
+    --nuraly-timepicker-local-dropdown-padding: 8px;
+    --nuraly-timepicker-local-input-padding: 4px 11px;
+    --nuraly-timepicker-local-padding: 4px 11px;
+
     /* Borders - theme-aware */
-    --nuraly-timepicker-local-input-border-width: var(--nuraly-border-width-timepicker-input, 1px);
-    --nuraly-timepicker-local-focus-border-width: var(--nuraly-border-width-timepicker-focus, 2px);
-    
+    --nuraly-timepicker-local-input-border-width: 1px;
+    --nuraly-timepicker-local-focus-border-width: 2px;
+
     /* Shadows - theme-aware */
-    --nuraly-timepicker-local-shadow-color: var(--nuraly-color-timepicker-shadow, rgba(0, 0, 0, 0.15));
-    --nuraly-timepicker-local-box-shadow: var(--nuraly-shadow-timepicker-box, 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05));
-    --nuraly-timepicker-local-input-focus-shadow: var(--nuraly-shadow-timepicker-input-focus, 0 0 0 2px rgba(24, 144, 255, 0.2));
-    
+    --nuraly-timepicker-local-shadow-color: rgba(0, 0, 0, 0.15);
+    --nuraly-timepicker-local-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
+    --nuraly-timepicker-local-input-focus-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
+
     /* States - theme-aware */
-    --nuraly-timepicker-local-hover-opacity: var(--nuraly-opacity-timepicker-hover, 1);
-    
+    --nuraly-timepicker-local-hover-opacity: 1;
+
     /* Animation and transitions - theme-aware */
-    --nuraly-timepicker-local-transition-duration: var(--nuraly-transition-duration-timepicker, 0.2s);
-    --nuraly-timepicker-local-transition-timing: var(--nuraly-transition-timing-timepicker, ease-in-out);
-    
+    --nuraly-timepicker-local-transition-duration: 0.2s;
+    --nuraly-timepicker-local-transition-timing: ease-in-out;
+
     /* Z-index - theme-aware */
-    --nuraly-timepicker-local-dropdown-z-index: var(--nuraly-z-index-timepicker-dropdown, 1050);
-    
+    --nuraly-timepicker-local-dropdown-z-index: 1050;
+
     /* Icon sizes - theme-aware */
-    --nuraly-timepicker-local-icon-size: var(--nuraly-size-timepicker-icon, 14px);
-    
+    --nuraly-timepicker-local-icon-size: 14px;
+
     /* Size variants - theme-aware */
-    --nuraly-timepicker-local-small-font-size: var(--nuraly-font-size-timepicker-small, 12px);
-    --nuraly-timepicker-local-small-padding: var(--nuraly-spacing-timepicker-small-padding, 0px 7px);
-    --nuraly-timepicker-local-small-height: var(--nuraly-size-timepicker-small-height, 24px);
-    
-    --nuraly-timepicker-local-medium-font-size: var(--nuraly-font-size-timepicker-medium, 14px);
-    --nuraly-timepicker-local-medium-padding: var(--nuraly-spacing-timepicker-medium-padding, 4px 11px);
-    --nuraly-timepicker-local-medium-height: var(--nuraly-size-timepicker-medium-height, 32px);
-    
-    --nuraly-timepicker-local-large-font-size: var(--nuraly-font-size-timepicker-large, 16px);
-    --nuraly-timepicker-local-large-padding: var(--nuraly-spacing-timepicker-large-padding, 6px 11px);
-    --nuraly-timepicker-local-large-height: var(--nuraly-size-timepicker-large-height, 40px);
+    --nuraly-timepicker-local-small-font-size: 12px;
+    --nuraly-timepicker-local-small-padding: 0px 7px;
+    --nuraly-timepicker-local-small-height: 24px;
+
+    --nuraly-timepicker-local-medium-font-size: 14px;
+    --nuraly-timepicker-local-medium-padding: 4px 11px;
+    --nuraly-timepicker-local-medium-height: 32px;
+
+    --nuraly-timepicker-local-large-font-size: 16px;
+    --nuraly-timepicker-local-large-padding: 6px 11px;
+    --nuraly-timepicker-local-large-height: 40px;
   }
 `
 /**
@@ -152,14 +173,14 @@ class D{static createTimeValue(e,i,r=0,t){return{hours:Math.max(0,Math.min(e,23)
  */}
   :host {
     display: block;
-    font-family: var(--nuraly-timepicker-local-font-family);
-    font-size: var(--nuraly-timepicker-local-font-size);
-    font-weight: var(--nuraly-timepicker-local-font-weight);
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+    font-size: 0.875rem;
+    font-weight: 400;
   }
 
   /* Host attribute selectors for configuration */
   :host([disabled]) {
-    opacity: var(--nuraly-timepicker-local-disabled-opacity);
+    opacity: 0.5;
     pointer-events: none;
   }
 
@@ -171,21 +192,21 @@ class D{static createTimeValue(e,i,r=0,t){return{hours:Math.max(0,Math.min(e,23)
 
   /* Input wrapper hover and focus states matching select component */
   .time-picker__input-wrapper:hover:not(.time-picker--disabled) nr-input {
-    --nuraly-input-border-color: var(--nuraly-timepicker-local-border-color-hover);
+    --nuraly-input-border-color: #a8a8a8;
   }
 
   .time-picker__input-wrapper:focus-within nr-input,
   .time-picker--open .time-picker__input-wrapper nr-input,
   .time-picker__input-wrapper nr-input:focus {
-    --nuraly-input-border-color: var(--nuraly-timepicker-local-focus-color);
-    --nuraly-input-box-shadow: 0 0 0 2px var(--nuraly-timepicker-local-focus-color)33;
+    --nuraly-input-border-color: #7c3aed;
+    --nuraly-input-box-shadow: 0 0 0 2px #7c3aed33;
   }
 
   /* Disabled state styling */
   .time-picker--disabled .time-picker__input-wrapper nr-input {
-    --nuraly-input-background-color: var(--nuraly-timepicker-local-disabled-bg);
-    --nuraly-input-border-color: var(--nuraly-timepicker-local-border-color);
-    --nuraly-input-text-color: var(--nuraly-timepicker-local-text-color-disabled);
+    --nuraly-input-background-color: #f4f4f4;
+    --nuraly-input-border-color: #e0e0e0;
+    --nuraly-input-text-color: #c6c6c6;
     cursor: not-allowed;
     opacity: 0.6;
   }
@@ -206,26 +227,26 @@ class D{static createTimeValue(e,i,r=0,t){return{hours:Math.max(0,Math.min(e,23)
     min-width: auto !important;
     width: 24px !important;
     height: 24px !important;
-    border-radius: var(--nuraly-timepicker-local-border-radius-sm) !important;
+    border-radius: 4px !important;
   }
 
   .time-picker__trigger svg {
     width: 16px;
     height: 16px;
-    color: var(--nuraly-timepicker-local-text-color-secondary);
+    color: #525252;
     transition: color 0.2s ease;
   }
 
   .time-picker__trigger:hover svg {
-    color: var(--nuraly-timepicker-local-primary-color);
+    color: #7c3aed;
   }
 
   .time-picker__trigger:hover {
-    color: var(--nuraly-timepicker-local-primary-color);
+    color: #7c3aed;
   }
 
   .time-picker__trigger:disabled {
-    color: var(--nuraly-timepicker-local-text-color-disabled);
+    color: #c6c6c6;
     cursor: not-allowed;
   }
 
@@ -237,12 +258,12 @@ class D{static createTimeValue(e,i,r=0,t){return{hours:Math.max(0,Math.min(e,23)
     .time-picker__dropdown {
     position: absolute;
     z-index: 1000;
-    background-color: var(--nuraly-timepicker-local-background-color);
+    background-color: #ffffff;
     backdrop-filter: blur(12px);
     -webkit-backdrop-filter: blur(12px);
-    border: 1px solid var(--nuraly-timepicker-local-border-color);
-    border-radius: var(--nuraly-timepicker-local-border-radius);
-    box-shadow: var(--nuraly-timepicker-local-box-shadow);
+    border: 1px solid #e0e0e0;
+    border-radius: 6px;
+    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
     width: 100%;
     min-width: 180px;
     /* Animation and positioning - simplified to match select */
@@ -291,8 +312,8 @@ class D{static createTimeValue(e,i,r=0,t){return{hours:Math.max(0,Math.min(e,23)
     display: flex;
     max-height: 216px;
     overflow: hidden;
-    border-radius: var(--nuraly-timepicker-local-border-radius);
-    background: var(--nuraly-timepicker-local-background-color);
+    border-radius: 6px;
+    background: #ffffff;
     padding: 4px 0;
   }
 
@@ -331,12 +352,12 @@ class D{static createTimeValue(e,i,r=0,t){return{hours:Math.max(0,Math.min(e,23)
   .time-picker__column-list::-webkit-scrollbar-track {
     background: rgba(0, 0, 0, 0.04);
     margin: 8px 0;
-    border-radius: var(--nuraly-timepicker-local-border-radius-sm);
+    border-radius: 4px;
   }
 
   .time-picker__column-list::-webkit-scrollbar-thumb {
     background-color: rgba(0, 0, 0, 0.2);
-    border-radius: var(--nuraly-timepicker-local-border-radius-sm);
+    border-radius: 4px;
     transition: background-color 0.2s ease;
     /* Ensure thumb is always visible */
     min-height: 20px;
@@ -357,47 +378,47 @@ class D{static createTimeValue(e,i,r=0,t){return{hours:Math.max(0,Math.min(e,23)
     align-items: center;
     justify-content: center;
     padding: 4px 8px;
-    color: var(--nuraly-timepicker-local-text-color);
-    font-size: var(--nuraly-timepicker-local-font-size);
-    font-weight: var(--nuraly-timepicker-local-font-weight);
+    color: #161616;
+    font-size: 0.875rem;
+    font-weight: 400;
     cursor: pointer;
     transition: all 0.2s ease-in-out;
-    border-radius: var(--nuraly-timepicker-local-border-radius);
+    border-radius: 6px;
     position: relative;
     user-select: none;
-    line-height: var(--nuraly-timepicker-local-line-height);
+    line-height: 1.5;
     min-height: 28px;
     margin: 1px 2px;
   }
 
   .time-picker__column-item:hover {
-    background-color: var(--nuraly-timepicker-local-control-item-bg-hover);
-    color: var(--nuraly-timepicker-local-primary-color);
+    background-color: #f4f4f4;
+    color: #7c3aed;
   }
 
   .time-picker__column-item:active {
-    background-color: var(--nuraly-timepicker-local-control-item-bg-active);
-    color: var(--nuraly-timepicker-local-primary-color);
+    background-color: #f4f0fd;
+    color: #7c3aed;
   }
 
   .time-picker__column-item--selected {
-    background-color: var(--nuraly-timepicker-local-control-item-bg-active);
-    color: var(--nuraly-timepicker-local-primary-color);
+    background-color: #f4f0fd;
+    color: #7c3aed;
     font-weight: 600;
-    border-radius: var(--nuraly-timepicker-local-border-radius);
+    border-radius: 6px;
   }
 
   .time-picker__column-item--selected:hover {
-    background-color: var(--nuraly-timepicker-local-control-item-bg-active);
-    color: var(--nuraly-timepicker-local-primary-color);
+    background-color: #f4f0fd;
+    color: #7c3aed;
   }
 
   .time-picker__column-item--focused {
-    background-color: var(--nuraly-timepicker-local-control-item-bg-hover);
-    outline: 2px solid var(--nuraly-timepicker-local-focus-color);
+    background-color: #f4f4f4;
+    outline: 2px solid #7c3aed;
     outline-offset: -2px;
-    border-radius: var(--nuraly-timepicker-local-border-radius);
-    color: var(--nuraly-timepicker-local-primary-color);
+    border-radius: 6px;
+    color: #7c3aed;
   }
 
   .time-picker__column-item--disabled {
@@ -607,7 +628,7 @@ class D{static createTimeValue(e,i,r=0,t){return{hours:Math.max(0,Math.min(e,23)
 
   /* Style nr-button components in actions */
   .time-picker__actions nr-button {
-    border-radius: var(--nuraly-timepicker-local-border-radius);
+    border-radius: 6px;
     font-weight: 400;
     font-size: 14px;
     height: 28px;
@@ -707,32 +728,41 @@ class D{static createTimeValue(e,i,r=0,t){return{hours:Math.max(0,Math.min(e,23)
       max-width: 320px;
     }
   }
-`;var F=function(e,i,r,t){for(var o,a=arguments.length,c=a<3?i:null===t?t=Object.getOwnPropertyDescriptor(i,r):t,l=e.length-1;l>=0;l--)(o=e[l])&&(c=(a<3?o(c):a>3?o(i,r,c):o(i,r))||c);return a>3&&c&&Object.defineProperty(i,r,c),c};let P=class extends(n(i)){constructor(){super(),this.value="",this.name="",this.placeholder="Select time",this.format=m.TwentyFourHour,this.showSeconds=!1,this.disabled=!1,this.readonly=!1,this.required=!1,this.helperText="",this.label="",this.size="medium",this.variant="outlined",this.placement=b.Bottom,this.scrollBehavior="instant",this.inputValue="",this.state=k.Default,this.validationMessage="",this.dropdownController=new p(this),this.selectionController=new j(this),this.validationController=new U(this),this.formattingController=new R(this)}connectedCallback(){super.connectedCallback(),this.updateConstraints(),this.value&&this.setTimeFromValue(this.value),this.addEventListener("click",this.handleComponentClick.bind(this)),document.addEventListener("click",this.handleDocumentClick.bind(this))}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleDocumentClick.bind(this))}updated(e){super.updated(e),e.has("value")&&this.value!==this.inputValue&&(this.setTimeFromValue(this.value),this.dropdownController.isOpen&&setTimeout(()=>{this.scrollToSelectedTime()},50)),this.shouldUpdateConstraints(e)&&this.updateConstraints(),this.setupDropdownElements()}setupDropdownElements(){var e,i;const r=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".time-picker__dropdown"),t=null===(i=this.shadowRoot)||void 0===i?void 0:i.querySelector(".time-picker__input-wrapper");r&&t&&this.dropdownController.setElements(r,t)}render(){const e={"time-picker":!0,"time-picker--open":this.dropdownController.isOpen,"time-picker--disabled":this.disabled,"time-picker--readonly":this.readonly,"time-picker--error":this.state===k.Error};return r`
-      <div class="${l(e)}" data-theme="${this.currentTheme}" part="wrapper">
+`;var W=function(t,e,i,r){for(var o,s=arguments.length,n=s<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r,c=t.length-1;c>=0;c--)(o=t[c])&&(n=(s<3?o(n):s>3?o(e,i,n):o(e,i))||n);return s>3&&n&&Object.defineProperty(e,i,n),n};let X=class extends((t=>h(a(d(b(t)))))(r)){constructor(){super(),this.value="",this.name="",this.placeholder="Select time",this.format=v.TwentyFourHour,this.showSeconds=!1,this.disabled=!1,this.readonly=!1,this.required=!1,this.helperText="",this.label="",this.size="medium",this.variant="outlined",this.placement=y.Bottom,this.scrollBehavior="instant",this.inputValue="",this.state=x.Default,this.validationMessage="",this.dropdownController=new f(this),this.selectionController=new B(this),this.validationController=new q(this),this.formattingController=new K(this)}connectedCallback(){super.connectedCallback(),this.updateConstraints(),this.value&&this.setTimeFromValue(this.value),this.addEventListener("click",this.handleComponentClick.bind(this)),document.addEventListener("click",this.handleDocumentClick.bind(this))}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleDocumentClick.bind(this))}updated(t){super.updated(t),t.has("value")&&this.value!==this.inputValue&&(this.setTimeFromValue(this.value),this.dropdownController.isOpen&&setTimeout(()=>{this.scrollToSelectedTime()},50)),this.shouldUpdateConstraints(t)&&this.updateConstraints(),this.setupDropdownElements()}setupDropdownElements(){var t,e;const i=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".time-picker__dropdown"),r=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".time-picker__input-wrapper");i&&r&&this.dropdownController.setElements(i,r)}render(){const t={"time-picker":!0,"time-picker--open":this.dropdownController.isOpen,"time-picker--disabled":this.disabled,"time-picker--readonly":this.readonly,"time-picker--error":this.state===x.Error};return e`
+      <div class="${c(t)}" data-theme="${this.currentTheme}" part="wrapper">
         ${this.renderLabel()}
         ${this.renderInput()}
         ${this.renderDropdown()}
         ${this.renderHelperText()}
       </div>
-    `}open(){this.dropdownController.open(),setTimeout(()=>{this.scrollToSelectedTime()},50)}close(){this.dropdownController.close()}clear(){this.value="",this.inputValue="",this.selectionController.clearSelection()}setToNow(){const e=D.getCurrentTime();this.selectionController.selectTime(e),this.updateInputValue(),this.dropdownController.isOpen&&setTimeout(()=>{this.scrollToSelectedTime()},10)}validate(){const e=this.selectionController.getSelectedTime();return!e||this.validationController.validateConstraints(e)}validateTime(e){return this.validationController.validateConstraints(e)}isHourValid(e,i){const r=Object.assign(Object.assign({},i),{hours:e});return this.validateTime(r)}isMinuteValid(e,i){const r=Object.assign(Object.assign({},i),{minutes:e});return this.validateTime(r)}isSecondValid(e,i){const r=Object.assign(Object.assign({},i),{seconds:e});return this.validateTime(r)}renderLabel(){return s(this.label,this.required,{cssClass:"time-picker__label",part:"label",forId:"time-input",requiredClass:"time-picker__required"})}renderInput(){const e=this.getFormatPlaceholder();return r`
+    `}open(){this.dropdownController.open(),setTimeout(()=>{this.scrollToSelectedTime()},50)}close(){this.dropdownController.close()}clear(){this.value="",this.inputValue="",this.selectionController.clearSelection()}setToNow(){const t=L.getCurrentTime();this.selectionController.selectTime(t),this.updateInputValue(),this.dropdownController.isOpen&&setTimeout(()=>{this.scrollToSelectedTime()},10)}validate(){const t=this.selectionController.getSelectedTime();return!t||this.validationController.validateConstraints(t)}validateTime(t){return this.validationController.validateConstraints(t)}isHourValid(t,e){const i=Object.assign(Object.assign({},e),{hours:t});return this.validateTime(i)}isMinuteValid(t,e){const i=Object.assign(Object.assign({},e),{minutes:t});return this.validateTime(i)}isSecondValid(t,e){const i=Object.assign(Object.assign({},e),{seconds:t});return this.validateTime(i)}renderLabel(){return function(i,r,o){if(!i)return t;const s=(null==o?void 0:o.cssClass)||"label",n=(null==o?void 0:o.part)||"label",c=(null==o?void 0:o.requiredClass)||"required-indicator";return e`
+    <label
+      class="${s}"
+      part="${n}"
+      for="${l(null==o?void 0:o.forId)}"
+    >
+      ${i}
+      ${r?e`<span class="${c}">*</span>`:t}
+    </label>
+  `}(this.label,this.required,{cssClass:"time-picker__label",part:"label",forId:"time-input",requiredClass:"time-picker__required"})}renderInput(){const t=this.getFormatPlaceholder();return e`
       <div class="time-picker__input-wrapper" part="input-wrapper">
         <nr-input
           id="time-input"
           part="input"
           type="calendar"
           .value="${this.inputValue}"
-          placeholder="${this.placeholder||e}"
+          placeholder="${this.placeholder||t}"
           ?disabled="${this.disabled}"
           ?readonly="${!1}"
           ?required="${this.required}"
-          .state="${this.state===k.Error?"error":"default"}"
+          .state="${this.state===x.Error?"error":"default"}"
           @click="${this.handleInputClick}"
           @nr-input="${this.handleInputChange}"
           @nr-blur="${this.handleInputBlur}"
         >
         </nr-input>
       </div>
-    `}renderDropdown(){return this.dropdownController.isOpen?r`
+    `}renderDropdown(){return this.dropdownController.isOpen?e`
       <div 
         class="time-picker__dropdown time-picker__dropdown--open" 
         part="dropdown"
@@ -741,31 +771,31 @@ class D{static createTimeValue(e,i,r=0,t){return{hours:Math.max(0,Math.min(e,23)
         ${this.renderColumnPicker()}
         ${this.renderActions()}
       </div>
-    `:t}renderColumnPicker(){const e=this.selectionController.getSelectedTime(),i=this.getConfig();return r`
+    `:t}renderColumnPicker(){const i=this.selectionController.getSelectedTime(),r=this.getConfig();return e`
       <div class="time-picker__columns" part="columns">
-        ${this.renderHourColumn(e,i)}
-        ${this.renderMinuteColumn(e)}
-        ${this.showSeconds?this.renderSecondColumn(e):t}
+        ${this.renderHourColumn(i,r)}
+        ${this.renderMinuteColumn(i)}
+        ${this.showSeconds?this.renderSecondColumn(i):t}
       </div>
-    `}renderHourColumn(e,i){const t=i.format===m.TwelveHour?Array.from({length:12},(e,i)=>0===i?12:i):Array.from({length:24},(e,i)=>i),o=e&&i.format===m.TwelveHour?this.formattingController.formatHours(e.hours):null==e?void 0:e.hours;return r`
+    `}renderHourColumn(t,i){const r=i.format===v.TwelveHour?Array.from({length:12},(t,e)=>0===e?12:e):Array.from({length:24},(t,e)=>e),o=t&&i.format===v.TwelveHour?this.formattingController.formatHours(t.hours):null==t?void 0:t.hours;return e`
       <div class="time-picker__column" part="hour-column">
         <div class="time-picker__column-list">
-          ${t.map(t=>{let a=t;if(i.format===m.TwelveHour&&e){const i=this.formattingController.getPeriod(e.hours);a=12===t?i===y.AM?0:12:i===y.AM?t:t+12}const c=e||w,l=this.isHourValid(a,c);return r`
+          ${r.map(r=>{let s=r;if(i.format===v.TwelveHour&&t){const e=this.formattingController.getPeriod(t.hours);s=12===r?e===S.AM?0:12:e===S.AM?r:r+12}const n=t||M,c=this.isHourValid(s,n);return e`
               <div
-                class="time-picker__column-item ${!!e&&t===o?"time-picker__column-item--selected":""} ${l?"":"time-picker__column-item--disabled"}"
-                @click="${l?()=>this.handleHourSelect(t,i.format):null}"
+                class="time-picker__column-item ${!!t&&r===o?"time-picker__column-item--selected":""} ${c?"":"time-picker__column-item--disabled"}"
+                @click="${c?()=>this.handleHourSelect(r,i.format):null}"
               >
-                ${t.toString().padStart(2,"0")}
+                ${r.toString().padStart(2,"0")}
               </div>
             `})}
         </div>
       </div>
-    `}renderMinuteColumn(e){const i=Array.from({length:60},(e,i)=>i);return r`
+    `}renderMinuteColumn(t){const i=Array.from({length:60},(t,e)=>e);return e`
       <div class="time-picker__column" part="minute-column">
         <div class="time-picker__column-list">
-          ${i.map(i=>{const t=e||w,o=this.isMinuteValid(i,t),a=!!e&&i===e.minutes;return r`
+          ${i.map(i=>{const r=t||M,o=this.isMinuteValid(i,r),s=!!t&&i===t.minutes;return e`
               <div
-                class="time-picker__column-item ${a?"time-picker__column-item--selected":""} ${o?"":"time-picker__column-item--disabled"}"
+                class="time-picker__column-item ${s?"time-picker__column-item--selected":""} ${o?"":"time-picker__column-item--disabled"}"
                 @click="${o?()=>this.handleMinuteSelect(i):null}"
               >
                 ${i.toString().padStart(2,"0")}
@@ -773,12 +803,12 @@ class D{static createTimeValue(e,i,r=0,t){return{hours:Math.max(0,Math.min(e,23)
             `})}
         </div>
       </div>
-    `}renderSecondColumn(e){const i=Array.from({length:60},(e,i)=>i);return r`
+    `}renderSecondColumn(t){const i=Array.from({length:60},(t,e)=>e);return e`
       <div class="time-picker__column" part="second-column">
         <div class="time-picker__column-list">
-          ${i.map(i=>{const t=e||w,o=this.isSecondValid(i,t),a=!!e&&i===e.seconds;return r`
+          ${i.map(i=>{const r=t||M,o=this.isSecondValid(i,r),s=!!t&&i===t.seconds;return e`
               <div
-                class="time-picker__column-item ${a?"time-picker__column-item--selected":""} ${o?"":"time-picker__column-item--disabled"}"
+                class="time-picker__column-item ${s?"time-picker__column-item--selected":""} ${o?"":"time-picker__column-item--disabled"}"
                 @click="${o?()=>this.handleSecondSelect(i):null}"
               >
                 ${i.toString().padStart(2,"0")}
@@ -786,7 +816,7 @@ class D{static createTimeValue(e,i,r=0,t){return{hours:Math.max(0,Math.min(e,23)
             `})}
         </div>
       </div>
-    `}renderActions(){return r`
+    `}renderActions(){return e`
       <div class="time-picker__actions">
         <nr-button
           type="ghost"
@@ -803,8 +833,8 @@ class D{static createTimeValue(e,i,r=0,t){return{hours:Math.max(0,Math.min(e,23)
           OK
         </nr-button>
       </div>
-    `}renderHelperText(){const e=this.validationMessage||this.helperText;if(!e)return t;const i=this.state===k.Error||!!this.validationMessage;return r`
-      <div class="time-picker__helper-text ${i?"time-picker__helper-text--error":""}" part="helper-text">
-        ${e}
+    `}renderHelperText(){const i=this.validationMessage||this.helperText;if(!i)return t;const r=this.state===x.Error||!!this.validationMessage;return e`
+      <div class="time-picker__helper-text ${r?"time-picker__helper-text--error":""}" part="helper-text">
+        ${i}
       </div>
-    `}scrollToSelectedTime(){try{const e=this.selectionController.getSelectedTime();if(!e)return;this.scrollToSelectedHour(e),this.scrollToSelectedMinute(e),this.showSeconds&&this.scrollToSelectedSecond(e)}catch(e){console.warn("Failed to scroll to selected time:",e)}}scrollToSelectedHour(e){var i;const r=this.getConfig(),t=null===(i=this.shadowRoot)||void 0===i?void 0:i.querySelector(".time-picker__column:first-child .time-picker__column-list");if(!t)return;let o;o=r.format===m.TwelveHour?0===e.hours||12===e.hours?12:e.hours>12?e.hours-12:e.hours:e.hours;const a=t.querySelector(`.time-picker__column-item:nth-child(${this.getHourIndex(o,r.format)+1})`);a&&a.scrollIntoView({behavior:this.scrollBehavior,block:"center",inline:"nearest"})}scrollToSelectedMinute(e){var i;const r=null===(i=this.shadowRoot)||void 0===i?void 0:i.querySelector(".time-picker__column:nth-child(2) .time-picker__column-list");if(!r)return;const t=r.querySelector(`.time-picker__column-item:nth-child(${e.minutes+1})`);t&&t.scrollIntoView({behavior:this.scrollBehavior,block:"center",inline:"nearest"})}scrollToSelectedSecond(e){var i;const r=null===(i=this.shadowRoot)||void 0===i?void 0:i.querySelector(".time-picker__column:nth-child(3) .time-picker__column-list");if(!r)return;const t=r.querySelector(`.time-picker__column-item:nth-child(${e.seconds+1})`);t&&t.scrollIntoView({behavior:this.scrollBehavior,block:"center",inline:"nearest"})}getHourIndex(e,i){return i===m.TwelveHour&&12===e?0:e}handleComponentClick(e){e.stopPropagation()}handleDocumentClick(e){var i;if(this.dropdownController.isOpen){const r=e.target;this.contains(r)||(null===(i=this.shadowRoot)||void 0===i?void 0:i.contains(r))||(this.dropdownController.close(),this.dispatchEvent(new CustomEvent(x.BLUR,{bubbles:!0,composed:!0})))}}handleDropdownClick(e){e.stopPropagation()}handleOkClick(){this.dropdownController.close();const e=this.selectionController.getSelectedTime();e&&this.dispatchEvent(new CustomEvent(x.TIME_CHANGE,{bubbles:!0,composed:!0,detail:{value:this.value,time:e}})),this.dispatchEvent(new CustomEvent(x.BLUR,{bubbles:!0,composed:!0}))}handleInputBlur(){setTimeout(()=>{var e;const i=document.activeElement;this.contains(i)||(null===(e=this.shadowRoot)||void 0===e?void 0:e.contains(i))||this.dispatchEvent(new CustomEvent(x.BLUR,{bubbles:!0,composed:!0}))},150)}handleInputClick(e){e.preventDefault(),e.stopPropagation(),this.disabled||this.dropdownController.isOpen||(this.dropdownController.open(),setTimeout(()=>{this.scrollToSelectedTime()},50),this.dispatchEvent(new CustomEvent(x.FOCUS,{bubbles:!0,composed:!0})))}handleInputChange(e){var i;if(this.disabled)return;const r=(null===(i=e.detail)||void 0===i?void 0:i.value)||"";this.inputValue=r;const t=this.formattingController.parseInputValue(r);t?this.validateTime(t)?(this.selectionController.selectTime(t),this.value=this.formattingController.formatForInput(t),this.state=k.Default,this.dropdownController.isOpen&&setTimeout(()=>{this.scrollToSelectedTime()},10),this.dispatchEvent(new CustomEvent(x.TIME_CHANGE,{bubbles:!0,composed:!0,detail:{value:this.value,time:t}}))):this.state=k.Error:""===r?(this.selectionController.clearSelection(),this.value="",this.state=k.Default,this.dispatchEvent(new CustomEvent(x.TIME_CHANGE,{bubbles:!0,composed:!0,detail:{value:"",time:null}}))):this.state=k.Error,this.requestUpdate()}handleHourSelect(e,i){const r=this.selectionController.getSelectedTime()||D.getCurrentTime();let t=e;if(i===m.TwelveHour){const i=this.formattingController.getPeriod(r.hours);t=12===e?i===y.AM?0:12:i===y.AM?e:e+12}const o=Object.assign(Object.assign({},r),{hours:t});this.validateTime(o)&&(this.selectionController.selectTime(o),this.updateInputValue())}handleMinuteSelect(e){const i=this.selectionController.getSelectedTime()||D.getCurrentTime(),r=Object.assign(Object.assign({},i),{minutes:e});this.validateTime(r)&&(this.selectionController.selectTime(r),this.updateInputValue())}handleSecondSelect(e){const i=this.selectionController.getSelectedTime()||D.getCurrentTime(),r=Object.assign(Object.assign({},i),{seconds:e});this.validateTime(r)&&(this.selectionController.selectTime(r),this.updateInputValue())}shouldUpdateConstraints(e){return e.has("minTime")||e.has("maxTime")||e.has("disabledTimes")||e.has("enabledTimes")}updateConstraints(){const e={minTime:this.minTime,maxTime:this.maxTime,disabledTimes:this.disabledTimes||[],enabledTimes:this.enabledTimes};this.validationController.setConstraints(e)}setTimeFromValue(e){this.selectionController.setTimeFromString(e)&&(this.inputValue=e,this.requestUpdate(),this.dropdownController.isOpen&&setTimeout(()=>{this.scrollToSelectedTime()},50))}updateInputValue(){const e=this.selectionController.getSelectedTime();if(e){const i=this.formattingController.formatForDisplay(e);this.inputValue=i,this.value=i,this.dispatchEvent(new CustomEvent(x.TIME_CHANGE,{detail:{value:i,time:e},bubbles:!0,composed:!0}))}}getConfig(){return{format:this.format,showSeconds:this.showSeconds,step:{hours:v.One,minutes:v.One,seconds:v.One},use12HourClock:this.format===m.TwelveHour,minuteInterval:1,secondInterval:1}}getCurrentTime(){return this.selectionController.getSelectedTime()||w}setTime(e){this.selectionController.selectTime(e),this.updateInputValue(),this.dropdownController.isOpen&&setTimeout(()=>{this.scrollToSelectedTime()},10)}formatTime(e){return this.formattingController.formatForDisplay(e)}getFormatPlaceholder(){return this.format===m.TwelveHour?this.showSeconds?"HH:MM:SS AM/PM":"HH:MM AM/PM":this.showSeconds?"HH:MM:SS":"HH:MM"}parseTime(e){return this.formattingController.parseInputValue(e)}};P.styles=[V],F([o({type:String})],P.prototype,"value",void 0),F([o({type:String})],P.prototype,"name",void 0),F([o({type:String})],P.prototype,"placeholder",void 0),F([o({type:String})],P.prototype,"format",void 0),F([o({type:Boolean,attribute:"show-seconds"})],P.prototype,"showSeconds",void 0),F([o({type:Boolean})],P.prototype,"disabled",void 0),F([o({type:Boolean})],P.prototype,"readonly",void 0),F([o({type:Boolean})],P.prototype,"required",void 0),F([o({type:String,attribute:"min-time"})],P.prototype,"minTime",void 0),F([o({type:String,attribute:"max-time"})],P.prototype,"maxTime",void 0),F([o({type:Array,attribute:"disabled-times"})],P.prototype,"disabledTimes",void 0),F([o({type:Array,attribute:"enabled-times"})],P.prototype,"enabledTimes",void 0),F([o({type:String,attribute:"helper-text"})],P.prototype,"helperText",void 0),F([o({type:String})],P.prototype,"label",void 0),F([o({type:String})],P.prototype,"size",void 0),F([o({type:String})],P.prototype,"variant",void 0),F([o({type:String})],P.prototype,"placement",void 0),F([o({type:String,attribute:"scroll-behavior"})],P.prototype,"scrollBehavior",void 0),F([a()],P.prototype,"inputValue",void 0),F([a()],P.prototype,"state",void 0),F([a()],P.prototype,"validationMessage",void 0),P=F([c("nr-timepicker")],P);export{O as CLOCK_CONTAINER_CLASS,I as CLOCK_FACE,C as DEFAULT_12H_TIME_FORMAT,M as DEFAULT_12H_TIME_FORMAT_WITH_SECONDS,N as DEFAULT_STEPS,T as DEFAULT_TIME_CONFIG,S as DEFAULT_TIME_FORMAT,f as DEFAULT_TIME_FORMATS,g as DEFAULT_TIME_FORMATS_WITH_SECONDS,$ as DEFAULT_TIME_FORMAT_WITH_SECONDS,w as EMPTY_TIME_VALUE,P as NrTimePickerElement,z as TIME_BOUNDARIES,E as TIME_INPUT_FIELD_ID,A as TIME_PICKER_CLASSES,_ as TIME_PICKER_CONSTANTS,x as TIME_PICKER_EVENTS,H as TIME_VALIDATION_PATTERNS,m as TimeFormat,y as TimePeriod,R as TimePickerFormattingController,u as TimePickerMode,b as TimePickerPlacement,j as TimePickerSelectionController,d as TimePickerSize,k as TimePickerState,U as TimePickerValidationController,h as TimePickerVariant,v as TimeStep,D as TimeUtils};
+    `}scrollToSelectedTime(){try{const t=this.selectionController.getSelectedTime();if(!t)return;this.scrollToSelectedHour(t),this.scrollToSelectedMinute(t),this.showSeconds&&this.scrollToSelectedSecond(t)}catch(t){console.warn("Failed to scroll to selected time:",t)}}scrollToSelectedHour(t){var e;const i=this.getConfig(),r=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".time-picker__column:first-child .time-picker__column-list");if(!r)return;let o;o=i.format===v.TwelveHour?0===t.hours||12===t.hours?12:t.hours>12?t.hours-12:t.hours:t.hours;const s=r.querySelector(`.time-picker__column-item:nth-child(${this.getHourIndex(o,i.format)+1})`);s&&s.scrollIntoView({behavior:this.scrollBehavior,block:"center",inline:"nearest"})}scrollToSelectedMinute(t){var e;const i=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".time-picker__column:nth-child(2) .time-picker__column-list");if(!i)return;const r=i.querySelector(`.time-picker__column-item:nth-child(${t.minutes+1})`);r&&r.scrollIntoView({behavior:this.scrollBehavior,block:"center",inline:"nearest"})}scrollToSelectedSecond(t){var e;const i=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".time-picker__column:nth-child(3) .time-picker__column-list");if(!i)return;const r=i.querySelector(`.time-picker__column-item:nth-child(${t.seconds+1})`);r&&r.scrollIntoView({behavior:this.scrollBehavior,block:"center",inline:"nearest"})}getHourIndex(t,e){return e===v.TwelveHour&&12===t?0:t}handleComponentClick(t){t.stopPropagation()}handleDocumentClick(t){var e;if(this.dropdownController.isOpen){const i=t.target;this.contains(i)||(null===(e=this.shadowRoot)||void 0===e?void 0:e.contains(i))||(this.dropdownController.close(),this.dispatchEvent(new CustomEvent(O.BLUR,{bubbles:!0,composed:!0})))}}handleDropdownClick(t){t.stopPropagation()}handleOkClick(){this.dropdownController.close();const t=this.selectionController.getSelectedTime();t&&this.dispatchEvent(new CustomEvent(O.TIME_CHANGE,{bubbles:!0,composed:!0,detail:{value:this.value,time:t}})),this.dispatchEvent(new CustomEvent(O.BLUR,{bubbles:!0,composed:!0}))}handleInputBlur(){setTimeout(()=>{var t;const e=document.activeElement;this.contains(e)||(null===(t=this.shadowRoot)||void 0===t?void 0:t.contains(e))||this.dispatchEvent(new CustomEvent(O.BLUR,{bubbles:!0,composed:!0}))},150)}handleInputClick(t){t.preventDefault(),t.stopPropagation(),this.disabled||this.dropdownController.isOpen||(this.dropdownController.open(),setTimeout(()=>{this.scrollToSelectedTime()},50),this.dispatchEvent(new CustomEvent(O.FOCUS,{bubbles:!0,composed:!0})))}handleInputChange(t){var e;if(this.disabled)return;const i=(null===(e=t.detail)||void 0===e?void 0:e.value)||"";this.inputValue=i;const r=this.formattingController.parseInputValue(i);r?this.validateTime(r)?(this.selectionController.selectTime(r),this.value=this.formattingController.formatForInput(r),this.state=x.Default,this.dropdownController.isOpen&&setTimeout(()=>{this.scrollToSelectedTime()},10),this.dispatchEvent(new CustomEvent(O.TIME_CHANGE,{bubbles:!0,composed:!0,detail:{value:this.value,time:r}}))):this.state=x.Error:""===i?(this.selectionController.clearSelection(),this.value="",this.state=x.Default,this.dispatchEvent(new CustomEvent(O.TIME_CHANGE,{bubbles:!0,composed:!0,detail:{value:"",time:null}}))):this.state=x.Error,this.requestUpdate()}handleHourSelect(t,e){const i=this.selectionController.getSelectedTime()||L.getCurrentTime();let r=t;if(e===v.TwelveHour){const e=this.formattingController.getPeriod(i.hours);r=12===t?e===S.AM?0:12:e===S.AM?t:t+12}const o=Object.assign(Object.assign({},i),{hours:r});this.validateTime(o)&&(this.selectionController.selectTime(o),this.updateInputValue())}handleMinuteSelect(t){const e=this.selectionController.getSelectedTime()||L.getCurrentTime(),i=Object.assign(Object.assign({},e),{minutes:t});this.validateTime(i)&&(this.selectionController.selectTime(i),this.updateInputValue())}handleSecondSelect(t){const e=this.selectionController.getSelectedTime()||L.getCurrentTime(),i=Object.assign(Object.assign({},e),{seconds:t});this.validateTime(i)&&(this.selectionController.selectTime(i),this.updateInputValue())}shouldUpdateConstraints(t){return t.has("minTime")||t.has("maxTime")||t.has("disabledTimes")||t.has("enabledTimes")}updateConstraints(){const t={minTime:this.minTime,maxTime:this.maxTime,disabledTimes:this.disabledTimes||[],enabledTimes:this.enabledTimes};this.validationController.setConstraints(t)}setTimeFromValue(t){this.selectionController.setTimeFromString(t)&&(this.inputValue=t,this.requestUpdate(),this.dropdownController.isOpen&&setTimeout(()=>{this.scrollToSelectedTime()},50))}updateInputValue(){const t=this.selectionController.getSelectedTime();if(t){const e=this.formattingController.formatForDisplay(t);this.inputValue=e,this.value=e,this.dispatchEvent(new CustomEvent(O.TIME_CHANGE,{detail:{value:e,time:t},bubbles:!0,composed:!0}))}}getConfig(){return{format:this.format,showSeconds:this.showSeconds,step:{hours:T.One,minutes:T.One,seconds:T.One},use12HourClock:this.format===v.TwelveHour,minuteInterval:1,secondInterval:1}}getCurrentTime(){return this.selectionController.getSelectedTime()||M}setTime(t){this.selectionController.selectTime(t),this.updateInputValue(),this.dropdownController.isOpen&&setTimeout(()=>{this.scrollToSelectedTime()},10)}formatTime(t){return this.formattingController.formatForDisplay(t)}getFormatPlaceholder(){return this.format===v.TwelveHour?this.showSeconds?"HH:MM:SS AM/PM":"HH:MM AM/PM":this.showSeconds?"HH:MM:SS":"HH:MM"}parseTime(t){return this.formattingController.parseInputValue(t)}};X.useShadowDom=!0,X.styles=[Y],W([o({type:String})],X.prototype,"value",void 0),W([o({type:String})],X.prototype,"name",void 0),W([o({type:String})],X.prototype,"placeholder",void 0),W([o({type:String})],X.prototype,"format",void 0),W([o({type:Boolean,attribute:"show-seconds"})],X.prototype,"showSeconds",void 0),W([o({type:Boolean})],X.prototype,"disabled",void 0),W([o({type:Boolean})],X.prototype,"readonly",void 0),W([o({type:Boolean})],X.prototype,"required",void 0),W([o({type:String,attribute:"min-time"})],X.prototype,"minTime",void 0),W([o({type:String,attribute:"max-time"})],X.prototype,"maxTime",void 0),W([o({type:Array,attribute:"disabled-times"})],X.prototype,"disabledTimes",void 0),W([o({type:Array,attribute:"enabled-times"})],X.prototype,"enabledTimes",void 0),W([o({type:String,attribute:"helper-text"})],X.prototype,"helperText",void 0),W([o({type:String})],X.prototype,"label",void 0),W([o({type:String})],X.prototype,"size",void 0),W([o({type:String})],X.prototype,"variant",void 0),W([o({type:String})],X.prototype,"placement",void 0),W([o({type:String,attribute:"scroll-behavior"})],X.prototype,"scrollBehavior",void 0),W([s()],X.prototype,"inputValue",void 0),W([s()],X.prototype,"state",void 0),W([s()],X.prototype,"validationMessage",void 0),X=W([n("nr-timepicker")],X);export{z as CLOCK_CONTAINER_CLASS,F as CLOCK_FACE,I as DEFAULT_12H_TIME_FORMAT,D as DEFAULT_12H_TIME_FORMAT_WITH_SECONDS,U as DEFAULT_STEPS,A as DEFAULT_TIME_CONFIG,H as DEFAULT_TIME_FORMAT,$ as DEFAULT_TIME_FORMATS,E as DEFAULT_TIME_FORMATS_WITH_SECONDS,N as DEFAULT_TIME_FORMAT_WITH_SECONDS,M as EMPTY_TIME_VALUE,X as NrTimePickerElement,P as TIME_BOUNDARIES,j as TIME_INPUT_FIELD_ID,V as TIME_PICKER_CLASSES,C as TIME_PICKER_CONSTANTS,O as TIME_PICKER_EVENTS,R as TIME_VALIDATION_PATTERNS,v as TimeFormat,S as TimePeriod,K as TimePickerFormattingController,g as TimePickerMode,y as TimePickerPlacement,B as TimePickerSelectionController,_ as TimePickerSize,x as TimePickerState,q as TimePickerValidationController,w as TimePickerVariant,T as TimeStep,L as TimeUtils};