@vuetify/nightly 3.0.0-beta.0 → 3.0.0-beta.13

package/lib/components/VSelectionControlGroup/index.d.ts

@@ -0,0 +1,47 @@
+import * as vue from 'vue';
+import { JSXComponent, PropType } from 'vue';
+
+declare type IconValue = string | JSXComponent;
+declare const IconValue: PropType<IconValue>;
+
+declare const VSelectionControlGroup: vue.DefineComponent<{
+    disabled: BooleanConstructor;
+    id: StringConstructor;
+    inline: BooleanConstructor;
+    name: StringConstructor;
+    falseIcon: PropType<IconValue>;
+    trueIcon: PropType<IconValue>;
+    multiple: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
+    readonly: BooleanConstructor;
+    type: StringConstructor;
+    modelValue: null;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'update:modelValue': (val: any) => true;
+}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    disabled: BooleanConstructor;
+    id: StringConstructor;
+    inline: BooleanConstructor;
+    name: StringConstructor;
+    falseIcon: PropType<IconValue>;
+    trueIcon: PropType<IconValue>;
+    multiple: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
+    readonly: BooleanConstructor;
+    type: StringConstructor;
+    modelValue: null;
+}>> & {
+    "onUpdate:modelValue"?: ((val: any) => any) | undefined;
+}, {
+    inline: boolean;
+    disabled: boolean;
+    multiple: boolean | null;
+    readonly: boolean;
+}>;
+declare type VSelectionControlGroup = InstanceType<typeof VSelectionControlGroup>;
+
+export { VSelectionControlGroup };

package/lib/components/VSelectionControlGroup/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VSelectionControlGroup/index.ts"],"names":["VSelectionControlGroup"],"mappings":"SAASA,sB","sourcesContent":["export { VSelectionControlGroup } from './VSelectionControlGroup'\n"],"file":"index.mjs"}
+{"version":3,"file":"index.mjs","names":["VSelectionControlGroup"],"sources":["../../../src/components/VSelectionControlGroup/index.ts"],"sourcesContent":["export { VSelectionControlGroup } from './VSelectionControlGroup'\n"],"mappings":"SAASA,sB"}

package/lib/components/VSheet/VSheet.css

@@ -3,7 +3,7 @@
   border-color: rgba(var(--v-border-color), var(--v-border-opacity));
   border-style: solid;
   border-width: 0;
-  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
+  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
   border-radius: 0;
   background: rgb(var(--v-theme-surface));
   color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));

package/lib/components/VSheet/VSheet.mjs

@@ -5,14 +5,15 @@ import "./VSheet.css"; // Composables
 import { makeBorderProps, useBorder } from "../../composables/border.mjs";
 import { makeDimensionProps, useDimension } from "../../composables/dimensions.mjs";
 import { makeElevationProps, useElevation } from "../../composables/elevation.mjs";
+import { makeLocationProps, useLocation } from "../../composables/location.mjs";
 import { makePositionProps, usePosition } from "../../composables/position.mjs";
 import { makeRoundedProps, useRounded } from "../../composables/rounded.mjs";
 import { makeTagProps } from "../../composables/tag.mjs";
-import { useBackgroundColor } from "../../composables/color.mjs";
-import { makeThemeProps, provideTheme } from "../../composables/theme.mjs"; // Utilities
+import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
+import { useBackgroundColor } from "../../composables/color.mjs"; // Utilities
 
-import { toRef } from 'vue';
 import { defineComponent } from "../../util/index.mjs";
+import { toRef } from 'vue';
 export const VSheet = defineComponent({
   name: 'VSheet',
   props: {
@@ -20,6 +21,7 @@ export const VSheet = defineComponent({
     ...makeBorderProps(),
     ...makeDimensionProps(),
     ...makeElevationProps(),
+    ...makeLocationProps(),
     ...makePositionProps(),
     ...makeRoundedProps(),
     ...makeTagProps(),
@@ -47,15 +49,17 @@ export const VSheet = defineComponent({
       elevationClasses
     } = useElevation(props);
     const {
-      positionClasses,
-      positionStyles
+      locationStyles
+    } = useLocation(props);
+    const {
+      positionClasses
     } = usePosition(props);
     const {
       roundedClasses
     } = useRounded(props);
     return () => _createVNode(props.tag, {
       "class": ['v-sheet', themeClasses.value, backgroundColorClasses.value, borderClasses.value, elevationClasses.value, positionClasses.value, roundedClasses.value],
-      "style": [backgroundColorStyles.value, dimensionStyles.value, positionStyles.value]
+      "style": [backgroundColorStyles.value, dimensionStyles.value, locationStyles.value]
     }, slots);
   }
 

package/lib/components/VSheet/VSheet.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VSheet/VSheet.tsx"],"names":["makeBorderProps","useBorder","makeDimensionProps","useDimension","makeElevationProps","useElevation","makePositionProps","usePosition","makeRoundedProps","useRounded","makeTagProps","useBackgroundColor","makeThemeProps","provideTheme","toRef","defineComponent","VSheet","name","props","color","String","setup","slots","themeClasses","backgroundColorClasses","backgroundColorStyles","borderClasses","dimensionStyles","elevationClasses","positionClasses","positionStyles","roundedClasses","value"],"mappings":";AAAA;AACA,sB,CAEA;;SACSA,e,EAAiBC,S;SACjBC,kB,EAAoBC,Y;SACpBC,kB,EAAoBC,Y;SACpBC,iB,EAAmBC,W;SACnBC,gB,EAAkBC,U;SAClBC,Y;SACAC,kB;SACAC,c,EAAgBC,Y,uCAEzB;;AACA,SAASC,KAAT,QAAsB,KAAtB;SACSC,e;AAET,OAAO,MAAMC,MAAM,GAAGD,eAAe,CAAC;AACpCE,EAAAA,IAAI,EAAE,QAD8B;AAGpCC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAEC,MADF;AAGL,OAAGpB,eAAe,EAHb;AAIL,OAAGE,kBAAkB,EAJhB;AAKL,OAAGE,kBAAkB,EALhB;AAML,OAAGE,iBAAiB,EANf;AAOL,OAAGE,gBAAgB,EAPd;AAQL,OAAGE,YAAY,EARV;AASL,OAAGE,cAAc;AATZ,GAH6B;;AAepCS,EAAAA,KAAK,CAAEH,KAAF,QAAoB;AAAA,QAAX;AAAEI,MAAAA;AAAF,KAAW;AACvB,UAAM;AAAEC,MAAAA;AAAF,QAAmBV,YAAY,CAACK,KAAD,CAArC;AACA,UAAM;AAAEM,MAAAA,sBAAF;AAA0BC,MAAAA;AAA1B,QAAoDd,kBAAkB,CAACG,KAAK,CAACI,KAAD,EAAQ,OAAR,CAAN,CAA5E;AACA,UAAM;AAAEQ,MAAAA;AAAF,QAAoBzB,SAAS,CAACiB,KAAD,CAAnC;AACA,UAAM;AAAES,MAAAA;AAAF,QAAsBxB,YAAY,CAACe,KAAD,CAAxC;AACA,UAAM;AAAEU,MAAAA;AAAF,QAAuBvB,YAAY,CAACa,KAAD,CAAzC;AACA,UAAM;AAAEW,MAAAA,eAAF;AAAmBC,MAAAA;AAAnB,QAAsCvB,WAAW,CAACW,KAAD,CAAvD;AACA,UAAM;AAAEa,MAAAA;AAAF,QAAqBtB,UAAU,CAACS,KAAD,CAArC;AAEA,WAAO;AAAA,eAEI,CACL,SADK,EAELK,YAAY,CAACS,KAFR,EAGLR,sBAAsB,CAACQ,KAHlB,EAILN,aAAa,CAACM,KAJT,EAKLJ,gBAAgB,CAACI,KALZ,EAMLH,eAAe,CAACG,KANX,EAOLD,cAAc,CAACC,KAPV,CAFJ;AAAA,eAWI,CACLP,qBAAqB,CAACO,KADjB,EAELL,eAAe,CAACK,KAFX,EAGLF,cAAc,CAACE,KAHV;AAXJ,OAgBOV,KAhBP,CAAP;AAmBD;;AA3CmC,CAAD,CAA9B","sourcesContent":["// Styles\nimport './VSheet.sass'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makePositionProps, usePosition } from '@/composables/position'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { useBackgroundColor } from '@/composables/color'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\n\n// Utilities\nimport { toRef } from 'vue'\nimport { defineComponent } from '@/util'\n\nexport const VSheet = defineComponent({\n  name: 'VSheet',\n\n  props: {\n    color: String,\n\n    ...makeBorderProps(),\n    ...makeDimensionProps(),\n    ...makeElevationProps(),\n    ...makePositionProps(),\n    ...makeRoundedProps(),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n  },\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'color'))\n    const { borderClasses } = useBorder(props)\n    const { dimensionStyles } = useDimension(props)\n    const { elevationClasses } = useElevation(props)\n    const { positionClasses, positionStyles } = usePosition(props)\n    const { roundedClasses } = useRounded(props)\n\n    return () => (\n      <props.tag\n        class={[\n          'v-sheet',\n          themeClasses.value,\n          backgroundColorClasses.value,\n          borderClasses.value,\n          elevationClasses.value,\n          positionClasses.value,\n          roundedClasses.value,\n        ]}\n        style={[\n          backgroundColorStyles.value,\n          dimensionStyles.value,\n          positionStyles.value,\n        ]}\n        v-slots={ slots }\n      />\n    )\n  },\n})\n"],"file":"VSheet.mjs"}
+{"version":3,"file":"VSheet.mjs","names":["makeBorderProps","useBorder","makeDimensionProps","useDimension","makeElevationProps","useElevation","makeLocationProps","useLocation","makePositionProps","usePosition","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","useBackgroundColor","defineComponent","toRef","VSheet","name","props","color","String","setup","slots","themeClasses","backgroundColorClasses","backgroundColorStyles","borderClasses","dimensionStyles","elevationClasses","locationStyles","positionClasses","roundedClasses","value"],"sources":["../../../src/components/VSheet/VSheet.tsx"],"sourcesContent":["// Styles\nimport './VSheet.sass'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeLocationProps, useLocation } from '@/composables/location'\nimport { makePositionProps, usePosition } from '@/composables/position'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useBackgroundColor } from '@/composables/color'\n\n// Utilities\nimport { defineComponent } from '@/util'\nimport { toRef } from 'vue'\n\nexport const VSheet = defineComponent({\n  name: 'VSheet',\n\n  props: {\n    color: String,\n\n    ...makeBorderProps(),\n    ...makeDimensionProps(),\n    ...makeElevationProps(),\n    ...makeLocationProps(),\n    ...makePositionProps(),\n    ...makeRoundedProps(),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n  },\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'color'))\n    const { borderClasses } = useBorder(props)\n    const { dimensionStyles } = useDimension(props)\n    const { elevationClasses } = useElevation(props)\n    const { locationStyles } = useLocation(props)\n    const { positionClasses } = usePosition(props)\n    const { roundedClasses } = useRounded(props)\n\n    return () => (\n      <props.tag\n        class={[\n          'v-sheet',\n          themeClasses.value,\n          backgroundColorClasses.value,\n          borderClasses.value,\n          elevationClasses.value,\n          positionClasses.value,\n          roundedClasses.value,\n        ]}\n        style={[\n          backgroundColorStyles.value,\n          dimensionStyles.value,\n          locationStyles.value,\n        ]}\n        v-slots={ slots }\n      />\n    )\n  },\n})\n"],"mappings":";AAAA;AACA,sB,CAEA;;SACSA,e,EAAiBC,S;SACjBC,kB,EAAoBC,Y;SACpBC,kB,EAAoBC,Y;SACpBC,iB,EAAmBC,W;SACnBC,iB,EAAmBC,W;SACnBC,gB,EAAkBC,U;SAClBC,Y;SACAC,c,EAAgBC,Y;SAChBC,kB,uCAET;;SACSC,e;AACT,SAASC,KAAT,QAAsB,KAAtB;AAEA,OAAO,MAAMC,MAAM,GAAGF,eAAe,CAAC;EACpCG,IAAI,EAAE,QAD8B;EAGpCC,KAAK,EAAE;IACLC,KAAK,EAAEC,MADF;IAGL,GAAGtB,eAAe,EAHb;IAIL,GAAGE,kBAAkB,EAJhB;IAKL,GAAGE,kBAAkB,EALhB;IAML,GAAGE,iBAAiB,EANf;IAOL,GAAGE,iBAAiB,EAPf;IAQL,GAAGE,gBAAgB,EARd;IASL,GAAGE,YAAY,EATV;IAUL,GAAGC,cAAc;EAVZ,CAH6B;;EAgBpCU,KAAK,CAAEH,KAAF,QAAoB;IAAA,IAAX;MAAEI;IAAF,CAAW;IACvB,MAAM;MAAEC;IAAF,IAAmBX,YAAY,CAACM,KAAD,CAArC;IACA,MAAM;MAAEM,sBAAF;MAA0BC;IAA1B,IAAoDZ,kBAAkB,CAACE,KAAK,CAACG,KAAD,EAAQ,OAAR,CAAN,CAA5E;IACA,MAAM;MAAEQ;IAAF,IAAoB3B,SAAS,CAACmB,KAAD,CAAnC;IACA,MAAM;MAAES;IAAF,IAAsB1B,YAAY,CAACiB,KAAD,CAAxC;IACA,MAAM;MAAEU;IAAF,IAAuBzB,YAAY,CAACe,KAAD,CAAzC;IACA,MAAM;MAAEW;IAAF,IAAqBxB,WAAW,CAACa,KAAD,CAAtC;IACA,MAAM;MAAEY;IAAF,IAAsBvB,WAAW,CAACW,KAAD,CAAvC;IACA,MAAM;MAAEa;IAAF,IAAqBtB,UAAU,CAACS,KAAD,CAArC;IAEA,OAAO;MAAA,SAEI,CACL,SADK,EAELK,YAAY,CAACS,KAFR,EAGLR,sBAAsB,CAACQ,KAHlB,EAILN,aAAa,CAACM,KAJT,EAKLJ,gBAAgB,CAACI,KALZ,EAMLF,eAAe,CAACE,KANX,EAOLD,cAAc,CAACC,KAPV,CAFJ;MAAA,SAWI,CACLP,qBAAqB,CAACO,KADjB,EAELL,eAAe,CAACK,KAFX,EAGLH,cAAc,CAACG,KAHV;IAXJ,GAgBOV,KAhBP,CAAP;EAmBD;;AA7CmC,CAAD,CAA9B"}

package/lib/components/VSheet/VSheet.sass

@@ -1,4 +1,3 @@
-@forward './variables'
 @use '../../styles/tools'
 @use './variables' as *
 

package/lib/components/VSheet/_variables.scss

@@ -1,17 +1,18 @@
 @use '../../styles/settings';
 
-// Defaults
+// VSheet
 $sheet-background: rgb(var(--v-theme-surface)) !default;
-$sheet-color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity)) !default;
 $sheet-border-color: settings.$border-color-root !default;
 $sheet-border-radius: 0 !default;
 $sheet-border-style: settings.$border-style-root !default;
 $sheet-border-thin-width: thin !default;
 $sheet-border-width: 0 !default;
+$sheet-color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity)) !default;
 $sheet-elevation: 0 !default;
 $sheet-positions: absolute fixed !default;
 $sheet-rounded-border-radius: settings.$border-radius-root !default;
 
+// Lists
 $sheet-border: (
   $sheet-border-color,
   $sheet-border-style,

package/lib/components/VSheet/index.d.ts

@@ -0,0 +1,68 @@
+import * as vue from 'vue';
+
+declare const block: readonly ["top", "bottom"];
+declare const inline: readonly ["start", "end", "left", "right"];
+declare type Tblock = typeof block[number];
+declare type Tinline = typeof inline[number];
+declare type Anchor = Tblock | Tinline | 'center' | 'center center' | `${Tblock} ${Tinline | 'center'}` | `${Tinline} ${Tblock | 'center'}`;
+
+declare const VSheet: vue.DefineComponent<{
+    theme: StringConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    position: {
+        type: vue.PropType<"fixed" | "absolute" | "static" | "relative" | "sticky">;
+        validator: (v: any) => boolean;
+    };
+    location: vue.PropType<Anchor>;
+    elevation: {
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    };
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    color: StringConstructor;
+}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    theme: StringConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    position: {
+        type: vue.PropType<"fixed" | "absolute" | "static" | "relative" | "sticky">;
+        validator: (v: any) => boolean;
+    };
+    location: vue.PropType<Anchor>;
+    elevation: {
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    };
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    color: StringConstructor;
+}>>, {
+    tag: string;
+    rounded: string | number | boolean;
+}>;
+
+export { VSheet };

package/lib/components/VSheet/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VSheet/index.ts"],"names":["VSheet"],"mappings":"SAASA,M","sourcesContent":["export { VSheet } from './VSheet'\n"],"file":"index.mjs"}
+{"version":3,"file":"index.mjs","names":["VSheet"],"sources":["../../../src/components/VSheet/index.ts"],"sourcesContent":["export { VSheet } from './VSheet'\n"],"mappings":"SAASA,M"}

package/lib/components/VSkeletonLoader/VSkeletonLoader.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VSkeletonLoader/VSkeletonLoader.ts"],"names":["Elevatable","Measurable","Themeable","mixins","getSlot","extend","name","props","boilerplate","Boolean","loading","tile","transition","String","type","types","Object","default","computed","attrs","isLoading","$attrs","role","classes","themeClasses","elevationClasses","$scopedSlots","rootTypes","actions","article","avatar","button","card","chip","heading","image","paragraph","sentences","table","text","methods","genBone","children","$createElement","staticClass","genBones","bone","length","split","generator","genStructure","Array","from","map","indexOf","mapBones","push","genSkeleton","on","afterEnter","resetStyles","beforeEnter","onBeforeEnter","beforeLeave","onBeforeLeave","leaveCancelled","bones","replace","el","_initialStyle","display","style","setProperty","render","h","$listeners","class","measurableStyles","undefined"],"mappings":"AAAA;;AACA;AAEA;AACA,+B,CAEA;;OACOA,U;OACAC,U;OACAC,S,oCAEP;;OACOC,M,+BAEP;;SAESC,O;;AAUT;AACA,eAAeD,MAAM,CACnBH,UADmB,EAEnBC,UAFmB,EAGnBC,SAHmB,CAAN,CAIbG,MAJa,CAIN;AACPC,EAAAA,IAAI,EAAE,iBADC;AAGPC,EAAAA,KAAK,EAAE;AACLC,IAAAA,WAAW,EAAEC,OADR;AAELC,IAAAA,OAAO,EAAED,OAFJ;AAGLE,IAAAA,IAAI,EAAEF,OAHD;AAILG,IAAAA,UAAU,EAAEC,MAJP;AAKLC,IAAAA,IAAI,EAAED,MALD;AAMLE,IAAAA,KAAK,EAAE;AACLD,MAAAA,IAAI,EAAEE,MADD;AAELC,MAAAA,OAAO,EAAE,OAAO,EAAP;AAFJ;AANF,GAHA;AAePC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,KAAK,GAAY;AACf,UAAI,CAAC,KAAKC,SAAV,EAAqB,OAAO,KAAKC,MAAZ;AAErB,aAAO,CAAC,KAAKb,WAAN,GAAoB;AACzB,qBAAa,IADY;AAEzB,qBAAa,QAFY;AAGzBc,QAAAA,IAAI,EAAE,OAHmB;AAIzB,WAAG,KAAKD;AAJiB,OAApB,GAKH,EALJ;AAMD,KAVO;;AAWRE,IAAAA,OAAO,GAAY;AACjB,aAAO;AACL,0CAAkC,KAAKf,WADlC;AAEL,yCAAiC,KAAKY,SAFjC;AAGL,mCAA2B,KAAKT,IAH3B;AAIL,WAAG,KAAKa,YAJH;AAKL,WAAG,KAAKC;AALH,OAAP;AAOD,KAnBO;;AAoBRL,IAAAA,SAAS,GAAa;AACpB,aAAO,EAAE,aAAa,KAAKM,YAApB,KAAqC,KAAKhB,OAAjD;AACD,KAtBO;;AAuBRiB,IAAAA,SAAS,GAA4B;AACnC,aAAO;AACLC,QAAAA,OAAO,EAAE,UADJ;AAELC,QAAAA,OAAO,EAAE,oBAFJ;AAGLC,QAAAA,MAAM,EAAE,QAHH;AAILC,QAAAA,MAAM,EAAE,QAJH;AAKLC,QAAAA,IAAI,EAAE,qBALD;AAML,uBAAe,yBANV;AAOL,wBAAgB,SAPX;AAQLC,QAAAA,IAAI,EAAE,MARD;AASL,uBAAe,kFATV;AAUL,+BAAuB,gBAVlB;AAWL,4BAAoB,WAXf;AAYLC,QAAAA,OAAO,EAAE,SAZJ;AAaLC,QAAAA,KAAK,EAAE,OAbF;AAcL,qBAAa,MAdR;AAeL,4BAAoB,cAff;AAgBL,8BAAsB,WAhBjB;AAiBL,qCAA6B,mBAjBxB;AAkBL,gCAAwB,WAlBnB;AAmBL,uCAA+B,mBAnB1B;AAoBLC,QAAAA,SAAS,EAAE,QApBN;AAqBLC,QAAAA,SAAS,EAAE,QArBN;AAsBLC,QAAAA,KAAK,EAAE,sDAtBF;AAuBL,yBAAiB,eAvBZ;AAwBL,uBAAe,WAxBV;AAyBL,uBAAe,qBAzBV;AA0BL,6BAAqB,oBA1BhB;AA2BL,qBAAa,cA3BR;AA4BL,sBAAc,MA5BT;AA6BL,uBAAe,kBA7BV;AA8BLC,QAAAA,IAAI,EAAE,MA9BD;AA+BL,WAAG,KAAKxB;AA/BH,OAAP;AAiCD;;AAzDO,GAfH;AA2EPyB,EAAAA,OAAO,EAAE;AACPC,IAAAA,OAAO,CAAEF,IAAF,EAAgBG,QAAhB,EAAmC;AACxC,aAAO,KAAKC,cAAL,CAAoB,KAApB,EAA2B;AAChCC,QAAAA,WAAW,EAAG,sBAAqBL,IAAK;AADR,OAA3B,EAEJG,QAFI,CAAP;AAGD,KALM;;AAMPG,IAAAA,QAAQ,CAAEC,IAAF,EAAyB;AAC/B;AACA,YAAM,CAAChC,IAAD,EAAOiC,MAAP,IAAiBD,IAAI,CAACE,KAAL,CAAW,GAAX,CAAvB;;AACA,YAAMC,SAAS,GAAG,MAAM,KAAKC,YAAL,CAAkBpC,IAAlB,CAAxB,CAH+B,CAK/B;AACA;;;AACA,aAAOqC,KAAK,CAACC,IAAN,CAAW;AAAEL,QAAAA;AAAF,OAAX,EAAuBM,GAAvB,CAA2BJ,SAA3B,CAAP;AACD,KAdM;;AAeP;AACA;AACAC,IAAAA,YAAY,CAAEpC,IAAF,EAAsB;AAChC,UAAI4B,QAAQ,GAAG,EAAf;AACA5B,MAAAA,IAAI,GAAGA,IAAI,IAAI,KAAKA,IAAb,IAAqB,EAA5B;AACA,YAAMgC,IAAI,GAAG,KAAKnB,SAAL,CAAeb,IAAf,KAAwB,EAArC,CAHgC,CAKhC;;AACA;;AACA,UAAIA,IAAI,KAAKgC,IAAb,EAAmB,CAAE,CAArB,CACA;AADA,WAEK,IAAIhC,IAAI,CAACwC,OAAL,CAAa,GAAb,IAAoB,CAAC,CAAzB,EAA4B,OAAO,KAAKC,QAAL,CAAczC,IAAd,CAAP,CAA5B,CACL;AADK,WAEA,IAAIA,IAAI,CAACwC,OAAL,CAAa,GAAb,IAAoB,CAAC,CAAzB,EAA4B,OAAO,KAAKT,QAAL,CAAc/B,IAAd,CAAP,CAA5B,CACL;AADK,WAEA,IAAIgC,IAAI,CAACQ,OAAL,CAAa,GAAb,IAAoB,CAAC,CAAzB,EAA4BZ,QAAQ,GAAG,KAAKa,QAAL,CAAcT,IAAd,CAAX,CAA5B,CACL;AADK,WAEA,IAAIA,IAAI,CAACQ,OAAL,CAAa,GAAb,IAAoB,CAAC,CAAzB,EAA4BZ,QAAQ,GAAG,KAAKG,QAAL,CAAcC,IAAd,CAAX,CAA5B,CACL;AADK,WAEA,IAAIA,IAAJ,EAAUJ,QAAQ,CAACc,IAAT,CAAc,KAAKN,YAAL,CAAkBJ,IAAlB,CAAd;;AAEf,aAAO,CAAC,KAAKL,OAAL,CAAa3B,IAAb,EAAmB4B,QAAnB,CAAD,CAAP;AACD,KArCM;;AAsCPe,IAAAA,WAAW,GAAI;AACb,YAAMf,QAAQ,GAAG,EAAjB;AAEA,UAAI,CAAC,KAAKtB,SAAV,EAAqBsB,QAAQ,CAACc,IAAT,CAAcpD,OAAO,CAAC,IAAD,CAArB,EAArB,KACKsC,QAAQ,CAACc,IAAT,CAAc,KAAKN,YAAL,EAAd;AAEL;;AACA,UAAI,CAAC,KAAKtC,UAAV,EAAsB,OAAO8B,QAAP;AAEtB;;AACA,aAAO,KAAKC,cAAL,CAAoB,YAApB,EAAkC;AACvCpC,QAAAA,KAAK,EAAE;AACLD,UAAAA,IAAI,EAAE,KAAKM;AADN,SADgC;AAIvC;AACA;AACA8C,QAAAA,EAAE,EAAE;AACFC,UAAAA,UAAU,EAAE,KAAKC,WADf;AAEFC,UAAAA,WAAW,EAAE,KAAKC,aAFhB;AAGFC,UAAAA,WAAW,EAAE,KAAKC,aAHhB;AAIFC,UAAAA,cAAc,EAAE,KAAKL;AAJnB;AANmC,OAAlC,EAYJlB,QAZI,CAAP;AAaD,KA7DM;;AA8DPa,IAAAA,QAAQ,CAAEW,KAAF,EAAiB;AACvB;AACA,aAAOA,KAAK,CAACC,OAAN,CAAc,KAAd,EAAqB,EAArB,EAAyBnB,KAAzB,CAA+B,GAA/B,EAAoCK,GAApC,CAAwC,KAAKH,YAA7C,CAAP;AACD,KAjEM;;AAkEPY,IAAAA,aAAa,CAAEM,EAAF,EAAiC;AAC5C,WAAKR,WAAL,CAAiBQ,EAAjB;AAEA,UAAI,CAAC,KAAKhD,SAAV,EAAqB;AAErBgD,MAAAA,EAAE,CAACC,aAAH,GAAmB;AACjBC,QAAAA,OAAO,EAAEF,EAAE,CAACG,KAAH,CAASD,OADD;AAEjB1D,QAAAA,UAAU,EAAEwD,EAAE,CAACG,KAAH,CAAS3D;AAFJ,OAAnB;AAKAwD,MAAAA,EAAE,CAACG,KAAH,CAASC,WAAT,CAAqB,YAArB,EAAmC,MAAnC,EAA2C,WAA3C;AACD,KA7EM;;AA8EPR,IAAAA,aAAa,CAAEI,EAAF,EAAiC;AAC5CA,MAAAA,EAAE,CAACG,KAAH,CAASC,WAAT,CAAqB,SAArB,EAAgC,MAAhC,EAAwC,WAAxC;AACD,KAhFM;;AAiFPZ,IAAAA,WAAW,CAAEQ,EAAF,EAAiC;AAC1C,UAAI,CAACA,EAAE,CAACC,aAAR,EAAuB;AAEvBD,MAAAA,EAAE,CAACG,KAAH,CAASD,OAAT,GAAmBF,EAAE,CAACC,aAAH,CAAiBC,OAAjB,IAA4B,EAA/C;AACAF,MAAAA,EAAE,CAACG,KAAH,CAAS3D,UAAT,GAAsBwD,EAAE,CAACC,aAAH,CAAiBzD,UAAvC;AAEA,aAAOwD,EAAE,CAACC,aAAV;AACD;;AAxFM,GA3EF;;AAsKPI,EAAAA,MAAM,CAAEC,CAAF,EAAY;AAChB,WAAOA,CAAC,CAAC,KAAD,EAAQ;AACd9B,MAAAA,WAAW,EAAE,mBADC;AAEdzB,MAAAA,KAAK,EAAE,KAAKA,KAFE;AAGduC,MAAAA,EAAE,EAAE,KAAKiB,UAHK;AAIdC,MAAAA,KAAK,EAAE,KAAKrD,OAJE;AAKdgD,MAAAA,KAAK,EAAE,KAAKnD,SAAL,GAAiB,KAAKyD,gBAAtB,GAAyCC;AALlC,KAAR,EAML,CAAC,KAAKrB,WAAL,EAAD,CANK,CAAR;AAOD;;AA9KM,CAJM,CAAf","sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\n// Styles\nimport './VSkeletonLoader.sass'\n\n// Mixins\nimport Elevatable from '../../mixins/elevatable'\nimport Measurable from '../../mixins/measurable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode } from 'vue'\nimport { getSlot } from '../../util/helpers'\nimport { PropValidator } from 'vue/types/options'\n\nexport interface HTMLSkeletonLoaderElement extends HTMLElement {\n  _initialStyle?: {\n    display: string | null\n    transition: string\n  }\n}\n\n/* @vue/component */\nexport default mixins(\n  Elevatable,\n  Measurable,\n  Themeable,\n).extend({\n  name: 'VSkeletonLoader',\n\n  props: {\n    boilerplate: Boolean,\n    loading: Boolean,\n    tile: Boolean,\n    transition: String,\n    type: String,\n    types: {\n      type: Object,\n      default: () => ({}),\n    } as PropValidator<Record<string, string>>,\n  },\n\n  computed: {\n    attrs (): object {\n      if (!this.isLoading) return this.$attrs\n\n      return !this.boilerplate ? {\n        'aria-busy': true,\n        'aria-live': 'polite',\n        role: 'alert',\n        ...this.$attrs,\n      } : {}\n    },\n    classes (): object {\n      return {\n        'v-skeleton-loader--boilerplate': this.boilerplate,\n        'v-skeleton-loader--is-loading': this.isLoading,\n        'v-skeleton-loader--tile': this.tile,\n        ...this.themeClasses,\n        ...this.elevationClasses,\n      }\n    },\n    isLoading (): boolean {\n      return !('default' in this.$scopedSlots) || this.loading\n    },\n    rootTypes (): Record<string, string> {\n      return {\n        actions: 'button@2',\n        article: 'heading, paragraph',\n        avatar: 'avatar',\n        button: 'button',\n        card: 'image, card-heading',\n        'card-avatar': 'image, list-item-avatar',\n        'card-heading': 'heading',\n        chip: 'chip',\n        'date-picker': 'list-item, card-heading, divider, date-picker-options, date-picker-days, actions',\n        'date-picker-options': 'text, avatar@2',\n        'date-picker-days': 'avatar@28',\n        heading: 'heading',\n        image: 'image',\n        'list-item': 'text',\n        'list-item-avatar': 'avatar, text',\n        'list-item-two-line': 'sentences',\n        'list-item-avatar-two-line': 'avatar, sentences',\n        'list-item-three-line': 'paragraph',\n        'list-item-avatar-three-line': 'avatar, paragraph',\n        paragraph: 'text@3',\n        sentences: 'text@2',\n        table: 'table-heading, table-thead, table-tbody, table-tfoot',\n        'table-heading': 'heading, text',\n        'table-thead': 'heading@6',\n        'table-tbody': 'table-row-divider@6',\n        'table-row-divider': 'table-row, divider',\n        'table-row': 'table-cell@6',\n        'table-cell': 'text',\n        'table-tfoot': 'text@2, avatar@2',\n        text: 'text',\n        ...this.types,\n      }\n    },\n  },\n\n  methods: {\n    genBone (text: string, children: VNode[]) {\n      return this.$createElement('div', {\n        staticClass: `v-skeleton-loader__${text} v-skeleton-loader__bone`,\n      }, children)\n    },\n    genBones (bone: string): VNode[] {\n      // e.g. 'text@3'\n      const [type, length] = bone.split('@') as [string, number]\n      const generator = () => this.genStructure(type)\n\n      // Generate a length array based upon\n      // value after @ in the bone string\n      return Array.from({ length }).map(generator)\n    },\n    // Fix type when this is merged\n    // https://github.com/microsoft/TypeScript/pull/33050\n    genStructure (type?: string): any {\n      let children = []\n      type = type || this.type || ''\n      const bone = this.rootTypes[type] || ''\n\n      // End of recursion, do nothing\n      /* eslint-disable-next-line no-empty, brace-style */\n      if (type === bone) {}\n      // Array of values - e.g. 'heading, paragraph, text@2'\n      else if (type.indexOf(',') > -1) return this.mapBones(type)\n      // Array of values - e.g. 'paragraph@4'\n      else if (type.indexOf('@') > -1) return this.genBones(type)\n      // Array of values - e.g. 'card@2'\n      else if (bone.indexOf(',') > -1) children = this.mapBones(bone)\n      // Array of values - e.g. 'list-item@2'\n      else if (bone.indexOf('@') > -1) children = this.genBones(bone)\n      // Single value - e.g. 'card-heading'\n      else if (bone) children.push(this.genStructure(bone))\n\n      return [this.genBone(type, children)]\n    },\n    genSkeleton () {\n      const children = []\n\n      if (!this.isLoading) children.push(getSlot(this))\n      else children.push(this.genStructure())\n\n      /* istanbul ignore else */\n      if (!this.transition) return children\n\n      /* istanbul ignore next */\n      return this.$createElement('transition', {\n        props: {\n          name: this.transition,\n        },\n        // Only show transition when\n        // content has been loaded\n        on: {\n          afterEnter: this.resetStyles,\n          beforeEnter: this.onBeforeEnter,\n          beforeLeave: this.onBeforeLeave,\n          leaveCancelled: this.resetStyles,\n        },\n      }, children)\n    },\n    mapBones (bones: string) {\n      // Remove spaces and return array of structures\n      return bones.replace(/\\s/g, '').split(',').map(this.genStructure)\n    },\n    onBeforeEnter (el: HTMLSkeletonLoaderElement) {\n      this.resetStyles(el)\n\n      if (!this.isLoading) return\n\n      el._initialStyle = {\n        display: el.style.display,\n        transition: el.style.transition,\n      }\n\n      el.style.setProperty('transition', 'none', 'important')\n    },\n    onBeforeLeave (el: HTMLSkeletonLoaderElement) {\n      el.style.setProperty('display', 'none', 'important')\n    },\n    resetStyles (el: HTMLSkeletonLoaderElement) {\n      if (!el._initialStyle) return\n\n      el.style.display = el._initialStyle.display || ''\n      el.style.transition = el._initialStyle.transition\n\n      delete el._initialStyle\n    },\n  },\n\n  render (h): VNode {\n    return h('div', {\n      staticClass: 'v-skeleton-loader',\n      attrs: this.attrs,\n      on: this.$listeners,\n      class: this.classes,\n      style: this.isLoading ? this.measurableStyles : undefined,\n    }, [this.genSkeleton()])\n  },\n})\n"],"file":"VSkeletonLoader.mjs"}
+{"version":3,"file":"VSkeletonLoader.mjs","names":["Elevatable","Measurable","Themeable","mixins","getSlot","extend","name","props","boilerplate","Boolean","loading","tile","transition","String","type","types","Object","default","computed","attrs","isLoading","$attrs","role","classes","themeClasses","elevationClasses","$scopedSlots","rootTypes","actions","article","avatar","button","card","chip","heading","image","paragraph","sentences","table","text","methods","genBone","children","$createElement","staticClass","genBones","bone","length","split","generator","genStructure","Array","from","map","indexOf","mapBones","push","genSkeleton","on","afterEnter","resetStyles","beforeEnter","onBeforeEnter","beforeLeave","onBeforeLeave","leaveCancelled","bones","replace","el","_initialStyle","display","style","setProperty","render","h","$listeners","class","measurableStyles","undefined"],"sources":["../../../src/components/VSkeletonLoader/VSkeletonLoader.ts"],"sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\n// Styles\nimport './VSkeletonLoader.sass'\n\n// Mixins\nimport Elevatable from '../../mixins/elevatable'\nimport Measurable from '../../mixins/measurable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode } from 'vue'\nimport { getSlot } from '../../util/helpers'\nimport { PropValidator } from 'vue/types/options'\n\nexport interface HTMLSkeletonLoaderElement extends HTMLElement {\n  _initialStyle?: {\n    display: string | null\n    transition: string\n  }\n}\n\n/* @vue/component */\nexport default mixins(\n  Elevatable,\n  Measurable,\n  Themeable,\n).extend({\n  name: 'VSkeletonLoader',\n\n  props: {\n    boilerplate: Boolean,\n    loading: Boolean,\n    tile: Boolean,\n    transition: String,\n    type: String,\n    types: {\n      type: Object,\n      default: () => ({}),\n    } as PropValidator<Record<string, string>>,\n  },\n\n  computed: {\n    attrs (): object {\n      if (!this.isLoading) return this.$attrs\n\n      return !this.boilerplate ? {\n        'aria-busy': true,\n        'aria-live': 'polite',\n        role: 'alert',\n        ...this.$attrs,\n      } : {}\n    },\n    classes (): object {\n      return {\n        'v-skeleton-loader--boilerplate': this.boilerplate,\n        'v-skeleton-loader--is-loading': this.isLoading,\n        'v-skeleton-loader--tile': this.tile,\n        ...this.themeClasses,\n        ...this.elevationClasses,\n      }\n    },\n    isLoading (): boolean {\n      return !('default' in this.$scopedSlots) || this.loading\n    },\n    rootTypes (): Record<string, string> {\n      return {\n        actions: 'button@2',\n        article: 'heading, paragraph',\n        avatar: 'avatar',\n        button: 'button',\n        card: 'image, card-heading',\n        'card-avatar': 'image, list-item-avatar',\n        'card-heading': 'heading',\n        chip: 'chip',\n        'date-picker': 'list-item, card-heading, divider, date-picker-options, date-picker-days, actions',\n        'date-picker-options': 'text, avatar@2',\n        'date-picker-days': 'avatar@28',\n        heading: 'heading',\n        image: 'image',\n        'list-item': 'text',\n        'list-item-avatar': 'avatar, text',\n        'list-item-two-line': 'sentences',\n        'list-item-avatar-two-line': 'avatar, sentences',\n        'list-item-three-line': 'paragraph',\n        'list-item-avatar-three-line': 'avatar, paragraph',\n        paragraph: 'text@3',\n        sentences: 'text@2',\n        table: 'table-heading, table-thead, table-tbody, table-tfoot',\n        'table-heading': 'heading, text',\n        'table-thead': 'heading@6',\n        'table-tbody': 'table-row-divider@6',\n        'table-row-divider': 'table-row, divider',\n        'table-row': 'table-cell@6',\n        'table-cell': 'text',\n        'table-tfoot': 'text@2, avatar@2',\n        text: 'text',\n        ...this.types,\n      }\n    },\n  },\n\n  methods: {\n    genBone (text: string, children: VNode[]) {\n      return this.$createElement('div', {\n        staticClass: `v-skeleton-loader__${text} v-skeleton-loader__bone`,\n      }, children)\n    },\n    genBones (bone: string): VNode[] {\n      // e.g. 'text@3'\n      const [type, length] = bone.split('@') as [string, number]\n      const generator = () => this.genStructure(type)\n\n      // Generate a length array based upon\n      // value after @ in the bone string\n      return Array.from({ length }).map(generator)\n    },\n    // Fix type when this is merged\n    // https://github.com/microsoft/TypeScript/pull/33050\n    genStructure (type?: string): any {\n      let children = []\n      type = type || this.type || ''\n      const bone = this.rootTypes[type] || ''\n\n      // End of recursion, do nothing\n      /* eslint-disable-next-line no-empty, brace-style */\n      if (type === bone) {}\n      // Array of values - e.g. 'heading, paragraph, text@2'\n      else if (type.indexOf(',') > -1) return this.mapBones(type)\n      // Array of values - e.g. 'paragraph@4'\n      else if (type.indexOf('@') > -1) return this.genBones(type)\n      // Array of values - e.g. 'card@2'\n      else if (bone.indexOf(',') > -1) children = this.mapBones(bone)\n      // Array of values - e.g. 'list-item@2'\n      else if (bone.indexOf('@') > -1) children = this.genBones(bone)\n      // Single value - e.g. 'card-heading'\n      else if (bone) children.push(this.genStructure(bone))\n\n      return [this.genBone(type, children)]\n    },\n    genSkeleton () {\n      const children = []\n\n      if (!this.isLoading) children.push(getSlot(this))\n      else children.push(this.genStructure())\n\n      /* istanbul ignore else */\n      if (!this.transition) return children\n\n      /* istanbul ignore next */\n      return this.$createElement('transition', {\n        props: {\n          name: this.transition,\n        },\n        // Only show transition when\n        // content has been loaded\n        on: {\n          afterEnter: this.resetStyles,\n          beforeEnter: this.onBeforeEnter,\n          beforeLeave: this.onBeforeLeave,\n          leaveCancelled: this.resetStyles,\n        },\n      }, children)\n    },\n    mapBones (bones: string) {\n      // Remove spaces and return array of structures\n      return bones.replace(/\\s/g, '').split(',').map(this.genStructure)\n    },\n    onBeforeEnter (el: HTMLSkeletonLoaderElement) {\n      this.resetStyles(el)\n\n      if (!this.isLoading) return\n\n      el._initialStyle = {\n        display: el.style.display,\n        transition: el.style.transition,\n      }\n\n      el.style.setProperty('transition', 'none', 'important')\n    },\n    onBeforeLeave (el: HTMLSkeletonLoaderElement) {\n      el.style.setProperty('display', 'none', 'important')\n    },\n    resetStyles (el: HTMLSkeletonLoaderElement) {\n      if (!el._initialStyle) return\n\n      el.style.display = el._initialStyle.display || ''\n      el.style.transition = el._initialStyle.transition\n\n      delete el._initialStyle\n    },\n  },\n\n  render (h): VNode {\n    return h('div', {\n      staticClass: 'v-skeleton-loader',\n      attrs: this.attrs,\n      on: this.$listeners,\n      class: this.classes,\n      style: this.isLoading ? this.measurableStyles : undefined,\n    }, [this.genSkeleton()])\n  },\n})\n"],"mappings":"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"}

package/lib/components/VSkeletonLoader/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VSkeletonLoader/index.ts"],"names":["VSkeletonLoader"],"mappings":"OAAOA,e;AAEP,SAASA,eAAT;AACA,eAAeA,eAAf","sourcesContent":["import VSkeletonLoader from './VSkeletonLoader'\n\nexport { VSkeletonLoader }\nexport default VSkeletonLoader\n"],"file":"index.mjs"}
+{"version":3,"file":"index.mjs","names":["VSkeletonLoader"],"sources":["../../../src/components/VSkeletonLoader/index.ts"],"sourcesContent":["import VSkeletonLoader from './VSkeletonLoader'\n\nexport { VSkeletonLoader }\nexport default VSkeletonLoader\n"],"mappings":"OAAOA,e;AAEP,SAASA,eAAT;AACA,eAAeA,eAAf"}

package/lib/components/VSlideGroup/VSlideGroup.css

@@ -2,11 +2,6 @@
   display: flex;
 }
 
-.v-slide-item {
-  display: inline-flex;
-  flex: 0 1 auto;
-}
-
 .v-slide-group__next,
 .v-slide-group__prev {
   align-items: center;

package/lib/components/VSlideGroup/VSlideGroup.mjs

@@ -5,6 +5,7 @@ import "./VSlideGroup.css"; // Components
 import { VFadeTransition } from "../transitions/index.mjs";
 import { VIcon } from "../VIcon/index.mjs"; // Composables
 
+import { IconValue } from "../../composables/icons.mjs";
 import { makeGroupProps, useGroup } from "../../composables/group.mjs";
 import { makeTagProps } from "../../composables/tag.mjs";
 import { useDisplay } from "../../composables/index.mjs";
@@ -12,17 +13,13 @@ import { useResizeObserver } from "../../composables/resizeObserver.mjs";
 import { useRtl } from "../../composables/rtl.mjs"; // Utilities
 
 import { bias, calculateCenteredOffset, calculateUpdatedOffset } from "./helpers.mjs";
-import { clamp, defineComponent, useRender } from "../../util/index.mjs";
-import { computed, ref, watch, watchEffect } from 'vue'; // Types
+import { clamp, defineComponent, IN_BROWSER, useRender } from "../../util/index.mjs";
+import { computed, ref, watch } from 'vue'; // Types
 
 export const VSlideGroupSymbol = Symbol.for('vuetify:v-slide-group');
 export const VSlideGroup = defineComponent({
   name: 'VSlideGroup',
   props: {
-    activeClass: {
-      type: String,
-      default: 'v-slide-item--active'
-    },
     centerActive: Boolean,
     direction: {
       type: String,
@@ -33,11 +30,11 @@ export const VSlideGroup = defineComponent({
       default: VSlideGroupSymbol
     },
     nextIcon: {
-      type: String,
+      type: IconValue,
       default: '$next'
     },
     prevIcon: {
-      type: String,
+      type: IconValue,
       default: '$prev'
     },
     showArrows: {
@@ -45,7 +42,9 @@ export const VSlideGroup = defineComponent({
       validator: v => typeof v === 'boolean' || ['always', 'desktop', 'mobile'].includes(v)
     },
     ...makeTagProps(),
-    ...makeGroupProps()
+    ...makeGroupProps({
+      selectedClass: 'v-slide-group-item--active'
+    })
   },
   emits: {
     'update:modelValue': value => true
@@ -71,48 +70,68 @@ export const VSlideGroup = defineComponent({
       resizeRef: containerRef,
       contentRect: containerRect
     } = useResizeObserver();
-    const contentRef = ref();
-    watchEffect(() => {
-      if (!containerRect.value || !contentRef.value) return;
-      const sizeProperty = isHorizontal.value ? 'width' : 'height';
-      containerSize.value = containerRect.value[sizeProperty];
-      contentSize.value = contentRef.value.getBoundingClientRect()[sizeProperty];
-      isOverflowing.value = containerSize.value + 1 < contentSize.value;
+    const {
+      resizeRef: contentRef,
+      contentRect
+    } = useResizeObserver();
+    const firstSelectedIndex = computed(() => {
+      if (!group.selected.value.length) return -1;
+      return group.items.value.findIndex(item => item.id === group.selected.value[0]);
+    });
+    const lastSelectedIndex = computed(() => {
+      if (!group.selected.value.length) return -1;
+      return group.items.value.findIndex(item => item.id === group.selected.value[group.selected.value.length - 1]);
     });
-    watch(group.selected, selected => {
-      if (!selected.length || !contentRef.value) return;
-      const index = group.items.value.findIndex(item => item.id === selected[selected.length - 1]); // TODO: Is this too naive? Should we store element references in group composable?
 
-      const selectedElement = contentRef.value.children[index];
+    if (IN_BROWSER) {
+      let frame = -1;
+      watch(() => [group.selected.value, containerRect.value, contentRect.value, isHorizontal.value], () => {
+        cancelAnimationFrame(frame);
+        frame = requestAnimationFrame(() => {
+          if (containerRect.value && contentRect.value) {
+            const sizeProperty = isHorizontal.value ? 'width' : 'height';
+            containerSize.value = containerRect.value[sizeProperty];
+            contentSize.value = contentRect.value[sizeProperty];
+            isOverflowing.value = containerSize.value + 1 < contentSize.value;
+          }
 
-      if (index === 0 || !isOverflowing.value) {
-        scrollOffset.value = 0;
-      } else if (props.centerActive) {
-        scrollOffset.value = calculateCenteredOffset({
-          selectedElement,
-          containerSize: containerSize.value,
-          contentSize: contentSize.value,
-          isRtl: isRtl.value,
-          isHorizontal: isHorizontal.value
-        });
-      } else if (isOverflowing.value) {
-        scrollOffset.value = calculateUpdatedOffset({
-          selectedElement,
-          containerSize: containerSize.value,
-          contentSize: contentSize.value,
-          isRtl: isRtl.value,
-          currentScrollOffset: scrollOffset.value,
-          isHorizontal: isHorizontal.value
+          if (firstSelectedIndex.value >= 0 && contentRef.value) {
+            // TODO: Is this too naive? Should we store element references in group composable?
+            const selectedElement = contentRef.value.children[lastSelectedIndex.value];
+
+            if (firstSelectedIndex.value === 0 || !isOverflowing.value) {
+              scrollOffset.value = 0;
+            } else if (props.centerActive) {
+              scrollOffset.value = calculateCenteredOffset({
+                selectedElement,
+                containerSize: containerSize.value,
+                contentSize: contentSize.value,
+                isRtl: isRtl.value,
+                isHorizontal: isHorizontal.value
+              });
+            } else if (isOverflowing.value) {
+              scrollOffset.value = calculateUpdatedOffset({
+                selectedElement,
+                containerSize: containerSize.value,
+                contentSize: contentSize.value,
+                isRtl: isRtl.value,
+                currentScrollOffset: scrollOffset.value,
+                isHorizontal: isHorizontal.value
+              });
+            }
+          }
         });
-      }
-    });
+      });
+    }
+
     const disableTransition = ref(false);
     let startTouch = 0;
     let startOffset = 0;
 
     function onTouchstart(e) {
       const sizeProperty = isHorizontal.value ? 'clientX' : 'clientY';
-      startOffset = scrollOffset.value;
+      const sign = isRtl.value && isHorizontal.value ? -1 : 1;
+      startOffset = sign * scrollOffset.value;
       startTouch = e.touches[0][sizeProperty];
       disableTransition.value = true;
     }
@@ -120,31 +139,25 @@ export const VSlideGroup = defineComponent({
     function onTouchmove(e) {
       if (!isOverflowing.value) return;
       const sizeProperty = isHorizontal.value ? 'clientX' : 'clientY';
-      scrollOffset.value = startOffset + startTouch - e.touches[0][sizeProperty];
+      const sign = isRtl.value && isHorizontal.value ? -1 : 1;
+      scrollOffset.value = sign * (startOffset + startTouch - e.touches[0][sizeProperty]);
     }
 
     function onTouchend(e) {
       const maxScrollOffset = contentSize.value - containerSize.value;
 
-      if (isRtl.value) {
-        if (scrollOffset.value > 0 || !isOverflowing.value) {
-          scrollOffset.value = 0;
-        } else if (scrollOffset.value <= -maxScrollOffset) {
-          scrollOffset.value = -maxScrollOffset;
-        }
-      } else {
-        if (scrollOffset.value < 0 || !isOverflowing.value) {
-          scrollOffset.value = 0;
-        } else if (scrollOffset.value >= maxScrollOffset) {
-          scrollOffset.value = maxScrollOffset;
-        }
+      if (scrollOffset.value < 0 || !isOverflowing.value) {
+        scrollOffset.value = 0;
+      } else if (scrollOffset.value >= maxScrollOffset) {
+        scrollOffset.value = maxScrollOffset;
       }
 
       disableTransition.value = false;
     }
 
     function onScroll() {
-      containerRef.value && (containerRef.value.scrollLeft = 0);
+      if (!containerRef.value) return;
+      containerRef.value[isHorizontal.value ? 'scrollLeft' : 'scrollTop'] = 0;
     }
 
     const isFocused = ref(false);
@@ -184,11 +197,21 @@ export const VSlideGroup = defineComponent({
     function onKeydown(e) {
       if (!contentRef.value) return;
 
-      if (e.key === (isHorizontal.value ? 'ArrowRight' : 'ArrowDown')) {
-        focus('next');
-      } else if (e.key === (isHorizontal.value ? 'ArrowLeft' : 'ArrowUp')) {
-        focus('prev');
-      } else if (e.key === 'Home') {
+      if (isHorizontal.value) {
+        if (e.key === 'ArrowRight') {
+          focus(isRtl.value ? 'prev' : 'next');
+        } else if (e.key === 'ArrowLeft') {
+          focus(isRtl.value ? 'next' : 'prev');
+        }
+      } else {
+        if (e.key === 'ArrowDown') {
+          focus('next');
+        } else if (e.key === 'ArrowUp') {
+          focus('prev');
+        }
+      }
+
+      if (e.key === 'Home') {
         focus('first');
       } else if (e.key === 'End') {
         focus('last');
@@ -226,15 +249,21 @@ export const VSlideGroup = defineComponent({
     }
 
     function scrollTo(location) {
-      const sign = isRtl.value ? -1 : 1;
-      const newAbosluteOffset = sign * scrollOffset.value + (location === 'prev' ? -1 : 1) * containerSize.value;
-      scrollOffset.value = sign * clamp(newAbosluteOffset, 0, contentSize.value - containerSize.value);
+      const newAbsoluteOffset = scrollOffset.value + (location === 'prev' ? -1 : 1) * containerSize.value;
+      scrollOffset.value = clamp(newAbsoluteOffset, 0, contentSize.value - containerSize.value);
     }
 
     const contentStyles = computed(() => {
-      const scrollAmount = scrollOffset.value <= 0 ? bias(-scrollOffset.value) : scrollOffset.value > contentSize.value - containerSize.value ? -(contentSize.value - containerSize.value) + bias(contentSize.value - containerSize.value - scrollOffset.value) : -scrollOffset.value;
+      // This adds friction when scrolling the 'wrong' way when at max offset
+      let scrollAmount = scrollOffset.value > contentSize.value - containerSize.value ? -(contentSize.value - containerSize.value) + bias(contentSize.value - containerSize.value - scrollOffset.value) : -scrollOffset.value; // This adds friction when scrolling the 'wrong' way when at min offset
+
+      if (scrollOffset.value <= 0) {
+        scrollAmount = bias(-scrollOffset.value);
+      }
+
+      const sign = isRtl.value && isHorizontal.value ? -1 : 1;
       return {
-        transform: `translate${isHorizontal.value ? 'X' : 'Y'}(${scrollAmount}px)`,
+        transform: `translate${isHorizontal.value ? 'X' : 'Y'}(${sign * scrollAmount}px)`,
         transition: disableTransition.value ? 'none' : '',
         willChange: disableTransition.value ? 'transform' : ''
       };
@@ -253,7 +282,7 @@ export const VSlideGroup = defineComponent({
         // Always show arrows on desktop
 
         case 'desktop':
-          return mobile.value;
+          return !mobile.value;
         // Show arrows on mobile when overflowing.
         // This matches the default 2.2 behavior
 
@@ -272,15 +301,14 @@ export const VSlideGroup = defineComponent({
       }
     });
     const hasPrev = computed(() => {
-      return hasAffixes.value && scrollOffset.value > 0;
+      return Math.abs(scrollOffset.value) > 0;
     });
     const hasNext = computed(() => {
-      if (!hasAffixes.value) return false; // Check one scroll ahead to know the width of right-most item
-
+      // Check one scroll ahead to know the width of right-most item
       return contentSize.value > Math.abs(scrollOffset.value) + containerSize.value;
     });
     useRender(() => {
-      var _slots$prev, _slots$prev2, _slots$default, _slots$next, _slots$next2;
+      var _slots$prev, _slots$default, _slots$next;
 
       return _createVNode(props.tag, {
         "class": ['v-slide-group', {
@@ -292,15 +320,17 @@ export const VSlideGroup = defineComponent({
         "onFocus": onFocus
       }, {
         default: () => [hasAffixes.value && _createVNode("div", {
+          "key": "prev",
           "class": ['v-slide-group__prev', {
             'v-slide-group__prev--disabled': !hasPrev.value
           }],
           "onClick": () => scrollTo('prev')
-        }, [(_slots$prev = (_slots$prev2 = slots.prev) == null ? void 0 : _slots$prev2.call(slots, slotProps.value)) != null ? _slots$prev : _createVNode(VFadeTransition, null, {
+        }, [((_slots$prev = slots.prev) == null ? void 0 : _slots$prev.call(slots, slotProps.value)) ?? _createVNode(VFadeTransition, null, {
           default: () => [_createVNode(VIcon, {
-            "icon": props.prevIcon
+            "icon": isRtl.value ? props.nextIcon : props.prevIcon
           }, null)]
         })]), _createVNode("div", {
+          "key": "container",
           "ref": containerRef,
           "class": "v-slide-group__container",
           "onScroll": onScroll
@@ -315,13 +345,14 @@ export const VSlideGroup = defineComponent({
           "onFocusout": onFocusout,
           "onKeydown": onKeydown
         }, [(_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots, slotProps.value)])]), hasAffixes.value && _createVNode("div", {
+          "key": "next",
           "class": ['v-slide-group__next', {
             'v-slide-group__next--disabled': !hasNext.value
           }],
           "onClick": () => scrollTo('next')
-        }, [(_slots$next = (_slots$next2 = slots.next) == null ? void 0 : _slots$next2.call(slots, slotProps.value)) != null ? _slots$next : _createVNode(VFadeTransition, null, {
+        }, [((_slots$next = slots.next) == null ? void 0 : _slots$next.call(slots, slotProps.value)) ?? _createVNode(VFadeTransition, null, {
           default: () => [_createVNode(VIcon, {
-            "icon": props.nextIcon
+            "icon": isRtl.value ? props.prevIcon : props.nextIcon
           }, null)]
         })])]
       });