@snabcentr/client-ui 4.11.7 → 4.15.0

package/methods/index.d.ts

@@ -0,0 +1 @@
+export * from './sc-get-current-route';

package/methods/sc-get-current-route.d.ts

@@ -0,0 +1,8 @@
+import { ActivatedRoute } from '@angular/router';
+/**
+ * Возвращает текущий маршрут.
+ * Функция проходит по дереву маршрутов начиная с переданного route и возвращает самый вложенный активный маршрут.
+ *
+ * @param route Данные маршрута, от которого ищем текущий маршрут в приложении.
+ */
+export declare const scGetCurrentRoute: (route: ActivatedRoute) => ActivatedRoute;

package/noindex-wrapper/directives/index.d.ts

@@ -0,0 +1 @@
+export * from './sc-noindex.directive';

package/noindex-wrapper/directives/sc-noindex.directive.d.ts

@@ -0,0 +1,29 @@
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Директива для замены элемента на HTML-комментарий `<!-- noindex -->` или `<!-- /noindex -->` в runtime.
+ * Применяется к элементам с атрибутом `data-noindex="true"` или `data-noindex="false"`.
+ * Выполняется только в браузере, не выполняется на сервере (SSR).
+ * Используется для SEO оптимизации (преимущественно в Yandex).
+ */
+export declare class ScNoindexDirective implements OnInit {
+    /**
+     * Ссылка на HTML элемент.
+     */
+    private readonly elementRef;
+    /**
+     * Renderer для безопасной работы с DOM.
+     */
+    private readonly renderer;
+    /**
+     * Признак, что приложение запущено на сервере.
+     */
+    private readonly isServer;
+    /**
+     * Инициализация директивы - замена элемента на комментарий.
+     * Выполняется только в браузере.
+     */
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScNoindexDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScNoindexDirective, "[data-noindex]", never, {}, {}, never, never, true, never>;
+}

package/noindex-wrapper/index.d.ts

@@ -0,0 +1,2 @@
+export * from './directives';
+export * from './sc-noindex-wrapper.component';

package/noindex-wrapper/sc-noindex-wrapper.component.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+/**
+ * Компонент-обертка для автоматического добавления тегов noindex вокруг контента.
+ * Автоматически добавляет открывающий `<!-- noindex -->` и закрывающий `<!-- /noindex -->` комментарии.
+ */
+export declare class ScNoindexWrapperComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScNoindexWrapperComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScNoindexWrapperComponent, "sc-noindex-wrapper", never, {}, {}, never, ["*"], true, never>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@snabcentr/client-ui",
-  "version": "4.11.7",
+  "version": "4.15.0",
   "author": "Snabcentr Ltd.",
   "repository": "https://gitlab.snabcentr.met/web/angular/snabcentr-client-ui-lib",
   "license": "Commercial",
@@ -11,27 +11,27 @@
     "@angular/core": "^18.2.12",
     "@angular/forms": "^18.2.12",
     "@angular/router": "^18.2.12",
-    "@maskito/angular": "^3.2.0",
-    "@maskito/core": "^3.2.0",
-    "@ng-web-apis/intersection-observer": "^4.11.1",
-    "@ng-web-apis/common": "^4.11.1",
-    "@snabcentr/client-core": "^3.6.4",
-    "@taiga-ui/addon-charts": "^4.41.0",
-    "@taiga-ui/addon-commerce": "^4.41.0",
-    "@taiga-ui/cdk": "^4.41.0",
-    "@taiga-ui/core": "^4.41.0",
-    "@taiga-ui/event-plugins": "^4.3.1",
-    "@taiga-ui/icons": "^4.41.0",
-    "@taiga-ui/kit": "^4.41.0",
-    "@taiga-ui/layout": "^4.41.0",
-    "@taiga-ui/legacy": "^4.41.0",
-    "@taiga-ui/i18n": "^4.41.0",
+    "@maskito/angular": "^3.11.1",
+    "@maskito/core": "^3.11.1",
+    "@ng-web-apis/intersection-observer": "^4.14.0",
+    "@ng-web-apis/common": "^4.14.0",
+    "@snabcentr/client-core": "^3.9.0",
+    "@taiga-ui/addon-charts": "^4.66.0",
+    "@taiga-ui/addon-commerce": "^4.66.0",
+    "@taiga-ui/cdk": "^4.66.0",
+    "@taiga-ui/core": "^4.66.0",
+    "@taiga-ui/event-plugins": "^4.7.0",
+    "@taiga-ui/icons": "^4.66.0",
+    "@taiga-ui/kit": "^4.66.0",
+    "@taiga-ui/layout": "^4.66.0",
+    "@taiga-ui/legacy": "^4.66.0",
+    "@taiga-ui/i18n": "^4.66.0",
     "@taiga-ui/polymorpheus": "^4.7.4",
-    "@taiga-ui/experimental": "^4.41.0",
-    "@taiga-ui/styles": "^4.41.0",
+    "@taiga-ui/experimental": "^4.66.0",
+    "@taiga-ui/styles": "^4.66.0",
     "ng-recaptcha-2": "^14.0.0",
     "angular8-yandex-maps": "^18.2.0",
-    "libphonenumber-js": "^1.11.0",
+    "libphonenumber-js": "^1.12.7",
     "angularx-qrcode": "^18.0.2",
     "lodash-es": "^4.17.21",
     "rxjs": "^7.8.1",

package/providers/index.d.ts

@@ -1,4 +1,5 @@
 export * from './sc-verification-code-timeout';
+export * from './sc-category.providers';
 export * from './sc-allow-select-terminated';
 export * from './sc-help-notification-limit';
 export * from './sc-help-notification-close';
@@ -10,3 +11,4 @@ export * from './sc-date-formatter';
 export * from './sc-date-value-transformer';
 export * from './sc-notify-when-in-stock-required-fields';
 export * from './sc-banner-duration';
+export * from './sc-debounce-time-default';

package/providers/sc-category.providers.d.ts

@@ -0,0 +1,11 @@
+import { InjectionToken, Provider } from '@angular/core';
+import { ScCategory } from '@snabcentr/client-core';
+import { Observable } from 'rxjs';
+/**
+ * Токен потока данных о категории.
+ */
+export declare const SC_CATEGORY_INFO: InjectionToken<Observable<ScCategory | null>>;
+/**
+ * Провайдеры потока данных о категории.
+ */
+export declare const SC_CATEGORY_PROVIDERS: Provider[];

package/providers/sc-debounce-time-default.d.ts

@@ -0,0 +1,5 @@
+import { InjectionToken } from '@angular/core';
+/**
+ * Длительность {@link debounceTime} в миллисекундах по умолчанию.
+ */
+export declare const SC_DEBOUNCE_TIME_DEFAULT: InjectionToken<number>;

package/public-api.d.ts

@@ -5,6 +5,7 @@ export * from './accordion';
 export * from './banner';
 export * from './cart';
 export * from './catalog';
+export * from './configurators';
 export * from './contragents';
 export * from './contacts';
 export * from './delivery-address';
@@ -17,10 +18,12 @@ export * from './icons';
 export * from './loader';
 export * from './brands-list';
 export * from './news';
+export * from './noindex-wrapper';
 export * from './order';
 export * from './pages';
 export * from './pipes';
 export * from './samples';
+export * from './methods';
 export * from './providers';
 export * from './feedback';
 export * from './qrcode';

package/styles/tailwind/tailwind.scss

@@ -107,7 +107,7 @@
 }
 
 /*
-! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
+! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
 */
 
 /*
@@ -554,72 +554,10 @@ video {
   display: none;
 }
 
-.container {
-  width: 100%;
-}
-
-@media (min-width: 640px) {
-  .container {
-    max-width: 640px;
-  }
-}
-
-@media (min-width: 768px) {
-  .container {
-    max-width: 768px;
-  }
-}
-
-@media (min-width: 1024px) {
-  .container {
-    max-width: 1024px;
-  }
-}
-
-@media (min-width: 1280px) {
-  .container {
-    max-width: 1280px;
-  }
-}
-
-@media (min-width: 1536px) {
-  .container {
-    max-width: 1536px;
-  }
-}
-
-.sr-only {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border-width: 0;
-}
-
 .pointer-events-none {
   pointer-events: none;
 }
 
-.\!visible {
-  visibility: visible !important;
-}
-
-.visible {
-  visibility: visible;
-}
-
-.invisible {
-  visibility: hidden;
-}
-
-.collapse {
-  visibility: collapse;
-}
-
 .static {
   position: static;
 }
@@ -640,10 +578,6 @@ video {
   position: relative;
 }
 
-.sticky {
-  position: sticky;
-}
-
 .-left-1 {
   left: -0.25rem;
 }
@@ -684,10 +618,6 @@ video {
   top: 50%;
 }
 
-.isolate {
-  isolation: isolate;
-}
-
 .-z-10 {
   z-index: -10;
 }
@@ -717,11 +647,26 @@ video {
   margin-right: 0.5rem;
 }
 
+.my-1 {
+  margin-top: 0.25rem;
+  margin-bottom: 0.25rem;
+}
+
+.my-1\.5 {
+  margin-top: 0.375rem;
+  margin-bottom: 0.375rem;
+}
+
 .my-2 {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
 }
 
+.my-2\.5 {
+  margin-top: 0.625rem;
+  margin-bottom: 0.625rem;
+}
+
 .my-4 {
   margin-top: 1rem;
   margin-bottom: 1rem;
@@ -751,6 +696,10 @@ video {
   margin-bottom: 1rem;
 }
 
+.mb-5 {
+  margin-bottom: 1.25rem;
+}
+
 .mb-8 {
   margin-bottom: 2rem;
 }
@@ -787,6 +736,10 @@ video {
   margin-top: 1rem;
 }
 
+.mt-6 {
+  margin-top: 1.5rem;
+}
+
 .mt-8 {
   margin-top: 2rem;
 }
@@ -802,10 +755,6 @@ video {
   display: block;
 }
 
-.inline {
-  display: inline;
-}
-
 .flex {
   display: flex;
 }
@@ -890,6 +839,10 @@ video {
   height: 3rem;
 }
 
+.h-2 {
+  height: 0.5rem;
+}
+
 .h-3 {
   height: 0.75rem;
 }
@@ -898,10 +851,18 @@ video {
   height: 1rem;
 }
 
+.h-5 {
+  height: 1.25rem;
+}
+
 .h-56 {
   height: 14rem;
 }
 
+.h-6 {
+  height: 1.5rem;
+}
+
 .h-\[19em\] {
   height: 19em;
 }
@@ -934,6 +895,14 @@ video {
   width: auto !important;
 }
 
+.w-1\/2 {
+  width: 50%;
+}
+
+.w-1\/3 {
+  width: 33.333333%;
+}
+
 .w-1\/4 {
   width: 25%;
 }
@@ -946,6 +915,10 @@ video {
   width: 3rem;
 }
 
+.w-2\/3 {
+  width: 66.666667%;
+}
+
 .w-24 {
   width: 6rem;
 }
@@ -1023,10 +996,6 @@ video {
   flex-shrink: 1;
 }
 
-.shrink {
-  flex-shrink: 1;
-}
-
 .shrink-0 {
   flex-shrink: 0;
 }
@@ -1080,10 +1049,6 @@ video {
           user-select: none;
 }
 
-.resize {
-  resize: both;
-}
-
 .list-decimal {
   list-style-type: decimal;
 }
@@ -1096,6 +1061,10 @@ video {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
 
+.grid-cols-3 {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
 .flex-col {
   flex-direction: column;
 }
@@ -1120,6 +1089,10 @@ video {
   align-items: flex-start;
 }
 
+.items-end {
+  align-items: flex-end;
+}
+
 .\!items-center {
   align-items: center !important;
 }
@@ -1247,12 +1220,6 @@ video {
   overflow: hidden;
 }
 
-.truncate {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
 .\!whitespace-normal {
   white-space: normal !important;
 }
@@ -1261,10 +1228,6 @@ video {
   white-space: nowrap;
 }
 
-.break-all {
-  word-break: break-all;
-}
-
 .\!rounded-xl {
   border-radius: 0.75rem !important;
 }
@@ -1277,6 +1240,10 @@ video {
   border-radius: 9999px;
 }
 
+.rounded-sm {
+  border-radius: 0.125rem;
+}
+
 .rounded-tui-radius-m {
   border-radius: var(--tui-radius-m);
 }
@@ -1344,6 +1311,10 @@ video {
   background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
 }
 
+.bg-tui-base-01 {
+  background-color: var(--tui-background-base);
+}
+
 .bg-tui-base-02 {
   background-color: var(--tui-background-base-alt);
 }
@@ -1630,6 +1601,11 @@ video {
   line-height: 1.25rem;
 }
 
+.text-xl {
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+}
+
 .text-xs {
   font-size: 0.75rem;
   line-height: 1rem;
@@ -1659,27 +1635,6 @@ video {
   font-weight: 500;
 }
 
-.uppercase {
-  text-transform: uppercase;
-}
-
-.lowercase {
-  text-transform: lowercase;
-}
-
-.capitalize {
-  text-transform: capitalize;
-}
-
-.italic {
-  font-style: italic;
-}
-
-.ordinal {
-  --tw-ordinal: ordinal;
-  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
-}
-
 .leading-1\.15 {
   line-height: 1.15;
 }
@@ -1744,6 +1699,10 @@ video {
   color: var(--tui-text-primary);
 }
 
+.text-tui-text-secondary {
+  color: var(--tui-text-secondary);
+}
+
 .text-tui-text-tertiary {
   color: var(--tui-text-tertiary);
 }
@@ -1752,14 +1711,6 @@ video {
   text-decoration-line: underline !important;
 }
 
-.underline {
-  text-decoration-line: underline;
-}
-
-.overline {
-  text-decoration-line: overline;
-}
-
 .line-through {
   text-decoration-line: line-through;
 }
@@ -1772,12 +1723,6 @@ video {
   opacity: 0.9;
 }
 
-.shadow {
-  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
 .shadow-sc {
   --tw-shadow: 2px 7px 20px 1px rgba(0, 0, 0, 0.1);
   --tw-shadow-colored: 2px 7px 20px 1px var(--tw-shadow-color);
@@ -1800,12 +1745,6 @@ video {
   outline-style: solid;
 }
 
-.ring {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-
 .blur {
   --tw-blur: blur(8px);
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
@@ -1821,58 +1760,19 @@ video {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
 
-.invert {
-  --tw-invert: invert(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-
 .saturate-0 {
   --tw-saturate: saturate(0);
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
 
-.sepia {
-  --tw-sepia: sepia(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-
 .filter {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
 
-.backdrop-filter {
-  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-}
-
-.transition {
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-
 .duration-500 {
   transition-duration: 500ms;
 }
 
-.ease-in {
-  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-}
-
-.ease-in-out {
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-.ease-out {
-  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-}
-
-.\[k\:string\] {
-  k: string;
-}
-
 .hover\:bg-tui-background-neutral-1:hover {
   background-color: var(--tui-background-neutral-1);
 }
@@ -1929,6 +1829,10 @@ video {
     max-width: none;
   }
 
+  .md\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
   .md\:flex-row {
     flex-direction: row;
   }

package/user/user-managers/sc-user-managers.component.d.ts

@@ -1,26 +1,23 @@
 import { EventEmitter } from '@angular/core';
-import { ScIManager, ScUserService } from '@snabcentr/client-core';
+import { ScIManager } from '@snabcentr/client-core';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 /**
  * Компонент персональных менеджеров пользователя.
  */
 export declare class ScUserManagersComponent {
-    private readonly userService;
-    /**
-     * Персональные менеджеры пользователя.
-     */
-    readonly managers$: Observable<ScIManager[] | undefined>;
     /**
      * Событие нажатия на кнопку QR кода.
      */
     readonly qrClickEvent: EventEmitter<ScIManager>;
     /**
-     * Инициализирует экземпляр класса {@link ScUserManagersComponent}.
-     *
-     * @param userService Сервис данных о пользователе.
+     * Сервис данных о пользователе.
      */
-    constructor(userService: ScUserService);
+    private readonly userService;
+    /**
+     * Персональные менеджеры пользователя.
+     */
+    readonly managers$: Observable<ScIManager[] | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScUserManagersComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ScUserManagersComponent, "sc-user-managers", never, {}, { "qrClickEvent": "qrClickEvent"; }, never, never, false, never>;
 }