@ouestfrance/sipa-bms-ui 8.21.0 → 8.22.0

package/dist/components/feedback/BmsGhost.vue.d.ts

@@ -0,0 +1,24 @@
+interface Props {
+    opacityWhenVisible?: number;
+}
+type __VLS_Props = Props;
+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;
+}>, {
+    opacityWhenVisible: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    ghost: HTMLDivElement;
+}, HTMLDivElement>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/form/BmsAutocomplete.vue.d.ts

@@ -14,13 +14,13 @@ type __VLS_PublicProps = {
 declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     select: (option: InputOption) => any;
     input: (e: InputEvent) => any;
-    addNewOption: (newOption: string) => any;
     "update:modelValue": (value: string) => any;
+    addNewOption: (newOption: string) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onSelect?: ((option: InputOption) => any) | undefined;
     onInput?: ((e: InputEvent) => any) | undefined;
-    onAddNewOption?: ((newOption: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onAddNewOption?: ((newOption: string) => any) | undefined;
 }>, {
     open: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/form/BmsServerAutocomplete.vue.d.ts

@@ -15,12 +15,12 @@ type __VLS_PublicProps = {
 } & __VLS_Props;
 declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     select: (option: InputOption) => any;
-    addNewOption: (newOption: string) => any;
     "update:modelValue": (value: string) => any;
+    addNewOption: (newOption: string) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onSelect?: ((option: InputOption) => any) | undefined;
-    onAddNewOption?: ((newOption: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onAddNewOption?: ((newOption: string) => any) | undefined;
 }>, {
     open: boolean;
     request: (abortController: AbortController, inputValue?: string | undefined, url?: string | undefined) => Promise<{

package/dist/components/form/RawAutocomplete.vue.d.ts

@@ -20,19 +20,19 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     blur: () => any;
     click: () => any;
     focus: () => any;
-    addNewOption: (newOption: string) => any;
     "update:modelValue": (value: string | null) => any;
+    addNewOption: (newOption: string) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onSelect?: ((option: InputOption) => any) | undefined;
     onInput?: ((e: InputEvent) => any) | undefined;
     onBlur?: (() => any) | undefined;
     onClick?: (() => any) | undefined;
     onFocus?: (() => any) | undefined;
-    onAddNewOption?: ((newOption: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
+    onAddNewOption?: ((newOption: string) => any) | undefined;
 }>, {
-    canAddNewOption: boolean;
     modelValue: string | null;
+    canAddNewOption: boolean;
     open: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     rawInput: ({

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

@@ -1,5 +1,13 @@
+export type Placement = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'center';
 type __VLS_Props = {
     title: string;
+    defaultPlacement?: Placement;
+    expandable?: boolean;
+    expandedWidth?: string;
+    expandedHeight?: string;
+    expandTarget?: string;
+    width?: string;
+    height?: string;
 };
 type __VLS_PublicProps = {
     modelValue?: boolean;
@@ -8,7 +16,18 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     "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>, {
+}>, {
+    height: string;
+    width: string;
+    defaultPlacement: Placement;
+    expandable: boolean;
+    expandedWidth: string;
+    expandedHeight: string;
+    expandTarget: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    wrapperRef: HTMLDivElement;
+    windowRef: HTMLDivElement;
+}, HTMLDivElement>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/index.d.ts

@@ -5,6 +5,7 @@ import { default as BmsAlert } from './components/feedback/BmsAlert.vue';
 import { default as BmsBadge } from './components/feedback/BmsBadge.vue';
 import { default as BmsCaption } from './components/feedback/BmsCaption.vue';
 import { default as BmsCircularProgress } from './components/feedback/BmsCircularProgress.vue';
+import { default as BmsGhost } from './components/feedback/BmsGhost.vue';
 import { default as BmsLoader } from './components/feedback/BmsLoader.vue';
 import { default as BmsTooltip } from './components/feedback/BmsTooltip.vue';
 import { default as BmsAutocomplete } from './components/form/BmsAutocomplete.vue';
@@ -74,4 +75,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, 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, };
+export { BmsButton, BmsIconButton, BmsAlert, BmsBadge, BmsCaption, BmsCircularProgress, BmsGhost, 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/sipa-bms-ui.css

@@ -394,6 +394,14 @@
 }
 .circular-progress svg circle[data-v-7869acfb] {
   transition: stroke-dashoffset 0.2s ease-in-out;
+}.bms-ghost[data-v-205789ac] {
+  position: fixed;
+  top: var(--ghost-y, 0);
+  left: var(--ghost-x, 0);
+  z-index: 1000;
+  pointer-events: none;
+  user-select: none;
+  transition: opacity 0.2s ease-in-out;
 }.bms-loader[data-v-7cc96135] {
   font-size: var(--v71df0f7a);
   color: var(--bms-main-100, currentColor);
@@ -403,7 +411,7 @@
   width: 1em;
   height: 1em;
   display: block;
-}.bms-tooltip__text[data-v-bf923418] {
+}.bms-tooltip__text[data-v-4ae8c6bb] {
   --bms-tooltip-background-color: white;
   --bms-tooltip-color: inherit;
   --bms-tooltip-margin: 4px;
@@ -422,7 +430,10 @@
   transform: var(--bms-tooltip-transform);
   overflow-wrap: break-word;
 }
-.bms-tooltip__text[data-v-bf923418]::before {
+.bms-tooltip__text.floating-window__expand-btn__bms-tooltip[data-v-4ae8c6bb] {
+  z-index: calc(var(--bms-z-index-modal) + 1);
+}
+.bms-tooltip__text[data-v-4ae8c6bb]::before {
   content: "";
   position: absolute;
   right: var(--bms-tooltip-indicator-position-right);
@@ -434,56 +445,56 @@
   border-style: solid;
   border-color: var(--bms-tooltip-indicator-border);
 }
-.bms-tooltip__text--top[data-v-bf923418], .bms-tooltip__text--bottom[data-v-bf923418] {
+.bms-tooltip__text--top[data-v-4ae8c6bb], .bms-tooltip__text--bottom[data-v-4ae8c6bb] {
   --bms-tooltip-indicator-position-left: 50%;
   --bms-tooltip-indicator-position-right: initial;
 }
-.bms-tooltip__text--bottom[data-v-bf923418] {
+.bms-tooltip__text--bottom[data-v-4ae8c6bb] {
   --bms-tooltip-indicator-position-top: initial;
   --bms-tooltip-indicator-position-bottom: 100%;
   --bms-tooltip-indicator-border: transparent transparent
     var(--bms-tooltip-background-color) transparent;
 }
-.bms-tooltip__text--top[data-v-bf923418] {
+.bms-tooltip__text--top[data-v-4ae8c6bb] {
   --bms-tooltip-indicator-position-top: 100%;
   --bms-tooltip-indicator-position-bottom: initial;
   --bms-tooltip-indicator-border: var(--bms-tooltip-background-color)
     transparent transparent transparent;
 }
-.bms-tooltip__text--left[data-v-bf923418], .bms-tooltip__text--right[data-v-bf923418] {
+.bms-tooltip__text--left[data-v-4ae8c6bb], .bms-tooltip__text--right[data-v-4ae8c6bb] {
   --bms-tooltip-indicator-position-top: 50%;
   --bms-tooltip-indicator-position-bottom: initial;
 }
-.bms-tooltip__text--left[data-v-bf923418] {
+.bms-tooltip__text--left[data-v-4ae8c6bb] {
   --bms-tooltip-indicator-position-right: initial;
   --bms-tooltip-indicator-position-left: 100%;
   --bms-tooltip-indicator-border: transparent transparent transparent
     var(--bms-tooltip-background-color);
 }
-.bms-tooltip__text--right[data-v-bf923418] {
+.bms-tooltip__text--right[data-v-4ae8c6bb] {
   --bms-tooltip-indicator-position-right: 100%;
   --bms-tooltip-indicator-position-left: initial;
   --bms-tooltip-indicator-border: transparent
     var(--bms-tooltip-background-color) transparent transparent;
 }
-.tooltip-fade-enter-active[data-v-bf923418] {
+.tooltip-fade-enter-active[data-v-4ae8c6bb] {
   transition: opacity 0.2s ease;
 }
-.tooltip-fade-enter-from[data-v-bf923418] {
+.tooltip-fade-enter-from[data-v-4ae8c6bb] {
   opacity: 0;
 }
-.tooltip-fade-enter-to[data-v-bf923418] {
+.tooltip-fade-enter-to[data-v-4ae8c6bb] {
   opacity: 1;
 }
-.tooltip-fade-leave-active[data-v-bf923418] {
+.tooltip-fade-leave-active[data-v-4ae8c6bb] {
   transition: opacity 0.3s ease;
 }
-.tooltip-fade-leave-from[data-v-bf923418] {
+.tooltip-fade-leave-from[data-v-4ae8c6bb] {
   opacity: 1;
 }
-.tooltip-fade-leave-to[data-v-bf923418] {
+.tooltip-fade-leave-to[data-v-4ae8c6bb] {
   opacity: 0;
-}.bms-tooltip-anchor-wrapper[data-v-b033f8af] {
+}.bms-tooltip-anchor-wrapper[data-v-5c0e03ac] {
   position: relative;
   display: inline-block;
   outline: none;
@@ -1415,7 +1426,7 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   position: absolute;
   border-radius: 50%;
   filter: blur(10px);
-}.floating-window-wrapper[data-v-fdb4e567] {
+}.floating-window-wrapper[data-v-3023af4c] {
   --breakpoint: 900px;
   container-name: floating-window;
   container-type: inline-size;
@@ -1429,35 +1440,62 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   align-items: center;
   pointer-events: none;
 }
-.floating-window-wrapper .floating-window[data-v-fdb4e567] {
+.floating-window-wrapper .floating-window__drag-overlay[data-v-3023af4c] {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  z-index: var(--bms-z-index-modal);
+  pointer-events: all;
+  cursor: grabbing;
+}
+.floating-window-wrapper .floating-window[data-v-3023af4c] {
   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);
+  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.25);
   z-index: var(--bms-z-index-modal);
+  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);
+}
+.floating-window-wrapper .floating-window--expanded[data-v-3023af4c] {
+  border-radius: 0;
+  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
+}
+.floating-window-wrapper .floating-window--expanded .floating-window__header[data-v-3023af4c] {
+  cursor: default;
+}
+.floating-window-wrapper .floating-window--expanded .floating-window__header[data-v-3023af4c]:active {
+  cursor: default;
 }
-.floating-window-wrapper .floating-window__header[data-v-fdb4e567] {
+.floating-window-wrapper .floating-window--dragging[data-v-3023af4c] {
+  transition: none;
+}
+.floating-window-wrapper .floating-window__header[data-v-3023af4c] {
   display: flex;
   justify-content: space-between;
   align-items: center;
   border-bottom: 1px solid var(--bms-grey-10);
-  padding: 1em;
+  padding: 0.5em;
+  cursor: grab;
+  user-select: none;
+}
+.floating-window-wrapper .floating-window__header[data-v-3023af4c]:active {
+  cursor: grabbing;
 }
-.floating-window-wrapper .floating-window__header h2[data-v-fdb4e567] {
+.floating-window-wrapper .floating-window__header__title[data-v-3023af4c] {
   margin: 0;
 }
-.floating-window-wrapper .floating-window__content[data-v-fdb4e567] {
+.floating-window-wrapper .floating-window__content[data-v-3023af4c] {
   overflow-y: auto;
   height: auto;
   scrollbar-width: thin;
 }
 @container floating-window (min-width:900px) {
-.floating-window[data-v-fdb4e567] {
+.floating-window[data-v-3023af4c] {
     max-height: 300px;
     max-width: 80%;
 }