@retailcrm/embed-ui-v1-components 0.5.16 → 0.5.18

package/dist/host.css

@@ -666,6 +666,99 @@
   margin-left: -2px;
   margin-top: -2px;
 }
+.ui-v1-popper {
+  width: max-content;
+  border-radius: var(--ui-v1-popper-roundings, 4px);
+  box-shadow: 0 4px 12px rgba(30, 34, 72, 0.2);
+  color: #1E2248;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Roboto", sans-serif;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 1.42857143;
+  z-index: var(--ui-v1-popper-z-index, 10000);
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.ui-v1-popper,
+.ui-v1-popper *,
+.ui-v1-popper *::before,
+.ui-v1-popper *::after {
+  box-sizing: border-box;
+}
+.ui-v1-popper.ui-v1-popper_hidden {
+  visibility: hidden;
+  opacity: 0;
+  transition: opacity 0.15s, visibility 0.15s;
+}
+.ui-v1-popper.ui-v1-popper_shown {
+  visibility: visible;
+  opacity: 1;
+  transition: opacity 0.15s;
+}
+.ui-v1-popper__arrow {
+  position: absolute;
+  background: var(--ui-v1-popper-background, #FFFFFF);
+  width: var(--ui-v1-popper-arrow-size, 24px);
+  height: var(--ui-v1-popper-arrow-size, 24px);
+  border-radius: var(--ui-v1-popper-arrow-roundings, 4px);
+  box-shadow: 0 16px 32px rgba(30, 34, 72, 0.16);
+  transform: rotate(45deg);
+  z-index: -1;
+}
+.ui-v1-popper__content {
+  width: var(--ui-v1-popper-width, auto);
+  max-width: var(--ui-v1-popper-width-max, max-content);
+  min-width: var(--ui-v1-popper-width-min, var(--ui-v1-popper-arrow-size, 24px));
+  height: var(--ui-v1-popper-height, auto);
+  max-height: var(--ui-v1-popper-height-max, max-content);
+  min-height: var(--ui-v1-popper-height-min, var(--ui-v1-popper-arrow-size, 24px));
+  padding: var(--ui-v1-popper-padding, 0);
+  background: var(--ui-v1-popper-background, #FFFFFF);
+  border-radius: inherit;
+  position: relative;
+}
+.ui-v1-tooltip {
+  --ui-v1-popper-width: var(--ui-v1-tooltip-width, fit-content);
+  --ui-v1-popper-width-max: var(--ui-v1-tooltip-width-max, 160px);
+  --ui-v1-popper-padding: 2px 8px;
+  --ui-v1-popper-roundings: 4px;
+  --ui-v1-popper-arrow-size: 12px;
+  --ui-v1-popper-background: #1E2248;
+  color: #FFFFFF;
+  outline: none;
+  word-break: break-word;
+}
+.ui-v1-copy-button {
+  display: inline-block;
+  vertical-align: top;
+  position: relative;
+}
+.ui-v1-copy-button__tooltip {
+  display: flex;
+  align-items: center;
+}
+.ui-v1-copy-button__icon {
+  flex-shrink: 0;
+  width: 16px;
+  height: 16px;
+  color: #22C993;
+  margin-left: -2px;
+  margin-right: 4px;
+}
+.ui-v1-copy-button__text {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  min-width: 0;
+}
+.ui-v1-copy-button__area {
+  position: absolute;
+  left: -9999px;
+  opacity: 0;
+  width: 10px;
+  height: 10px;
+}
 .ui-v1-error {
   color: #FF5353;
   font-size: 14px;

package/dist/host.d.ts

@@ -1,3 +1,4 @@
+import { Alignment } from '@floating-ui/dom';
 import { Component } from 'vue';
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentPropsOptions } from 'vue';
@@ -14,7 +15,9 @@ import { Plugin as Plugin_2 } from 'vue';
 import { PropType } from 'vue';
 import { PublicProps } from 'vue';
 import { Ref } from 'vue';
+import { Side } from '@floating-ui/dom';
 import { SlotsType } from 'vue';
+import { Strategy } from '@floating-ui/dom';
 
 declare const __VLS_component: DefineComponent_2<ExtractPropTypes<    {
 /** Атрибут id корневого элемента модального окна. Должен быть уникальным на странице */
@@ -140,15 +143,17 @@ onClosed?: ((...args: any[]) => any) | undefined;
 }>, {
 id: string;
 appearance: APPEARANCE_3;
+disposeTimeout: string | number | null;
 opened: boolean;
 closable: boolean;
-disposeTimeout: string | number | null;
 scrolling: SCROLLING_2;
 fullscreen: boolean;
 responsive: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
-declare const __VLS_component_2: DefineComponent_2<ExtractPropTypes<    {
+declare const __VLS_component_2: DefineComponent_2<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+declare const __VLS_component_3: DefineComponent_2<ExtractPropTypes<    {
 size: {
 type: PropType<SIZE_6 | `${SIZE_6}`>;
 default: SIZE_6;
@@ -163,6 +168,7 @@ size: "sm" | "md" | SIZE_6;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         icon?(_: {
             overlapped: boolean;
@@ -184,21 +190,33 @@ declare function __VLS_template(): {
         }): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 
 declare function __VLS_template_2(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {};
+    rootEl: any;
+};
+
+declare function __VLS_template_3(): {
     attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
 };
 
 declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 
 declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
 
+declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
+
 declare type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
@@ -211,6 +229,14 @@ declare type __VLS_WithTemplateSlots_2<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_3<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type Adaptation = 'flip' | 'shift';
+
 declare enum ALIGN {
     LEFT = "left",
     RIGHT = "right"
@@ -240,6 +266,11 @@ declare enum APPEARANCE_3 {
 
 declare type DefineComponent<PropsOrPropOptions = object, M extends MethodOptions = MethodOptions, E extends EmitsOptions = EmitsOptions, EE extends string = string, PP = PublicProps, Props = ResolveProps<PropsOrPropOptions, E>, Defaults = ExtractDefaultPropTypes<PropsOrPropOptions>, S extends SlotsType = SlotsType, LC extends Record<string, Component> = Record<string, Component>, Directives extends Record<string, Directive> = Record<string, Directive>, Exposed extends string = string, Provide extends ComponentProvideOptions = ComponentProvideOptions, MakeDefaultsOptional extends boolean = true, TypeRefs extends Record<string, unknown> = Record<string, unknown>, TypeEl extends Element = Element> = DefineComponent_2<PropsOrPropOptions, Record<string, never>, Record<string, never>, Record<string, never>, M, ComponentOptionsMixin, ComponentOptionsMixin, E, EE, PP, Props, Defaults, S, LC, Directives, Exposed, Provide, MakeDefaultsOptional, TypeRefs, TypeEl>;
 
+declare type Delay = {
+    show?: number;
+    hide?: number;
+};
+
 declare type Dimensions = `${number}x${number}` | `${number}x-` | `-x${number}`;
 
 declare enum DIRECTION {
@@ -247,6 +278,13 @@ declare enum DIRECTION {
     RIGHT = "right"
 }
 
+declare type FloatingOptions = {
+    placement?: PlacementLiteral | PlacementOptions;
+    offsetMainAxis?: number | string;
+    offsetCrossAxis?: number | string;
+    strategy?: Strategy;
+};
+
 export declare const I18nPlugin: Plugin_2;
 
 export declare const ImageWorkersKey: InjectionKey<Ref<string[]>>;
@@ -257,6 +295,14 @@ export declare const ModalPlugin: Plugin_2;
 
 declare type Numeric = number | string;
 
+declare type PlacementLiteral = `${Side}-${Alignment}` | Side;
+
+declare type PlacementOptions = {
+    side: Side;
+    alignment?: Alignment | 'center';
+    adaptation?: Adaptation[];
+};
+
 declare type Primitive = boolean | number | string | null | undefined;
 
 declare type ResolveProps<PropsOrPropOptions, E extends EmitsOptions> = Readonly<PropsOrPropOptions extends ComponentPropsOptions ? ExtractPropTypes<PropsOrPropOptions> : PropsOrPropOptions> & (Record<string, never> extends E ? Record<string, never> : EmitsToProps<E>);
@@ -272,6 +318,17 @@ declare enum SCROLLING_2 {
     NATIVE = "native"
 }
 
+declare type ShowingOptions = {
+    shown?: boolean;
+    targetTriggers?: Trigger[] | TriggerSchema;
+    popperTriggers?: Trigger[] | TriggerSchema;
+    globalTriggers?: Array<'miss-click' | 'reference-hidden'>;
+    delay?: Numeric | Delay;
+    disposeTimeout?: Numeric | null;
+    disabled?: boolean;
+    container?: string | null;
+};
+
 declare enum SIZE {
     XS = "xs",
     SM = "sm",
@@ -320,6 +377,15 @@ declare enum STATUS {
     FREE = "free"
 }
 
+declare type TooltipOptions = Omit<UiPopperProperties, 'target' | 'targetTriggers' | 'popperTriggers' | 'globalTriggers'>;
+
+declare type Trigger<T extends string = never> = 'hover' | 'focus' | 'click' | 'touch' | T;
+
+declare type TriggerSchema<S extends string = never, H extends string = never> = {
+    show?: Trigger<S>[];
+    hide?: Trigger<H>[];
+};
+
 export declare const UiAvatar: DefineComponent<
 UiAvatarProperties
 >;
@@ -392,6 +458,14 @@ declare type UiCheckboxProperties = {
     disabled?: boolean;
 };
 
+export declare const UiCopyButton: DefineComponent<UiCopyButtonProperties>;
+
+declare type UiCopyButtonProperties = {
+    text: string;
+    size: SIZE_2;
+    tooltipOptions?: TooltipOptions;
+};
+
 export declare const UiDate: DefineComponent<
 UiDateProperties
 >;
@@ -482,6 +556,26 @@ declare type UiModalWindowSurfaceProperties = {
     scrolling?: SCROLLING_2 | `${SCROLLING_2}`;
 };
 
+export declare const UiPopper: DefineComponent<
+UiPopperProperties & { target: Ref<HTMLElement | null> },
+UiPopperMethods
+>;
+
+export declare const UiPopperConnector: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
+
+declare type UiPopperMethods = {
+    adjust(): Promise<void>;
+    dispose(): void;
+    show(immediately?: boolean): void;
+    hide(immediately?: boolean, reason?: ('generic' | 'by-miss-click')): void;
+};
+
+declare type UiPopperProperties = FloatingOptions & ShowingOptions & {
+    withArrow?: boolean;
+};
+
+export declare const UiPopperTarget: DefineComponent<{ tag?: string }>;
+
 export declare const UiRadio: DefineComponent<UiRadioProperties, UiRadioMethods>;
 
 declare type UiRadioMethods = {
@@ -527,7 +621,7 @@ declare type UiTagProperties = {
     ticker?: boolean;
 };
 
-export declare const UiToolbar: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
+export declare const UiToolbar: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
 
 export declare const UiToolbarButton: DefineComponent<
 UiToolbarButtonProperties,
@@ -540,6 +634,11 @@ export declare const UiToolbarLink: DefineComponent<UiToolbarLinkProperties>;
 
 declare type UiToolbarLinkProperties = Omit<UiLinkProperties, 'size'>;
 
+export declare const UiTooltip: DefineComponent<
+UiPopperProperties & { target: Ref<HTMLElement | null> },
+UiPopperMethods
+>;
+
 export declare const UiTransition: DefineComponent<UiTransitionProps>;
 
 declare type UiTransitionProps = {
@@ -568,3 +667,10 @@ export declare class VueI18n {
 }
 
 export { }
+
+
+declare global {
+    interface Window {
+        MSStream: unknown;
+    }
+}