vira 28.18.1 → 28.19.0

package/dist/elements/pop-up/vira-menu-trigger.element.d.ts

@@ -3,7 +3,7 @@ import { type NavController } from 'device-navigation';
 import { type PopUpManager, type ShowPopUpResult } from '../../util/pop-up-manager.js';
 import { type MenuItem } from './pop-up-menu-item.js';
 import { type PopUpMenuCornerStyle } from './vira-pop-up-menu.element.js';
-import { HorizontalAnchor, type PopUpOffset } from './vira-pop-up-trigger.element.js';
+import { type PopUpOffset, type PopUpTriggerPosition } from './vira-pop-up-trigger.element.js';
 /**
  * Test ids for {@link ViraMenuTrigger}.
  *
@@ -30,29 +30,7 @@ export declare const ViraMenuTrigger: import("element-vir").DeclarativeElementDe
     /** Hide menu item check mark icons. */
     hideCheckIcons: boolean;
     menuCornerStyle: PopUpMenuCornerStyle;
-    /**
-     * - `HorizontalAnchor.Left`: pop-up is anchored to the left side of the trigger and the
-     *   pop-up can grow to the right.
-     * - `HorizontalAnchor.Right`: pop-up is anchored to the right side of the trigger and the
-     *   pop-up can grow to the left.
-     * - `HorizontalAnchor.Both`: pop-up is anchored on both sides of the trigger and cannot grow
-     *   beyond it.
-     *
-     * Note that when `HorizontalAnchor.Both` is _not_ used, this anchor will cancel out any
-     * `popUpOffset` for the direction _opposite_ of the chosen anchor.
-     *
-     * @default HorizontalAnchor.Left
-     */
-    horizontalAnchor: HorizontalAnchor;
-    /**
-     * When `true`, the pop-up will not have its maximum height/width constrained to fit within
-     * the overflow container. The positioning logic (up/down, left/right) will still be
-     * applied.
-     *
-     * @default false
-     */
-    ignoreMaxDimensions: boolean;
-}>, {
+} & PopUpTriggerPosition>, {
     navController: undefined | NavController;
     popUpManager: undefined | PopUpManager;
     /** `undefined` means the pop up is not currently showing. */

package/dist/elements/pop-up/vira-menu-trigger.element.js

@@ -51,12 +51,10 @@ export const ViraMenuTrigger = defineViraElement()({
     render({ inputs, state, updateState, dispatch, events }) {
         return html `
             <${ViraPopUpTrigger.assign({
-            isDisabled: inputs.isDisabled,
+            ...inputs,
             keepOpenAfterInteraction: true,
-            z_debug_forceOpenState: inputs.z_debug_forceOpenState,
             popUpOffset: inputs.popUpOffset,
             horizontalAnchor: inputs.horizontalAnchor || HorizontalAnchor.Left,
-            ignoreMaxDimensions: inputs.ignoreMaxDimensions,
         })}
                 class=${classMap({
             open: !!state.showPopUpResult,

package/dist/elements/pop-up/vira-pop-up-trigger.element.d.ts

@@ -38,44 +38,55 @@ export declare enum HorizontalAnchor {
     Auto = "auto"
 }
 /**
- * An element with slots for a pop-up trigger and pop-up contents.
+ * Configs for {@link ViraPopUpTrigger} pop-up positioning and sizing.
  *
- * @category PopUp
- * @category Elements
- * @see https://electrovir.github.io/vira/book/elements/vira-pop-up-trigger
+ * @category Internal
  */
-export declare const ViraPopUpTrigger: import("element-vir").DeclarativeElementDefinition<"vira-pop-up-trigger", PartialWithUndefined<{
-    isDisabled: boolean;
-    /** For debugging purposes only. Very bad for actual production code use. */
-    z_debug_forceOpenState: boolean;
-    /** Set to `true` to keep the pop-up open if it is interacted with. */
-    keepOpenAfterInteraction: boolean;
-    /** All values in px. */
-    popUpOffset: PopUpOffset;
+export type PopUpTriggerPosition = {
     /**
-     * - `HorizontalAnchor.Left`: pop-up is anchored to the left side of the trigger and the
-     *   pop-up can grow to the right.
-     * - `HorizontalAnchor.Right`: pop-up is anchored to the right side of the trigger and the
-     *   pop-up can grow to the left.
+     * - `HorizontalAnchor.Left`: pop-up is anchored to the left side of the trigger and the pop-up
+     *   can grow to the right.
+     * - `HorizontalAnchor.Right`: pop-up is anchored to the right side of the trigger and the pop-up
+     *   can grow to the left.
      * - `HorizontalAnchor.Both`: pop-up is anchored on both sides of the trigger and cannot grow
      *   beyond it.
-     * - `HorizontalAnchor.Auto`: automatically choose left or right anchor based on available
-     *   space, defaulting to left anchor. (This is the default experience.)
+     * - `HorizontalAnchor.Auto`: automatically choose left or right anchor based on available space,
+     *   defaulting to left anchor. (This is the default experience.)
      *
      * Note that when `HorizontalAnchor.Both` is _not_ used, this anchor will cancel out any
      * `popUpOffset` for the direction _opposite_ of the chosen anchor.
-     *
-     * @default HorizontalAnchor.Auto
      */
     horizontalAnchor: HorizontalAnchor;
     /**
-     * When `true`, the pop-up will not have its maximum height/width constrained to fit within
-     * the overflow container. The positioning logic (up/down, left/right) will still be
-     * applied.
+     * When `true`, the pop-up will not have its maximum width constrained to fit within the
+     * overflow container. The positioning logic (left/right) will still be applied.
      *
      * @default false
      */
-    ignoreMaxDimensions: boolean;
+    ignoreMaxWidth: boolean;
+    /**
+     * When `true`, the pop-up will not have its maximum height constrained to fit within the
+     * overflow container. The positioning logic (up/down) will still be applied.
+     *
+     * @default false
+     */
+    ignoreMaxHeight: boolean;
+};
+/**
+ * An element with slots for a pop-up trigger and pop-up contents.
+ *
+ * @category PopUp
+ * @category Elements
+ * @see https://electrovir.github.io/vira/book/elements/vira-pop-up-trigger
+ */
+export declare const ViraPopUpTrigger: import("element-vir").DeclarativeElementDefinition<"vira-pop-up-trigger", PartialWithUndefined<PopUpTriggerPosition & {
+    isDisabled: boolean;
+    /** For debugging purposes only. Very bad for actual production code use. */
+    z_debug_forceOpenState: boolean;
+    /** Set to `true` to keep the pop-up open if it is interacted with. */
+    keepOpenAfterInteraction: boolean;
+    /** All values in px. */
+    popUpOffset: PopUpOffset;
 }>, {
     /** `undefined` means the pop up is not currently showing. */
     showPopUpResult: ShowPopUpResult | undefined;

package/dist/elements/pop-up/vira-pop-up-trigger.element.js

@@ -207,7 +207,7 @@ export const ViraPopUpTrigger = defineViraElement()({
                 : HorizontalAnchor.Right
             : inputs.horizontalAnchor;
         const leftCss = effectiveHorizontalAnchor === HorizontalAnchor.Right && state.showPopUpResult
-            ? inputs.ignoreMaxDimensions
+            ? inputs.ignoreMaxWidth
                 ? css `
                           left: unset;
                       `
@@ -218,7 +218,7 @@ export const ViraPopUpTrigger = defineViraElement()({
                       left: ${inputs.popUpOffset?.left || 0}px;
                   `;
         const rightCss = state.showPopUpResult && effectiveHorizontalAnchor === HorizontalAnchor.Left
-            ? inputs.ignoreMaxDimensions
+            ? inputs.ignoreMaxWidth
                 ? css `
                           right: unset;
                       `
@@ -241,7 +241,7 @@ export const ViraPopUpTrigger = defineViraElement()({
         const positionerStyles = state.showPopUpResult
             ? state.showPopUpResult.popDown
                 ? /** Dropdown going down position. */
-                    inputs.ignoreMaxDimensions
+                    inputs.ignoreMaxHeight
                         ? css `
                           bottom: unset;
                           top: calc(100% + ${inputs.popUpOffset?.vertical || 0}px);
@@ -253,7 +253,7 @@ export const ViraPopUpTrigger = defineViraElement()({
                           ${horizontalPositionStyle}
                       `
                 : /** Dropdown going up position. */
-                    inputs.ignoreMaxDimensions
+                    inputs.ignoreMaxHeight
                         ? css `
                         top: unset;
                         bottom: calc(100% + ${inputs.popUpOffset?.vertical || 0}px);

package/dist/elements/vira-dropdown.element.d.ts

@@ -2,7 +2,7 @@ import { type PartialWithUndefined } from '@augment-vir/common';
 import { type ViraIconSvg } from '../icons/icon-svg.js';
 import { type ShowPopUpResult } from '../util/pop-up-manager.js';
 import { type MenuItem } from './pop-up/pop-up-menu-item.js';
-import { HorizontalAnchor } from './pop-up/vira-pop-up-trigger.element.js';
+import { type PopUpTriggerPosition } from './pop-up/vira-pop-up-trigger.element.js';
 /**
  * Test ids for {@link ViraDropdown}.
  *
@@ -37,26 +37,7 @@ export declare const ViraDropdown: import("element-vir").DeclarativeElementDefin
     isDisabled: boolean;
     /** For debugging purposes only. Very bad for actual production code use. */
     z_debug_forceOpenState: boolean;
-    /**
-     * - `HorizontalAnchor.Left`: dropdown is anchored to the left side of the trigger and the
-     *   dropdown can grow to the right.
-     * - `HorizontalAnchor.Right`: dropdown is anchored to the right side of the trigger and the
-     *   dropdown can grow to the left.
-     * - `HorizontalAnchor.Both`: dropdown is anchored on both sides of the trigger and cannot
-     *   grow beyond it. (This is the default experience.)
-     *
-     * @default HorizontalAnchor.Both
-     */
-    horizontalAnchor: HorizontalAnchor;
-    /**
-     * When `true`, the dropdown will not have its maximum height/width constrained to fit
-     * within the overflow container. The positioning logic (up/down, left/right) will still be
-     * applied.
-     *
-     * @default false
-     */
-    ignoreMaxDimensions: boolean;
-}>, {
+} & PopUpTriggerPosition>, {
     /** `undefined` means the pop up is not currently showing. */
     showPopUpResult: ShowPopUpResult | undefined;
 }, {

package/dist/elements/vira-dropdown.element.js

@@ -132,17 +132,13 @@ export const ViraDropdown = defineViraElement()({
                 : selectedOptions[0]?.label || '';
         return html `
             <${ViraMenuTrigger.assign({
+            ...inputs,
             items: inputs.options,
-            selected: inputs.selected,
-            isDisabled: inputs.isDisabled,
-            isMultiSelect: inputs.isMultiSelect,
-            z_debug_forceOpenState: inputs.z_debug_forceOpenState,
             popUpOffset: {
                 vertical: -1,
                 right: 24,
             },
             horizontalAnchor: inputs.horizontalAnchor || HorizontalAnchor.Both,
-            ignoreMaxDimensions: inputs.ignoreMaxDimensions,
         })}
                 ${listen(ViraMenuTrigger.events.openChange, (event) => {
             updateState({ showPopUpResult: event.detail });

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "vira",
-    "version": "28.18.1",
+    "version": "28.19.0",
     "description": "A simple and highly versatile design system using element-vir.",
     "keywords": [
         "design",