@uzum-tech/ui 2.0.0-beta.8 → 2.0.0

package/es/_internal/icon/index.d.ts

@@ -1 +1,3 @@
 export { default as UBaseIcon } from './src/Icon';
+export { iconProps, UIcon } from './src/UIcon';
+export type { Depth, GenericUIcon, IconNameOf, IconProps } from './src/UIcon';

package/es/_internal/icon/index.mjs

@@ -1 +1,2 @@
-export { default as UBaseIcon } from "./src/Icon.mjs";
+export { default as UBaseIcon } from "./src/Icon.mjs";
+export { iconProps, UIcon } from "./src/UIcon.mjs";

package/es/_internal/icon/src/UIcon.d.ts

@@ -0,0 +1,126 @@
+import type { IconPackBase, IconPackRegistry } from '@uzum-tech/icons';
+import type { Component, PropType, VNodeChild } from 'vue';
+import type { ExtractPublicPropTypes } from '../../../_utils';
+import type { IconPackName } from '../../../config-provider/src/internal-interface';
+export type Depth = 1 | 2 | 3 | 4 | 5 | '1' | '2' | '3' | '4' | '5' | undefined;
+export type IconNameOf<P extends IconPackName> = IconPackRegistry extends Record<P, infer Pack> ? Pack extends IconPackBase<infer Name> ? Name : string : string;
+export declare const iconProps: {
+    readonly depth: PropType<Depth>;
+    readonly size: PropType<number | string>;
+    readonly color: StringConstructor;
+    readonly component: PropType<Component>;
+    readonly name: PropType<string>;
+    readonly pack: PropType<IconPackName>;
+    readonly onClick: PropType<(e: MouseEvent) => void>;
+    readonly theme: PropType<import("../../../_mixins").Theme<"Icon", {
+        color: string;
+        opacity1Depth: string;
+        opacity2Depth: string;
+        opacity3Depth: string;
+        opacity4Depth: string;
+        opacity5Depth: string;
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Icon", {
+        color: string;
+        opacity1Depth: string;
+        opacity2Depth: string;
+        opacity3Depth: string;
+        opacity4Depth: string;
+        opacity5Depth: string;
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Icon", {
+        color: string;
+        opacity1Depth: string;
+        opacity2Depth: string;
+        opacity3Depth: string;
+        opacity4Depth: string;
+        opacity5Depth: string;
+    }, any>>>;
+};
+export type IconProps = ExtractPublicPropTypes<typeof iconProps>;
+declare const UIconImpl: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly depth: PropType<Depth>;
+    readonly size: PropType<number | string>;
+    readonly color: StringConstructor;
+    readonly component: PropType<Component>;
+    readonly name: PropType<string>;
+    readonly pack: PropType<IconPackName>;
+    readonly onClick: PropType<(e: MouseEvent) => void>;
+    readonly theme: PropType<import("../../../_mixins").Theme<"Icon", {
+        color: string;
+        opacity1Depth: string;
+        opacity2Depth: string;
+        opacity3Depth: string;
+        opacity4Depth: string;
+        opacity5Depth: string;
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Icon", {
+        color: string;
+        opacity1Depth: string;
+        opacity2Depth: string;
+        opacity3Depth: string;
+        opacity4Depth: string;
+        opacity5Depth: string;
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Icon", {
+        color: string;
+        opacity1Depth: string;
+        opacity2Depth: string;
+        opacity3Depth: string;
+        opacity4Depth: string;
+        opacity5Depth: string;
+    }, any>>>;
+}>, {
+    mergedClsPrefix: import("vue").Ref<string, string>;
+    resolvedPackedIcon: import("vue").ComputedRef<VNodeChild>;
+    mergedStyle: import("vue").ComputedRef<{
+        fontSize: string | undefined;
+        color: string | undefined;
+    }>;
+    cssVars: import("vue").ComputedRef<{
+        '--u-bezier': string;
+        '--u-color': string;
+        '--u-opacity': string;
+    }> | undefined;
+    themeClass: import("vue").Ref<string, string> | undefined;
+    onRender: (() => void) | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly depth: PropType<Depth>;
+    readonly size: PropType<number | string>;
+    readonly color: StringConstructor;
+    readonly component: PropType<Component>;
+    readonly name: PropType<string>;
+    readonly pack: PropType<IconPackName>;
+    readonly onClick: PropType<(e: MouseEvent) => void>;
+    readonly theme: PropType<import("../../../_mixins").Theme<"Icon", {
+        color: string;
+        opacity1Depth: string;
+        opacity2Depth: string;
+        opacity3Depth: string;
+        opacity4Depth: string;
+        opacity5Depth: string;
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Icon", {
+        color: string;
+        opacity1Depth: string;
+        opacity2Depth: string;
+        opacity3Depth: string;
+        opacity4Depth: string;
+        opacity5Depth: string;
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Icon", {
+        color: string;
+        opacity1Depth: string;
+        opacity2Depth: string;
+        opacity3Depth: string;
+        opacity4Depth: string;
+        opacity5Depth: string;
+    }, any>>>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type IconBaseProps = Omit<IconProps, 'name' | 'pack'>;
+export type GenericUIcon = <P extends IconPackName = IconPackName>(props: IconBaseProps & {
+    pack?: P;
+    name?: IconNameOf<P>;
+}) => any;
+export declare const UIcon: typeof UIconImpl & GenericUIcon;
+export {};

package/es/_internal/icon/src/UIcon.mjs

@@ -0,0 +1,131 @@
+import { computed, defineComponent, h } from 'vue';
+import { useConfig, useTheme, useThemeClass } from "../../../_mixins/index.mjs";
+import { formatLength, warn } from "../../../_utils/index.mjs";
+import style from "../../../icon/src/styles/index.cssr.mjs";
+import { iconLight } from "../../../icon/styles/index.mjs";
+import UBaseIcon from "./Icon.mjs";
+export const iconProps = Object.assign(Object.assign({}, useTheme.props), {
+  depth: [String, Number],
+  size: [Number, String],
+  color: String,
+  component: Object,
+  name: String,
+  pack: String,
+  onClick: Function
+});
+const UIconImpl = defineComponent({
+  _n_icon__: true,
+  name: 'Icon',
+  props: iconProps,
+  setup(props) {
+    const {
+      mergedClsPrefixRef,
+      mergedIconPacksRef,
+      inlineThemeDisabled
+    } = useConfig(props);
+    const themeRef = useTheme('Icon', '-icon', style, iconLight, props, mergedClsPrefixRef);
+    const cssVarsRef = computed(() => {
+      const {
+        depth
+      } = props;
+      const {
+        common: {
+          cubicBezierEaseInOut
+        },
+        self
+      } = themeRef.value;
+      if (depth !== undefined) {
+        const {
+          color,
+          [`opacity${depth}Depth`]: opacity
+        } = self;
+        return {
+          '--u-bezier': cubicBezierEaseInOut,
+          '--u-color': color,
+          '--u-opacity': opacity
+        };
+      }
+      return {
+        '--u-bezier': cubicBezierEaseInOut,
+        '--u-color': '',
+        '--u-opacity': ''
+      };
+    });
+    const themeClassHandle = inlineThemeDisabled ? useThemeClass('icon', computed(() => `${props.depth || 'd'}`), cssVarsRef, props) : undefined;
+    const resolvedPackedIconRef = computed(() => {
+      const {
+        name,
+        pack
+      } = props;
+      if (!name) return null;
+      const config = mergedIconPacksRef === null || mergedIconPacksRef === void 0 ? void 0 : mergedIconPacksRef.value;
+      if (!config) {
+        warn('icon', 'no icon packs configured on `u-config-provider`');
+        return null;
+      }
+      const targetName = pack !== null && pack !== void 0 ? pack : config.defaultPackName;
+      const target = config.packs.find(p => p.name === targetName);
+      if (!target) {
+        warn('icon', `icon pack "${targetName}" not found`);
+        return null;
+      }
+      if (config.async) {
+        return target.renderAsyncIcon(name);
+      }
+      if (!('renderIcon' in target)) {
+        warn('icon', `pack "${target.name}" is async-only, set \`async: true\` on \`u-config-provider :icon-packs\``);
+        return null;
+      }
+      return target.renderIcon(name);
+    });
+    return {
+      mergedClsPrefix: mergedClsPrefixRef,
+      resolvedPackedIcon: resolvedPackedIconRef,
+      mergedStyle: computed(() => {
+        const {
+          size,
+          color
+        } = props;
+        return {
+          fontSize: formatLength(size),
+          color
+        };
+      }),
+      cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
+      themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
+      onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
+    };
+  },
+  render() {
+    var _a;
+    const {
+      $parent,
+      depth,
+      mergedClsPrefix,
+      component,
+      onRender,
+      themeClass,
+      resolvedPackedIcon
+    } = this;
+    if ((_a = $parent === null || $parent === void 0 ? void 0 : $parent.$options) === null || _a === void 0 ? void 0 : _a._n_icon__) {
+      warn('icon', 'don\'t wrap `u-icon` inside `u-icon`');
+    }
+    onRender === null || onRender === void 0 ? void 0 : onRender();
+    return h(UBaseIcon, {
+      clsPrefix: mergedClsPrefix,
+      role: 'img',
+      class: [`${mergedClsPrefix}-icon`, themeClass, {
+        [`${mergedClsPrefix}-icon--depth`]: depth,
+        [`${mergedClsPrefix}-icon--color-transition`]: depth !== undefined
+      }],
+      style: [this.cssVars, this.mergedStyle],
+      onClick: this.onClick
+    }, {
+      default: () => {
+        var _a, _b;
+        return resolvedPackedIcon !== null && resolvedPackedIcon !== void 0 ? resolvedPackedIcon : component ? h(component) : (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a);
+      }
+    });
+  }
+});
+export const UIcon = UIconImpl;

package/es/_internal/select-menu/src/SelectOption.mjs

@@ -51,21 +51,27 @@ export default defineComponent({
       const {
         value: pendingTmNode
       } = pendingTmNodeRef;
-      if (!pendingTmNode) return false;
+      if (!pendingTmNode) {
+        return false;
+      }
       return props.tmNode.key === pendingTmNode.key;
     });
     function handleClick(e) {
       const {
         tmNode
       } = props;
-      if (tmNode.disabled) return;
+      if (tmNode.disabled) {
+        return;
+      }
       handleOptionClick(e, tmNode);
     }
     function handleMouseEnter(e) {
       const {
         tmNode
       } = props;
-      if (tmNode.disabled) return;
+      if (tmNode.disabled) {
+        return;
+      }
       handleOptionMouseEnter(e, tmNode);
     }
     function handleMouseMove(e) {
@@ -75,7 +81,9 @@ export default defineComponent({
       const {
         value: isPending
       } = isPendingRef;
-      if (tmNode.disabled || isPending) return;
+      if (tmNode.disabled || isPending) {
+        return;
+      }
       handleOptionMouseEnter(e, tmNode);
     }
     return {

package/es/_mixins/use-config.d.ts

@@ -1,5 +1,5 @@
 import type { ComputedRef, Ref } from 'vue';
-import type { Breakpoints, GlobalComponentConfig, RtlEnabledState } from '../config-provider/src/internal-interface';
+import type { Breakpoints, GlobalComponentConfig, IconPacksConfig, RtlEnabledState } from '../config-provider/src/internal-interface';
 type UseConfigProps = Readonly<{
     bordered?: boolean;
     [key: string]: unknown;
@@ -14,6 +14,7 @@ export default function useConfig(props?: UseConfigProps, options?: {
     mergedClsPrefixRef: Ref<string>;
     mergedBreakpointsRef: Ref<Breakpoints> | undefined;
     mergedComponentPropsRef: Ref<GlobalComponentConfig | undefined> | undefined;
+    mergedIconPacksRef: Ref<IconPacksConfig | undefined> | undefined;
     namespaceRef: ComputedRef<string | undefined>;
 };
 export declare function useMergedClsPrefix(): Ref<string>;

package/es/_mixins/use-config.mjs

@@ -10,6 +10,7 @@ export default function useConfig(props = {}, options = {
     inlineThemeDisabled: UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.inlineThemeDisabled,
     mergedRtlRef: UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.mergedRtlRef,
     mergedComponentPropsRef: UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.mergedComponentPropsRef,
+    mergedIconPacksRef: UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.mergedIconPacksRef,
     mergedBreakpointsRef: UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.mergedBreakpointsRef,
     mergedBorderedRef: computed(() => {
       var _a, _b;

package/es/_utils/wrap-component.mjs

@@ -39,8 +39,10 @@ export function wrap(component) {
   wrapped.__wrapped__ = true;
   // Preserve internal markers used by parent components' runtime logic,
   // e.g. Grid -> GridItem (`__GRID_ITEM__`) and DescriptionsItem flags.
+  // Also preserve `alias` so component aliases (e.g. UEl → UElement) are
+  // registered correctly by the global install function in create.ts.
   for (const key of Object.keys(component)) {
-    if (/^__.*__$/.test(key) || key.endsWith('_FLAG')) {
+    if (/^__.*__$/.test(key) || key.endsWith('_FLAG') || key === 'alias') {
       ;
       wrapped[key] = component[key];
     }

package/es/auto-complete/src/AutoComplete.d.ts

@@ -175,6 +175,13 @@ export declare const autoCompleteProps: {
             borderFocus: string;
             boxShadowFocus: string;
             loadingColor: string;
+            loadingColorSuccess: string;
+            borderSuccess: string;
+            borderHoverSuccess: string;
+            colorFocusSuccess: string;
+            borderFocusSuccess: string;
+            boxShadowFocusSuccess: string;
+            caretColorSuccess: string;
             loadingColorWarning: string;
             borderWarning: string;
             borderHoverWarning: string;
@@ -308,6 +315,13 @@ export declare const autoCompleteProps: {
             borderFocus: string;
             boxShadowFocus: string;
             loadingColor: string;
+            loadingColorSuccess: string;
+            borderSuccess: string;
+            borderHoverSuccess: string;
+            colorFocusSuccess: string;
+            borderFocusSuccess: string;
+            boxShadowFocusSuccess: string;
+            caretColorSuccess: string;
             loadingColorWarning: string;
             borderWarning: string;
             borderHoverWarning: string;
@@ -441,6 +455,13 @@ export declare const autoCompleteProps: {
             borderFocus: string;
             boxShadowFocus: string;
             loadingColor: string;
+            loadingColorSuccess: string;
+            borderSuccess: string;
+            borderHoverSuccess: string;
+            colorFocusSuccess: string;
+            borderFocusSuccess: string;
+            boxShadowFocusSuccess: string;
+            caretColorSuccess: string;
             loadingColorWarning: string;
             borderWarning: string;
             borderHoverWarning: string;
@@ -641,6 +662,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             borderFocus: string;
             boxShadowFocus: string;
             loadingColor: string;
+            loadingColorSuccess: string;
+            borderSuccess: string;
+            borderHoverSuccess: string;
+            colorFocusSuccess: string;
+            borderFocusSuccess: string;
+            boxShadowFocusSuccess: string;
+            caretColorSuccess: string;
             loadingColorWarning: string;
             borderWarning: string;
             borderHoverWarning: string;
@@ -774,6 +802,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             borderFocus: string;
             boxShadowFocus: string;
             loadingColor: string;
+            loadingColorSuccess: string;
+            borderSuccess: string;
+            borderHoverSuccess: string;
+            colorFocusSuccess: string;
+            borderFocusSuccess: string;
+            boxShadowFocusSuccess: string;
+            caretColorSuccess: string;
             loadingColorWarning: string;
             borderWarning: string;
             borderHoverWarning: string;
@@ -907,6 +942,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             borderFocus: string;
             boxShadowFocus: string;
             loadingColor: string;
+            loadingColorSuccess: string;
+            borderSuccess: string;
+            borderHoverSuccess: string;
+            colorFocusSuccess: string;
+            borderFocusSuccess: string;
+            boxShadowFocusSuccess: string;
+            caretColorSuccess: string;
             loadingColorWarning: string;
             borderWarning: string;
             borderHoverWarning: string;
@@ -1119,6 +1161,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 borderFocus: string;
                 boxShadowFocus: string;
                 loadingColor: string;
+                loadingColorSuccess: string;
+                borderSuccess: string;
+                borderHoverSuccess: string;
+                colorFocusSuccess: string;
+                borderFocusSuccess: string;
+                boxShadowFocusSuccess: string;
+                caretColorSuccess: string;
                 loadingColorWarning: string;
                 borderWarning: string;
                 borderHoverWarning: string;
@@ -1363,6 +1412,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             borderFocus: string;
             boxShadowFocus: string;
             loadingColor: string;
+            loadingColorSuccess: string;
+            borderSuccess: string;
+            borderHoverSuccess: string;
+            colorFocusSuccess: string;
+            borderFocusSuccess: string;
+            boxShadowFocusSuccess: string;
+            caretColorSuccess: string;
             loadingColorWarning: string;
             borderWarning: string;
             borderHoverWarning: string;
@@ -1496,6 +1552,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             borderFocus: string;
             boxShadowFocus: string;
             loadingColor: string;
+            loadingColorSuccess: string;
+            borderSuccess: string;
+            borderHoverSuccess: string;
+            colorFocusSuccess: string;
+            borderFocusSuccess: string;
+            boxShadowFocusSuccess: string;
+            caretColorSuccess: string;
             loadingColorWarning: string;
             borderWarning: string;
             borderHoverWarning: string;
@@ -1629,6 +1692,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             borderFocus: string;
             boxShadowFocus: string;
             loadingColor: string;
+            loadingColorSuccess: string;
+            borderSuccess: string;
+            borderHoverSuccess: string;
+            colorFocusSuccess: string;
+            borderFocusSuccess: string;
+            boxShadowFocusSuccess: string;
+            caretColorSuccess: string;
             loadingColorWarning: string;
             borderWarning: string;
             borderHoverWarning: string;

package/es/auto-complete/styles/light.d.ts

@@ -110,6 +110,13 @@ declare const autoCompleteLight: import("../../_mixins").Theme<"AutoComplete", {
         borderFocus: string;
         boxShadowFocus: string;
         loadingColor: string;
+        loadingColorSuccess: string;
+        borderSuccess: string;
+        borderHoverSuccess: string;
+        colorFocusSuccess: string;
+        borderFocusSuccess: string;
+        boxShadowFocusSuccess: string;
+        caretColorSuccess: string;
         loadingColorWarning: string;
         borderWarning: string;
         borderHoverWarning: string;

package/es/carousel/src/Carousel.mjs

@@ -126,7 +126,9 @@ export default defineComponent({
       const {
         value: slidesEls
       } = slideElsRef;
-      if (!slidesEls.length) return [];
+      if (!slidesEls.length) {
+        return [];
+      }
       // eslint-disable-next-line ts/no-unused-expressions
       slideSizesTrigger.value;
       const {
@@ -163,7 +165,9 @@ export default defineComponent({
       const {
         value: slideSizes
       } = slideSizesRef;
-      if (!slideSizes.length) return [];
+      if (!slideSizes.length) {
+        return [];
+      }
       const {
         centeredSlides,
         spaceBetween
@@ -199,7 +203,9 @@ export default defineComponent({
       const {
         value: slidesEls
       } = slideElsRef;
-      if (!slidesEls.length) return [];
+      if (!slidesEls.length) {
+        return [];
+      }
       const useComputedSize = !(autoSlideSizeRef.value || realSlidesPerViewRef.value === 1);
       const getSlideSize = index => {
         if (useComputedSize) {
@@ -251,7 +257,9 @@ export default defineComponent({
         const {
           length
         } = slideSizes;
-        if (!length) return totalSlides;
+        if (!length) {
+          return totalSlides;
+        }
         const {
           value: translates
         } = slideTranlatesRef;
@@ -328,17 +336,25 @@ export default defineComponent({
     }
     function prev() {
       const prevIndex = getRealPrevIndex();
-      if (prevIndex !== null) toRealIndex(prevIndex);
+      if (prevIndex !== null) {
+        toRealIndex(prevIndex);
+      }
     }
     function next() {
       const nextIndex = getRealNextIndex();
-      if (nextIndex !== null) toRealIndex(nextIndex);
+      if (nextIndex !== null) {
+        toRealIndex(nextIndex);
+      }
     }
     function prevIfSlideTransitionEnd() {
-      if (!inTransition || !duplicatedableRef.value) prev();
+      if (!inTransition || !duplicatedableRef.value) {
+        prev();
+      }
     }
     function nextIfSlideTransitionEnd() {
-      if (!inTransition || !duplicatedableRef.value) next();
+      if (!inTransition || !duplicatedableRef.value) {
+        next();
+      }
     }
     // Translate to
     // record the translate of each slide, so that it can be restored at touch
@@ -429,11 +445,15 @@ export default defineComponent({
     };
     provideCarouselContext(carouselContext);
     function addSlide(slide) {
-      if (!slide) return;
+      if (!slide) {
+        return;
+      }
       slideElsRef.value.push(slide);
     }
     function removeSlide(slide) {
-      if (!slide) return;
+      if (!slide) {
+        return;
+      }
       const index = getSlideIndex(slide);
       if (index !== -1) {
         slideElsRef.value.splice(index, 1);
@@ -490,7 +510,9 @@ export default defineComponent({
     let dragStartTime = 0;
     function handleTouchstart(event) {
       var _a;
-      if (globalDragging) return;
+      if (globalDragging) {
+        return;
+      }
       if (!((_a = slidesElRef.value) === null || _a === void 0 ? void 0 : _a.contains(getPreciseEventTarget(event)))) {
         return;
       }
@@ -614,7 +636,9 @@ export default defineComponent({
     }
     function handleMousewheel(event) {
       event.preventDefault();
-      if (inTransition) return;
+      if (inTransition) {
+        return;
+      }
       let {
         deltaX,
         deltaY
@@ -691,7 +715,9 @@ export default defineComponent({
       }
     });
     watch(realIndexRef, (realIndex, lastRealIndex) => {
-      if (realIndex === lastRealIndex) return;
+      if (realIndex === lastRealIndex) {
+        return;
+      }
       resetAutoplay();
       if (sequenceLayoutRef.value) {
         if (duplicatedableRef.value && displayTotalViewRef.value > 2) {