@nuralyui/timepicker 0.1.1 → 0.1.2

package/timepicker.style.variables.js

@@ -0,0 +1,122 @@
+import { css } from 'lit';
+export const styleVariables = css `
+  :host {
+    /* ========================================
+     * TIMEPICKER THEME-AWARE VARIABLES
+     * Uses CSS custom properties from theme files
+     * ======================================== */
+
+    /* 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);
+    
+    /* 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));
+    
+    /* 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);
+    
+    /* 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);
+    
+    /* 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));
+    
+    /* 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);
+    
+    /* 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));
+    
+    /* 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);
+    
+    /* 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);
+    
+    /* 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);
+    
+    /* 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);
+    
+    /* 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);
+    
+    /* 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);
+    
+    /* 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);
+    
+    /* 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));
+    
+    /* States - theme-aware */
+    --nuraly-timepicker-local-hover-opacity: var(--nuraly-opacity-timepicker-hover, 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);
+    
+    /* Z-index - theme-aware */
+    --nuraly-timepicker-local-dropdown-z-index: var(--nuraly-z-index-timepicker-dropdown, 1050);
+    
+    /* Icon sizes - theme-aware */
+    --nuraly-timepicker-local-icon-size: var(--nuraly-size-timepicker-icon, 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);
+  }
+`;
+//# sourceMappingURL=timepicker.style.variables.js.map

package/timepicker.style.variables.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timepicker.style.variables.js","sourceRoot":"","sources":["../../../src/components/timepicker/timepicker.style.variables.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuHhC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styleVariables = css`\n  :host {\n    /* ========================================\n     * TIMEPICKER THEME-AWARE VARIABLES\n     * Uses CSS custom properties from theme files\n     * ======================================== */\n\n    /* Base timepicker styling - uses theme variables with fallbacks */\n    --nuraly-timepicker-local-background-color: var(--nuraly-color-timepicker-background, #ffffff);\n    --nuraly-timepicker-local-text-color: var(--nuraly-color-timepicker-text, rgba(0, 0, 0, 0.88));\n    --nuraly-timepicker-local-font-family: var(--nuraly-font-family-timepicker, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif);\n    --nuraly-timepicker-local-font-size: var(--nuraly-font-size-timepicker, 14px);\n    \n    /* Timepicker borders - theme-aware */\n    --nuraly-timepicker-local-border-color: var(--nuraly-color-timepicker-border, #d9d9d9);\n    --nuraly-timepicker-local-border-width: var(--nuraly-border-width-timepicker, 1px);\n    --nuraly-timepicker-local-border-radius: var(--nuraly-border-radius-timepicker, 6px);\n    --nuraly-timepicker-local-border-radius-sm: var(--nuraly-border-radius-timepicker-sm, calc(var(--nuraly-border-radius-timepicker, 6px) * 0.5));\n    \n    /* Primary and selection colors - theme-aware */\n    --nuraly-timepicker-local-primary-color: var(--nuraly-color-timepicker-primary, #1890ff);\n    --nuraly-timepicker-local-focus-color: var(--nuraly-color-timepicker-focus, #1890ff);\n    --nuraly-timepicker-local-border-color-hover: var(--nuraly-color-timepicker-border-hover, #1890ff);\n    --nuraly-timepicker-local-selected-color: var(--nuraly-color-timepicker-selected, #1890ff);\n    --nuraly-timepicker-local-selected-text-color: var(--nuraly-color-timepicker-selected-text, #ffffff);\n    --nuraly-timepicker-local-hover-color: var(--nuraly-color-timepicker-hover, #f5f5f5);\n    --nuraly-timepicker-local-clock-hand-color: var(--nuraly-color-timepicker-clock-hand, #1890ff);\n    \n    /* Control item states - theme-aware */\n    --nuraly-timepicker-local-control-item-bg-hover: var(--nuraly-color-timepicker-control-item-bg-hover, #f5f5f5);\n    --nuraly-timepicker-local-control-item-bg-active: var(--nuraly-color-timepicker-control-item-bg-active, #e6f7ff);\n    \n    /* Text colors - theme-aware */\n    --nuraly-timepicker-local-text-color-secondary: var(--nuraly-color-timepicker-text-secondary, rgba(0, 0, 0, 0.45));\n    --nuraly-timepicker-local-text-color-disabled: var(--nuraly-color-timepicker-text-disabled, rgba(0, 0, 0, 0.25));\n    \n    /* Disabled states - theme-aware */\n    --nuraly-timepicker-local-disabled-color: var(--nuraly-color-timepicker-disabled, #f5f5f5);\n    --nuraly-timepicker-local-disabled-bg: var(--nuraly-color-timepicker-disabled-bg, #f5f5f5);\n    --nuraly-timepicker-local-disabled-text-color: var(--nuraly-color-timepicker-disabled-text, rgba(0, 0, 0, 0.25));\n    --nuraly-timepicker-local-disabled-opacity: var(--nuraly-opacity-timepicker-disabled, 1);\n    \n    /* Input field colors - theme-aware */\n    --nuraly-timepicker-local-input-background: var(--nuraly-color-timepicker-input-background, #ffffff);\n    --nuraly-timepicker-local-input-border-color: var(--nuraly-color-timepicker-input-border, #d9d9d9);\n    --nuraly-timepicker-local-input-focus-border-color: var(--nuraly-color-timepicker-input-focus-border, #1890ff);\n    --nuraly-timepicker-local-input-text-color: var(--nuraly-color-timepicker-input-text, rgba(0, 0, 0, 0.88));\n    --nuraly-timepicker-local-input-placeholder-color: var(--nuraly-color-timepicker-input-placeholder, rgba(0, 0, 0, 0.25));\n    \n    /* Dropdown and clock colors - theme-aware */\n    --nuraly-timepicker-local-dropdown-background: var(--nuraly-color-timepicker-dropdown-background, #ffffff);\n    --nuraly-timepicker-local-clock-background: var(--nuraly-color-timepicker-clock-background, #ffffff);\n    --nuraly-timepicker-local-clock-text-color: var(--nuraly-color-timepicker-clock-text, rgba(0, 0, 0, 0.88));\n    --nuraly-timepicker-local-clock-face-color: var(--nuraly-color-timepicker-clock-face, rgba(0, 0, 0, 0.45));\n    --nuraly-timepicker-local-clock-border-color: var(--nuraly-color-timepicker-clock-border, #f0f0f0);\n    \n    /* Item selection colors - theme-aware */\n    --nuraly-timepicker-local-item-hover-color: var(--nuraly-color-timepicker-item-hover, #f5f5f5);\n    --nuraly-timepicker-local-item-active-color: var(--nuraly-color-timepicker-item-active, #e6f7ff);\n    --nuraly-timepicker-local-item-selected-color: var(--nuraly-color-timepicker-item-selected, #1890ff);\n    --nuraly-timepicker-local-item-selected-text-color: var(--nuraly-color-timepicker-item-selected-text, #ffffff);\n    \n    /* Error/warning/success colors - theme-aware */\n    --nuraly-timepicker-local-error-color: var(--nuraly-color-timepicker-error, #ff4d4f);\n    --nuraly-timepicker-local-warning-color: var(--nuraly-color-timepicker-warning, #faad14);\n    --nuraly-timepicker-local-success-color: var(--nuraly-color-timepicker-success, #52c41a);\n    \n    /* Layout and sizing - theme-aware */\n    --nuraly-timepicker-local-width: var(--nuraly-size-timepicker-width, 120px);\n    --nuraly-timepicker-local-height: var(--nuraly-size-timepicker-height, 32px);\n    --nuraly-timepicker-local-dropdown-width: var(--nuraly-size-timepicker-dropdown-width, 180px);\n    --nuraly-timepicker-local-clock-size: var(--nuraly-size-timepicker-clock, 200px);\n    \n    /* Typography - theme-aware */\n    --nuraly-timepicker-local-font-weight: var(--nuraly-font-weight-timepicker, 400);\n    --nuraly-timepicker-local-line-height: var(--nuraly-line-height-timepicker, 1.5715);\n    --nuraly-timepicker-local-clock-font-size: var(--nuraly-font-size-timepicker-clock, 14px);\n    \n    /* Spacing - theme-aware */\n    --nuraly-timepicker-local-gap: var(--nuraly-spacing-timepicker-gap, 4px);\n    --nuraly-timepicker-local-dropdown-padding: var(--nuraly-spacing-timepicker-dropdown-padding, 8px);\n    --nuraly-timepicker-local-input-padding: var(--nuraly-spacing-timepicker-input-padding, 4px 11px);\n    --nuraly-timepicker-local-padding: var(--nuraly-spacing-timepicker-padding, 4px 11px);\n    \n    /* Borders - theme-aware */\n    --nuraly-timepicker-local-input-border-width: var(--nuraly-border-width-timepicker-input, 1px);\n    --nuraly-timepicker-local-focus-border-width: var(--nuraly-border-width-timepicker-focus, 2px);\n    \n    /* Shadows - theme-aware */\n    --nuraly-timepicker-local-shadow-color: var(--nuraly-color-timepicker-shadow, rgba(0, 0, 0, 0.15));\n    --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));\n    --nuraly-timepicker-local-input-focus-shadow: var(--nuraly-shadow-timepicker-input-focus, 0 0 0 2px rgba(24, 144, 255, 0.2));\n    \n    /* States - theme-aware */\n    --nuraly-timepicker-local-hover-opacity: var(--nuraly-opacity-timepicker-hover, 1);\n    \n    /* Animation and transitions - theme-aware */\n    --nuraly-timepicker-local-transition-duration: var(--nuraly-transition-duration-timepicker, 0.2s);\n    --nuraly-timepicker-local-transition-timing: var(--nuraly-transition-timing-timepicker, ease-in-out);\n    \n    /* Z-index - theme-aware */\n    --nuraly-timepicker-local-dropdown-z-index: var(--nuraly-z-index-timepicker-dropdown, 1050);\n    \n    /* Icon sizes - theme-aware */\n    --nuraly-timepicker-local-icon-size: var(--nuraly-size-timepicker-icon, 14px);\n    \n    /* Size variants - theme-aware */\n    --nuraly-timepicker-local-small-font-size: var(--nuraly-font-size-timepicker-small, 12px);\n    --nuraly-timepicker-local-small-padding: var(--nuraly-spacing-timepicker-small-padding, 0px 7px);\n    --nuraly-timepicker-local-small-height: var(--nuraly-size-timepicker-small-height, 24px);\n    \n    --nuraly-timepicker-local-medium-font-size: var(--nuraly-font-size-timepicker-medium, 14px);\n    --nuraly-timepicker-local-medium-padding: var(--nuraly-spacing-timepicker-medium-padding, 4px 11px);\n    --nuraly-timepicker-local-medium-height: var(--nuraly-size-timepicker-medium-height, 32px);\n    \n    --nuraly-timepicker-local-large-font-size: var(--nuraly-font-size-timepicker-large, 16px);\n    --nuraly-timepicker-local-large-padding: var(--nuraly-spacing-timepicker-large-padding, 6px 11px);\n    --nuraly-timepicker-local-large-height: var(--nuraly-size-timepicker-large-height, 40px);\n  }\n`;"]}

package/timepicker.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timepicker.types.js","sourceRoot":"","sources":["../../../src/components/timepicker/timepicker.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;GAEG;AACH,MAAM,CAAN,IAAY,UAGX;AAHD,WAAY,UAAU;IACpB,oCAAsB,CAAA;IACtB,gCAAkB,CAAA;AACpB,CAAC,EAHW,UAAU,KAAV,UAAU,QAGrB;AAED;;GAEG;AACH,MAAM,CAAN,IAAY,cAIX;AAJD,WAAY,cAAc;IACxB,iCAAe,CAAA;IACf,qCAAmB,CAAA;IACnB,qCAAmB,CAAA;AACrB,CAAC,EAJW,cAAc,KAAd,cAAc,QAIzB;AAED;;GAEG;AACH,MAAM,CAAN,IAAY,cAIX;AAJD,WAAY,cAAc;IACxB,iCAAe,CAAA;IACf,mCAAiB,CAAA;IACjB,iCAAe,CAAA;AACjB,CAAC,EAJW,cAAc,KAAd,cAAc,QAIzB;AAED;;GAEG;AACH,MAAM,CAAN,IAAY,iBAIX;AAJD,WAAY,iBAAiB;IAC3B,wCAAmB,CAAA;IACnB,0CAAqB,CAAA;IACrB,sCAAiB,CAAA;AACnB,CAAC,EAJW,iBAAiB,KAAjB,iBAAiB,QAI5B;AAED;;GAEG;AACH,MAAM,CAAN,IAAY,eAKX;AALD,WAAY,eAAe;IACzB,sCAAmB,CAAA;IACnB,kCAAe,CAAA;IACf,sCAAmB,CAAA;IACnB,sCAAmB,CAAA;AACrB,CAAC,EALW,eAAe,KAAf,eAAe,QAK1B;AAED;;GAEG;AACH,MAAM,CAAN,IAAY,mBAIX;AAJD,WAAY,mBAAmB;IAC7B,wCAAiB,CAAA;IACjB,kCAAW,CAAA;IACX,oCAAa,CAAA;AACf,CAAC,EAJW,mBAAmB,KAAnB,mBAAmB,QAI9B;AAED;;GAEG;AACH,MAAM,CAAN,IAAY,QAMX;AAND,WAAY,QAAQ;IAClB,qCAAO,CAAA;IACP,uCAAQ,CAAA;IACR,sCAAQ,CAAA;IACR,8CAAY,CAAA;IACZ,4CAAW,CAAA;AACb,CAAC,EANW,QAAQ,KAAR,QAAQ,QAMnB;AAED;;GAEG;AACH,MAAM,CAAN,IAAY,UAGX;AAHD,WAAY,UAAU;IACpB,uBAAS,CAAA;IACT,uBAAS,CAAA;AACX,CAAC,EAHW,UAAU,KAAV,UAAU,QAGrB;AAwDD;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,CAAC,UAAU,CAAC,cAAc,CAAC,EAAE,OAAO;IACpC,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,SAAS;CAC1B,CAAC;AAEX;;GAEG;AACH,MAAM,CAAC,MAAM,iCAAiC,GAAG;IAC/C,CAAC,UAAU,CAAC,cAAc,CAAC,EAAE,UAAU;IACvC,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,YAAY;CAC7B,CAAC;AAEX;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,QAAQ,EAAE,EAAE;IACZ,QAAQ,EAAE,EAAE;IACZ,OAAO,EAAE,EAAE;IACX,OAAO,EAAE,EAAE;IACX,YAAY,EAAE,CAAC;IACf,uBAAuB,EAAE,CAAC;IAC1B,uBAAuB,EAAE,CAAC;CAClB,CAAC;AAEX;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,WAAW,EAAE,gBAAgB;IAC7B,KAAK,EAAE,UAAU;IACjB,IAAI,EAAE,SAAS;IACf,UAAU,EAAE,eAAe;IAC3B,WAAW,EAAE,gBAAgB;IAC7B,UAAU,EAAE,eAAe;CACnB,CAAC;AAEX;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAc;IACzC,KAAK,EAAE,CAAC;IACR,OAAO,EAAE,CAAC;IACV,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,UAAU,CAAC,EAAE;CACtB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2023 Nuraly, Laabidi Aymen\n * SPDX-License-Identifier: MIT\n */\n\n/**\n * Time format types - supports 12-hour and 24-hour formats\n */\nexport enum TimeFormat {\n  TwentyFourHour = '24h',\n  TwelveHour = '12h',\n}\n\n/**\n * Time picker display modes\n */\nexport enum TimePickerMode {\n  Hours = 'hours',\n  Minutes = 'minutes',\n  Seconds = 'seconds',\n}\n\n/**\n * Time picker sizes\n */\nexport enum TimePickerSize {\n  Small = 'small',\n  Medium = 'medium',\n  Large = 'large',\n}\n\n/**\n * Time picker variants\n */\nexport enum TimePickerVariant {\n  Default = 'default',\n  Outlined = 'outlined',\n  Filled = 'filled',\n}\n\n/**\n * Time picker states for validation\n */\nexport enum TimePickerState {\n  Default = 'default',\n  Error = 'error',\n  Warning = 'warning',\n  Success = 'success',\n}\n\n/**\n * Time picker placement options for dropdown\n */\nexport enum TimePickerPlacement {\n  Bottom = 'bottom',\n  Top = 'top',\n  Auto = 'auto',\n}\n\n/**\n * Time selection step increments\n */\nexport enum TimeStep {\n  One = 1,\n  Five = 5,\n  Ten = 10,\n  Fifteen = 15,\n  Thirty = 30,\n}\n\n/**\n * Time period for 12-hour format\n */\nexport enum TimePeriod {\n  AM = 'AM',\n  PM = 'PM',\n}\n\n/**\n * Time structure interface\n */\nexport interface TimeValue {\n  hours: number;\n  minutes: number;\n  seconds: number;\n  period?: TimePeriod;\n}\n\n/**\n * Time picker option for dropdowns\n */\nexport interface TimePickerOption {\n  value: string;\n  label: string;\n  disabled?: boolean;\n}\n\n/**\n * Time validation constraints\n */\nexport interface TimeConstraints {\n  minTime?: string;\n  maxTime?: string;\n  disabledTimes?: string[];\n  enabledTimes?: string[];\n}\n\n/**\n * Time picker configuration\n */\nexport interface TimePickerConfig {\n  format: TimeFormat;\n  showSeconds: boolean;\n  step: {\n    hours: TimeStep;\n    minutes: TimeStep;\n    seconds: TimeStep;\n  };\n  use12HourClock: boolean;\n  minuteInterval: number;\n  secondInterval: number;\n}\n\n/**\n * Time picker event details\n */\nexport interface TimeChangeEventDetail {\n  value: string;\n  timeValue: TimeValue;\n  formattedValue: string;\n}\n\n/**\n * Default time formats\n */\nexport const DEFAULT_TIME_FORMATS = {\n  [TimeFormat.TwentyFourHour]: 'HH:mm',\n  [TimeFormat.TwelveHour]: 'hh:mm A',\n} as const;\n\n/**\n * Default time format with seconds\n */\nexport const DEFAULT_TIME_FORMATS_WITH_SECONDS = {\n  [TimeFormat.TwentyFourHour]: 'HH:mm:ss',\n  [TimeFormat.TwelveHour]: 'hh:mm:ss A',\n} as const;\n\n/**\n * Time picker constants\n */\nexport const TIME_PICKER_CONSTANTS = {\n  HOURS_24: 24,\n  HOURS_12: 12,\n  MINUTES: 60,\n  SECONDS: 60,\n  DEFAULT_STEP: 1,\n  DEFAULT_MINUTE_INTERVAL: 1,\n  DEFAULT_SECOND_INTERVAL: 1,\n} as const;\n\n/**\n * Time picker events\n */\nexport const TIME_PICKER_EVENTS = {\n  TIME_CHANGE: 'nr-time-change',\n  FOCUS: 'nr-focus',\n  BLUR: 'nr-blur',\n  CLOCK_OPEN: 'nr-clock-open',\n  CLOCK_CLOSE: 'nr-clock-close',\n  VALIDATION: 'nr-validation',\n} as const;\n\n/**\n * Empty time value\n */\nexport const EMPTY_TIME_VALUE: TimeValue = {\n  hours: 0,\n  minutes: 0,\n  seconds: 0,\n  period: TimePeriod.AM,\n};\n"]}

package/timepicker.component.backup.d.ts

@@ -1,165 +0,0 @@
-/**
- * @license
- * Copyright 2023 Nuraly, Laabidi Aymen
- * SPDX-License-Identifier: MIT
- */
-import { LitElement, PropertyValues, TemplateResult } from 'lit';
-import { TimeValue, TimeFormat, TimePickerMode, TimePickerSize, TimePickerVariant, TimePickerState, TimePickerPlacement, TimePickerConfig } from './timepicker.types.js';
-import { TimePickerHost } from './interfaces/timepicker.interface.js';
-declare const NrTimePickerElement_base: (new (...args: any[]) => import("../../shared/dependency-mixin.js").DependencyAware) & (new (...args: any[]) => import("../../shared/theme-mixin.js").ThemeAware) & (new (...args: any[]) => import("../../shared/event-handler-mixin.js").EventHandlerCapable) & typeof LitElement;
-/**
- * NuralyUI Time Picker - A comprehensive time selection component
- *
- * @element nr-timepicker
- *
- * @fires nr-time-change - Fired when time is selected
- * @fires nr-clock-open - Fired when clock dropdown is opened
- * @fires nr-clock-close - Fired when clock dropdown is closed
- * @fires nr-focus - Fired when component receives focus
- * @fires nr-blur - Fired when component loses focus
- * @fires nr-validation - Fired when validation state changes
- *
- * @slot label - Label content for the input field
- * @slot helper-text - Helper text content below the input field
- * @slot icon - Icon content for the input field trigger
- *
- * @csspart input - The input field part
- * @csspart dropdown - The clock dropdown container part
- * @csspart clock - The clock face part
- * @csspart clock-hand - The clock hand part
- * @csspart time-input - Individual time input parts (hours, minutes, seconds)
- *
- * @example Basic usage
- * ```html
- * <nr-timepicker
- *   label="Select Time"
- *   @nr-time-change="${this.handleTimeChange}">
- * </nr-timepicker>
- * ```
- *
- * @example 12-hour format with seconds
- * ```html
- * <nr-timepicker
- *   format="12h"
- *   show-seconds
- *   label="Meeting Time">
- * </nr-timepicker>
- * ```
- *
- * @example With time constraints
- * ```html
- * <nr-timepicker
- *   min-time="09:00"
- *   max-time="17:00"
- *   label="Business Hours">
- * </nr-timepicker>
- * ```
- */
-export declare class NrTimePickerElement extends NrTimePickerElement_base implements TimePickerHost {
-    static styles: import("lit").CSSResult;
-    private selectionController;
-    private validationController;
-    private formattingController;
-    private dropdownController;
-    name: string;
-    value: string;
-    defaultValue: string;
-    disabled: boolean;
-    readonly: boolean;
-    required: boolean;
-    placeholder: string;
-    format: TimeFormat;
-    showSeconds: boolean;
-    showClock: boolean;
-    minuteInterval: number;
-    secondInterval: number;
-    minTime?: string;
-    maxTime?: string;
-    disabledTimes?: string[];
-    enabledTimes?: string[];
-    size: TimePickerSize;
-    variant: TimePickerVariant;
-    state: TimePickerState;
-    placement: TimePickerPlacement;
-    label: string;
-    helperText: string;
-    clockOpen: boolean;
-    clockMode: TimePickerMode;
-    private inputValue;
-    private currentMode;
-    private validationMessage;
-    private inputElement;
-    private clockContainer?;
-    protected firstUpdated(): void;
-    protected updated(changedProperties: PropertyValues): void;
-    /**
-     * Initialize time picker with default values and constraints
-     */
-    private initializeTimePicker;
-    /**
-     * Handle property changes
-     */
-    private handlePropertyChanges;
-    /**
-     * Check if constraint properties changed
-     */
-    private hasConstraintPropertiesChanged;
-    /**
-     * Update validation constraints
-     */
-    private updateConstraints;
-    /**
-     * Set time from string value
-     */
-    private setTimeFromValue;
-    getCurrentTime(): TimeValue;
-    setTime(time: TimeValue): void;
-    formatTime(time: TimeValue): string;
-    parseTime(timeString: string): TimeValue | null;
-    getConfig(): TimePickerConfig;
-    validateTime(time: TimeValue): boolean;
-    /**
-     * Open the clock dropdown
-     */
-    openClock(): void;
-    /**
-     * Close the clock dropdown
-     */
-    closeClock(): void;
-    /**
-     * Toggle clock dropdown
-     */
-    toggleClock(): void;
-    /**
-     * Clear selected time
-     */
-    clear(): void;
-    private handleInputChange;
-    private handleInputFocus;
-    private handleInputBlur;
-    private handleTriggerClick;
-    private handleTimeSelection;
-    private handleModeChange;
-    private handleDigitalTimeChange;
-    private handleHourSelect;
-    private handleMinuteSelect;
-    private handleSecondSelect;
-    private handlePeriodToggle;
-    private updateInputValue;
-    protected render(): TemplateResult;
-    private renderLabel;
-    private renderInput;
-    private renderDropdown;
-    private renderColumnPicker;
-    private renderHourColumn;
-    private renderMinuteColumn;
-    private renderSecondColumn;
-    private renderClockNumbers;
-    private renderClockHand;
-    private renderModeButtons;
-    private renderDigitalInputs;
-    private renderPeriodToggle;
-    private renderHelperText;
-}
-export {};
-//# sourceMappingURL=timepicker.component.backup.d.ts.map