@gradient-ui/core 0.6.0 → 1.0.0

package/dist/selected-CEdYQtXH.cjs

@@ -0,0 +1 @@
+"use strict";const vue=require("vue"),propsFactory=require("./propsFactory-DT6-QS4L.cjs");function resolveMaybeBoolean(value){return typeof value=="function"?value():value}const makeSelectedProps=propsFactory.propsFactory({selected:{type:[Boolean,Function],default:!1}});function useSelected(props,base){return vue.computed(()=>resolveMaybeBoolean(props.selected)?`${base}_selected`:"")}exports.makeSelectedProps=makeSelectedProps;exports.useSelected=useSelected;

package/dist/selected-DPdzuMh_.js

@@ -0,0 +1,20 @@
+import { computed } from "vue";
+import { p as propsFactory } from "./propsFactory-FM5RGbLN.js";
+function resolveMaybeBoolean(value) {
+  return typeof value == "function" ? value() : value;
+}
+const makeSelectedProps = propsFactory({
+  selected: {
+    type: [Boolean, Function],
+    default: !1
+  }
+});
+function useSelected(props, base) {
+  return computed(
+    () => resolveMaybeBoolean(props.selected) ? `${base}_selected` : ""
+  );
+}
+export {
+  makeSelectedProps as m,
+  useSelected as u
+};

package/dist/selectionController-Cq7OffKP.js

@@ -0,0 +1,98 @@
+import { computed, unref } from "vue";
+import { u as useBooleanProp, a as useSelectionModel } from "./selectionModel-DMATNQOo.js";
+function useItems(options) {
+  function resolveLabel(item) {
+    const labelKey = unref(options.labelKey);
+    return typeof labelKey == "function" ? labelKey(item) : labelKey !== void 0 ? String(item[labelKey]) : isRecord(item) && "label" in item ? String(item.label) : String(item);
+  }
+  function resolveValue(item) {
+    const valueKey = unref(options.valueKey);
+    return typeof valueKey == "function" ? valueKey(item) : valueKey !== void 0 && item ? item[valueKey] : isRecord(item) && "value" in item ? item.value : item;
+  }
+  function normalize(item) {
+    const itemChildren = unref(options.itemChildren), childrenRaw = typeof itemChildren == "function" ? itemChildren(item) : itemChildren ? item[itemChildren] : item.children;
+    return {
+      label: resolveLabel(item),
+      value: resolveValue(item),
+      raw: item,
+      disabled: !!(item.disabled ?? !1),
+      children: childrenRaw == null ? void 0 : childrenRaw.map(normalize)
+    };
+  }
+  return {
+    items: computed(() => (unref(options.items) ?? []).map(normalize)),
+    resolveLabel,
+    resolveValue
+  };
+}
+function isRecord(value) {
+  return typeof value == "object" && value !== null;
+}
+function useSelection(props, emit) {
+  const isReturnObject = useBooleanProp(props.returnObject ?? !1);
+  function extract(item) {
+    return isReturnObject.value ? item.raw : item.value;
+  }
+  const selection = useSelectionModel(
+    {
+      modelValue: props.modelValue,
+      multiple: props.multiple,
+      comparator: props.comparator,
+      emptyValue: null
+    },
+    (value) => emit("update:modelValue", value)
+  );
+  function isSelected(item) {
+    return selection.isSelected(extract(item));
+  }
+  function getNextValue(item) {
+    if (!item.disabled)
+      return selection.getNextValue(extract(item));
+  }
+  function select(item) {
+    item.disabled || selection.toggle(extract(item));
+  }
+  return {
+    isSelected,
+    getNextValue,
+    select
+  };
+}
+function useSelectionController(props, emit) {
+  const isReturnObject = useBooleanProp(props.returnObject ?? !1), { items: rawItems, resolveValue: rawResolveValue } = useItems({
+    items: props.items,
+    labelKey: props.labelKey,
+    valueKey: props.valueKey,
+    itemChildren: props.itemChildren
+  }), items = computed(() => rawItems.value), resolveValue = (item) => rawResolveValue(item), comparator = (a, b) => {
+    const customComparator = unref(props.valueComparator);
+    return customComparator ? customComparator(a, b) : !isReturnObject.value || !a || !b ? Object.is(a, b) : Object.is(resolveValue(a), resolveValue(b));
+  }, { isSelected, getNextValue, select } = useSelection(
+    {
+      modelValue: props.modelValue,
+      multiple: props.multiple,
+      returnObject: props.returnObject,
+      comparator
+    },
+    emit
+  );
+  function isItemSelected(item) {
+    return isSelected(item);
+  }
+  function selectItem(item) {
+    select(item);
+  }
+  function getNextItemValue(item) {
+    return getNextValue(item);
+  }
+  return {
+    items,
+    isItemSelected,
+    getNextItemValue,
+    selectItem
+  };
+}
+export {
+  useItems as a,
+  useSelectionController as u
+};

package/dist/selectionController-D_SzzLi7.cjs

@@ -0,0 +1 @@
+"use strict";const vue=require("vue"),selectionModel=require("./selectionModel-B_tgk_Aa.cjs");function useItems(options){function resolveLabel(item){const labelKey=vue.unref(options.labelKey);return typeof labelKey=="function"?labelKey(item):labelKey!==void 0?String(item[labelKey]):isRecord(item)&&"label"in item?String(item.label):String(item)}function resolveValue(item){const valueKey=vue.unref(options.valueKey);return typeof valueKey=="function"?valueKey(item):valueKey!==void 0&&item?item[valueKey]:isRecord(item)&&"value"in item?item.value:item}function normalize(item){const itemChildren=vue.unref(options.itemChildren),childrenRaw=typeof itemChildren=="function"?itemChildren(item):itemChildren?item[itemChildren]:item.children;return{label:resolveLabel(item),value:resolveValue(item),raw:item,disabled:!!(item.disabled??!1),children:childrenRaw==null?void 0:childrenRaw.map(normalize)}}return{items:vue.computed(()=>(vue.unref(options.items)??[]).map(normalize)),resolveLabel,resolveValue}}function isRecord(value){return typeof value=="object"&&value!==null}function useSelection(props,emit){const isReturnObject=selectionModel.useBooleanProp(props.returnObject??!1);function extract(item){return isReturnObject.value?item.raw:item.value}const selection=selectionModel.useSelectionModel({modelValue:props.modelValue,multiple:props.multiple,comparator:props.comparator,emptyValue:null},value=>emit("update:modelValue",value));function isSelected(item){return selection.isSelected(extract(item))}function getNextValue(item){if(!item.disabled)return selection.getNextValue(extract(item))}function select(item){item.disabled||selection.toggle(extract(item))}return{isSelected,getNextValue,select}}function useSelectionController(props,emit){const isReturnObject=selectionModel.useBooleanProp(props.returnObject??!1),{items:rawItems,resolveValue:rawResolveValue}=useItems({items:props.items,labelKey:props.labelKey,valueKey:props.valueKey,itemChildren:props.itemChildren}),items=vue.computed(()=>rawItems.value),resolveValue=item=>rawResolveValue(item),comparator=(a,b)=>{const customComparator=vue.unref(props.valueComparator);return customComparator?customComparator(a,b):!isReturnObject.value||!a||!b?Object.is(a,b):Object.is(resolveValue(a),resolveValue(b))},{isSelected,getNextValue,select}=useSelection({modelValue:props.modelValue,multiple:props.multiple,returnObject:props.returnObject,comparator},emit);function isItemSelected(item){return isSelected(item)}function selectItem(item){select(item)}function getNextItemValue(item){return getNextValue(item)}return{items,isItemSelected,getNextItemValue,selectItem}}exports.useItems=useItems;exports.useSelectionController=useSelectionController;

package/dist/selectionModel-B_tgk_Aa.cjs

@@ -0,0 +1 @@
+"use strict";const vue=require("vue");function useBooleanProp(value){return vue.computed(()=>{const normalized=vue.unref(value);return normalized===!0||normalized===""})}function useSelectionModel(props,onChange){const isMultiple=useBooleanProp(props.multiple??!1),isMandatory=useBooleanProp(props.mandatory??!1),compare=props.comparator??((a,b)=>Object.is(a,b));function getModelAsArray(modelValue){return Array.isArray(modelValue)?[...modelValue]:[]}function getModelAsSingle(modelValue){return Array.isArray(modelValue)?null:modelValue}function isSelected(value){const modelValue=vue.unref(props.modelValue);if(isMultiple.value)return getModelAsArray(modelValue).some(item=>compare(item,value));const model=getModelAsSingle(modelValue);return model===null?!1:compare(model,value)}function getNextValue(value){const modelValue=vue.unref(props.modelValue);if(isMultiple.value){const next=getModelAsArray(modelValue),index=next.findIndex(item=>compare(item,value));return index>-1?isMandatory.value&&next.length===1?modelValue:(next.splice(index,1),next):(next.push(value),next)}const model=getModelAsSingle(modelValue);return model!==null&&compare(model,value)?isMandatory.value?modelValue:props.emptyValue:value}function select(value){const modelValue=vue.unref(props.modelValue);if(isMultiple.value){const next=getModelAsArray(modelValue);next.some(item=>compare(item,value))||(next.push(value),onChange(next));return}const model=getModelAsSingle(modelValue);(model===null||!compare(model,value))&&onChange(value)}function unselect(value){const modelValue=vue.unref(props.modelValue);if(isMultiple.value){const current=getModelAsArray(modelValue),index=current.findIndex(item=>compare(item,value));if(index===-1||isMandatory.value&&current.length===1)return;current.splice(index,1),onChange(current);return}const model=getModelAsSingle(modelValue);model!==null&&compare(model,value)&&!isMandatory.value&&onChange(props.emptyValue)}function toggle(value){if(isSelected(value)){unselect(value);return}select(value)}return{isMultiple,isMandatory,isSelected,getNextValue,select,unselect,toggle}}exports.useBooleanProp=useBooleanProp;exports.useSelectionModel=useSelectionModel;

package/dist/selectionModel-DMATNQOo.js

@@ -0,0 +1,76 @@
+import { computed, unref } from "vue";
+function useBooleanProp(value) {
+  return computed(() => {
+    const normalized = unref(value);
+    return normalized === !0 || normalized === "";
+  });
+}
+function useSelectionModel(props, onChange) {
+  const isMultiple = useBooleanProp(props.multiple ?? !1), isMandatory = useBooleanProp(props.mandatory ?? !1), compare = props.comparator ?? ((a, b) => Object.is(a, b));
+  function getModelAsArray(modelValue) {
+    return Array.isArray(modelValue) ? [...modelValue] : [];
+  }
+  function getModelAsSingle(modelValue) {
+    return Array.isArray(modelValue) ? null : modelValue;
+  }
+  function isSelected(value) {
+    const modelValue = unref(props.modelValue);
+    if (isMultiple.value)
+      return getModelAsArray(modelValue).some(
+        (item) => compare(item, value)
+      );
+    const model = getModelAsSingle(modelValue);
+    return model === null ? !1 : compare(model, value);
+  }
+  function getNextValue(value) {
+    const modelValue = unref(props.modelValue);
+    if (isMultiple.value) {
+      const next = getModelAsArray(modelValue), index = next.findIndex((item) => compare(item, value));
+      return index > -1 ? isMandatory.value && next.length === 1 ? modelValue : (next.splice(index, 1), next) : (next.push(value), next);
+    }
+    const model = getModelAsSingle(modelValue);
+    return model !== null && compare(model, value) ? isMandatory.value ? modelValue : props.emptyValue : value;
+  }
+  function select(value) {
+    const modelValue = unref(props.modelValue);
+    if (isMultiple.value) {
+      const next = getModelAsArray(modelValue);
+      next.some((item) => compare(item, value)) || (next.push(value), onChange(next));
+      return;
+    }
+    const model = getModelAsSingle(modelValue);
+    (model === null || !compare(model, value)) && onChange(value);
+  }
+  function unselect(value) {
+    const modelValue = unref(props.modelValue);
+    if (isMultiple.value) {
+      const current = getModelAsArray(modelValue), index = current.findIndex((item) => compare(item, value));
+      if (index === -1 || isMandatory.value && current.length === 1)
+        return;
+      current.splice(index, 1), onChange(current);
+      return;
+    }
+    const model = getModelAsSingle(modelValue);
+    model !== null && compare(model, value) && !isMandatory.value && onChange(props.emptyValue);
+  }
+  function toggle(value) {
+    if (isSelected(value)) {
+      unselect(value);
+      return;
+    }
+    select(value);
+  }
+  return {
+    isMultiple,
+    isMandatory,
+    isSelected,
+    getNextValue,
+    select,
+    unselect,
+    toggle
+  };
+}
+export {
+  useSelectionModel as a,
+  useBooleanProp as u
+};

package/dist/services.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useSnackbar-D60dFSV1.cjs");exports.useLoading=e.useLoading;exports.useSnackbar=e.useSnackbar;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const useSnackbar=require("./useSnackbar-CRUtXt4_.cjs"),runtime=require("./runtime-DjqHzhfc.cjs");exports.GradientUIServicesSymbol=useSnackbar.GradientUIServicesSymbol;exports.createLoadingService=useSnackbar.createLoadingService;exports.createSnackbarService=useSnackbar.createSnackbarService;exports.useLoading=useSnackbar.useLoading;exports.useSnackbar=useSnackbar.useSnackbar;exports.createGradientUIServices=runtime.createGradientUIServices;exports.getGradientUIServices=runtime.getGradientUIServices;exports.installGradientUIServices=runtime.installGradientUIServices;

package/dist/services.mjs

@@ -1,5 +1,12 @@
-import { u as e, c as o } from "./useSnackbar-us11nXny.js";
+import { G, c, a, u, b } from "./useSnackbar-CGt0lJDk.js";
+import { c as c2, g, i } from "./runtime-DBDKFxqD.js";
 export {
-  e as useLoading,
-  o as useSnackbar
+  G as GradientUIServicesSymbol,
+  c2 as createGradientUIServices,
+  c as createLoadingService,
+  a as createSnackbarService,
+  g as getGradientUIServices,
+  i as installGradientUIServices,
+  u as useLoading,
+  b as useSnackbar
 };

package/dist/size-BSjg5E6f.cjs

@@ -0,0 +1 @@
+"use strict";const vue=require("vue"),propsFactory=require("./propsFactory-DT6-QS4L.cjs");require("@mdi/js");const makeSizeProps=propsFactory.propsFactory({size:{type:String,default:"m"}});function useSize(props,base){return vue.computed(()=>`${base}_${props.size}`)}exports.makeSizeProps=makeSizeProps;exports.useSize=useSize;

package/dist/size-C-WH-uPa.js

@@ -0,0 +1,16 @@
+import { computed } from "vue";
+import { p as propsFactory } from "./propsFactory-FM5RGbLN.js";
+import "@mdi/js";
+const makeSizeProps = propsFactory({
+  size: {
+    type: String,
+    default: "m"
+  }
+});
+function useSize(props, base) {
+  return computed(() => `${base}_${props.size}`);
+}
+export {
+  makeSizeProps as m,
+  useSize as u
+};

package/dist/ssr.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const environment=require("./environment-Dr5kpq3D.cjs"),mount=require("./mount-qFaEMFZj.cjs"),head=require("./head-u-LV2RM9.cjs"),appScopedState=require("./appScopedState-D0zgOLf5.cjs"),teleport=require("./teleport-Bj9Z7LhE.cjs"),viewport=require("./viewport-BhvdzcLi.cjs"),clientLifecycle=require("./clientLifecycle-DlIZRy4I.cjs"),id=require("./id-EYQallpf.cjs");exports.canUseDom=environment.canUseDom;exports.getClientDocument=environment.getClientDocument;exports.getClientRuntime=environment.getClientRuntime;exports.getClientWindow=environment.getClientWindow;exports.isClientElement=environment.isClientElement;exports.isClientHTMLElement=environment.isClientHTMLElement;exports.runOnClient=environment.runOnClient;exports.createClientElementRegistry=mount.createClientElementRegistry;exports.mountClientComponent=mount.mountClientComponent;exports.mountClientStyle=mount.mountClientStyle;exports.resolveClientTarget=mount.resolveClientTarget;exports.createGradientUIHead=head.createGradientUIHead;exports.defineAppScopedState=appScopedState.defineAppScopedState;exports.installSsrTeleport=teleport.installSsrTeleport;exports.useHydrated=teleport.useHydrated;exports.useSsrTeleport=teleport.useSsrTeleport;exports.installSsrViewport=viewport.installSsrViewport;exports.provideSsrViewport=viewport.provideSsrViewport;exports.useSsrViewport=viewport.useSsrViewport;exports.onClientMounted=clientLifecycle.onClientMounted;exports.useSsrId=id.useSsrId;

package/dist/ssr.mjs

@@ -0,0 +1,31 @@
+import { c, g, a, b, i, d, r } from "./environment-o0e-UUbv.js";
+import { c as c2, m, a as a2, r as r2 } from "./mount-CqN_WfIk.js";
+import { c as c3 } from "./head-BMx6G1g4.js";
+import { d as d2 } from "./appScopedState-BCzeQW7Y.js";
+import { i as i2, u, a as a3 } from "./teleport-6ZRoZ2JT.js";
+import { i as i3, p, u as u2 } from "./viewport-DhX6inI4.js";
+import { o } from "./clientLifecycle-NZQzL_eH.js";
+import { u as u3 } from "./id-Cjq3OT0R.js";
+export {
+  c as canUseDom,
+  c2 as createClientElementRegistry,
+  c3 as createGradientUIHead,
+  d2 as defineAppScopedState,
+  g as getClientDocument,
+  a as getClientRuntime,
+  b as getClientWindow,
+  i2 as installSsrTeleport,
+  i3 as installSsrViewport,
+  i as isClientElement,
+  d as isClientHTMLElement,
+  m as mountClientComponent,
+  a2 as mountClientStyle,
+  o as onClientMounted,
+  p as provideSsrViewport,
+  r2 as resolveClientTarget,
+  r as runOnClient,
+  u as useHydrated,
+  u3 as useSsrId,
+  a3 as useSsrTeleport,
+  u2 as useSsrViewport
+};

package/dist/state-CUskk7oG.cjs

@@ -0,0 +1 @@
+"use strict";const vue=require("vue"),propsFactory=require("./propsFactory-DT6-QS4L.cjs"),makeStateProps=propsFactory.propsFactory({state:String});function useState(props,base){return vue.computed(()=>props.state?`${base}_${props.state}`:"")}exports.makeStateProps=makeStateProps;exports.useState=useState;

package/dist/state-zMDQLwyB.js

@@ -0,0 +1,12 @@
+import { computed } from "vue";
+import { p as propsFactory } from "./propsFactory-FM5RGbLN.js";
+const makeStateProps = propsFactory({
+  state: String
+});
+function useState(props, base) {
+  return computed(() => props.state ? `${base}_${props.state}` : "");
+}
+export {
+  makeStateProps as m,
+  useState as u
+};

package/dist/stateIcon-B8wmjxgd.js

@@ -0,0 +1,98 @@
+import { computed, toValue } from "vue";
+import { u as useNavigationController } from "./controller-Dk9Wd1Sr.js";
+function useStepperController(options) {
+  const items = computed(
+    () => (toValue(options.items) ?? []).map((item, index) => ({
+      ...item,
+      index
+    }))
+  ), itemByValue = computed(
+    () => new Map(items.value.map((item) => [item.value, item]))
+  ), activeIndex = computed(
+    () => items.value.findIndex(
+      (item) => Object.is(item.value, navigation.model.value)
+    )
+  ), activeItem = computed(
+    () => activeIndex.value >= 0 ? items.value[activeIndex.value] : void 0
+  ), isRootDisabled = () => !!toValue(options.disabled), isStepCompleted = (item) => item.completed ?? (activeIndex.value >= 0 && item.index < activeIndex.value), isStepEditable = (item) => !!(toValue(options.editable) || item.editable || isStepCompleted(item)), isStepAvailable = (item) => isRootDisabled() || item.disabled ? !1 : toValue(options.linear) ? activeIndex.value < 0 ? item.index === 0 || isStepEditable(item) : item.index <= activeIndex.value + 1 ? !0 : isStepEditable(item) : !0, canSelect = (value) => {
+    const item = value === void 0 ? void 0 : itemByValue.value.get(value);
+    return item ? isStepAvailable(item) : !1;
+  }, navigation = useNavigationController({
+    modelValue: () => toValue(options.modelValue),
+    defaultValue: () => toValue(options.defaultValue),
+    disabled: options.disabled,
+    mandatory: options.mandatory,
+    orientation: options.orientation,
+    selectOnFocus: () => toValue(options.activation) === "automatic",
+    selectOnAction: () => toValue(options.activation) === "manual",
+    idPrefix: options.idPrefix,
+    itemIdSegment: "step",
+    panelIdSegment: "step-panel",
+    canSelect,
+    onUpdateModelValue: options.onUpdateModelValue,
+    onSelect: (value, event) => {
+      var _a;
+      return (_a = options.onSelect) == null ? void 0 : _a.call(
+        options,
+        value,
+        value === void 0 ? void 0 : itemByValue.value.get(value),
+        event
+      );
+    }
+  }), getNextItem = () => items.value.find(
+    (item) => item.index > activeIndex.value && isStepAvailable(item)
+  ), getPrevItem = () => [...items.value].reverse().find(
+    (item) => item.index < activeIndex.value && isStepAvailable(item)
+  ), canNext = computed(() => !!getNextItem()), canPrev = computed(() => !!getPrevItem()), isLast = computed(() => {
+    const lastItem = items.value.filter(isStepAvailable).at(-1);
+    return !!(lastItem && Object.is(lastItem.value, navigation.model.value));
+  }), getItemState = (item) => isStepAvailable(item) ? item.state === "error" || item.error ? "error" : navigation.isSelected(item.value) ? "active" : isStepCompleted(item) ? "completed" : "pending" : "disabled", getItemSemanticState = (item) => {
+    if (item.state) return item.state;
+    if (item.error) return "error";
+  }, registerStep = (registration) => {
+    const item = registration.value === void 0 ? void 0 : itemByValue.value.get(registration.value);
+    navigation.registerItem({
+      ...registration,
+      disabled: registration.disabled || (item ? !isStepAvailable(item) : !0)
+    });
+  }, select = (value, event) => navigation.select(value, event);
+  return {
+    ...navigation,
+    items,
+    activeIndex,
+    activeItem,
+    canNext,
+    canPrev,
+    isLast,
+    isStepAvailable,
+    isStepCompleted,
+    getItemState,
+    getItemSemanticState,
+    registerStep,
+    select,
+    next: (event) => {
+      var _a;
+      const item = getNextItem();
+      item && (select(item.value, event), (_a = options.onNext) == null || _a.call(options, item.value, item, event));
+    },
+    prev: (event) => {
+      var _a;
+      const item = getPrevItem();
+      item && (select(item.value, event), (_a = options.onPrev) == null || _a.call(options, item.value, item, event));
+    },
+    finish: (event) => {
+      var _a;
+      (_a = options.onFinish) == null || _a.call(options, navigation.model.value, activeItem.value, event);
+    }
+  };
+}
+const resolveStateIcon = ({
+  state,
+  icon,
+  icons,
+  defaultIcons
+}) => (icons == null ? void 0 : icons[state]) ?? (defaultIcons == null ? void 0 : defaultIcons[state]) ?? icon;
+export {
+  resolveStateIcon as r,
+  useStepperController as u
+};

package/dist/stateIcon-BxT3Loel.cjs

@@ -0,0 +1 @@
+"use strict";const vue=require("vue"),controller=require("./controller-DTFaTta0.cjs");function useStepperController(options){const items=vue.computed(()=>(vue.toValue(options.items)??[]).map((item,index)=>({...item,index}))),itemByValue=vue.computed(()=>new Map(items.value.map(item=>[item.value,item]))),activeIndex=vue.computed(()=>items.value.findIndex(item=>Object.is(item.value,navigation.model.value))),activeItem=vue.computed(()=>activeIndex.value>=0?items.value[activeIndex.value]:void 0),isRootDisabled=()=>!!vue.toValue(options.disabled),isStepCompleted=item=>item.completed??(activeIndex.value>=0&&item.index<activeIndex.value),isStepEditable=item=>!!(vue.toValue(options.editable)||item.editable||isStepCompleted(item)),isStepAvailable=item=>isRootDisabled()||item.disabled?!1:vue.toValue(options.linear)?activeIndex.value<0?item.index===0||isStepEditable(item):item.index<=activeIndex.value+1?!0:isStepEditable(item):!0,canSelect=value=>{const item=value===void 0?void 0:itemByValue.value.get(value);return item?isStepAvailable(item):!1},navigation=controller.useNavigationController({modelValue:()=>vue.toValue(options.modelValue),defaultValue:()=>vue.toValue(options.defaultValue),disabled:options.disabled,mandatory:options.mandatory,orientation:options.orientation,selectOnFocus:()=>vue.toValue(options.activation)==="automatic",selectOnAction:()=>vue.toValue(options.activation)==="manual",idPrefix:options.idPrefix,itemIdSegment:"step",panelIdSegment:"step-panel",canSelect,onUpdateModelValue:options.onUpdateModelValue,onSelect:(value,event)=>{var _a;return(_a=options.onSelect)==null?void 0:_a.call(options,value,value===void 0?void 0:itemByValue.value.get(value),event)}}),getNextItem=()=>items.value.find(item=>item.index>activeIndex.value&&isStepAvailable(item)),getPrevItem=()=>[...items.value].reverse().find(item=>item.index<activeIndex.value&&isStepAvailable(item)),canNext=vue.computed(()=>!!getNextItem()),canPrev=vue.computed(()=>!!getPrevItem()),isLast=vue.computed(()=>{const lastItem=items.value.filter(isStepAvailable).at(-1);return!!(lastItem&&Object.is(lastItem.value,navigation.model.value))}),getItemState=item=>isStepAvailable(item)?item.state==="error"||item.error?"error":navigation.isSelected(item.value)?"active":isStepCompleted(item)?"completed":"pending":"disabled",getItemSemanticState=item=>{if(item.state)return item.state;if(item.error)return"error"},registerStep=registration=>{const item=registration.value===void 0?void 0:itemByValue.value.get(registration.value);navigation.registerItem({...registration,disabled:registration.disabled||(item?!isStepAvailable(item):!0)})},select=(value,event)=>navigation.select(value,event);return{...navigation,items,activeIndex,activeItem,canNext,canPrev,isLast,isStepAvailable,isStepCompleted,getItemState,getItemSemanticState,registerStep,select,next:event=>{var _a;const item=getNextItem();item&&(select(item.value,event),(_a=options.onNext)==null||_a.call(options,item.value,item,event))},prev:event=>{var _a;const item=getPrevItem();item&&(select(item.value,event),(_a=options.onPrev)==null||_a.call(options,item.value,item,event))},finish:event=>{var _a;(_a=options.onFinish)==null||_a.call(options,navigation.model.value,activeItem.value,event)}}}const resolveStateIcon=({state,icon,icons,defaultIcons})=>(icons==null?void 0:icons[state])??(defaultIcons==null?void 0:defaultIcons[state])??icon;exports.resolveStateIcon=resolveStateIcon;exports.useStepperController=useStepperController;