@citizenplane/pimp 18.9.20 → 18.9.22

package/dist/components/CpBottomSheet.vue.d.ts

@@ -2,7 +2,10 @@ interface Props {
     animationDuration?: number;
     canBackdropClose?: boolean;
     canSwipeClose?: boolean;
+    expandOnContentDrag?: boolean;
+    halfAndExpand?: boolean;
     preventClose?: boolean;
+    snapPoints?: Array<number | `${number}%`>;
     swipeCloseThreshold?: string;
 }
 type __VLS_Props = Props;
@@ -31,6 +34,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     "onUpdate:modelValue"?: ((value: boolean | undefined) => any) | undefined;
 }>, {
     animationDuration: number;
+    expandOnContentDrag: boolean;
+    halfAndExpand: boolean;
+    snapPoints: Array<number | `${number}%`>;
     swipeCloseThreshold: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/components/CpBottomSheet.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CpBottomSheet.vue.d.ts","sourceRoot":"","sources":["../../src/components/CpBottomSheet.vue"],"names":[],"mappings":"AAuBA;AAoIA,UAAU,KAAK;IACb,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B;AAED,KAAK,WAAW,GAAG,KAAK,CAAC;AA6CzB,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAkEF,QAAA,IAAwB,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACxF,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAyB/C,QAAA,MAAM,eAAe;;;;;;;;;;;;;uBArJC,MAAM;yBAIJ,MAAM;6EA0J5B,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"CpBottomSheet.vue.d.ts","sourceRoot":"","sources":["../../src/components/CpBottomSheet.vue"],"names":[],"mappings":"AAwBA;AAoKA,UAAU,KAAK;IACb,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,UAAU,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC,CAAA;IACzC,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B;AAED,KAAK,WAAW,GAAG,KAAK,CAAC;AA4EzB,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAoEF,QAAA,IAAwB,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACxF,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AA0B/C,QAAA,MAAM,eAAe;;;;;;;;;;;;;uBA1LC,MAAM;yBAGJ,OAAO;mBACb,OAAO;gBAEV,KAAK,CAAC,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;yBACnB,MAAM;6EA4L5B,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/CpDynamicDialog.vue.d.ts

@@ -1,5 +1,8 @@
 interface Props {
+    breakpoint?: number;
     class?: string;
+    expandOnContentDrag?: boolean;
+    halfAndExpand?: boolean;
     isClosableOnClickOutside?: boolean;
     maxWidth?: number | undefined;
     preventClose?: boolean;

package/dist/components/CpDynamicDialog.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CpDynamicDialog.vue.d.ts","sourceRoot":"","sources":["../../src/components/CpDynamicDialog.vue"],"names":[],"mappings":"AA8BA;AAoIA,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,KAAK,WAAW,GAAG,KAAK,CAAC;AAoEzB,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AA8FF,QAAA,IAAyB,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACnI,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC9C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AA0B/C,QAAA,MAAM,eAAe;;;;;;;kFAOnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"CpDynamicDialog.vue.d.ts","sourceRoot":"","sources":["../../src/components/CpDynamicDialog.vue"],"names":[],"mappings":"AA8BA;AAkJA,UAAU,KAAK;IACb,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,KAAK,WAAW,GAAG,KAAK,CAAC;AA2EzB,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AA2FF,QAAA,IAAyB,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACnI,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC9C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AA0B/C,QAAA,MAAM,eAAe;;;;;;;kFAOnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/pimp.es.js

@@ -24939,39 +24939,57 @@ var VO = ["data-vsbs-shadow", "data-vsbs-sheet-show"], HO = /* @__PURE__ */ ((e,
 		animationDuration: { default: 300 },
 		canBackdropClose: { type: Boolean },
 		canSwipeClose: { type: Boolean },
+		expandOnContentDrag: {
+			type: Boolean,
+			default: !0
+		},
+		halfAndExpand: {
+			type: Boolean,
+			default: !1
+		},
 		preventClose: { type: Boolean },
-		swipeCloseThreshold: { default: "20%" }
+		snapPoints: { default: () => [] },
+		swipeCloseThreshold: { default: "40%" }
 	}, {
 		modelValue: { type: Boolean },
 		modelModifiers: {}
 	}),
 	emits: /*@__PURE__*/ S(["close", "open"], ["update:modelValue"]),
 	setup(e, { expose: t, emit: n }) {
-		let r = e, i = n, a = me("bottomSheetRef"), s = fe(e, "modelValue"), c = () => {
-			if (s.value) {
-				a.value?.open();
+		let r = e, a = n, s = me("bottomSheetRef"), c = fe(e, "modelValue"), u = i(() => r.snapPoints?.length ? r.snapPoints : r.halfAndExpand ? ["50%", "100%"] : void 0), d = !1, f = () => {
+			if (d) {
+				d = !1;
 				return;
 			}
-			a.value?.close();
+			if (c.value) {
+				s.value?.open();
+				return;
+			}
+			s.value?.close();
 		};
-		B(s, () => c());
-		let u = () => i("open"), d = () => {
-			r.preventClose || i("close");
+		B(c, () => f());
+		let p = () => a("open"), m = () => {
+			if (r.preventClose) {
+				c.value && s.value?.open();
+				return;
+			}
+			c.value &&= (d = !0, !1), a("close");
 		};
 		return t({
-			open: () => a.value?.open(),
-			close: () => a.value?.close()
+			open: () => s.value?.open(),
+			close: () => s.value?.close()
 		}), (t, n) => (j(), o(R(HO), {
 			ref_key: "bottomSheetRef",
-			ref: a,
+			ref: s,
 			"can-backdrop-close": e.canBackdropClose,
 			"can-swipe-close": e.canSwipeClose,
 			duration: e.animationDuration,
-			"expand-on-content-drag": "",
+			"expand-on-content-drag": e.expandOnContentDrag,
 			"swipe-close-threshold": e.swipeCloseThreshold,
 			"teleport-defer": "",
-			onClosed: d,
-			onOpened: u
+			"snap-points": u.value,
+			onClosed: m,
+			onOpened: p
 		}, {
 			header: V(() => [P(t.$slots, "header")]),
 			footer: V(() => [P(t.$slots, "footer")]),
@@ -24981,7 +24999,9 @@ var VO = ["data-vsbs-shadow", "data-vsbs-sheet-show"], HO = /* @__PURE__ */ ((e,
 			"can-backdrop-close",
 			"can-swipe-close",
 			"duration",
-			"swipe-close-threshold"
+			"expand-on-content-drag",
+			"swipe-close-threshold",
+			"snap-points"
 		]));
 	}
 }), GO = {
@@ -28161,7 +28181,10 @@ function Jj(e, r) {
 var Yj = /*#__PURE__*/ X(qj, [["render", Jj]]), Xj = /* @__PURE__ */ h({
 	__name: "CpDynamicDialog",
 	props: /*@__PURE__*/ S({
+		breakpoint: {},
 		class: {},
+		expandOnContentDrag: { type: Boolean },
+		halfAndExpand: { type: Boolean },
 		isClosableOnClickOutside: { type: Boolean },
 		maxWidth: {},
 		preventClose: { type: Boolean },
@@ -28176,12 +28199,14 @@ var Yj = /*#__PURE__*/ X(qj, [["render", Jj]]), Xj = /* @__PURE__ */ h({
 	}),
 	emits: /*@__PURE__*/ S(["close"], ["update:isVisible"]),
 	setup(e, { emit: t }) {
-		let n = e, r = t, a = Kj(), c = me("dynamicComponentRef"), l = fe(e, "isVisible"), d = i(() => a.value ? "div" : Yj), m = i(() => a.value ? WO : Wj), h = i(() => a.value ? !0 : l.value), g = i(() => a.value ? {
+		let n = e, r = t, a = Kj(n.breakpoint ?? Gj.MOBILE), c = me("dynamicComponentRef"), l = fe(e, "isVisible"), d = i(() => a.value ? "div" : Yj), m = i(() => a.value ? WO : Wj), h = i(() => a.value ? !0 : l.value), g = i(() => a.value ? {
 			modelValue: l.value,
 			contentClass: n.class,
 			canBackdropClose: !n.preventClose,
 			canSwipeClose: !n.preventClose,
-			preventClose: n.preventClose
+			expandOnContentDrag: n.expandOnContentDrag,
+			preventClose: n.preventClose,
+			halfAndExpand: n.halfAndExpand
 		} : {
 			maxWidth: n.maxWidth,
 			class: n.class,
@@ -28189,18 +28214,20 @@ var Yj = /*#__PURE__*/ X(qj, [["render", Jj]]), Xj = /* @__PURE__ */ h({
 			isClosableOnClickOutside: n.isClosableOnClickOutside,
 			...n.title && { title: n.title },
 			...n.subtitle && { subtitle: n.subtitle }
-		}), _ = async () => {
+		}), _ = () => {
+			l.value = !1, r("close");
+		}, v = async () => {
 			await w(), c.value && c.value?.open();
 		};
 		return B(a, () => {
-			a.value && l.value && _();
+			a.value && l.value && v();
 		}), (t, n) => {
-			let i = F("cp-heading");
+			let r = F("cp-heading");
 			return j(), o(se(d.value), null, {
 				default: V(() => [h.value ? (j(), o(se(m.value), C({ key: 0 }, g.value, {
 					ref_key: "dynamicComponentRef",
 					ref: c,
-					onClose: n[0] ||= (e) => r("close")
+					onClose: _
 				}), u({
 					default: V(() => [P(t.$slots, "default")]),
 					footer: V(() => [P(t.$slots, "footer")]),
@@ -28208,7 +28235,7 @@ var Yj = /*#__PURE__*/ X(qj, [["render", Jj]]), Xj = /* @__PURE__ */ h({
 				}, [
 					e.title ? {
 						name: "header",
-						fn: V(() => [P(t.$slots, "title", {}, () => [p(i, {
+						fn: V(() => [P(t.$slots, "title", {}, () => [p(r, {
 							class: "cpDynamicDialog__title",
 							"heading-level": "h3"
 						}, {