@ouestfrance/sipa-bms-ui 8.32.0 → 8.32.2
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/layout/BmsFloatingWindow.spec.d.ts +1 -0
- package/dist/components/layout/BmsFloatingWindow.vue.d.ts +4 -1
- package/dist/mockServiceWorker.js +1 -1
- package/dist/sipa-bms-ui.css +12 -12
- package/dist/sipa-bms-ui.es.js +13 -3
- package/dist/sipa-bms-ui.es.js.map +1 -1
- package/dist/sipa-bms-ui.umd.js +13 -3
- package/dist/sipa-bms-ui.umd.js.map +1 -1
- package/package.json +9 -9
- package/src/components/layout/BmsFloatingWindow.spec.ts +279 -0
- package/src/components/layout/BmsFloatingWindow.stories.js +11 -0
- package/src/components/layout/BmsFloatingWindow.vue +15 -3
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -4,6 +4,7 @@ type __VLS_Props = {
|
|
|
4
4
|
defaultPlacement?: Placement;
|
|
5
5
|
expandable?: boolean;
|
|
6
6
|
startExpanded?: boolean;
|
|
7
|
+
expanded?: boolean;
|
|
7
8
|
expandedWidth?: string;
|
|
8
9
|
expandedHeight?: string;
|
|
9
10
|
expandTarget?: string;
|
|
@@ -13,7 +14,9 @@ type __VLS_Props = {
|
|
|
13
14
|
type __VLS_PublicProps = {
|
|
14
15
|
modelValue?: boolean;
|
|
15
16
|
} & __VLS_Props;
|
|
16
|
-
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_PublicProps, {
|
|
17
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_PublicProps, {
|
|
18
|
+
isExpanded: import('vue').Ref<boolean, boolean>;
|
|
19
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
17
20
|
"update:modelValue": (value: boolean) => any;
|
|
18
21
|
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
19
22
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
* - Please do NOT modify this file.
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
|
-
const PACKAGE_VERSION = '2.12.
|
|
10
|
+
const PACKAGE_VERSION = '2.12.14'
|
|
11
11
|
const INTEGRITY_CHECKSUM = '4db4a41e972cec1b64cc569c66952d82'
|
|
12
12
|
const IS_MOCKED_RESPONSE = Symbol('isMockedResponse')
|
|
13
13
|
const activeClientIds = new Set()
|
package/dist/sipa-bms-ui.css
CHANGED
|
@@ -1612,7 +1612,7 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1612
1612
|
position: absolute;
|
|
1613
1613
|
border-radius: 50%;
|
|
1614
1614
|
filter: blur(10px);
|
|
1615
|
-
}.floating-window-wrapper[data-v-
|
|
1615
|
+
}.floating-window-wrapper[data-v-90bc350a] {
|
|
1616
1616
|
--breakpoint: 900px;
|
|
1617
1617
|
container-name: floating-window;
|
|
1618
1618
|
container-type: inline-size;
|
|
@@ -1626,7 +1626,7 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1626
1626
|
align-items: center;
|
|
1627
1627
|
pointer-events: none;
|
|
1628
1628
|
}
|
|
1629
|
-
.floating-window-wrapper .floating-window__drag-overlay[data-v-
|
|
1629
|
+
.floating-window-wrapper .floating-window__drag-overlay[data-v-90bc350a] {
|
|
1630
1630
|
position: fixed;
|
|
1631
1631
|
top: 0;
|
|
1632
1632
|
left: 0;
|
|
@@ -1636,7 +1636,7 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1636
1636
|
pointer-events: all;
|
|
1637
1637
|
cursor: grabbing;
|
|
1638
1638
|
}
|
|
1639
|
-
.floating-window-wrapper .floating-window[data-v-
|
|
1639
|
+
.floating-window-wrapper .floating-window[data-v-90bc350a] {
|
|
1640
1640
|
background-color: var(--bms-white);
|
|
1641
1641
|
border-radius: var(--bms-border-radius-large);
|
|
1642
1642
|
border: 1px solid var(--bms-grey-10);
|
|
@@ -1647,20 +1647,20 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1647
1647
|
z-index: var(--bms-z-index-modal);
|
|
1648
1648
|
transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1), top 0.3s cubic-bezier(0.4, 0, 0.2, 1), width 0.3s cubic-bezier(0.4, 0, 0.2, 1), height 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-radius 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
1649
1649
|
}
|
|
1650
|
-
.floating-window-wrapper .floating-window--expanded[data-v-
|
|
1650
|
+
.floating-window-wrapper .floating-window--expanded[data-v-90bc350a] {
|
|
1651
1651
|
border-radius: 0;
|
|
1652
1652
|
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
|
|
1653
1653
|
}
|
|
1654
|
-
.floating-window-wrapper .floating-window--expanded .floating-window__header[data-v-
|
|
1654
|
+
.floating-window-wrapper .floating-window--expanded .floating-window__header[data-v-90bc350a] {
|
|
1655
1655
|
cursor: default;
|
|
1656
1656
|
}
|
|
1657
|
-
.floating-window-wrapper .floating-window--expanded .floating-window__header[data-v-
|
|
1657
|
+
.floating-window-wrapper .floating-window--expanded .floating-window__header[data-v-90bc350a]:active {
|
|
1658
1658
|
cursor: default;
|
|
1659
1659
|
}
|
|
1660
|
-
.floating-window-wrapper .floating-window--dragging[data-v-
|
|
1660
|
+
.floating-window-wrapper .floating-window--dragging[data-v-90bc350a] {
|
|
1661
1661
|
transition: none;
|
|
1662
1662
|
}
|
|
1663
|
-
.floating-window-wrapper .floating-window__header[data-v-
|
|
1663
|
+
.floating-window-wrapper .floating-window__header[data-v-90bc350a] {
|
|
1664
1664
|
display: flex;
|
|
1665
1665
|
justify-content: space-between;
|
|
1666
1666
|
align-items: center;
|
|
@@ -1669,19 +1669,19 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1669
1669
|
cursor: grab;
|
|
1670
1670
|
user-select: none;
|
|
1671
1671
|
}
|
|
1672
|
-
.floating-window-wrapper .floating-window__header[data-v-
|
|
1672
|
+
.floating-window-wrapper .floating-window__header[data-v-90bc350a]:active {
|
|
1673
1673
|
cursor: grabbing;
|
|
1674
1674
|
}
|
|
1675
|
-
.floating-window-wrapper .floating-window__header__title[data-v-
|
|
1675
|
+
.floating-window-wrapper .floating-window__header__title[data-v-90bc350a] {
|
|
1676
1676
|
margin: 0;
|
|
1677
1677
|
}
|
|
1678
|
-
.floating-window-wrapper .floating-window__content[data-v-
|
|
1678
|
+
.floating-window-wrapper .floating-window__content[data-v-90bc350a] {
|
|
1679
1679
|
overflow-y: auto;
|
|
1680
1680
|
height: auto;
|
|
1681
1681
|
scrollbar-width: thin;
|
|
1682
1682
|
}
|
|
1683
1683
|
@container floating-window (min-width:900px) {
|
|
1684
|
-
.floating-window[data-v-
|
|
1684
|
+
.floating-window[data-v-90bc350a] {
|
|
1685
1685
|
max-width: 80%;
|
|
1686
1686
|
}
|
|
1687
1687
|
}.form-section[data-v-b5bab57e] {
|
package/dist/sipa-bms-ui.es.js
CHANGED
|
@@ -89111,6 +89111,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
|
|
|
89111
89111
|
defaultPlacement: { default: "center" },
|
|
89112
89112
|
expandable: { type: Boolean, default: false },
|
|
89113
89113
|
startExpanded: { type: Boolean, default: false },
|
|
89114
|
+
expanded: { type: Boolean },
|
|
89114
89115
|
expandedWidth: { default: "100%" },
|
|
89115
89116
|
expandedHeight: { default: "100%" },
|
|
89116
89117
|
expandTarget: { default: void 0 },
|
|
@@ -89123,7 +89124,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
|
|
|
89123
89124
|
"modelModifiers": {}
|
|
89124
89125
|
}),
|
|
89125
89126
|
emits: ["update:modelValue"],
|
|
89126
|
-
setup(__props) {
|
|
89127
|
+
setup(__props, { expose: __expose }) {
|
|
89127
89128
|
const props = __props;
|
|
89128
89129
|
const open = useModel(__props, "modelValue");
|
|
89129
89130
|
const wrapperRef = ref(null);
|
|
@@ -89182,7 +89183,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
|
|
|
89182
89183
|
resizeObserver.observe(targetEl);
|
|
89183
89184
|
}
|
|
89184
89185
|
}
|
|
89185
|
-
if (props.expandable && props.startExpanded) {
|
|
89186
|
+
if (props.expandable && (props.expanded || props.startExpanded)) {
|
|
89186
89187
|
toggleExpand();
|
|
89187
89188
|
}
|
|
89188
89189
|
});
|
|
@@ -89191,6 +89192,15 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
|
|
|
89191
89192
|
requestAnimationFrame(initPosition);
|
|
89192
89193
|
}
|
|
89193
89194
|
});
|
|
89195
|
+
watch(
|
|
89196
|
+
() => props.expanded,
|
|
89197
|
+
() => {
|
|
89198
|
+
toggleExpand();
|
|
89199
|
+
}
|
|
89200
|
+
);
|
|
89201
|
+
__expose({
|
|
89202
|
+
isExpanded
|
|
89203
|
+
});
|
|
89194
89204
|
const windowStyle = computed(() => {
|
|
89195
89205
|
if (isExpanded.value && expandedStyle.value) {
|
|
89196
89206
|
return expandedStyle.value;
|
|
@@ -89347,7 +89357,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
|
|
|
89347
89357
|
}
|
|
89348
89358
|
});
|
|
89349
89359
|
|
|
89350
|
-
const BmsFloatingWindow = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-
|
|
89360
|
+
const BmsFloatingWindow = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-90bc350a"]]);
|
|
89351
89361
|
|
|
89352
89362
|
const _hoisted_1$B = { class: "form-section" };
|
|
89353
89363
|
const _hoisted_2$n = {
|