vuetify 3.3.3 → 3.3.4

package/lib/labs/VDateRangePicker/index.mjs

@@ -0,0 +1,3 @@
+export { VDateRangeCard } from "./VDateRangeCard.mjs";
+export { VDateRangePicker } from "./VDateRangePicker.mjs";
+//# sourceMappingURL=index.mjs.map

package/lib/labs/VDateRangePicker/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["VDateRangeCard","VDateRangePicker"],"sources":["../../../src/labs/VDateRangePicker/index.ts"],"sourcesContent":["export { VDateRangeCard } from './VDateRangeCard'\nexport { VDateRangePicker } from './VDateRangePicker'\n"],"mappings":"SAASA,cAAc;AAAA,SACdC,gBAAgB"}

package/lib/labs/VPicker/VPicker.css

@@ -0,0 +1,57 @@
+.v-picker.v-sheet {
+  box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
+  border-radius: 4px;
+  display: grid;
+  grid-auto-rows: min-content;
+  grid-template-areas: "title" "header" "body";
+  overflow: hidden;
+  width: 358px;
+}
+.v-picker.v-sheet.v-picker--with-actions {
+  grid-template-areas: "title" "header" "body" "actions";
+}
+
+.v-picker__body {
+  grid-area: body;
+}
+
+.v-picker__header {
+  grid-area: header;
+}
+
+.v-picker__actions {
+  grid-area: actions;
+  padding: 0 12px 12px 12px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}
+.v-picker__actions .v-btn {
+  padding-inline-start: 8px;
+  padding-inline-end: 8px;
+  min-width: 48px;
+}
+.v-picker__actions .v-btn:not(:last-child) {
+  margin-inline-end: 8px;
+}
+
+.v-picker--landscape {
+  grid-template-areas: "title" "header body" "header body";
+}
+
+.v-picker--landscape.v-picker--with-actions {
+  grid-template-areas: "title" "header body" "header actions";
+}
+
+.v-picker-title {
+  text-transform: uppercase;
+  font-size: 0.75rem;
+  grid-area: title;
+  color: rgb(var(--v-theme-on-surface), var(--v-disabled-opacity));
+  padding-inline-start: 24px;
+  padding-inline-end: 12px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+  font-weight: 600;
+  letter-spacing: 0.1666666667em;
+}

package/lib/labs/VPicker/VPicker.mjs

@@ -0,0 +1,47 @@
+import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+// Styles
+import "./VPicker.css";
+
+// Components
+import { VPickerTitle } from "./VPickerTitle.mjs";
+import { makeVSheetProps, VSheet } from "../../components/VSheet/VSheet.mjs"; // Utilities
+import { genericComponent, omit, propsFactory, useRender } from "../../util/index.mjs"; // Types
+export const makeVPickerProps = propsFactory({
+  landscape: Boolean,
+  title: String,
+  ...omit(makeVSheetProps(), ['color'])
+}, 'VPicker');
+export const VPicker = genericComponent()({
+  name: 'VPicker',
+  props: makeVPickerProps(),
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    useRender(() => {
+      const [sheetProps] = VSheet.filterProps(props);
+      const hasTitle = !!(props.title || slots.title);
+      return _createVNode(VSheet, _mergeProps(sheetProps, {
+        "class": ['v-picker', {
+          'v-picker--landscape': props.landscape,
+          'v-picker--with-actions': !!slots.actions
+        }, props.class],
+        "style": props.style
+      }), {
+        default: () => [hasTitle && _createVNode(VPickerTitle, {
+          "key": "picker-title"
+        }, {
+          default: () => [slots.title?.() ?? props.title]
+        }), slots.header && _createVNode("div", {
+          "class": "v-picker__header"
+        }, [slots.header()]), _createVNode("div", {
+          "class": "v-picker__body"
+        }, [slots.default?.()]), slots.actions && _createVNode("div", {
+          "class": "v-picker__actions"
+        }, [slots.actions()])]
+      });
+    });
+    return {};
+  }
+});
+//# sourceMappingURL=VPicker.mjs.map

package/lib/labs/VPicker/VPicker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VPicker.mjs","names":["VPickerTitle","makeVSheetProps","VSheet","genericComponent","omit","propsFactory","useRender","makeVPickerProps","landscape","Boolean","title","String","VPicker","name","props","setup","_ref","slots","sheetProps","filterProps","hasTitle","_createVNode","_mergeProps","actions","class","style","default","header"],"sources":["../../../src/labs/VPicker/VPicker.tsx"],"sourcesContent":["// Styles\nimport './VPicker.sass'\n\n// Components\nimport { VPickerTitle } from './VPickerTitle'\nimport { makeVSheetProps, VSheet } from '@/components/VSheet/VSheet'\n\n// Utilities\nimport { genericComponent, omit, propsFactory, useRender } from '@/util'\n\n// Types\nexport type VPickerSlots = {\n  header: never\n  default: never\n  actions: never\n  title: never\n}\n\nexport const makeVPickerProps = propsFactory({\n  landscape: Boolean,\n  title: String,\n\n  ...omit(makeVSheetProps(), ['color']),\n}, 'VPicker')\n\nexport const VPicker = genericComponent<VPickerSlots>()({\n  name: 'VPicker',\n\n  props: makeVPickerProps(),\n\n  setup (props, { slots }) {\n    useRender(() => {\n      const [sheetProps] = VSheet.filterProps(props)\n      const hasTitle = !!(props.title || slots.title)\n\n      return (\n        <VSheet\n          { ...sheetProps }\n          class={[\n            'v-picker',\n            {\n              'v-picker--landscape': props.landscape,\n              'v-picker--with-actions': !!slots.actions,\n            },\n            props.class,\n          ]}\n          style={ props.style }\n        >\n          { hasTitle && (\n            <VPickerTitle key=\"picker-title\">\n              { slots.title?.() ?? props.title }\n            </VPickerTitle>\n          )}\n\n          { slots.header && (\n            <div class=\"v-picker__header\">\n              { slots.header() }\n            </div>\n          )}\n\n          <div class=\"v-picker__body\">\n            { slots.default?.() }\n          </div>\n\n          { slots.actions && (\n            <div class=\"v-picker__actions\">\n              { slots.actions() }\n            </div>\n          )}\n        </VSheet>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VPicker = InstanceType<typeof VPicker>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,YAAY;AAAA,SACZC,eAAe,EAAEC,MAAM,8CAEhC;AAAA,SACSC,gBAAgB,EAAEC,IAAI,EAAEC,YAAY,EAAEC,SAAS,gCAExD;AAQA,OAAO,MAAMC,gBAAgB,GAAGF,YAAY,CAAC;EAC3CG,SAAS,EAAEC,OAAO;EAClBC,KAAK,EAAEC,MAAM;EAEb,GAAGP,IAAI,CAACH,eAAe,EAAE,EAAE,CAAC,OAAO,CAAC;AACtC,CAAC,EAAE,SAAS,CAAC;AAEb,OAAO,MAAMW,OAAO,GAAGT,gBAAgB,EAAgB,CAAC;EACtDU,IAAI,EAAE,SAAS;EAEfC,KAAK,EAAEP,gBAAgB,EAAE;EAEzBQ,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrBV,SAAS,CAAC,MAAM;MACd,MAAM,CAACY,UAAU,CAAC,GAAGhB,MAAM,CAACiB,WAAW,CAACL,KAAK,CAAC;MAC9C,MAAMM,QAAQ,GAAG,CAAC,EAAEN,KAAK,CAACJ,KAAK,IAAIO,KAAK,CAACP,KAAK,CAAC;MAE/C,OAAAW,YAAA,CAAAnB,MAAA,EAAAoB,WAAA,CAESJ,UAAU;QAAA,SACR,CACL,UAAU,EACV;UACE,qBAAqB,EAAEJ,KAAK,CAACN,SAAS;UACtC,wBAAwB,EAAE,CAAC,CAACS,KAAK,CAACM;QACpC,CAAC,EACDT,KAAK,CAACU,KAAK,CACZ;QAAA,SACOV,KAAK,CAACW;MAAK;QAAAC,OAAA,EAAAA,CAAA,MAEjBN,QAAQ,IAAAC,YAAA,CAAArB,YAAA;UAAA,OACU;QAAc;UAAA0B,OAAA,EAAAA,CAAA,MAC5BT,KAAK,CAACP,KAAK,IAAI,IAAII,KAAK,CAACJ,KAAK;QAAA,EAEnC,EAECO,KAAK,CAACU,MAAM,IAAAN,YAAA;UAAA,SACD;QAAkB,IACzBJ,KAAK,CAACU,MAAM,EAAE,EAEnB,EAAAN,YAAA;UAAA,SAEU;QAAgB,IACvBJ,KAAK,CAACS,OAAO,IAAI,IAGnBT,KAAK,CAACM,OAAO,IAAAF,YAAA;UAAA,SACF;QAAmB,IAC1BJ,KAAK,CAACM,OAAO,EAAE,EAEpB;MAAA;IAGP,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

package/lib/labs/VPicker/VPicker.sass

@@ -0,0 +1,53 @@
+@use '../../styles/tools'
+
+.v-picker.v-sheet
+  @include tools.elevation(2)
+  @include tools.rounded(4px)
+
+  display: grid
+  grid-auto-rows: min-content
+  grid-template-areas: "title" "header" "body"
+  overflow: hidden
+  width: 358px
+
+  &.v-picker--with-actions
+    grid-template-areas: "title" "header" "body" "actions"
+
+.v-picker__body
+  grid-area: body
+
+.v-picker__header
+  grid-area: header
+
+.v-picker__actions
+  grid-area: actions
+  padding: 0 12px 12px 12px
+  display: flex
+  align-items: center
+  justify-content: flex-end
+
+  .v-btn
+    padding-inline-start: 8px
+    padding-inline-end: 8px
+    min-width: 48px
+
+    &:not(:last-child)
+      margin-inline-end: 8px
+
+.v-picker--landscape
+  grid-template-areas: "title" "header body" "header body"
+
+.v-picker--landscape.v-picker--with-actions
+  grid-template-areas: "title" "header body" "header actions"
+
+.v-picker-title
+  text-transform: uppercase
+  font-size: .75rem
+  grid-area: title
+  color: rgb(var(--v-theme-on-surface), var(--v-disabled-opacity))
+  padding-inline-start: 24px
+  padding-inline-end: 12px
+  padding-top: 16px
+  padding-bottom: 16px
+  font-weight: 600
+  letter-spacing: .1666666667em

package/lib/labs/VPicker/VPickerTitle.mjs

@@ -0,0 +1,4 @@
+// Utilities
+import { createSimpleFunctional } from "../../util/index.mjs";
+export const VPickerTitle = createSimpleFunctional('v-picker-title');
+//# sourceMappingURL=VPickerTitle.mjs.map

package/lib/labs/VPicker/VPickerTitle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VPickerTitle.mjs","names":["createSimpleFunctional","VPickerTitle"],"sources":["../../../src/labs/VPicker/VPickerTitle.ts"],"sourcesContent":["// Utilities\nimport { createSimpleFunctional } from '@/util'\n\nexport const VPickerTitle = createSimpleFunctional('v-picker-title')\n\nexport type VPickerTitle = InstanceType<typeof VPickerTitle>\n"],"mappings":"AAAA;AAAA,SACSA,sBAAsB;AAE/B,OAAO,MAAMC,YAAY,GAAGD,sBAAsB,CAAC,gBAAgB,CAAC"}