@vialiq/web-components 0.20.0 → 0.21.0

package/index.d.ts

@@ -41,4 +41,9 @@ export type { SwitchSize, LabelPlacement } from './switch/vi-switch.js';
 export { ViSelect } from './select/vi-select.js';
 export { ViSelectOption } from './select/vi-select-option.js';
 export { ViSelectGroup } from './select/vi-select-group.js';
+export { ViCombobox } from './combobox/vi-combobox.js';
+export { ViComboboxItem } from './combobox/vi-combobox-item.js';
+export { ViDatePicker, VIALIQ_CHANGE } from './date-picker/vi-date-picker.js';
+export { ViDatePickerInput } from './date-picker/vi-date-picker-input.js';
+export type { DatePickerMode, DatePickerChangeDetail } from './date-picker/types.js';
 //# sourceMappingURL=index.d.ts.map

package/index.js

@@ -23,3 +23,7 @@ export { ViSwitch } from './switch/vi-switch.js';
 export { ViSelect } from './select/vi-select.js';
 export { ViSelectOption } from './select/vi-select-option.js';
 export { ViSelectGroup } from './select/vi-select-group.js';
+export { ViCombobox } from './combobox/vi-combobox.js';
+export { ViComboboxItem } from './combobox/vi-combobox-item.js';
+export { VIALIQ_CHANGE, ViDatePicker } from './date-picker/vi-date-picker.js';
+export { ViDatePickerInput } from './date-picker/vi-date-picker-input.js';

package/{keyboard-controller-DqpJtUuK.js → keyboard-controller-D3htDhGR.js}

@@ -3,12 +3,12 @@ import { O as OverlayManager } from './overlay-manager-Ch_6fr_D.js';
 
 /**
  * FloatingController
- * 
+ *
  * A Lit Reactive Controller that manages `@floating-ui/dom` positioning logic.
- * It abstracts away the complex math and event listeners (autoUpdate) required to 
+ * It abstracts away the complex math and event listeners (autoUpdate) required to
  * keep a popup/dropdown anchored to a reference element during scrolling/resizing.
- * 
- * It also automatically registers the floating element with the `OverlayManager` 
+ *
+ * It also automatically registers the floating element with the `OverlayManager`
  * to ensure correct z-index stacking when `hoist` is true.
  */ class FloatingController {
     host;
@@ -26,7 +26,7 @@ import { O as OverlayManager } from './overlay-manager-Ch_6fr_D.js';
     /**
    * Starts the floating UI `autoUpdate` listener cycle.
    * This should be called when the popover physically opens (e.g., in `updated()`).
-   * 
+   *
    * If `hoist` is true, it also acquires a high z-index from the `OverlayManager`.
    */ start() {
         const ref = this.options.reference();
@@ -48,7 +48,7 @@ import { O as OverlayManager } from './overlay-manager-Ch_6fr_D.js';
     /**
    * Stops the floating UI `autoUpdate` listener cycle.
    * This should be called when the popover closes, or when the host component disconnects.
-   * 
+   *
    * It also releases its z-index back to the `OverlayManager`.
    */ stop() {
         if (this._cleanup) {
@@ -65,9 +65,9 @@ import { O as OverlayManager } from './overlay-manager-Ch_6fr_D.js';
     }
     /**
    * Imperatively calculates and applies the new coordinates (`x`, `y`) using Floating UI.
-   * 
-   * This method applies various CSS property resets (`margin`, `bottom`, `right`, `minWidth`) 
-   * to ensure that the base CSS of the floating element does not distort the absolute coordinates 
+   *
+   * This method applies various CSS property resets (`margin`, `bottom`, `right`, `minWidth`)
+   * to ensure that the base CSS of the floating element does not distort the absolute coordinates
    * provided by Floating UI.
    */ async updatePosition() {
         const ref = this.options.reference();
@@ -96,21 +96,23 @@ import { O as OverlayManager } from './overlay-manager-Ch_6fr_D.js';
             })
         ];
         const matchWidthVal = typeof this.options.matchWidth === 'function' ? this.options.matchWidth() : this.options.matchWidth;
-        middlewares.push(size({
-            apply: ({ rects })=>{
-                if (matchWidthVal !== false) {
-                    Object.assign(floating.style, {
-                        width: `${rects.reference.width}px`,
-                        minWidth: 'auto'
-                    });
-                } else {
-                    Object.assign(floating.style, {
-                        width: 'auto',
-                        minWidth: `${rects.reference.width}px`
-                    });
+        if (matchWidthVal !== 'none') {
+            middlewares.push(size({
+                apply: ({ rects })=>{
+                    if (matchWidthVal !== false) {
+                        Object.assign(floating.style, {
+                            width: `${rects.reference.width}px`,
+                            minWidth: 'auto'
+                        });
+                    } else {
+                        Object.assign(floating.style, {
+                            width: 'auto',
+                            minWidth: `${rects.reference.width}px`
+                        });
+                    }
                 }
-            }
-        }));
+            }));
+        }
         const { x, y, placement } = await computePosition(ref, floating, {
             placement: placementStr,
             strategy: hoist ? 'fixed' : 'absolute',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vialiq/web-components",
-  "version": "0.20.0",
+  "version": "0.21.0",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -99,12 +99,25 @@
     "./accordion/vi-accordion-item": {
       "types": "./accordion/vi-accordion-item.d.ts",
       "default": "./accordion/vi-accordion-item.js"
+    },
+    "./date-picker": {
+      "types": "./date-picker/index.d.ts",
+      "default": "./date-picker/index.js"
+    },
+    "./date-picker/vi-date-picker": {
+      "types": "./date-picker/vi-date-picker.d.ts",
+      "default": "./date-picker/vi-date-picker.js"
+    },
+    "./date-picker/vi-date-picker-input": {
+      "types": "./date-picker/vi-date-picker-input.d.ts",
+      "default": "./date-picker/vi-date-picker-input.js"
     }
   },
   "peerDependencies": {
     "@floating-ui/dom": ">=1.0.0",
-    "@vialiq/flux-ui": "^0.16.0",
-    "@vialiq/icons": ">=0.0.3 <0.1.0",
+    "@vialiq/flux-ui": "^0.17.0",
+    "@vialiq/icons": "^0.4.0",
+    "flatpickr": ">=4.6.0",
     "lit": "^3.0.0"
   },
   "keywords": [
@@ -126,6 +139,12 @@
     "checkbox/",
     "tooltip/",
     "badge/",
+    "date-picker/",
     "README.md"
-  ]
+  ],
+  "peerDependenciesMeta": {
+    "flatpickr": {
+      "optional": false
+    }
+  }
 }