@onereach/ui-components 23.3.6 → 23.3.7-beta.5654.0

package/dist/esm/index.mjs

@@ -4,8 +4,8 @@ import { B as p, O as m } from "./OrBottomSheet-CJxmY84p.mjs";
 import { O as x } from "./OrButtonGroup-Cd6tpyP3.mjs";
 import { O as f } from "./OrButton-C_hXddAf.mjs";
 import { a as T, b as d, B as c } from "./OrButton.vue_vue_type_script_lang-W1ictbKz.mjs";
-import { C, O as S, d as u, g as P, l as b } from "./OrCardCollection-B1zsC0GR.mjs";
-import { C as g, O as G } from "./OrCard-7awJu_df.mjs";
+import { C, O as S, d as b, g as u, l as P } from "./OrCardCollection-B1zsC0GR.mjs";
+import { C as g, O as k } from "./OrCard-7awJu_df.mjs";
 import { O as R } from "./OrCheckboxGroup-oWfQ8P5a.mjs";
 import { O as h } from "./OrCheckboxTree-D6KuOyBg.mjs";
 import { O as B } from "./OrCheckbox-CARHvboD.mjs";
@@ -19,10 +19,10 @@ import { EditorState as X } from "@codemirror/state";
 import { O as Z } from "./OrCombinedInput-DNgMGLxG.mjs";
 import { C as $, O as rr } from "./OrConfirm-Bgv4cZD5.mjs";
 import { O as or } from "./OrContextMenu-CrpiM2Jq.mjs";
-import { D as tr, a as sr, b as Or, o as ir, m as pr, e as mr, c as nr, d as xr, p as Vr, h as fr, f as lr, g as Tr, k as dr, i as cr, j as Dr, l as Cr, n as Sr, O as ur } from "./OrDataGrid-O5BDSXek.mjs";
-import { O as br } from "./OrDateFormat-BFUOhWkH.mjs";
+import { D as tr, a as sr, b as Or, o as ir, m as pr, e as mr, c as nr, d as xr, p as Vr, h as fr, f as lr, g as Tr, k as dr, i as cr, j as Dr, l as Cr, n as Sr, O as br } from "./OrDataGrid-M7gWVa8n.mjs";
+import { O as Pr } from "./OrDateFormat-BFUOhWkH.mjs";
 import { O as gr } from "./OrDatePicker-B099hQpm.mjs";
-import { O as kr } from "./OrDateRangePicker-D2NP4Hd2.mjs";
+import { O as Gr } from "./OrDateRangePicker-D2NP4Hd2.mjs";
 import { O as Fr } from "./OrDateTimeFormat-DpLQd-pE.mjs";
 import { O as Er } from "./OrDateTimePicker-CGIojTPp.mjs";
 import { O as vr, a as zr, b as Lr, c as wr, d as Mr, e as yr, f as Ar, g as Nr, h as Hr, i as jr, j as Qr, k as Wr, l as qr, s as Jr } from "./OrDateTimePicker.vue_vue_type_script_lang-WqJrqWZ3.mjs";
@@ -35,10 +35,10 @@ import { O as ma } from "./OrErrorTag-Bo_gxhzB.mjs";
 import { O as xa } from "./OrError-B5ihH6-3.mjs";
 import { b as fa, a as la, E as Ta, O as da } from "./OrExpansionPanel-BNGPdEnp.mjs";
 import { F as Da, O as Ca } from "./OrFab-Cbg9unNc.mjs";
-import { O as ua } from "./OrFilterPopover-C8lXb-hJ.mjs";
-import { O as ba } from "./OrFilterTrigger-zfcgyC7C.mjs";
+import { O as ba } from "./OrFilterPopover-C8lXb-hJ.mjs";
+import { O as Pa } from "./OrFilterTrigger-zfcgyC7C.mjs";
 import { O as ga } from "./OrFilter-C8d3OmGK.mjs";
-import { F as ka, a as Ra, O as Fa } from "./OrFormGroup-C5sateI6.mjs";
+import { F as Ga, a as Ra, O as Fa } from "./OrFormGroup-C5sateI6.mjs";
 import { O as Ea } from "./OrHint-NvbZyURY.mjs";
 import { I as va, O as za } from "./OrIconButton-BlHCLpeW.mjs";
 import { a as wa, I as Ma, O as ya } from "./OrIcon-k8cyvh-D.mjs";
@@ -52,10 +52,10 @@ import { a as to, I as so, O as Oo } from "./OrInput-DZf6KJXJ.mjs";
 import { L as po, O as mo } from "./OrLabel-BadqqO3K.mjs";
 import { L as xo, O as Vo } from "./OrLink-Vl_H8MMg.mjs";
 import { a as lo, O as To } from "./OrList-BsdJknJD.mjs";
-import { a as Do, b as Co, L as So, O as uo } from "./OrLoader-2SaTMxmZ.mjs";
-import { O as bo } from "./OrMenuItem-BHRMA0L1.mjs";
+import { a as Do, b as Co, L as So, O as bo } from "./OrLoader-2SaTMxmZ.mjs";
+import { O as Po } from "./OrMenuItem-BHRMA0L1.mjs";
 import { O as go } from "./OrMenu-CJT4Snay.mjs";
-import { M as ko, O as Ro } from "./OrModal-CQhwUYFk.mjs";
+import { M as Go, O as Ro } from "./OrModal-CQhwUYFk.mjs";
 import { N as ho, O as Eo, V as Bo } from "./OrNotification-Dz3Tr1wI.mjs";
 import { O as zo } from "./OrOverlay-BjrghiC-.mjs";
 import { O as wo } from "./OrPagination-BFUGGyGy.mjs";
@@ -71,28 +71,28 @@ import { O as xe, R as Ve } from "./OrRichTooltip-D8vv5Btb.mjs";
 import { O as le } from "./OrSearch-YPg77z38.mjs";
 import { O as de, S as ce } from "./OrSegmentedControl-D5QoWe-N.mjs";
 import { O as Ce } from "./OrSelect-jPsu8Yeh.mjs";
-import { O as ue, S as Pe } from "./props-BxqD8LGb.mjs";
-import { O as Ie, a as ge } from "./OrSkeletonRect-weDKDBV_.mjs";
-import { O as ke } from "./OrSkeletonText-Dm8s1o0l.mjs";
-import { O as Fe } from "./OrSlider-Cec0WpUQ.mjs";
-import { S as Ee, a as Be } from "./OrSlider.vue_vue_type_script_lang-C5rLh1F0.mjs";
-import { O as ze } from "./OrSorting-DCAarSF1.mjs";
-import { O as we, a as Me, S as ye } from "./OrStatus-D4QIuE7R.mjs";
-import { O as Ne } from "./OrSwitch-BBd-YlXk.mjs";
-import { O as je } from "./OrTab-BdtxL_PY.mjs";
-import { O as We, a as qe, T as Je } from "./OrTabs-BUXLSz8o.mjs";
-import { O as Ue } from "./OrTagInput-B5TArhY_.mjs";
-import { O as Ye, a as Ze, T as _e } from "./OrTag-Bixe0EQq.mjs";
-import { O as rt, T as at } from "./OrTags-CS0bcLtx.mjs";
-import { O as et } from "./OrTeleport.vue3-C9kW_8PS.mjs";
-import { O as st } from "./OrText-3zAJU5xf.mjs";
-import { O as it } from "./OrTextarea-Ddnv4Ztu.mjs";
-import { O as mt } from "./OrTimeFormat-BmhKB6Gc.mjs";
-import { O as xt } from "./OrTimePicker-Du1sJ1Mh.mjs";
-import { O as ft } from "./OrTimeRangePicker-BRyqEYfR.mjs";
-import { a as Tt, O as dt, p as ct, t as Dt, b as Ct, u as St } from "./types-BwxhurSS.mjs";
+import { O as be, S as ue } from "./props-BxqD8LGb.mjs";
+import { b as Ie, O as ge, a as ke } from "./OrSkeletonArea-fMhHFyo1.mjs";
+import { O as Re } from "./OrSkeletonArea.vue_vue_type_script_lang-jgRhbZ0X.mjs";
+import { O as he } from "./OrSlider-Cec0WpUQ.mjs";
+import { S as Be, a as ve } from "./OrSlider.vue_vue_type_script_lang-C5rLh1F0.mjs";
+import { O as Le } from "./OrSorting-DCAarSF1.mjs";
+import { O as Me, a as ye, S as Ae } from "./OrStatus-D4QIuE7R.mjs";
+import { O as He } from "./OrSwitch-BBd-YlXk.mjs";
+import { O as Qe } from "./OrTab-BdtxL_PY.mjs";
+import { O as qe, a as Je, T as Ke } from "./OrTabs-BUXLSz8o.mjs";
+import { O as Xe } from "./OrTagInput-B5TArhY_.mjs";
+import { O as Ze, a as _e, T as $e } from "./OrTag-Bixe0EQq.mjs";
+import { O as at, T as ot } from "./OrTags-CS0bcLtx.mjs";
+import { O as tt } from "./OrTeleport.vue3-C9kW_8PS.mjs";
+import { O as Ot } from "./OrText-3zAJU5xf.mjs";
+import { O as pt } from "./OrTextarea-Ddnv4Ztu.mjs";
+import { O as nt } from "./OrTimeFormat-BmhKB6Gc.mjs";
+import { O as Vt } from "./OrTimePicker-Du1sJ1Mh.mjs";
+import { O as lt } from "./OrTimeRangePicker-BRyqEYfR.mjs";
+import { a as dt, O as ct, p as Dt, t as Ct, b as St, u as bt } from "./types-BwxhurSS.mjs";
 import { O as Pt } from "./OrTooltip-DqwjoE82.mjs";
-import { O as It, T as gt } from "./OrTree-By3MLZUL.mjs";
+import { O as gt, T as kt } from "./OrTree-By3MLZUL.mjs";
 export * from "@onereach/ui-components-common";
 export {
   t as AvatarColor,
@@ -116,7 +116,7 @@ export {
   la as ExpansionPanelColor,
   Ta as ExpansionPanelVariant,
   Da as FabColor,
-  ka as FormGroupDirection,
+  Ga as FormGroupDirection,
   Ra as FormGroupSpacing,
   Oe as Formats,
   va as IconButtonColor,
@@ -136,7 +136,7 @@ export {
   Do as LoaderColor,
   Co as LoaderSize,
   So as LoaderVariant,
-  ko as ModalSize,
+  Go as ModalSize,
   ho as NotificationVariant,
   o as OrAutocompleteV3,
   O as OrAvatarV3,
@@ -144,7 +144,7 @@ export {
   x as OrButtonGroupV3,
   f as OrButtonV3,
   S as OrCardCollectionV3,
-  G as OrCardV3,
+  k as OrCardV3,
   R as OrCheckboxGroupV3,
   h as OrCheckboxTreeV3,
   B as OrCheckboxV3,
@@ -168,10 +168,10 @@ export {
   Dr as OrDataGridTableHeaderRow,
   Cr as OrDataGridTablePlaceholder,
   Sr as OrDataGridToolbar,
-  ur as OrDataGridV3,
-  br as OrDateFormatV3,
+  br as OrDataGridV3,
+  Pr as OrDateFormatV3,
   gr as OrDatePickerV3,
-  kr as OrDateRangePickerV3,
+  Gr as OrDateRangePickerV3,
   Fr as OrDateTimeFormatV3,
   vr as OrDateTimePickerDateControl,
   zr as OrDateTimePickerDateSelect,
@@ -190,8 +190,8 @@ export {
   xa as OrErrorV3,
   da as OrExpansionPanelV3,
   Ca as OrFabV3,
-  ua as OrFilterPopoverV3,
-  ba as OrFilterTriggerV3,
+  ba as OrFilterPopoverV3,
+  Pa as OrFilterTriggerV3,
   ga as OrFilterV3,
   Fa as OrFormGroupV3,
   Ea as OrHintV3,
@@ -207,8 +207,8 @@ export {
   Vo as OrLinkV3,
   lo as OrListItem,
   To as OrListV3,
-  uo as OrLoaderV3,
-  bo as OrMenuItemV3,
+  bo as OrLoaderV3,
+  Po as OrMenuItemV3,
   go as OrMenuV3,
   Ro as OrModalV3,
   Eo as OrNotificationV3,
@@ -226,34 +226,35 @@ export {
   le as OrSearchV3,
   de as OrSegmentedControlV3,
   Ce as OrSelectV3,
-  ue as OrSidebarV3,
-  Ie as OrSkeletonCircleV3,
-  ge as OrSkeletonRectV3,
-  ke as OrSkeletonTextV3,
-  Fe as OrSliderV3,
-  ze as OrSortingV3,
-  we as OrStatusV3,
-  Ne as OrSwitchV3,
-  je as OrTabV3,
-  We as OrTabsV3,
-  Ue as OrTagInputV3,
-  Ye as OrTagV3,
-  rt as OrTagsV3,
-  et as OrTeleportV3,
-  st as OrTextV3,
-  it as OrTextareaV3,
-  mt as OrTimeFormatV3,
-  xt as OrTimePickerV3,
-  ft as OrTimeRangePickerV3,
-  Tt as OrToastContainerV3,
-  dt as OrToastV3,
+  be as OrSidebarV3,
+  Ie as OrSkeletonAreaV3,
+  ge as OrSkeletonCircleV3,
+  ke as OrSkeletonRectV3,
+  Re as OrSkeletonTextV3,
+  he as OrSliderV3,
+  Le as OrSortingV3,
+  Me as OrStatusV3,
+  He as OrSwitchV3,
+  Qe as OrTabV3,
+  qe as OrTabsV3,
+  Xe as OrTagInputV3,
+  Ze as OrTagV3,
+  at as OrTagsV3,
+  tt as OrTeleportV3,
+  Ot as OrTextV3,
+  pt as OrTextareaV3,
+  nt as OrTimeFormatV3,
+  Vt as OrTimePickerV3,
+  lt as OrTimeRangePickerV3,
+  dt as OrToastContainerV3,
+  ct as OrToastV3,
   Pt as OrTooltipV3,
-  It as OrTreeV3,
+  gt as OrTreeV3,
   Ao as PopoverPlacement,
   No as PopoverVariant,
   Wo as ProgressColor,
   qo as ProgressType,
-  ct as PropsV3,
+  Dt as PropsV3,
   re as RatingVariant,
   ee as ResizeablePanelPadding,
   te as ResizeablePanelPlacement,
@@ -261,28 +262,28 @@ export {
   me as RichTextEditorTooltips,
   Ve as RichTooltipBehavior,
   ce as SegmentedControlSize,
-  Pe as SidebarPlacement,
-  Ee as SliderColor,
-  Be as SliderOrientation,
-  Me as StatusSize,
-  ye as StatusVariant,
-  qe as TabsSpacing,
-  Je as TabsVariant,
-  Ze as TagColor,
-  _e as TagVariant,
-  at as TagsOverflow,
-  gt as TreeNodeDropPosition,
-  Dt as TypesV3,
+  ue as SidebarPlacement,
+  Be as SliderColor,
+  ve as SliderOrientation,
+  ye as StatusSize,
+  Ae as StatusVariant,
+  Je as TabsSpacing,
+  Ke as TabsVariant,
+  _e as TagColor,
+  $e as TagVariant,
+  ot as TagsOverflow,
+  kt as TreeNodeDropPosition,
+  Ct as TypesV3,
   Bo as VariantToIconName,
   aa as approximateFileSize,
-  u as defaultViewModes,
+  b as defaultViewModes,
   Hr as formatDate,
   jr as formatMobileDate,
   Qr as formatMobileTime,
   Wr as formatTime,
   qr as getCurrentDate,
   Ur as getNextMonthDate,
-  P as gridView,
+  u as gridView,
   q as html,
   Ho as isPrevented,
   N as javascript,
@@ -290,9 +291,9 @@ export {
   Q as jsonParseLinter,
   M as lintGutter,
   y as linter,
-  b as listView,
+  P as listView,
   Jr as scrollToElementWithinContainer,
-  Ct as useQueueV3,
-  St as useToastV3
+  St as useQueueV3,
+  bt as useToastV3
 };
 //# sourceMappingURL=index.mjs.map

package/dist/types/components/or-skeleton-v3/index.d.ts

@@ -1,3 +1,4 @@
 export { default as OrSkeletonCircleV3 } from './or-skeleton-circle-v3/OrSkeletonCircle.vue';
 export { default as OrSkeletonRectV3 } from './or-skeleton-rect-v3/OrSkeletonRect.vue';
 export { default as OrSkeletonTextV3 } from './or-skeleton-text-v3/OrSkeletonText.vue';
+export { default as OrSkeletonAreaV3 } from './or-skeleton-area-v3/OrSkeletonArea.vue';

package/dist/types/components/or-skeleton-v3/or-skeleton-area-v3/OrSkeletonArea.vue.d.ts

@@ -0,0 +1,56 @@
+import { IconSize } from '@onereach/ui-components.or-icon-v3';
+declare const _default: import("vue").DefineComponent<{
+    animated: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+        default: string;
+    };
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+        default: number;
+    };
+    icon: {
+        type: StringConstructor;
+        required: true;
+    };
+}, {
+    IconSize: typeof IconSize;
+    root: import("vue").Ref<HTMLElement | undefined>;
+    rootStyles: import("vue").ComputedRef<string[]>;
+    rootStyle: import("vue").ComputedRef<{
+        width: string;
+        height: string;
+    }>;
+    iconStyles: string[];
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    animated: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+        default: string;
+    };
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+        default: number;
+    };
+    icon: {
+        type: StringConstructor;
+        required: true;
+    };
+}>>, {
+    height: string | number;
+    width: string | number;
+    animated: boolean;
+}, {}>;
+export default _default;

package/dist/types/components/or-skeleton-v3/or-skeleton-area-v3/styles.d.ts

@@ -0,0 +1,4 @@
+export declare const SkeletonRoot: string[];
+export declare const SkeletonArea: string[];
+export declare const Icon: string[];
+export declare const SkeletonAnimated: string[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "23.3.6",
+  "version": "23.3.7-beta.5654.0",
   "description": "Vue components library for v3",
   "license": "Apache-2.0",
   "sideEffects": false,
@@ -46,8 +46,8 @@
     "@codemirror/view": "^6",
     "@floating-ui/dom": "1.5.3",
     "@lezer/highlight": "*",
-    "@onereach/styles": "^23.3.6",
-    "@onereach/ui-components-common": "^23.3.6",
+    "@onereach/styles": "^23.3.7-beta.5654.0",
+    "@onereach/ui-components-common": "^23.3.7-beta.5654.0",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.0.3",
     "@tiptap/extension-blockquote": "2.0.3",
@@ -102,6 +102,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "npmUnpacked": "4.15.2",
-  "gitHead": "55a2102dd50376ed53d9910d64f09ce0c2fd02e8"
+  "npmUnpacked": "4.15.2"
 }

package/dist/esm/OrSkeletonRect-weDKDBV_.mjs

@@ -1,24 +0,0 @@
-import { _ as f, a as _ } from "./OrSkeletonText-Dm8s1o0l.mjs";
-import { openBlock as o, createElementBlock as r, normalizeClass as t, normalizeStyle as s } from "vue";
-import { _ as n } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-function m(e, l, a, c, i, p) {
-  return o(), r("div", {
-    ref: "root",
-    class: t(e.rootStyles),
-    style: s(e.rootStyle)
-  }, null, 6);
-}
-const S = /* @__PURE__ */ n(f, [["render", m]]);
-function $(e, l, a, c, i, p) {
-  return o(), r("div", {
-    ref: "root",
-    class: t(e.rootStyles),
-    style: s(e.rootStyle)
-  }, null, 6);
-}
-const k = /* @__PURE__ */ n(_, [["render", $]]);
-export {
-  S as O,
-  k as a
-};
-//# sourceMappingURL=OrSkeletonRect-weDKDBV_.mjs.map

package/dist/esm/OrSkeletonRect-weDKDBV_.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"OrSkeletonRect-weDKDBV_.mjs","sources":["../../../components/or-skeleton-v3/src/or-skeleton-circle-v3/OrSkeletonCircle.vue","../../../components/or-skeleton-v3/src/or-skeleton-rect-v3/OrSkeletonRect.vue"],"sourcesContent":["<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :style=\"rootStyle\"\n  />\n</template>\n\n<script lang=\"ts\">\nimport { pxToRem } from '@onereach/ui-components-common/utils';\nimport { computed, defineComponent, ref } from 'vue';\n\nimport { SkeletonAnimated, SkeletonCircle, SkeletonRoot } from './styles';\n\nexport default defineComponent({\n  name: 'OrSkeletonCircle',\n\n  props: {\n    animated: {\n      type: Boolean,\n      required: false,\n      default: true,\n    },\n\n    size: {\n      type: [Number, String],\n      required: false,\n      default: 40,\n    },\n  },\n\n  expose: [\n    'root',\n  ],\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-skeleton-v3',\n      'or-skeleton-circle',\n      ...SkeletonRoot,\n      ...SkeletonCircle,\n      ...(props.animated ? SkeletonAnimated : []),\n    ]);\n\n    const rootStyle = computed(() => {\n      const size = props.size ?? 40; // 40px - medium OrAvatar\n      const sizeStyle = typeof size === 'number'\n        ? pxToRem(size)\n        : size;\n\n      return {\n        'width': sizeStyle,\n        'min-width': sizeStyle,\n        'height': sizeStyle,\n        'min-height': sizeStyle,\n      };\n    });\n\n    return {\n      root,\n      rootStyles,\n      rootStyle,\n    };\n  },\n});\n</script>\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :style=\"rootStyle\"\n  />\n</template>\n\n<script lang=\"ts\">\nimport { pxToRem } from '@onereach/ui-components-common/utils';\nimport { computed, defineComponent, ref } from 'vue';\n\nimport { SkeletonAnimated, SkeletonRect, SkeletonRoot } from './styles';\n\nexport default defineComponent({\n  name: 'OrSkeletonRect',\n\n  props: {\n    animated: {\n      type: Boolean,\n      required: false,\n      default: true,\n    },\n\n    width: {\n      type: [Number, String],\n      required: false,\n      default: '100%',\n    },\n\n    height: {\n      type: [Number, String],\n      required: false,\n      default: 36,\n    },\n  },\n\n  expose: [\n    'root',\n  ],\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-skeleton-v3',\n      'or-skeleton-rect',\n      ...SkeletonRoot,\n      ...SkeletonRect,\n      ...(props.animated ? SkeletonAnimated : []),\n    ]);\n\n    const rootStyle = computed(() => {\n      const width = props.width ?? '100%';\n      const height = props.height ?? 36; // 36px - default OrInput height\n\n      return {\n        'width': typeof width === 'number' ? pxToRem(width) : width,\n        'height': typeof height === 'number' ? pxToRem(height) : height,\n      };\n    });\n\n    return {\n      root,\n      rootStyles,\n      rootStyle,\n    };\n  },\n});\n</script>\n"],"names":["_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_normalizeClass"],"mappings":";;;SAEUA,EAAMC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAA;SACNC,EAAY,GAAAC,EAAA,OAAA;AAAA,IACjB,KAAK;AAAA,IAAA,OAAAC,EAAAR,EAAA,UAAA;AAAA;;;;SCFAD,EAAMC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAA;SACNC,EAAY,GAAAC,EAAA,OAAA;AAAA,IACjB,KAAK;AAAA,IAAA,OAAAC,EAAAR,EAAA,UAAA;AAAA;;;;"}

package/dist/esm/OrSkeletonText-Dm8s1o0l.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"OrSkeletonText-Dm8s1o0l.mjs","sources":["../../../components/or-skeleton-v3/src/or-skeleton-circle-v3/styles.ts","../../../components/or-skeleton-v3/src/or-skeleton-circle-v3/OrSkeletonCircle.vue","../../../components/or-skeleton-v3/src/or-skeleton-rect-v3/styles.ts","../../../components/or-skeleton-v3/src/or-skeleton-rect-v3/OrSkeletonRect.vue","../../../components/or-skeleton-v3/src/or-skeleton-text-v3/styles.ts","../../../components/or-skeleton-v3/src/or-skeleton-text-v3/OrSkeletonText.vue"],"sourcesContent":["export const SkeletonRoot: string[] = [\n  // Position\n  'relative',\n\n  // Layout\n  'overflow-hidden',\n\n  // Box\n  'p-0',\n\n  // Borders\n  'border-0',\n\n  // Theme\n  'bg-skeletons-gradient',\n  'dark:bg-skeletons-gradient-dark',\n\n  // Background\n  'bg-repeat',\n];\n\nexport const SkeletonCircle: string[] = [\n  // Box\n  'rounded-full',\n];\n\nexport const SkeletonAnimated: string[] = [\n  // Background\n  'bg-[length:200%]',\n\n  // Animation\n  'animate-skeleton-loader',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :style=\"rootStyle\"\n  />\n</template>\n\n<script lang=\"ts\">\nimport { pxToRem } from '@onereach/ui-components-common/utils';\nimport { computed, defineComponent, ref } from 'vue';\n\nimport { SkeletonAnimated, SkeletonCircle, SkeletonRoot } from './styles';\n\nexport default defineComponent({\n  name: 'OrSkeletonCircle',\n\n  props: {\n    animated: {\n      type: Boolean,\n      required: false,\n      default: true,\n    },\n\n    size: {\n      type: [Number, String],\n      required: false,\n      default: 40,\n    },\n  },\n\n  expose: [\n    'root',\n  ],\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-skeleton-v3',\n      'or-skeleton-circle',\n      ...SkeletonRoot,\n      ...SkeletonCircle,\n      ...(props.animated ? SkeletonAnimated : []),\n    ]);\n\n    const rootStyle = computed(() => {\n      const size = props.size ?? 40; // 40px - medium OrAvatar\n      const sizeStyle = typeof size === 'number'\n        ? pxToRem(size)\n        : size;\n\n      return {\n        'width': sizeStyle,\n        'min-width': sizeStyle,\n        'height': sizeStyle,\n        'min-height': sizeStyle,\n      };\n    });\n\n    return {\n      root,\n      rootStyles,\n      rootStyle,\n    };\n  },\n});\n</script>\n","export const SkeletonRoot: string[] = [\n  // Position\n  'relative',\n\n  // Layout\n  'overflow-hidden',\n\n  // Box\n  'p-0',\n\n  // Borders\n  'border-0',\n\n  // Theme\n  'bg-skeletons-gradient',\n  'dark:bg-skeletons-gradient-dark',\n\n  // Background\n  'bg-repeat',\n];\n\nexport const SkeletonRect: string[] = [\n  // Box\n  'rounded-md',\n];\n\nexport const SkeletonAnimated: string[] = [\n  // Background\n  'bg-[length:200%]',\n\n  // Animation\n  'animate-skeleton-loader',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :style=\"rootStyle\"\n  />\n</template>\n\n<script lang=\"ts\">\nimport { pxToRem } from '@onereach/ui-components-common/utils';\nimport { computed, defineComponent, ref } from 'vue';\n\nimport { SkeletonAnimated, SkeletonRect, SkeletonRoot } from './styles';\n\nexport default defineComponent({\n  name: 'OrSkeletonRect',\n\n  props: {\n    animated: {\n      type: Boolean,\n      required: false,\n      default: true,\n    },\n\n    width: {\n      type: [Number, String],\n      required: false,\n      default: '100%',\n    },\n\n    height: {\n      type: [Number, String],\n      required: false,\n      default: 36,\n    },\n  },\n\n  expose: [\n    'root',\n  ],\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-skeleton-v3',\n      'or-skeleton-rect',\n      ...SkeletonRoot,\n      ...SkeletonRect,\n      ...(props.animated ? SkeletonAnimated : []),\n    ]);\n\n    const rootStyle = computed(() => {\n      const width = props.width ?? '100%';\n      const height = props.height ?? 36; // 36px - default OrInput height\n\n      return {\n        'width': typeof width === 'number' ? pxToRem(width) : width,\n        'height': typeof height === 'number' ? pxToRem(height) : height,\n      };\n    });\n\n    return {\n      root,\n      rootStyles,\n      rootStyle,\n    };\n  },\n});\n</script>\n","export const SkeletonRoot: string[] = [\n  // Position\n  'relative',\n\n  // Layout\n  'overflow-hidden',\n\n  // Box\n  'p-0',\n\n  // Borders\n  'border-0',\n\n  // Theme\n  'bg-skeletons-gradient',\n  'dark:bg-skeletons-gradient-dark',\n\n  // Background\n  'bg-repeat',\n];\n\nexport const SkeletonTextContainerRoot: string[] = [\n  // Layout\n  'flex',\n  'flex-col',\n\n  // Box\n  'h-auto',\n];\n\nexport const SkeletonText: string[] = [\n  // Box\n  'w-full',\n  'rounded-md',\n];\n\nexport const SkeletonAnimated: string[] = [\n  // Background\n  'bg-[length:200%]',\n\n  // Animation\n  'animate-skeleton-loader',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"containerStyles\"\n    :style=\"containerStyle\"\n  >\n    <div\n      v-for=\"key in lineKeys\"\n      :key=\"key\"\n      :class=\"rowStyles\"\n      :style=\"rowStyle\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { pxToRem } from '@onereach/ui-components-common/utils';\nimport { computed, defineComponent, ref } from 'vue';\n\nimport { SkeletonAnimated, SkeletonRoot, SkeletonText, SkeletonTextContainerRoot } from './styles';\n\nexport default defineComponent({\n  name: 'OrSkeletonText',\n\n  props: {\n    animated: {\n      type: Boolean,\n      required: false,\n      default: true,\n    },\n\n    linesCount: {\n      type: Number,\n      required: false,\n      default: 1,\n    },\n\n    width: {\n      type: [Number, String],\n      required: false,\n      default: '100%',\n    },\n\n    fontSize: {\n      type: Number,\n      required: false,\n      default: 16,\n    },\n\n    lineHeight: {\n      type: Number,\n      required: false,\n      default: 24,\n    },\n  },\n\n  expose: [\n    'root',\n  ],\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const containerStyles = computed(() => [\n      'or-skeleton-text-root',\n      ...SkeletonTextContainerRoot,\n    ]);\n\n    const containerStyle = computed(() => {\n      const width = props.width ?? '100%';\n\n      return {\n        'width': typeof width === 'number' ? pxToRem(width) : width,\n      };\n    });\n\n    const rowStyles = computed(() => [\n      'or-skeleton-v3',\n      'or-skeleton-text',\n      ...SkeletonRoot,\n      ...SkeletonText,\n      ...(props.animated ? SkeletonAnimated : []),\n    ]);\n\n    const rowStyle = computed(() => {\n      const height = props.fontSize ?? 16;\n      const margin = ((props.lineHeight ?? 24) - height) / 2;\n\n      return {\n        'height': typeof height === 'number' ? pxToRem(height) : height,\n        'margin': `${typeof margin === 'number' ? pxToRem(margin) : margin} 0`,\n      };\n    });\n\n    // State\n    const lineKeys = computed(() => [...Array(props.linesCount).keys()]);\n\n    return {\n      root,\n      containerStyles,\n      containerStyle,\n      rowStyles,\n      rowStyle,\n      lineKeys,\n    };\n  },\n});\n</script>\n"],"names":["SkeletonRoot","SkeletonCircle","SkeletonAnimated","_sfc_main$2","defineComponent","props","root","ref","rootStyles","computed","rootStyle","size","sizeStyle","pxToRem","SkeletonRect","_sfc_main$1","width","height","SkeletonTextContainerRoot","SkeletonText","_sfc_main","containerStyles","containerStyle","rowStyles","rowStyle","margin","lineKeys","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_normalizeClass","_Fragment","_renderList","key"],"mappings":"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"}