@snabcentr/client-ui 1.7.0 → 1.8.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@snabcentr/client-ui",
-  "version": "1.7.0",
+  "version": "1.8.1",
   "author": "Snabcentr Ltd.",
   "repository": "https://gitlab.snabcentr.met/web/angular/snabcentr-client-ui-lib",
   "license": "Commercial",

package/public-api.d.ts

@@ -15,6 +15,7 @@ export * from './brands-list';
 export * from './news';
 export * from './order';
 export * from './pipes';
+export * from './samples';
 export * from './providers';
 export * from './qrcode';
 export * from './share-button';

package/samples/ask-to-sample-form/sc-ask-to-sample-form.component.d.ts

@@ -0,0 +1,18 @@
+import { FormGroup } from '@angular/forms';
+import { ScISuggestionType } from '@snabcentr/client-core';
+import * as i0 from "@angular/core";
+/**
+ * Компонент формы запроса бесплатного образца.
+ */
+export declare class ScAskToSampleFormComponent {
+    /**
+     * Группа полей ввода для формы «Пожелания и предложения по улучшению сайта».
+     */
+    form: FormGroup;
+    /**
+     * Перечисление типов подсказок.
+     */
+    readonly suggestionType: typeof ScISuggestionType;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScAskToSampleFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScAskToSampleFormComponent, "sc-ask-to-sample-form", never, {}, {}, never, never, false>;
+}

package/samples/index.d.ts

@@ -0,0 +1,4 @@
+export * from './ask-to-sample-form/sc-ask-to-sample-form.component';
+export * from './interfaces/sc-i-preview-sample';
+export * from './preview-sample/sc-preview-sample.component';
+export * from './sc-sample.module';

package/samples/interfaces/sc-i-preview-sample.d.ts

@@ -0,0 +1,47 @@
+/**
+ * Модель данных образцов товара.
+ */
+export interface ScIPreviewSample {
+    /**
+     * Заголовок.
+     */
+    title: string;
+    /**
+     * Описание (подзаголовок).
+     */
+    description: string;
+    /**
+     * Экземпляры образцов.
+     */
+    items?: Array<{
+        /**
+         * Ссылка на изображение кнопки переключателя.
+         */
+        buttonImageUrl: string;
+        /**
+         * Ссылка на изображение в галерее, соответствующее кнопке.
+         */
+        carouselItemImage: string;
+    }>;
+    /**
+     * Ссылка на изображение товара в описании.
+     */
+    descriptionImageUrl?: string;
+    /**
+     * Элементы кнопок взаимодействия.
+     */
+    actions?: Array<{
+        /**
+         * Значок элемента взаимодействия.
+         */
+        icon: string;
+        /**
+         * Подпись элемента взаимодействия.
+         */
+        label: string;
+        /**
+         * Обработчик элемента взаимодействия.
+         */
+        handler: (...atr: unknown[]) => unknown;
+    }>;
+}

package/samples/preview-sample/sc-preview-sample.component.d.ts

@@ -0,0 +1,48 @@
+import { EventEmitter } from '@angular/core';
+import { ScIPreviewSample } from '../interfaces/sc-i-preview-sample';
+import * as i0 from "@angular/core";
+/**
+ * Компонент представления образцов товара.
+ */
+export declare class ScPreviewSampleComponent {
+    /**
+     * Индекс элемента в галерее.
+     */
+    index: number;
+    /**
+     * {@link EventEmitter} изменения индекса элемента в галерее.
+     */
+    readonly indexChange: EventEmitter<number>;
+    /**
+     * Объект данных товара.
+     */
+    sample: ScIPreviewSample;
+    /**
+     * Признак, что необходимо отображать переключатели на карусели.
+     */
+    isShowCarouselSwitches: boolean;
+    /**
+     * Признак, что при горизонтальном отображении компонент должен быть развёрнут.
+     */
+    isReverse: boolean;
+    /**
+     * {@link Observable} изменения индекса элемента в галерее для автоматического переключения по таймеру.
+     */
+    indexChangeInterval: import("rxjs").Observable<number>;
+    /**
+     * Переключает на предыдущее изображение в галерее.
+     */
+    onPrevious(): void;
+    /**
+     * Переключает на следующее изображение в галерее.
+     */
+    onNext(): void;
+    /**
+     * Обработчик изменения индекса элемента в галерее.
+     *
+     * @param index Индекс элемента в галерее.
+     */
+    onChangeIndex(index: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScPreviewSampleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScPreviewSampleComponent, "sc-preview-sample", never, { "index": "index"; "sample": "sample"; "isShowCarouselSwitches": "isShowCarouselSwitches"; "isReverse": "isReverse"; }, { "indexChange": "indexChange"; }, never, never, false>;
+}

package/samples/sc-sample.module.d.ts

@@ -0,0 +1,17 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./preview-sample/sc-preview-sample.component";
+import * as i2 from "./ask-to-sample-form/sc-ask-to-sample-form.component";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/forms";
+import * as i5 from "@taiga-ui/core";
+import * as i6 from "@taiga-ui/kit";
+import * as i7 from "../form-fields/form-fields.module";
+import * as i8 from "@taiga-ui/cdk";
+/**
+ * Модуль представления образцов товара.
+ */
+export declare class ScPreviewSampleModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScPreviewSampleModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ScPreviewSampleModule, [typeof i1.ScPreviewSampleComponent, typeof i2.ScAskToSampleFormComponent], [typeof i3.CommonModule, typeof i4.ReactiveFormsModule, typeof i5.TuiErrorModule, typeof i6.TuiFieldErrorPipeModule, typeof i7.ScFormFieldsModule, typeof i6.TuiInputModule, typeof i6.TuiInputPhoneModule, typeof i6.TuiCarouselModule, typeof i6.TuiAvatarModule, typeof i8.TuiHoveredModule, typeof i8.TuiLetModule, typeof i5.TuiButtonModule, typeof i5.TuiLabelModule], [typeof i1.ScPreviewSampleComponent, typeof i2.ScAskToSampleFormComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ScPreviewSampleModule>;
+}

package/styles/taiga/taiga-tailwind-preset.js

@@ -125,6 +125,13 @@ module.exports = {
                 'sc-1': '0px 5px 20px 0px rgba(0, 0, 0, 0.10)',
                 'sc-2': '0px 2px 3px 0px rgba(0, 0, 0, 0.10)',
                 'sc-border-inner': 'inset 0 0 0 0.0625rem',
+                'tui-shadow': 'var(--tui-shadow)',
+                'tui-shadow-hover': 'var(--tui-shadow-hover)',
+                'tui-shadow-dropdown': 'var(--tui-shadow-dropdown)',
+                'tui-shadow-modal': 'var(--tui-shadow-modal)',
+                'tui-shadow-sidebar': 'var(--tui-shadow-sidebar)',
+                'tui-shadow-navigation': 'var(--tui-shadow-navigation)',
+                'tui-shadow-sheet': 'var(--tui-shadow-sheet)',
             },
             borderRadius: {
                 'tui-radius-xs': 'var(--tui-radius-xs)',

package/styles/tailwind/tailwind.scss

@@ -656,6 +656,10 @@ video {
   bottom: 1rem;
 }
 
+.left-0 {
+  left: 0px;
+}
+
 .left-1 {
   left: 0.25rem;
 }
@@ -684,6 +688,10 @@ video {
   top: 0.25rem;
 }
 
+.top-1\/2 {
+  top: 50%;
+}
+
 .top-2 {
   top: 0.5rem;
 }
@@ -878,6 +886,10 @@ video {
   height: 14rem;
 }
 
+.h-\[19em\] {
+  height: 19em;
+}
+
 .h-full {
   height: 100%;
 }
@@ -930,6 +942,11 @@ video {
   width: auto;
 }
 
+.w-fit {
+  width: -moz-fit-content;
+  width: fit-content;
+}
+
 .w-full {
   width: 100%;
 }
@@ -942,10 +959,18 @@ video {
   min-width: 18rem;
 }
 
+.max-w-96 {
+  max-width: 24rem;
+}
+
 .max-w-full {
   max-width: 100%;
 }
 
+.flex-1 {
+  flex: 1 1 0%;
+}
+
 .flex-auto {
   flex: 1 1 auto;
 }
@@ -978,6 +1003,11 @@ video {
   border-collapse: collapse;
 }
 
+.-translate-y-1\/2 {
+  --tw-translate-y: -50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
 .scale-\[3\] {
   --tw-scale-x: 3;
   --tw-scale-y: 3;
@@ -1014,6 +1044,10 @@ video {
   flex-direction: column;
 }
 
+.flex-col-reverse {
+  flex-direction: column-reverse;
+}
+
 .flex-wrap {
   flex-wrap: wrap;
 }
@@ -1238,6 +1272,10 @@ video {
   background-position: center;
 }
 
+.bg-right {
+  background-position: right;
+}
+
 .bg-no-repeat {
   background-repeat: no-repeat;
 }
@@ -1611,6 +1649,12 @@ video {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
+.shadow-tui-shadow {
+  --tw-shadow: var(--tui-shadow);
+  --tw-shadow-colored: var(--tui-shadow);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
 .outline {
   outline-style: solid;
 }
@@ -1727,13 +1771,42 @@ video {
 }
 
 @media (min-width: 768px) {
+  .md\:mb-0 {
+    margin-bottom: 0px;
+  }
+
+  .md\:h-96 {
+    height: 24rem;
+  }
+
   .md\:w-1\/2 {
     width: 50%;
   }
 
+  .md\:max-w-none {
+    max-width: none;
+  }
+
   .md\:flex-row {
     flex-direction: row;
   }
+
+  .md\:\!flex-row-reverse {
+    flex-direction: row-reverse !important;
+  }
+
+  .md\:gap-4 {
+    gap: 1rem;
+  }
+
+  .md\:gap-8 {
+    gap: 2rem;
+  }
+
+  .md\:px-8 {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
 }
 
 @media (min-width: 1024px) {
@@ -1753,6 +1826,10 @@ video {
     height: 2.75rem;
   }
 
+  .lg\:h-\[28rem\] {
+    height: 28rem;
+  }
+
   .lg\:flex-grow {
     flex-grow: 1;
   }