@wikicasa-dev/components 2.5.6-alpha.1 → 2.5.6-alpha.11

package/dist/Swiper/Autoplay/index.js

@@ -1,4 +1,4 @@
-import '../../assets/swiper-autoplay.css';/* empty css                                                                              */
+import '../../assets/swiper-keyboard.css';/* empty css                                                                              */
 import { Autoplay as p } from "swiper/modules";
 export {
   p as default

package/dist/Swiper/Controller/index.js

@@ -1,4 +1,4 @@
-import '../../assets/swiper-autoplay.css';/* empty css                                                                                */
+import '../../assets/swiper-keyboard.css';/* empty css                                                                                */
 import { Controller as e } from "swiper/modules";
 export {
   e as default

package/dist/Swiper/Keyboard/index.js

@@ -1,4 +1,4 @@
-import '../../assets/swiper-autoplay.css';/* empty css                                                                              */
+import '../../assets/swiper-keyboard.css';/* empty css                                                                              */
 import { Keyboard as e } from "swiper/modules";
 export {
   e as default

package/dist/Swiper/Thumbs/index.js

@@ -1,4 +1,4 @@
-import '../../assets/swiper-autoplay.css';/* empty css                                                                            */
+import '../../assets/swiper-keyboard.css';/* empty css                                                                            */
 import { Thumbs as t } from "swiper/modules";
 export {
   t as default

package/dist/UIKit/{BaseCard.d.ts → Card/BaseCard.d.ts}

@@ -1,4 +1,4 @@
-import { ClassTypeProp } from './types';
+import { ClassTypeProp } from '../types';
 export type CardTypes = "mini" | "vertical" | "news" | "";
 export type CardRootTypes = "div" | "article";
 export type BaseCardProps = {

package/dist/UIKit/Card/BaseCard.js

@@ -0,0 +1,5 @@
+import o from "../../packages/components/lib/UIKit/Card/BaseCard.vue.js";
+import '../../assets/CardRootPrimitive.css';/* empty css                                                     */
+export {
+  o as default
+};

package/dist/UIKit/Card/CardDescriptionPrimitive.d.ts

@@ -0,0 +1,17 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/UIKit/Card/CardDescriptionPrimitive.js

@@ -0,0 +1,12 @@
+import { createElementBlock as r, openBlock as o, renderSlot as t } from "vue";
+import c from "../../_virtual/_plugin-vue_export-helper.js";
+const n = {}, s = { class: "card-body" };
+function i(e, d) {
+  return o(), r("div", s, [
+    t(e.$slots, "default")
+  ]);
+}
+const f = /* @__PURE__ */ c(n, [["render", i]]);
+export {
+  f as default
+};

package/dist/UIKit/Card/CardImagePrimitive.d.ts

@@ -0,0 +1,17 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/UIKit/Card/CardImagePrimitive.js

@@ -0,0 +1,4 @@
+import f from "../../packages/components/lib/UIKit/Card/CardImagePrimitive.vue.js";
+export {
+  f as default
+};

package/dist/UIKit/Card/CardRootPrimitive.d.ts

@@ -0,0 +1,19 @@
+import { CardTypes } from './type';
+export type CardRootTypes = "div" | "article";
+export type BaseCardRootProps = {
+    type?: CardTypes;
+    as?: CardRootTypes;
+};
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<BaseCardRootProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (args_0: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<BaseCardRootProps> & Readonly<{
+    onClick?: ((args_0: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/UIKit/Card/CardRootPrimitive.js

@@ -0,0 +1,5 @@
+import o from "../../packages/components/lib/UIKit/Card/CardRootPrimitive.vue.js";
+import '../../assets/CardRootPrimitive.css';/* empty css                                                              */
+export {
+  o as default
+};

package/dist/UIKit/Card/type.d.ts

@@ -0,0 +1,3 @@
+import { InjectionKey } from 'vue';
+export type CardTypes = "mini" | "vertical" | "news" | "";
+export declare const CardTypeKey: InjectionKey<CardTypes>;

package/dist/UIKit/Card/type.js

@@ -0,0 +1,4 @@
+const e = /* @__PURE__ */ Symbol();
+export {
+  e as CardTypeKey
+};

package/dist/UIKit/ShimmerLoader/BaseShimmerLoader.d.ts

@@ -1,18 +1,11 @@
 import { ClassTypeProp } from '../types';
-type __VLS_Props = {
+export type BaseShimmerLoaderProps = {
     shimmerClasses?: ClassTypeProp;
+    enabled?: boolean;
 };
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<BaseShimmerLoaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BaseShimmerLoaderProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
+    default?(_: {}): any;
+}>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/UIKit/ShimmerLoader/BaseShimmerLoader.js

@@ -1,7 +1,7 @@
 import o from "../../packages/components/lib/UIKit/ShimmerLoader/BaseShimmerLoader.vue.js";
 import '../../assets/BaseShimmerLoader.css';/* empty css                                                                       */
-import a from "../../_virtual/_plugin-vue_export-helper.js";
-const t = /* @__PURE__ */ a(o, [["__scopeId", "data-v-4aceb4a2"]]);
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-cf2534f5"]]);
 export {
-  t as default
+  e as default
 };

package/dist/UIKit/ShimmerLoader/ShimmerMultiLine.d.ts

@@ -1,20 +1,18 @@
+import { BaseShimmerLoaderProps } from './BaseShimmerLoader';
 import { ClassTypeProp } from '../types';
 type __VLS_Props = {
     lines?: number;
     randomLength?: boolean;
     shimmerClasses?: ClassTypeProp;
     inheritHeight?: boolean;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    lines: number;
-    randomLength: boolean;
-    inheritHeight: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+} & Pick<BaseShimmerLoaderProps, "enabled">;
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     shimmerLines: (({
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
             readonly shimmerClasses?: ClassTypeProp;
+            readonly enabled?: boolean | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: {
             [x: string]: unknown;
@@ -29,10 +27,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         $parent: import('vue').ComponentPublicInstance | null;
         $host: Element | null;
         $emit: (event: string, ...args: any[]) => void;
-        $el: any;
-        $options: import('vue').ComponentOptionsBase<Readonly<{
-            shimmerClasses?: ClassTypeProp;
-        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+        $el: HTMLDivElement;
+        $options: import('vue').ComponentOptionsBase<Readonly<BaseShimmerLoaderProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -52,9 +48,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         $forceUpdate: () => void;
         $nextTick: typeof import('vue').nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-    } & Readonly<{}> & Omit<Readonly<{
-        shimmerClasses?: ClassTypeProp;
-    }> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+    } & Readonly<{}> & Omit<Readonly<BaseShimmerLoaderProps> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             default?(_: {}): any;
         };

package/dist/assets/BaseShimmerLoader.css

@@ -1 +1 @@
-.shimmer[data-v-4aceb4a2]{animation:shimmer-4aceb4a2 1.4s infinite;will-change:transform;transform:translateZ(0) translate(-100%);background-image:linear-gradient(90deg,#fff0,#fff3 20%,#ffffff80 60%,#fff0)}@keyframes shimmer-4aceb4a2{to{transform:translate(100%)}}
+.shimmer[data-v-cf2534f5]{background-image:linear-gradient(90deg,#fff0,#fff3 20%,#ffffff80 60%,#fff0)}.shimmer[data-enabled][data-v-cf2534f5]{animation:shimmer-cf2534f5 1.4s infinite;will-change:transform}@keyframes shimmer-cf2534f5{0%{transform:translateZ(0) translate(-100%)}to{transform:translateZ(0) translate(100%)}}

package/dist/components/IntersectionObserver/v2/IntersectionObserverProvider.d.ts

@@ -1,5 +1,5 @@
 export interface IntersectionObserverProviderProps {
-    observeOnce?: boolean;
+    emitOnce?: boolean;
     skip?: boolean;
     threshold?: number;
 }
@@ -10,11 +10,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<In
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
     default?(_: {
         observer: IntersectionObserver | undefined;
-        isVisible: boolean;
-    }): any;
-    default?(_: {
-        observer: IntersectionObserver | undefined;
-        isVisible: boolean;
     }): any;
 }>;
 export default _default;

package/dist/components/IntersectionObserver/v2/IntersectionObserverTarget.d.ts

@@ -1,8 +1,15 @@
+type __VLS_Props = {
+    observeOnce?: boolean;
+};
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        default?(_: {}): any;
-        default?(_: {}): any;
+        default?(_: {
+            isVisible: boolean;
+        }): any;
+        default?(_: {
+            isVisible: true;
+        }): any;
     };
     refs: {
         root: HTMLDivElement;
@@ -10,7 +17,7 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     root: HTMLDivElement;
 }, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/IntersectionObserver/v2/types.d.ts

@@ -1,4 +1,4 @@
 import { InjectionKey, ShallowRef } from 'vue';
-export declare const ObserverOnceKey: InjectionKey<boolean>;
-export declare const ObserverKey: InjectionKey<ShallowRef<IntersectionObserver | undefined>>;
-export declare const IsVisibleKey: InjectionKey<ShallowRef<boolean>>;
+export declare const ObserveTargetKey: InjectionKey<(e: Element) => void>;
+export declare const UnobserveTargetKey: InjectionKey<(e: Element) => void>;
+export declare const VisibleTargetsKey: InjectionKey<ShallowRef<Set<string>>>;

package/dist/components/IntersectionObserver/v2/types.js

@@ -1,6 +1,6 @@
 const e = /* @__PURE__ */ Symbol(), o = /* @__PURE__ */ Symbol(), s = /* @__PURE__ */ Symbol();
 export {
-  s as IsVisibleKey,
-  o as ObserverKey,
-  e as ObserverOnceKey
+  e as ObserveTargetKey,
+  o as UnobserveTargetKey,
+  s as VisibleTargetsKey
 };

package/dist/index.d.ts

@@ -30,7 +30,6 @@ export { default as BaseAutocomplete } from './UIKit/BaseAutocomplete';
 export { default as ClearableAutocomplete } from './UIKit/Autocomplete/ClearableAutocomplete';
 export { default as BaseBadge } from './UIKit/BaseBadge';
 export { default as BaseButton, type ButtonType } from './UIKit/BaseButton';
-export { default as BaseCard } from './UIKit/BaseCard';
 export { default as BaseComplexToggle } from './UIKit/BaseComplexToggle';
 export { default as BaseDropDown } from './UIKit/BaseDropDown';
 export { default as BaseFloatingLabel } from './UIKit/BaseFloatingLabel';
@@ -60,4 +59,8 @@ export { default as SwiperPrimitive } from './components/carousel/Primitive/Swip
 export { default as SwiperPaginationPrimitive } from './components/carousel/Primitive/SwiperPaginationPrimitive';
 export { default as SwiperNavigationPrimitive } from './components/carousel/Primitive/SwiperNavigationPrimitive';
 export { default as SwiperSlideImagePrimitive } from './components/carousel/Primitive/SwiperSlideImagePrimitive';
+export { default as BaseCard } from './UIKit/Card/BaseCard';
+export { default as CardRootPrimitive } from './UIKit/Card/CardRootPrimitive';
+export { default as CardDescriptionPrimitive } from './UIKit/Card/CardDescriptionPrimitive';
+export { default as CardImagePrimitive } from './UIKit/Card/CardImagePrimitive';
 export { default as BaseBreadcrumb } from './UIKit/BaseBreadcrumb';

package/dist/index.js

@@ -1,144 +1,151 @@
-import { default as v } from "./packages/components/lib/UIKit/Accordion/BaseAccordion.vue.js";
+import { default as P } from "./packages/components/lib/UIKit/Accordion/BaseAccordion.vue.js";
 import { default as S } from "./packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.js";
-import './assets/SwiperSlideImagePrimitive.css';import './assets/SwiperPaginationPrimitive.css';import './assets/BaseSnackbar.css';import './assets/BaseModal.css';import './assets/BaseDropDown.css';import './assets/BaseCard.css';import './assets/BaseBadge.css';import './assets/ClearableAutocomplete.css';import './assets/BaseAutocomplete.css';import './assets/BaseAlert.css';import './assets/AccessibleSelect.css';import './assets/RadioButtonItem.css';import './assets/BaseTabsIndicator.css';import './assets/BaseTabs.css';import './assets/CheckboxBtn.css';import './assets/BaseAccordionItem.css';/* empty css                                                               */
+import './assets/CardRootPrimitive.css';import './assets/SwiperSlideImagePrimitive.css';import './assets/SwiperPaginationPrimitive.css';import './assets/BaseSnackbar.css';import './assets/BaseModal.css';import './assets/BaseDropDown.css';import './assets/BaseBadge.css';import './assets/ClearableAutocomplete.css';import './assets/BaseAutocomplete.css';import './assets/BaseAlert.css';import './assets/AccessibleSelect.css';import './assets/RadioButtonItem.css';import './assets/BaseTabsIndicator.css';import './assets/BaseTabs.css';import './assets/CheckboxBtn.css';import './assets/BaseAccordionItem.css';/* empty css                                                               */
 import { default as I } from "./packages/components/lib/UIKit/Accordion/AccordionItemPrimitive.vue.js";
-import { default as C } from "./packages/components/lib/UIKit/Accordion/AccordionHeaderPrimitive.vue.js";
-import { default as A } from "./packages/components/lib/UIKit/Accordion/AccordionTriggerPrimitive.vue.js";
+import { default as h } from "./packages/components/lib/UIKit/Accordion/AccordionHeaderPrimitive.vue.js";
+import { default as w } from "./packages/components/lib/UIKit/Accordion/AccordionTriggerPrimitive.vue.js";
 import { default as G } from "./packages/components/lib/UIKit/Accordion/AccordionContentPrimitive.vue.js";
-import { default as k } from "./packages/components/lib/UIKit/BaseSelect/SelectItem.vue.js";
+import { default as L } from "./packages/components/lib/UIKit/BaseSelect/SelectItem.vue.js";
 import { default as O } from "./packages/components/lib/UIKit/ProgressBar/ProgressRootPrimitive.vue.js";
-import { default as F } from "./packages/components/lib/UIKit/ProgressBar/ProgressIndicatorPrimitive.vue.js";
-import { default as H } from "./packages/components/lib/UIKit/Checkbox/CheckboxBtn.vue.js";
+import { default as M } from "./packages/components/lib/UIKit/ProgressBar/ProgressIndicatorPrimitive.vue.js";
+import { default as N } from "./packages/components/lib/UIKit/Checkbox/CheckboxBtn.vue.js";
 /* empty css                                                        */
-import { default as U } from "./packages/components/lib/UIKit/Checkbox/CheckboxGroup.vue.js";
-import { default as j } from "./packages/components/lib/UIKit/Checkbox/v2/CheckboxButtonGroup.vue.js";
-import { default as y } from "./packages/components/lib/UIKit/Checkbox/v2/CheckboxGroupPrimitive.vue.js";
-import { default as E } from "./packages/components/lib/UIKit/Checkbox/v2/CheckboxGroupItemPrimitive.vue.js";
-import { default as K } from "./packages/components/lib/UIKit/Tab/BaseTabView.vue.js";
-import { default as W } from "./packages/components/lib/UIKit/Tab/BaseTab.vue.js";
-import { default as Y } from "./packages/components/lib/UIKit/Tab/v2/BaseTabs.vue.js";
+import { default as V } from "./packages/components/lib/UIKit/Checkbox/CheckboxGroup.vue.js";
+import { default as q } from "./packages/components/lib/UIKit/Checkbox/v2/CheckboxButtonGroup.vue.js";
+import { default as z } from "./packages/components/lib/UIKit/Checkbox/v2/CheckboxGroupPrimitive.vue.js";
+import { default as J } from "./packages/components/lib/UIKit/Checkbox/v2/CheckboxGroupItemPrimitive.vue.js";
+import { default as Q } from "./packages/components/lib/UIKit/Tab/BaseTabView.vue.js";
+import { default as X } from "./packages/components/lib/UIKit/Tab/BaseTab.vue.js";
+import { default as Z } from "./packages/components/lib/UIKit/Tab/v2/BaseTabs.vue.js";
 /* empty css                                                   */
-import { default as _ } from "./packages/components/lib/UIKit/Tab/v2/BaseTabsContent.vue.js";
-import { default as ee } from "./packages/components/lib/UIKit/Tab/v2/BaseTabsIndicator.vue.js";
+import { default as $ } from "./packages/components/lib/UIKit/Tab/v2/BaseTabsContent.vue.js";
+import { default as re } from "./packages/components/lib/UIKit/Tab/v2/BaseTabsIndicator.vue.js";
 /* empty css                                                            */
 import { default as oe } from "./packages/components/lib/UIKit/Tab/v2/BaseTabsList.vue.js";
-import { default as ae } from "./packages/components/lib/UIKit/Tab/v2/BaseTabsTrigger.vue.js";
-import { default as se } from "./packages/components/lib/UIKit/Radio/RadioButton.vue.js";
-import { default as me } from "./packages/components/lib/UIKit/Radio/RadioGroup.vue.js";
-import { default as de } from "./packages/components/lib/UIKit/Radio/v2/RadioButtonGroup.vue.js";
-import { default as ue } from "./packages/components/lib/UIKit/Radio/v2/RadioButtonItem.vue.js";
+import { default as fe } from "./packages/components/lib/UIKit/Tab/v2/BaseTabsTrigger.vue.js";
+import { default as me } from "./packages/components/lib/UIKit/Radio/RadioButton.vue.js";
+import { default as pe } from "./packages/components/lib/UIKit/Radio/RadioGroup.vue.js";
+import { default as le } from "./packages/components/lib/UIKit/Radio/v2/RadioButtonGroup.vue.js";
+import { default as xe } from "./packages/components/lib/UIKit/Radio/v2/RadioButtonItem.vue.js";
 /* empty css                                                            */
-import { default as ne } from "./packages/components/lib/UIKit/Radio/v2/RadioGroupItemPrimitive.vue.js";
-import { default as ce } from "./packages/components/lib/UIKit/AccessibleSelect.vue.js";
+import { default as Be } from "./packages/components/lib/UIKit/Radio/v2/RadioGroupItemPrimitive.vue.js";
+import { default as ve } from "./packages/components/lib/UIKit/AccessibleSelect.vue.js";
 /* empty css                                                    */
-import { default as ve } from "./packages/components/lib/UIKit/BaseAlert.vue.js";
+import { default as Pe } from "./packages/components/lib/UIKit/BaseAlert.vue.js";
 /* empty css                                             */
 import { default as Se } from "./packages/components/lib/UIKit/BaseAutocomplete.vue.js";
 /* empty css                                                    */
 import { default as Ie } from "./packages/components/lib/UIKit/Autocomplete/ClearableAutocomplete.vue.js";
 /* empty css                                                                      */
-import { default as Ce } from "./packages/components/lib/UIKit/BaseBadge.vue.js";
+import { default as he } from "./packages/components/lib/UIKit/BaseBadge.vue.js";
 /* empty css                                             */
-import { default as Ae } from "./packages/components/lib/UIKit/BaseButton.vue.js";
-import { default as Ge } from "./packages/components/lib/UIKit/BaseCard.vue.js";
-/* empty css                                            */
-import { default as ke } from "./UIKit/BaseComplexToggle.js";
-import { default as Oe } from "./packages/components/lib/UIKit/BaseDropDown.vue.js";
+import { default as we } from "./packages/components/lib/UIKit/BaseButton.vue.js";
+import { default as Ge } from "./UIKit/BaseComplexToggle.js";
+import { default as Le } from "./packages/components/lib/UIKit/BaseDropDown.vue.js";
 /* empty css                                                */
-import { default as Fe } from "./UIKit/BaseFloatingLabel.js";
-import { default as He } from "./UIKit/BaseInput.js";
-import { default as Ue } from "./packages/components/lib/UIKit/BasePagination.vue.js";
-import { default as je } from "./UIKit/BaseSlider.js";
-import { default as ye } from "./UIKit/BaseTextarea.js";
-import { default as Ee } from "./packages/components/lib/UIKit/BaseToggle.vue.js";
-import { default as Ke } from "./UIKit/BaseTooltip.js";
-import { default as We } from "./packages/components/lib/UIKit/BaseUploadFile.vue.js";
-import { default as Ye } from "./packages/components/lib/UIKit/BaseModal.vue.js";
+import { default as Oe } from "./UIKit/BaseFloatingLabel.js";
+import { default as Me } from "./UIKit/BaseInput.js";
+import { default as Ne } from "./packages/components/lib/UIKit/BasePagination.vue.js";
+import { default as Ve } from "./UIKit/BaseSlider.js";
+import { default as qe } from "./UIKit/BaseTextarea.js";
+import { default as ze } from "./packages/components/lib/UIKit/BaseToggle.vue.js";
+import { default as Je } from "./UIKit/BaseTooltip.js";
+import { default as Qe } from "./packages/components/lib/UIKit/BaseUploadFile.vue.js";
+import { default as Xe } from "./packages/components/lib/UIKit/BaseModal.vue.js";
 /* empty css                                             */
-import { default as _e } from "./UIKit/StaticSpinner.js";
-import { default as er } from "./UIKit/ShimmerLoader/BaseShimmerLoader.js";
-import { default as or } from "./packages/components/lib/UIKit/ShimmerLoader/ShimmerMultiLine.vue.js";
-import { default as ar } from "./packages/components/lib/chart/DoughnutChart.vue.js";
-import { default as sr } from "./packages/components/lib/chart/LineChart.vue.js";
+import { default as Ze } from "./UIKit/StaticSpinner.js";
+import { default as $e } from "./UIKit/ShimmerLoader/BaseShimmerLoader.js";
+import { default as rr } from "./packages/components/lib/UIKit/ShimmerLoader/ShimmerMultiLine.vue.js";
+import { default as or } from "./packages/components/lib/chart/DoughnutChart.vue.js";
+import { default as fr } from "./packages/components/lib/chart/LineChart.vue.js";
 import { default as mr } from "./UIKit/Slider/SimpleSlider.js";
-import { default as dr } from "./packages/components/lib/UIKit/BaseSnackbar.vue.js";
+import { default as pr } from "./packages/components/lib/UIKit/BaseSnackbar.vue.js";
 /* empty css                                                */
-import { default as ur } from "./packages/components/lib/components/IntersectionObserver/IntersectionObservable.vue.js";
-import { default as nr } from "./packages/components/lib/components/IntersectionObserver/IntersectionObserver.vue.js";
-import { default as cr } from "./packages/components/lib/components/IntersectionObserver/v2/IntersectionObserverProvider.vue.js";
+import { default as lr } from "./packages/components/lib/components/IntersectionObserver/IntersectionObservable.vue.js";
+import { default as xr } from "./packages/components/lib/components/IntersectionObserver/IntersectionObserver.vue.js";
+import { default as Br } from "./packages/components/lib/components/IntersectionObserver/v2/IntersectionObserverProvider.vue.js";
 import { default as vr } from "./packages/components/lib/components/IntersectionObserver/v2/IntersectionObserverTarget.vue.js";
-import { default as Sr } from "./components/carousel/SwiperCarousel.js";
-import { default as Ir } from "./components/carousel/SwiperSlide.js";
-import { default as Cr } from "./components/carousel/Primitive/SwiperRootPrimitive.js";
-import { default as Ar } from "./packages/components/lib/components/carousel/Primitive/SwiperPrimitive.vue.js";
-import { default as Gr } from "./packages/components/lib/components/carousel/Primitive/SwiperPaginationPrimitive.vue.js";
+import { default as Pr } from "./components/carousel/SwiperCarousel.js";
+import { default as Sr } from "./components/carousel/SwiperSlide.js";
+import { default as Ir } from "./components/carousel/Primitive/SwiperRootPrimitive.js";
+import { default as hr } from "./packages/components/lib/components/carousel/Primitive/SwiperPrimitive.vue.js";
+import { default as wr } from "./packages/components/lib/components/carousel/Primitive/SwiperPaginationPrimitive.vue.js";
 /* empty css                                                                                     */
-import { default as kr } from "./packages/components/lib/components/carousel/Primitive/SwiperNavigationPrimitive.vue.js";
-import { default as Or } from "./packages/components/lib/components/carousel/Primitive/SwiperSlideImagePrimitive.vue.js";
+import { default as Gr } from "./packages/components/lib/components/carousel/Primitive/SwiperNavigationPrimitive.vue.js";
+import { default as Lr } from "./packages/components/lib/components/carousel/Primitive/SwiperSlideImagePrimitive.vue.js";
 /* empty css                                                                                     */
-import { default as Fr } from "./packages/components/lib/UIKit/BaseBreadcrumb.vue.js";
+import { default as Or } from "./packages/components/lib/UIKit/Card/BaseCard.vue.js";
+/* empty css                                                 */
+import { default as Mr } from "./packages/components/lib/UIKit/Card/CardRootPrimitive.vue.js";
+/* empty css                                                          */
+import { default as Nr } from "./UIKit/Card/CardDescriptionPrimitive.js";
+import { default as Vr } from "./packages/components/lib/UIKit/Card/CardImagePrimitive.vue.js";
+import { default as qr } from "./packages/components/lib/UIKit/BaseBreadcrumb.vue.js";
 export {
-  ce as AccessibleSelect,
+  ve as AccessibleSelect,
   G as AccordionContentPrimitive,
-  C as AccordionHeaderPrimitive,
+  h as AccordionHeaderPrimitive,
   I as AccordionItemPrimitive,
-  A as AccordionTriggerPrimitive,
-  v as BaseAccordion,
+  w as AccordionTriggerPrimitive,
+  P as BaseAccordion,
   S as BaseAccordionItem,
-  ve as BaseAlert,
+  Pe as BaseAlert,
   Se as BaseAutocomplete,
-  Ce as BaseBadge,
-  Fr as BaseBreadcrumb,
-  Ae as BaseButton,
-  Ge as BaseCard,
-  ke as BaseComplexToggle,
-  Oe as BaseDropDown,
-  Fe as BaseFloatingLabel,
-  He as BaseInput,
-  Ye as BaseModal,
-  Ue as BasePagination,
-  er as BaseShimmerLoader,
-  je as BaseSlider,
-  dr as BaseSnackbar,
-  W as BaseTab,
-  K as BaseTabView,
-  Y as BaseTabs,
-  _ as BaseTabsContent,
-  ee as BaseTabsIndicator,
+  he as BaseBadge,
+  qr as BaseBreadcrumb,
+  we as BaseButton,
+  Or as BaseCard,
+  Ge as BaseComplexToggle,
+  Le as BaseDropDown,
+  Oe as BaseFloatingLabel,
+  Me as BaseInput,
+  Xe as BaseModal,
+  Ne as BasePagination,
+  $e as BaseShimmerLoader,
+  Ve as BaseSlider,
+  pr as BaseSnackbar,
+  X as BaseTab,
+  Q as BaseTabView,
+  Z as BaseTabs,
+  $ as BaseTabsContent,
+  re as BaseTabsIndicator,
   oe as BaseTabsList,
-  ae as BaseTabsTrigger,
-  ye as BaseTextarea,
-  Ee as BaseToggle,
-  Ke as BaseTooltip,
-  We as BaseUploadFile,
-  H as CheckboxBtn,
-  j as CheckboxButtonGroup,
-  U as CheckboxGroup,
-  E as CheckboxGroupItemPrimitive,
-  y as CheckboxGroupPrimitive,
+  fe as BaseTabsTrigger,
+  qe as BaseTextarea,
+  ze as BaseToggle,
+  Je as BaseTooltip,
+  Qe as BaseUploadFile,
+  Nr as CardDescriptionPrimitive,
+  Vr as CardImagePrimitive,
+  Mr as CardRootPrimitive,
+  N as CheckboxBtn,
+  q as CheckboxButtonGroup,
+  V as CheckboxGroup,
+  J as CheckboxGroupItemPrimitive,
+  z as CheckboxGroupPrimitive,
   Ie as ClearableAutocomplete,
-  ar as DoughnutChart,
-  ur as IntersectionObservable,
-  nr as IntersectionObserver,
-  cr as IntersectionObserverProvider,
+  or as DoughnutChart,
+  lr as IntersectionObservable,
+  xr as IntersectionObserver,
+  Br as IntersectionObserverProvider,
   vr as IntersectionObserverTarget,
-  sr as LineChart,
-  F as ProgressIndicatorPrimitive,
+  fr as LineChart,
+  M as ProgressIndicatorPrimitive,
   O as ProgressRootPrimitive,
-  se as RadioButton,
-  de as RadioButtonGroup,
-  ue as RadioButtonItem,
-  me as RadioGroup,
-  ne as RadioGroupItemPrimitive,
-  k as SelectItem,
-  or as ShimmerMultiLine,
+  me as RadioButton,
+  le as RadioButtonGroup,
+  xe as RadioButtonItem,
+  pe as RadioGroup,
+  Be as RadioGroupItemPrimitive,
+  L as SelectItem,
+  rr as ShimmerMultiLine,
   mr as SimpleSlider,
-  _e as StaticSpinner,
-  Sr as SwiperCarousel,
-  kr as SwiperNavigationPrimitive,
-  Gr as SwiperPaginationPrimitive,
-  Ar as SwiperPrimitive,
-  Cr as SwiperRootPrimitive,
-  Ir as SwiperSlide,
-  Or as SwiperSlideImagePrimitive
+  Ze as StaticSpinner,
+  Pr as SwiperCarousel,
+  Gr as SwiperNavigationPrimitive,
+  wr as SwiperPaginationPrimitive,
+  hr as SwiperPrimitive,
+  Ir as SwiperRootPrimitive,
+  Sr as SwiperSlide,
+  Lr as SwiperSlideImagePrimitive
 };

package/dist/packages/components/lib/UIKit/Card/CardImagePrimitive.vue.js

@@ -0,0 +1,16 @@
+import { defineComponent as t, inject as a, computed as c, createElementBlock as m, openBlock as n, normalizeClass as s, renderSlot as i } from "vue";
+import { CardTypeKey as d } from "../../../../../UIKit/Card/type.js";
+const f = /* @__PURE__ */ t({
+  __name: "CardImagePrimitive",
+  setup(l) {
+    const e = a(d, void 0), r = c(() => e ? `${e}-img` : "");
+    return (o, p) => (n(), m("div", {
+      class: s(["card-img", [r.value]])
+    }, [
+      i(o.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  f as default
+};

package/dist/packages/components/lib/UIKit/Card/CardRootPrimitive.vue.js

@@ -0,0 +1,27 @@
+import { defineComponent as n, computed as r, provide as c, createBlock as d, openBlock as m, resolveDynamicComponent as p, normalizeClass as u, withCtx as f, renderSlot as y } from "vue";
+import { CardTypeKey as C } from "../../../../../UIKit/Card/type.js";
+const w = /* @__PURE__ */ n({
+  __name: "CardRootPrimitive",
+  props: {
+    type: { default: "" },
+    as: { default: "div" }
+  },
+  emits: ["click"],
+  setup(e, { emit: a }) {
+    const o = a, s = r(
+      () => e.type === "news" ? "news-card" : e.type
+    );
+    return c(C, e.type), (i, t) => (m(), d(p(e.as), {
+      class: u(["uikit-card", s.value]),
+      onClick: t[0] || (t[0] = (l) => o("click", l))
+    }, {
+      default: f(() => [
+        y(i.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+});
+export {
+  w as default
+};

package/dist/packages/components/lib/UIKit/ShimmerLoader/BaseShimmerLoader.vue.js

@@ -1,22 +1,20 @@
-import { defineComponent as l, createElementBlock as s, openBlock as r, normalizeStyle as a, normalizeClass as t, createElementVNode as o, renderSlot as u } from "vue";
-const d = /* @__PURE__ */ l({
-  inheritAttrs: !1,
+import { defineComponent as i, createElementBlock as a, openBlock as l, createElementVNode as o, renderSlot as s, normalizeClass as d } from "vue";
+const n = { class: "uikit-relative uikit-overflow-hidden uikit-bg-w-lavender" }, r = ["data-enabled"], c = /* @__PURE__ */ i({
   __name: "BaseShimmerLoader",
   props: {
-    shimmerClasses: { default: "" }
+    shimmerClasses: { default: "" },
+    enabled: { type: Boolean, default: !0 }
   },
-  setup(i) {
-    return (e, n) => (r(), s("div", {
-      class: t(["uikit-relative uikit-overflow-hidden uikit-bg-w-lavender", e.$attrs.class]),
-      style: a(e.$attrs.style)
-    }, [
+  setup(e) {
+    return (t, u) => (l(), a("div", n, [
       o("div", {
-        class: t(["shimmer uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-top-0 uikit-h-full -uikit-translate-x-full", i.shimmerClasses])
-      }, null, 2),
-      u(e.$slots, "default", {}, void 0, !0)
-    ], 6));
+        class: d(["shimmer uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-top-0 uikit-h-full", e.shimmerClasses]),
+        "data-enabled": e.enabled || void 0
+      }, null, 10, r),
+      s(t.$slots, "default", {}, void 0, !0)
+    ]));
   }
 });
 export {
-  d as default
+  c as default
 };

package/dist/packages/components/lib/UIKit/ShimmerLoader/ShimmerMultiLine.vue.js

@@ -1,15 +1,16 @@
-import { defineComponent as i, createElementBlock as n, openBlock as t, Fragment as l, renderList as a, createBlock as m, normalizeStyle as s, normalizeClass as o } from "vue";
+import { defineComponent as l, createElementBlock as a, openBlock as t, Fragment as r, renderList as i, createBlock as m, normalizeStyle as s, normalizeClass as o } from "vue";
 import u from "../../../../../UIKit/ShimmerLoader/BaseShimmerLoader.js";
-const k = /* @__PURE__ */ i({
+const k = /* @__PURE__ */ l({
   __name: "ShimmerMultiLine",
   props: {
     lines: { default: 1 },
     randomLength: { type: Boolean, default: !1 },
     shimmerClasses: {},
-    inheritHeight: { type: Boolean, default: !1 }
+    inheritHeight: { type: Boolean, default: !1 },
+    enabled: { type: Boolean, default: !0 }
   },
   setup(e) {
-    return (h, d) => (t(!0), n(l, null, a(e.lines, (r) => (t(), m(u, {
+    return (d, h) => (t(!0), a(r, null, i(e.lines, (n) => (t(), m(u, {
       ref_for: !0,
       ref: "shimmerLines",
       class: o(["shimmer-line", [
@@ -17,11 +18,12 @@ const k = /* @__PURE__ */ i({
         e.inheritHeight ? "uikit-h-[1em]" : "uikit-h-8",
         "uikit-mb-2 uikit-rounded-xs"
       ]]),
-      key: `sml-${r}`,
+      enabled: e.enabled,
+      key: `sml-${n}`,
       style: s({
         marginRight: e.randomLength ? `${Math.round(Math.random() * 5) * 10}%` : 0
       })
-    }, null, 8, ["class", "style"]))), 128));
+    }, null, 8, ["class", "enabled", "style"]))), 128));
   }
 });
 export {

package/dist/packages/components/lib/components/IntersectionObserver/v2/IntersectionObserverProvider.vue.js

@@ -1,46 +1,39 @@
-import { defineComponent as d, shallowRef as i, provide as t, onBeforeMount as m, onBeforeUnmount as O, createElementBlock as h, renderSlot as a, openBlock as y, normalizeClass as k } from "vue";
-import { ObserverOnceKey as B, ObserverKey as p, IsVisibleKey as V } from "../../../../../../components/IntersectionObserver/v2/types.js";
-const $ = /* @__PURE__ */ d({
+import { defineComponent as m, shallowRef as a, provide as i, onBeforeMount as b, onBeforeUnmount as h, renderSlot as p } from "vue";
+import { VisibleTargetsKey as g, ObserveTargetKey as O, UnobserveTargetKey as y } from "../../../../../../components/IntersectionObserver/v2/types.js";
+const T = /* @__PURE__ */ m({
   __name: "IntersectionObserverProvider",
   props: {
-    observeOnce: { type: Boolean, default: !0 },
+    emitOnce: { type: Boolean, default: !1 },
     skip: { type: Boolean, default: !1 },
     threshold: { default: 0 }
   },
   emits: ["intersection"],
-  setup(s, { emit: u }) {
-    const v = u, o = i(!1), e = i(), c = (r) => {
-      s.skip || r.forEach(({ target: n, isIntersecting: l }) => {
-        o.value = l, l && (v("intersection"), s.observeOnce && f(n));
+  setup(n, { emit: c }) {
+    const u = c, r = a(/* @__PURE__ */ new Set()), t = a(), d = (e) => {
+      n.skip || e.forEach(({ target: l, isIntersecting: f }) => {
+        const o = l.getAttribute("target-id");
+        if (!o) return;
+        const s = new Set(r.value);
+        f ? (s.add(o), u("intersection"), n.emitOnce && t.value?.disconnect()) : s.delete(o), r.value = s;
       });
-    }, f = (r) => {
-      e.value && e.value.unobserve(r);
-    }, b = () => {
-      e.value && e.value.disconnect();
+    }, v = () => {
+      t.value?.disconnect();
     };
-    return t(B, s.observeOnce), t(p, e), t(V, o), m(() => {
-      e.value = new IntersectionObserver(c, {
+    return i(g, r), i(O, (e) => {
+      t.value?.observe(e);
+    }), i(y, (e) => {
+      t.value?.unobserve(e);
+    }), b(() => {
+      t.value = new IntersectionObserver(d, {
         root: null,
         //if the root is null, then we will check if the target is visible in the doc root!
-        threshold: s.threshold
+        threshold: n.threshold
       });
-    }), O(() => {
-      b();
-    }), (r, n) => s.observeOnce ? a(r.$slots, "default", {
-      key: 1,
-      observer: e.value,
-      isVisible: o.value
-    }) : (y(), h("div", {
-      key: 0,
-      class: k(r.$attrs["root-classes"])
-    }, [
-      a(r.$slots, "default", {
-        observer: e.value,
-        isVisible: o.value
-      })
-    ], 2));
+    }), h(() => {
+      v();
+    }), (e, l) => p(e.$slots, "default", { observer: t.value });
   }
 });
 export {
-  $ as default
+  T as default
 };

package/dist/packages/components/lib/components/IntersectionObserver/v2/IntersectionObserverTarget.vue.js

@@ -1,21 +1,31 @@
-import { defineComponent as i, useTemplateRef as c, inject as r, onMounted as u, createElementBlock as v, renderSlot as t, unref as n, openBlock as f, normalizeClass as d } from "vue";
-import { ObserverOnceKey as m, ObserverKey as p, IsVisibleKey as b } from "../../../../../../components/IntersectionObserver/v2/types.js";
-const K = /* @__PURE__ */ i({
+import { defineComponent as f, useTemplateRef as b, useId as g, inject as r, computed as m, onMounted as p, watch as T, createElementBlock as y, renderSlot as a, openBlock as B, unref as k } from "vue";
+import { VisibleTargetsKey as O, ObserveTargetKey as _, UnobserveTargetKey as h } from "../../../../../../components/IntersectionObserver/v2/types.js";
+const E = ["target-id"], D = /* @__PURE__ */ f({
   __name: "IntersectionObserverTarget",
-  setup(y) {
-    const e = c("root"), l = r(m, void 0), s = r(p, void 0), a = r(b, void 0);
-    return u(() => {
-      !s?.value || !e.value || s?.value.observe(e.value);
-    }), (o, _) => !n(l) || !n(a) ? (f(), v("div", {
+  props: {
+    observeOnce: { type: Boolean, default: !0 }
+  },
+  setup(s) {
+    const e = b("root"), n = g(), u = r(O, void 0), l = r(_, void 0), v = r(h, void 0), t = m(
+      () => u?.value.has(n) || !1
+    );
+    return p(() => {
+      e.value && (console.log("DEBUG:mounted", l), console.log("DEBUG:mounted", e.value), l?.(e.value));
+    }), T([t, e], ([o, i], [c, d]) => {
+      s.observeOnce && (console.log("DEBUG:visible", { cur: o, curRoot: i, prev: c, prevRoot: d }), o && e.value && v?.(e.value));
+    }), (o, i) => !s.observeOnce || !t.value ? (B(), y("div", {
       key: 0,
       ref_key: "root",
       ref: e,
-      class: d(o.$attrs["root-classes"])
+      "target-id": k(n)
     }, [
-      t(o.$slots, "default")
-    ], 2)) : t(o.$slots, "default", { key: 1 });
+      a(o.$slots, "default", { isVisible: t.value })
+    ], 8, E)) : a(o.$slots, "default", {
+      key: 1,
+      isVisible: t.value
+    });
   }
 });
 export {
-  K as default
+  D as default
 };

package/dist/types/index.d.ts

@@ -29,3 +29,5 @@ export type { SwiperPaginationPrimitiveProps } from '../components/carousel/Prim
 export type { SwiperNavigationPrimitiveProps } from '../components/carousel/Primitive/SwiperNavigationPrimitive';
 export type { SwiperSlideImagePrimitiveProps } from '../components/carousel/Primitive/SwiperSlideImagePrimitive';
 export type { IntersectionObserverProviderProps } from '../components/IntersectionObserver/v2/IntersectionObserverProvider';
+export type { BaseCardRootProps, CardRootTypes, } from '../UIKit/Card/CardRootPrimitive';
+export type { CardTypes } from '../UIKit/Card/type';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "2.5.6-alpha.1",
+  "version": "2.5.6-alpha.11",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",

package/dist/UIKit/BaseCard.js

@@ -1,5 +0,0 @@
-import o from "../packages/components/lib/UIKit/BaseCard.vue.js";
-import '../assets/BaseCard.css';/* empty css                                             */
-export {
-  o as default
-};