@ouestfrance/sipa-bms-ui 8.15.1 → 8.16.0

package/dist/components/layout/BmsFloatingWindow.vue.d.ts

@@ -0,0 +1,19 @@
+type __VLS_Props = {
+    title: string;
+};
+type __VLS_PublicProps = {
+    modelValue?: boolean;
+} & __VLS_Props;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/layout/BmsSplitWindow.vue.d.ts

@@ -0,0 +1,35 @@
+interface Props {
+    splitOrientation?: 'horizontal' | 'vertical';
+    min?: number;
+    max?: number;
+    primary?: 'first' | 'second';
+    collapsed?: boolean;
+    ariaLabel?: string;
+}
+type __VLS_Props = Props;
+type __VLS_PublicProps = {
+    modelValue?: number;
+} & __VLS_Props;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:collapsed": (...args: any[]) => void;
+    "update:modelValue": (value: number) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+    "onUpdate:collapsed"?: ((...args: any[]) => any) | undefined;
+}>, {
+    primary: "first" | "second";
+    max: number;
+    min: number;
+    splitOrientation: "horizontal" | "vertical";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    'split-window': HTMLDivElement;
+}, HTMLDivElement>, {
+    first?(_: {}): any;
+    second?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/index.d.ts

@@ -33,12 +33,14 @@ import { default as BmsTag } from './components/form/BmsTag.vue';
 import { default as BmsTextArea } from './components/form/BmsTextArea.vue';
 import { default as BmsContentPageLayout } from './components/layout/BmsContentPageLayout.vue';
 import { default as BmsCard } from './components/layout/BmsCard.vue';
+import { default as BmsFloatingWindow } from './components/layout/BmsFloatingWindow.vue';
 import { default as BmsForm } from './components/layout/BmsForm.vue';
 import { default as BmsHeader } from './components/layout/BmsHeader.vue';
 import { default as BmsHeaderTitle } from './components/layout/BmsHeaderTitle.vue';
 import { default as BmsModal } from './components/layout/BmsModal.vue';
 import { default as BmsOverlay } from './components/layout/BmsOverlay.vue';
 import { default as BmsSection } from './components/layout/BmsSection.vue';
+import { default as BmsSplitWindow } from './components/layout/BmsSplitWindow.vue';
 import { default as BmsStep } from './components/layout/BmsStep.vue';
 import { default as BmsStepper } from './components/layout/BmsStepper.vue';
 import { default as BmsBackButton } from './components/navigation/BmsBackButton.vue';
@@ -72,4 +74,4 @@ export * from './plugins/confirm';
 export * from './plugins/runtime-env';
 export * from './plugins/router-history';
 export * from './services';
-export { BmsButton, BmsIconButton, BmsAlert, BmsBadge, BmsCaption, BmsCircularProgress, BmsLoader, BmsTooltip, BmsAutocomplete, BmsServerAutocomplete, BmsBetweenInput, BmsChip, BmsFilePicker, BmsInputBooleanCheckbox, BmsInputCheckboxGroup, BmsInputCheckboxCaption, BmsInputCheckboxCaptionGroup, BmsInputCode, BmsInputDateTime, BmsInputFile, BmsInputNumber, BmsInputRadio, BmsInputRadioGroup, BmsInputRadioCaption, BmsInputRadioCaptionGroup, BmsInputText, BmsInputToggle, BmsMultiSelect, BmsSearch, BmsSelect, BmsTag, BmsTextArea, BmsContentPageLayout, BmsCard, BmsForm, BmsHeader, BmsHeaderTitle, BmsModal, BmsOverlay, BmsSection, BmsStep, BmsStepper, BmsBackButton, BmsBreadcrumb, BmsFixedMenu, BmsLink, BmsMenu, BmsMenuNav, BmsShortLinkMenu, BmsTabs, BmsTenantSwitcher, BmsDraggableList, BmsEmptyScreen, BmsPagination, BmsServerTable, BmsTable, BmsCocarde, BmsProblem, BmsRelativeTime, };
+export { BmsButton, BmsIconButton, BmsAlert, BmsBadge, BmsCaption, BmsCircularProgress, BmsLoader, BmsTooltip, BmsAutocomplete, BmsServerAutocomplete, BmsBetweenInput, BmsChip, BmsFilePicker, BmsInputBooleanCheckbox, BmsInputCheckboxGroup, BmsInputCheckboxCaption, BmsInputCheckboxCaptionGroup, BmsInputCode, BmsInputDateTime, BmsInputFile, BmsInputNumber, BmsInputRadio, BmsInputRadioGroup, BmsInputRadioCaption, BmsInputRadioCaptionGroup, BmsInputText, BmsInputToggle, BmsMultiSelect, BmsSearch, BmsSelect, BmsTag, BmsTextArea, BmsContentPageLayout, BmsCard, BmsFloatingWindow, BmsForm, BmsHeader, BmsHeaderTitle, BmsModal, BmsOverlay, BmsSection, BmsSplitWindow, BmsStep, BmsStepper, BmsBackButton, BmsBreadcrumb, BmsFixedMenu, BmsLink, BmsMenu, BmsMenuNav, BmsShortLinkMenu, BmsTabs, BmsTenantSwitcher, BmsDraggableList, BmsEmptyScreen, BmsPagination, BmsServerTable, BmsTable, BmsCocarde, BmsProblem, BmsRelativeTime, };

package/dist/mockServiceWorker.js

@@ -7,7 +7,7 @@
  * - Please do NOT modify this file.
  */
 
-const PACKAGE_VERSION = '2.11.6'
+const PACKAGE_VERSION = '2.12.3'
 const INTEGRITY_CHECKSUM = '4db4a41e972cec1b64cc569c66952d82'
 const IS_MOCKED_RESPONSE = Symbol('isMockedResponse')
 const activeClientIds = new Set()

package/dist/sipa-bms-ui.css

@@ -643,18 +643,18 @@ ul li[data-v-ba5302fc]:hover, ul li.selected[data-v-ba5302fc] {
 }
 .icon[data-v-43ad5137] svg * {
   fill: currentColor !important;
-}.icon[data-v-49acc0c6] {
+}.icon[data-v-d94effd6] {
   height: 1em;
   width: 1em;
 }
-.icon.datalist-icon[data-v-49acc0c6] {
+.icon.datalist-icon[data-v-d94effd6] {
   margin: 0 0.5em;
 }
-.icon[data-v-49acc0c6] svg {
+.icon[data-v-d94effd6] svg {
   height: 100%;
   width: 100%;
 }
-.icon[data-v-49acc0c6] svg * {
+.icon[data-v-d94effd6] svg * {
   fill: currentColor !important;
 }.field-between__separator[data-v-f25b520b] {
   margin-left: 10px;
@@ -1202,28 +1202,30 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   --field-border-color: var(--bms-grey-25);
   --input-background-color: var(--bms-grey-25);
   pointer-events: none;
-}.tags[data-v-584dc93e] {
+}.tags[data-v-b8b817ba] {
   display: flex;
   gap: 0.5em;
   padding: var(--field-margin);
   flex-wrap: wrap;
   width: 100%;
 }
-.tags .search[data-v-584dc93e] {
+.tags .search[data-v-b8b817ba] {
   outline: none;
   border: none;
   background-color: transparent;
   flex-grow: 1;
+  flex-basis: 40px;
+  width: 100%;
 }
-.icon-container[data-v-584dc93e] {
+.icon-container[data-v-b8b817ba] {
   height: 100%;
   display: flex;
   align-items: center;
 }
-.icon-container[data-v-584dc93e]:hover {
+.icon-container[data-v-b8b817ba]:hover {
   cursor: pointer;
 }
-.icon-container .icon[data-v-584dc93e] {
+.icon-container .icon[data-v-b8b817ba] {
   display: block;
   width: 1em;
   height: 1em;
@@ -1413,6 +1415,51 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   position: absolute;
   border-radius: 50%;
   filter: blur(10px);
+}.floating-window-wrapper[data-v-9bfb3c86] {
+  --breakpoint: 900px;
+  container-name: floating-window;
+  container-type: inline-size;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  pointer-events: none;
+}
+.floating-window-wrapper .floating-window[data-v-9bfb3c86] {
+  background-color: var(--bms-white);
+  height: 100%;
+  width: 100%;
+  border-radius: var(--bms-border-radius-large);
+  border: 1px solid var(--bms-grey-10);
+  pointer-events: all;
+  display: grid;
+  grid-template-rows: auto 1fr;
+  box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.25);
+}
+.floating-window-wrapper .floating-window__header[data-v-9bfb3c86] {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border-bottom: 1px solid var(--bms-grey-10);
+  padding: 1em;
+}
+.floating-window-wrapper .floating-window__header h2[data-v-9bfb3c86] {
+  margin: 0;
+}
+.floating-window-wrapper .floating-window__content[data-v-9bfb3c86] {
+  overflow-y: auto;
+  height: auto;
+  scrollbar-width: thin;
+}
+@container floating-window (min-width:900px) {
+.floating-window[data-v-9bfb3c86] {
+    max-height: 300px;
+    max-width: 80%;
+}
 }.form-section[data-v-b5bab57e] {
   display: flex;
   flex-direction: column;
@@ -1476,7 +1523,7 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
 }
 .priority[data-v-383b958c] {
   z-index: calc(var(--bms-z-index-modal) + 10);
-}.ui-modal[data-v-c222186a] {
+}.ui-modal[data-v-769d070b] {
   --modal-header-border-size: 1px;
   --modal-header-color: var(--bms-grey-10);
   position: fixed;
@@ -1487,25 +1534,25 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   display: flex;
   align-items: center;
   justify-content: center;
-  z-index: 10;
+  z-index: var(--bms-z-index-fixed);
 }
-.ui-modal.Default[data-v-c222186a] {
+.ui-modal.Default[data-v-769d070b] {
   --modal-header-border-size: 1px;
   --modal-header-color: var(--bms-grey-10);
 }
-.ui-modal.success[data-v-c222186a] {
+.ui-modal.success[data-v-769d070b] {
   --modal-header-border-size: 4px;
   --modal-header-color: var(--bms-success-color);
 }
-.ui-modal.warning[data-v-c222186a] {
+.ui-modal.warning[data-v-769d070b] {
   --modal-header-border-size: 4px;
   --modal-header-color: var(--bms-warning-color);
 }
-.ui-modal.danger[data-v-c222186a] {
+.ui-modal.danger[data-v-769d070b] {
   --modal-header-border-size: 4px;
   --modal-header-color: var(--bms-danger-color);
 }
-.ui-modal__loader[data-v-c222186a] {
+.ui-modal__loader[data-v-769d070b] {
   position: absolute;
   top: 0;
   left: 0;
@@ -1519,11 +1566,11 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   background: var(--bms-white);
   z-index: calc(var(--bms-z-index-fixed) + 5);
 }
-.ui-modal__loader p[data-v-c222186a] {
+.ui-modal__loader p[data-v-769d070b] {
   margin: 0;
   font-size: 0.88em;
 }
-.ui-modal__title[data-v-c222186a] {
+.ui-modal__title[data-v-769d070b] {
   display: flex;
   align-items: center;
   gap: 1rem;
@@ -1531,10 +1578,10 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   font-size: 1.5em;
   font-weight: bold;
 }
-.ui-modal__title .title-indicator[data-v-c222186a] {
+.ui-modal__title .title-indicator[data-v-769d070b] {
   color: var(--modal-header-color);
 }
-.ui-modal__inner[data-v-c222186a] {
+.ui-modal__inner[data-v-769d070b] {
   position: relative;
   pointer-events: all;
   background: var(--bms-white);
@@ -1545,50 +1592,50 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   padding: 1em;
   border-radius: var(--bms-border-radius-large);
 }
-.ui-modal__content[data-v-c222186a] {
+.ui-modal__content[data-v-769d070b] {
   margin-top: 1rem;
 }
-.ui-modal__header[data-v-c222186a], .ui-modal__footer[data-v-c222186a] {
+.ui-modal__header[data-v-769d070b], .ui-modal__footer[data-v-769d070b] {
   margin: -1em;
   position: sticky;
   background: var(--bms-white);
   z-index: var(--bms-z-index-fixed);
 }
-.ui-modal__header[data-v-c222186a] {
+.ui-modal__header[data-v-769d070b] {
   padding: 1em 1em 0.5em 1em;
   border-bottom: var(--modal-header-border-size) solid var(--modal-header-color);
   margin-bottom: 0;
   top: -1em;
   display: flex;
 }
-.ui-modal__header-inner[data-v-c222186a] {
+.ui-modal__header-inner[data-v-769d070b] {
   flex: 1 1 auto;
 }
-.ui-modal__footer[data-v-c222186a] {
+.ui-modal__footer[data-v-769d070b] {
   padding: 1em;
   margin-top: 0;
   bottom: -1em;
 }
-.ui-modal__buttons[data-v-c222186a] {
+.ui-modal__buttons[data-v-769d070b] {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   gap: 1em;
 }
-.content-fade-enter-active[data-v-c222186a],
-.content-fade-leave-active[data-v-c222186a] {
+.content-fade-enter-active[data-v-769d070b],
+.content-fade-leave-active[data-v-769d070b] {
   transition: opacity 0.3s ease;
 }
-.content-fade-enter-from[data-v-c222186a],
-.content-fade-leave-to[data-v-c222186a] {
+.content-fade-enter-from[data-v-769d070b],
+.content-fade-leave-to[data-v-769d070b] {
   opacity: 0;
 }
-.content-fade-enter-active .ui-modal[data-v-c222186a],
-.content-fade-leave-active .ui-modal[data-v-c222186a] {
+.content-fade-enter-active .ui-modal[data-v-769d070b],
+.content-fade-leave-active .ui-modal[data-v-769d070b] {
   transition: transform 0.3s ease;
 }
-.content-fade-enter-from .ui-modal[data-v-c222186a],
-.content-fade-leave-to .ui-modal[data-v-c222186a] {
+.content-fade-enter-from .ui-modal[data-v-769d070b],
+.content-fade-leave-to .ui-modal[data-v-769d070b] {
   transform: scale(0.8);
 }.header[data-v-2e9192be] h1,
 .header[data-v-2e9192be] h2,
@@ -1607,6 +1654,45 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   background-color: var(--bms-white);
   border-radius: var(--bms-border-radius-large);
   padding: 1em 2em 1em 2em;
+}.split-window[data-v-61513081] {
+  display: grid;
+  width: 100%;
+  height: 100%;
+}
+.split-window__separator[data-v-61513081] {
+  position: relative;
+  z-index: 2;
+}
+.split-window__separator[data-v-61513081]:before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.split-window__separator[data-v-61513081]:focus-within:before {
+  outline: 2px solid black;
+}
+.split-window--vertical .split-window__separator[data-v-61513081] {
+  height: 100%;
+  width: 0;
+}
+.split-window--vertical .split-window__separator[data-v-61513081]:before {
+  content: "";
+  width: 8px;
+  height: 100%;
+  transform: translate(-50%, 0);
+  cursor: col-resize;
+}
+.split-window--horizontal .split-window__separator[data-v-61513081] {
+  height: 0;
+  width: 100%;
+}
+.split-window--horizontal .split-window__separator[data-v-61513081]:before {
+  content: "";
+  width: 100%;
+  height: 8px;
+  transform: translate(0, -50%);
+  cursor: row-resize;
 }.step-buttons[data-v-fcce71d1] {
   padding-top: 2em;
   display: flex;