@citizenplane/pimp 18.9.20 → 18.9.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/CpBottomSheet.vue.d.ts.map +1 -1
- package/dist/components/CpDynamicDialog.vue.d.ts +1 -0
- package/dist/components/CpDynamicDialog.vue.d.ts.map +1 -1
- package/dist/pimp.es.js +23 -12
- package/dist/pimp.umd.js +2 -2
- package/package.json +1 -1
- package/src/components/CpBottomSheet.vue +21 -1
- package/src/components/CpDynamicDialog.vue +10 -2
- package/src/stories/CpDynamicDialog.stories.ts +5 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CpBottomSheet.vue.d.ts","sourceRoot":"","sources":["../../src/components/CpBottomSheet.vue"],"names":[],"mappings":"AAuBA;
|
|
1
|
+
{"version":3,"file":"CpBottomSheet.vue.d.ts","sourceRoot":"","sources":["../../src/components/CpBottomSheet.vue"],"names":[],"mappings":"AAuBA;AAwJA,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;AAiEzB,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;;;;;;;;;;;;;uBAzKC,MAAM;yBAIJ,MAAM;6EA8K5B,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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CpDynamicDialog.vue.d.ts","sourceRoot":"","sources":["../../src/components/CpDynamicDialog.vue"],"names":[],"mappings":"AA8BA;
|
|
1
|
+
{"version":3,"file":"CpDynamicDialog.vue.d.ts","sourceRoot":"","sources":["../../src/components/CpDynamicDialog.vue"],"names":[],"mappings":"AA8BA;AA8IA,UAAU,KAAK;IACb,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,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;AAyEzB,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
CHANGED
|
@@ -24947,16 +24947,24 @@ var VO = ["data-vsbs-shadow", "data-vsbs-sheet-show"], HO = /* @__PURE__ */ ((e,
|
|
|
24947
24947
|
}),
|
|
24948
24948
|
emits: /*@__PURE__*/ S(["close", "open"], ["update:modelValue"]),
|
|
24949
24949
|
setup(e, { expose: t, emit: n }) {
|
|
24950
|
-
let r = e, i = n, a = me("bottomSheetRef"), s = fe(e, "modelValue"), c = () => {
|
|
24950
|
+
let r = e, i = n, a = me("bottomSheetRef"), s = fe(e, "modelValue"), c = !1, u = () => {
|
|
24951
|
+
if (c) {
|
|
24952
|
+
c = !1;
|
|
24953
|
+
return;
|
|
24954
|
+
}
|
|
24951
24955
|
if (s.value) {
|
|
24952
24956
|
a.value?.open();
|
|
24953
24957
|
return;
|
|
24954
24958
|
}
|
|
24955
24959
|
a.value?.close();
|
|
24956
24960
|
};
|
|
24957
|
-
B(s, () =>
|
|
24958
|
-
let
|
|
24959
|
-
r.preventClose
|
|
24961
|
+
B(s, () => u());
|
|
24962
|
+
let d = () => i("open"), f = () => {
|
|
24963
|
+
if (r.preventClose) {
|
|
24964
|
+
s.value && a.value?.open();
|
|
24965
|
+
return;
|
|
24966
|
+
}
|
|
24967
|
+
s.value &&= (c = !0, !1), i("close");
|
|
24960
24968
|
};
|
|
24961
24969
|
return t({
|
|
24962
24970
|
open: () => a.value?.open(),
|
|
@@ -24970,8 +24978,8 @@ var VO = ["data-vsbs-shadow", "data-vsbs-sheet-show"], HO = /* @__PURE__ */ ((e,
|
|
|
24970
24978
|
"expand-on-content-drag": "",
|
|
24971
24979
|
"swipe-close-threshold": e.swipeCloseThreshold,
|
|
24972
24980
|
"teleport-defer": "",
|
|
24973
|
-
onClosed:
|
|
24974
|
-
onOpened:
|
|
24981
|
+
onClosed: f,
|
|
24982
|
+
onOpened: d
|
|
24975
24983
|
}, {
|
|
24976
24984
|
header: V(() => [P(t.$slots, "header")]),
|
|
24977
24985
|
footer: V(() => [P(t.$slots, "footer")]),
|
|
@@ -28161,6 +28169,7 @@ function Jj(e, r) {
|
|
|
28161
28169
|
var Yj = /*#__PURE__*/ X(qj, [["render", Jj]]), Xj = /* @__PURE__ */ h({
|
|
28162
28170
|
__name: "CpDynamicDialog",
|
|
28163
28171
|
props: /*@__PURE__*/ S({
|
|
28172
|
+
breakpoint: {},
|
|
28164
28173
|
class: {},
|
|
28165
28174
|
isClosableOnClickOutside: { type: Boolean },
|
|
28166
28175
|
maxWidth: {},
|
|
@@ -28176,7 +28185,7 @@ var Yj = /*#__PURE__*/ X(qj, [["render", Jj]]), Xj = /* @__PURE__ */ h({
|
|
|
28176
28185
|
}),
|
|
28177
28186
|
emits: /*@__PURE__*/ S(["close"], ["update:isVisible"]),
|
|
28178
28187
|
setup(e, { emit: t }) {
|
|
28179
|
-
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 ? {
|
|
28188
|
+
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 ? {
|
|
28180
28189
|
modelValue: l.value,
|
|
28181
28190
|
contentClass: n.class,
|
|
28182
28191
|
canBackdropClose: !n.preventClose,
|
|
@@ -28189,18 +28198,20 @@ var Yj = /*#__PURE__*/ X(qj, [["render", Jj]]), Xj = /* @__PURE__ */ h({
|
|
|
28189
28198
|
isClosableOnClickOutside: n.isClosableOnClickOutside,
|
|
28190
28199
|
...n.title && { title: n.title },
|
|
28191
28200
|
...n.subtitle && { subtitle: n.subtitle }
|
|
28192
|
-
}), _ =
|
|
28201
|
+
}), _ = () => {
|
|
28202
|
+
l.value = !1, r("close");
|
|
28203
|
+
}, v = async () => {
|
|
28193
28204
|
await w(), c.value && c.value?.open();
|
|
28194
28205
|
};
|
|
28195
28206
|
return B(a, () => {
|
|
28196
|
-
a.value && l.value &&
|
|
28207
|
+
a.value && l.value && v();
|
|
28197
28208
|
}), (t, n) => {
|
|
28198
|
-
let
|
|
28209
|
+
let r = F("cp-heading");
|
|
28199
28210
|
return j(), o(se(d.value), null, {
|
|
28200
28211
|
default: V(() => [h.value ? (j(), o(se(m.value), C({ key: 0 }, g.value, {
|
|
28201
28212
|
ref_key: "dynamicComponentRef",
|
|
28202
28213
|
ref: c,
|
|
28203
|
-
onClose:
|
|
28214
|
+
onClose: _
|
|
28204
28215
|
}), u({
|
|
28205
28216
|
default: V(() => [P(t.$slots, "default")]),
|
|
28206
28217
|
footer: V(() => [P(t.$slots, "footer")]),
|
|
@@ -28208,7 +28219,7 @@ var Yj = /*#__PURE__*/ X(qj, [["render", Jj]]), Xj = /* @__PURE__ */ h({
|
|
|
28208
28219
|
}, [
|
|
28209
28220
|
e.title ? {
|
|
28210
28221
|
name: "header",
|
|
28211
|
-
fn: V(() => [P(t.$slots, "title", {}, () => [p(
|
|
28222
|
+
fn: V(() => [P(t.$slots, "title", {}, () => [p(r, {
|
|
28212
28223
|
class: "cpDynamicDialog__title",
|
|
28213
28224
|
"heading-level": "h3"
|
|
28214
28225
|
}, {
|