@snabcentr/client-ui 0.0.1

package/LICENSE

@@ -0,0 +1 @@
+<!-- TODO: заменить на коммерческую лицензию. -->

package/README.md

@@ -0,0 +1,15 @@
+# Snabcentr Client UI
+
+## Description
+
+Библиотека общих UI элементов для клиентской части.
+
+## License
+
+Commercial (Коммерческая)
+
+## Запуск приложения
+
+* Сборка тестового приложения `ng build client-ui-example`.
+* Перед запуском приложения нужно выполнить сборку библиотеки `ng build @snabcentr/client-ui`. Собранная библиотека будет находиться в папке `dist/`.
+* Запуск `npm start`.

package/esm2020/public-api.mjs

@@ -0,0 +1,5 @@
+/*
+ * Public API Surface of ui
+ */
+export * from './test-component/test.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2NsaWVudC11aS9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxpQ0FBaUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgdWlcbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3Rlc3QtY29tcG9uZW50L3Rlc3QuY29tcG9uZW50JztcbiJdfQ==

package/esm2020/snabcentr-client-ui.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic25hYmNlbnRyLWNsaWVudC11aS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2NsaWVudC11aS9zbmFiY2VudHItY2xpZW50LXVpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljLWFwaSc7XG4iXX0=

package/esm2020/test-component/test.component.mjs

@@ -0,0 +1,14 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Тестовый компонент приложения.
+ */
+export class TestComponent {
+}
+TestComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TestComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TestComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TestComponent, selector: "sc-test", ngImport: i0, template: "" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TestComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sc-test', template: "" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jbGllbnQtdWkvdGVzdC1jb21wb25lbnQvdGVzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jbGllbnQtdWkvdGVzdC1jb21wb25lbnQvdGVzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUUxQzs7R0FFRztBQUtILE1BQU0sT0FBTyxhQUFhOzswR0FBYixhQUFhOzhGQUFiLGFBQWEsK0NDVDFCLEVBQUE7MkZEU2EsYUFBYTtrQkFKekIsU0FBUzsrQkFDSSxTQUFTIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICog0KLQtdGB0YLQvtCy0YvQuSDQutC+0LzQv9C+0L3QtdC90YIg0L/RgNC40LvQvtC20LXQvdC40Y8uXG4gKi9cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnc2MtdGVzdCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3Rlc3QuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBUZXN0Q29tcG9uZW50IHt9XG4iLCIiXX0=

package/fesm2015/snabcentr-client-ui.mjs

@@ -0,0 +1,25 @@
+import * as i0 from '@angular/core';
+import { Component } from '@angular/core';
+
+/**
+ * Тестовый компонент приложения.
+ */
+class TestComponent {
+}
+TestComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TestComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TestComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TestComponent, selector: "sc-test", ngImport: i0, template: "" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TestComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sc-test', template: "" }]
+        }] });
+
+/*
+ * Public API Surface of ui
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TestComponent };
+//# sourceMappingURL=snabcentr-client-ui.mjs.map

package/fesm2015/snabcentr-client-ui.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"snabcentr-client-ui.mjs","sources":["../../../projects/client-ui/test-component/test.component.ts","../../../projects/client-ui/test-component/test.component.html","../../../projects/client-ui/public-api.ts","../../../projects/client-ui/snabcentr-client-ui.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n/**\n * Тестовый компонент приложения.\n */\n@Component({\n    selector: 'sc-test',\n    templateUrl: './test.component.html',\n})\nexport class TestComponent {}\n","","/*\n * Public API Surface of ui\n */\n\nexport * from './test-component/test.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;AAEA;;AAEG;MAKU,aAAa,CAAA;;0GAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAb,aAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,+CCT1B,EAAA,EAAA,CAAA,CAAA;2FDSa,aAAa,EAAA,UAAA,EAAA,CAAA;kBAJzB,SAAS;+BACI,SAAS,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;;AENvB;;AAEG;;ACFH;;AAEG;;;;"}

package/fesm2020/snabcentr-client-ui.mjs

@@ -0,0 +1,25 @@
+import * as i0 from '@angular/core';
+import { Component } from '@angular/core';
+
+/**
+ * Тестовый компонент приложения.
+ */
+class TestComponent {
+}
+TestComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TestComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TestComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TestComponent, selector: "sc-test", ngImport: i0, template: "" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TestComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sc-test', template: "" }]
+        }] });
+
+/*
+ * Public API Surface of ui
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TestComponent };
+//# sourceMappingURL=snabcentr-client-ui.mjs.map

package/fesm2020/snabcentr-client-ui.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"snabcentr-client-ui.mjs","sources":["../../../projects/client-ui/test-component/test.component.ts","../../../projects/client-ui/test-component/test.component.html","../../../projects/client-ui/public-api.ts","../../../projects/client-ui/snabcentr-client-ui.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n/**\n * Тестовый компонент приложения.\n */\n@Component({\n    selector: 'sc-test',\n    templateUrl: './test.component.html',\n})\nexport class TestComponent {}\n","","/*\n * Public API Surface of ui\n */\n\nexport * from './test-component/test.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;AAEA;;AAEG;MAKU,aAAa,CAAA;;0GAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAb,aAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,+CCT1B,EAAA,EAAA,CAAA,CAAA;2FDSa,aAAa,EAAA,UAAA,EAAA,CAAA;kBAJzB,SAAS;+BACI,SAAS,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;;AENvB;;AAEG;;ACFH;;AAEG;;;;"}

package/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@snabcentr/client-ui" />
+export * from './public-api';

package/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "@snabcentr/client-ui",
+  "version": "0.0.1",
+  "author": "Snabcentr Ltd.",
+  "repository": "https://gitlab.snabcentr.met/web/angular/snabcentr-client-ui-lib",
+  "license": "Commercial",
+  "description": "Snabcentr client UI package.",
+  "peerDependencies": {
+    "@angular/common": ">=14.2.0",
+    "@angular/core": ">=14.2.0",
+    "@ngneat/until-destroy": ">=9.2.3",
+    "@angular/router": ">=14.2.12",
+    "@angular/platform-browser": ">=14.2.12",
+    "@angular/platform-browser-dynamic": ">=14.2.12",
+    "moment": ">=2.29.4",
+    "rxjs": ">=7.5.0",
+    "zone.js": ">=0.12.0"
+  },
+  "dependencies": {
+    "tslib": "2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2015/snabcentr-client-ui.mjs",
+  "es2020": "fesm2020/snabcentr-client-ui.mjs",
+  "esm2020": "esm2020/snabcentr-client-ui.mjs",
+  "fesm2020": "fesm2020/snabcentr-client-ui.mjs",
+  "fesm2015": "fesm2015/snabcentr-client-ui.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2020": "./esm2020/snabcentr-client-ui.mjs",
+      "es2020": "./fesm2020/snabcentr-client-ui.mjs",
+      "es2015": "./fesm2015/snabcentr-client-ui.mjs",
+      "node": "./fesm2015/snabcentr-client-ui.mjs",
+      "default": "./fesm2020/snabcentr-client-ui.mjs"
+    }
+  }
+}

package/public-api.d.ts

@@ -0,0 +1 @@
+export * from './test-component/test.component';

package/styles/taiga/variables.less

@@ -0,0 +1,157 @@
+// TODO: TASK:[6824]: Доработать файл стилей.
+@font-fallback: -apple-system, 'BlinkMacSystemFont', system-ui, 'Roboto', 'Segoe UI', 'Helvetica Neue', sans-serif;
+
+:root {
+    // Deprecated TODO 4.0 delete variables --tui-heading-font and --tui-text-font
+    --tui-heading-font: 'Manrope', @font-fallback;
+    --tui-text-font: 'Manrope', @font-fallback;
+    // Fonts
+    --tui-font-heading: var(--tui-heading-font);
+    --tui-font-heading-1: bold 3.125rem/3.5rem var(--tui-font-heading);
+    --tui-font-heading-2: bold 2.75rem/3rem var(--tui-font-heading);
+    --tui-font-heading-3: bold 2.25rem/2.5rem var(--tui-font-heading);
+    --tui-font-heading-4: bold 1.75rem/2rem var(--tui-font-heading);
+    --tui-font-heading-5: bold 1.5rem/1.75rem var(--tui-font-heading);
+    --tui-font-heading-6: bold 1.25rem/1.5rem var(--tui-font-heading);
+    --tui-font-text: var(--tui-text-font);
+    --tui-font-text-xl: normal 1.1875rem/1.75rem var(--tui-font-text);
+    --tui-font-text-l: normal 1.0625rem/1.75rem var(--tui-font-text);
+    --tui-font-text-l-2: normal 1.0625rem/1.5rem var(--tui-font-text);
+    --tui-font-text-m: normal 1rem/1.5rem var(--tui-font-text);
+    --tui-font-text-m-2: normal 1rem/1.25rem var(--tui-font-text);
+    --tui-font-text-s: normal 0.8125rem/1.25rem var(--tui-font-text);
+    --tui-font-text-s-2: normal 0.8125rem/1rem var(--tui-font-text);
+    --tui-font-text-xs: normal 0.6875rem/1rem var(--tui-font-text);
+    // Sizes
+    --tui-radius-xs: 0.25rem;
+    --tui-radius-s: 0.5rem;
+    --tui-radius-m: 0.75rem;
+    --tui-radius-l: 0.75rem;
+    --tui-radius-xl: 1.5rem;
+    --tui-height-xs: 1.5rem;
+    --tui-height-s: 2rem;
+    --tui-height-m: 2.75rem;
+    --tui-height-l: 3.5rem;
+    // Input padding
+    --tui-padding-s: 0.75rem;
+    --tui-padding-m: 0.75rem;
+    --tui-padding-l: 1rem;
+    // Misc
+    --tui-duration: 0.3s;
+    --tui-backdrop: none;
+    // Special colors
+    --tui-disabled-opacity: 0.56;
+    --tui-autofill: #fff5c0;
+    // Base colors
+    --tui-base-01: #fff; // background and icons on inverted background
+    --tui-base-02: #f6f6f6; // secondary background, marker icons background
+    --tui-base-03: #ededed; // basic border
+    --tui-base-04: #d7d7d7; // hovered borders
+    --tui-base-05: #b0b0b0; // interface icons
+    --tui-base-06: #959595; // hovered interface icons
+    --tui-base-07: #808080; // inverted background
+    --tui-base-08: #333; // dark interface icons
+    --tui-base-09: #000; // icons on inverted background
+    --tui-primary: #526ed3; // primary buttons, background
+    --tui-primary-hover: #6c86e2; // primary buttons hover
+    --tui-primary-active: #314692; // primary buttons pressed
+    --tui-primary-text: #fff; // text on primary background
+    --tui-secondary: #ebefff; // inputs and secondary buttons
+    --tui-secondary-hover: #dfe3f3; // inputs and secondary buttons hover
+    --tui-secondary-active: #d8ddf2; // inputs and secondary buttons pressed
+    --tui-accent: #ff7043; // fill and outline of accent elements
+    --tui-accent-hover: #ff9a94; // accent elements hover
+    --tui-accent-active: #e7716a; // accent elements pressed
+    --tui-accent-text: #fff; // text on accent background
+    --tui-selection: rgba(112, 182, 246, 0.12); // selected text background
+    --tui-focus: rgba(51, 51, 51, 0.64); // focus ring color
+    --tui-clear: rgba(0, 0, 0, 0.04); // translucent dark fill
+    --tui-clear-disabled: rgba(0, 0, 0, 0.04); // translucent dark fill disabled
+    --tui-clear-hover: rgba(0, 0, 0, 0.16); // translucent dark fill hover
+    --tui-clear-active: rgba(0, 0, 0, 0.2); // translucent dark fill pressed
+    --tui-clear-inverse: rgba(255, 255, 255, 0.16); // translucent light fill
+    --tui-clear-inverse-hover: rgba(255, 255, 255, 0.24); // translucent light fill hover
+    --tui-clear-inverse-active: rgba(255, 255, 255, 0.4); // translucent light fill pressed
+    --tui-elevation-01: #fff; // background of elevated elements
+    --tui-elevation-02: #fff; // background of elevated elements
+    // Statuses
+    --tui-error-fill: rgba(244, 87, 37, 1); // icons and decorative elements with error status
+    --tui-error-bg: rgba(244, 87, 37, 0.12); // translucent error background
+    --tui-error-bg-hover: rgba(244, 87, 37, 0.24); // translucent hover error background
+    --tui-success-fill: rgba(74, 201, 155, 1); // icon and decorative elements with success status
+    --tui-success-bg: rgba(74, 201, 155, 0.12); // translucent success background
+    --tui-success-bg-hover: rgba(74, 201, 155, 0.24); // translucent success hover
+    --tui-warning-fill: rgba(255, 199, 0, 1); // icon and decorative elements with warning status
+    --tui-warning-bg: rgba(255, 199, 0, 0.12); // translucent warning background
+    --tui-warning-bg-hover: rgba(255, 199, 0, 0.24); // translucent warning background
+    --tui-info-fill: rgba(112, 182, 246, 1); // icon and decorative elements with info status
+    --tui-info-bg: rgba(112, 182, 246, 0.12); // translucent info background
+    --tui-info-bg-hover: rgba(112, 182, 246, 0.24); // translucent info background
+    --tui-neutral-fill: rgb(121, 129, 140); // icon and decorative elements with neutral status
+    --tui-neutral-bg: rgba(121, 129, 140, 0.12); // translucent info background
+    --tui-neutral-bg-hover: rgba(121, 129, 140, 0.24); // translucent info background
+    // Text
+    --tui-text-01: rgba(27, 31, 59, 1);
+    --tui-text-02: rgba(27, 31, 59, 0.65);
+    --tui-text-03: rgba(27, 31, 59, 0.4);
+    --tui-link: #526ed3;
+    --tui-link-hover: #6c86e2;
+    --tui-positive: #3aa981;
+    --tui-positive-hover: #7ac5aa;
+    --tui-negative: #dd4c1e;
+    --tui-negative-hover: #e38163;
+    // Modifiers for dark background
+    --tui-error-fill-night: rgba(255, 140, 103, 1);
+    --tui-error-bg-night: rgba(244, 87, 37, 0.32);
+    --tui-error-bg-night-hover: rgba(244, 87, 37, 0.4);
+    --tui-success-fill-night: rgb(74, 201, 155);
+    --tui-success-bg-night: rgba(74, 201, 155, 0.32);
+    --tui-success-bg-night-hover: rgba(74, 201, 155, 0.4);
+    --tui-warning-fill-night: rgb(255, 199, 0);
+    --tui-warning-bg-night: rgba(255, 199, 0, 0.32);
+    --tui-warning-bg-night-hover: rgba(255, 199, 0, 0.4);
+    --tui-info-fill-night: rgb(112, 182, 246);
+    --tui-info-bg-night: rgba(112, 182, 246, 0.32);
+    --tui-info-bg-night-hover: rgba(112, 182, 246, 0.4);
+    --tui-neutral-fill-night: rgb(149, 155, 164);
+    --tui-neutral-bg-night: rgba(149, 155, 164, 0.32);
+    --tui-neutral-bg-night-hover: rgba(149, 155, 164, 0.48);
+    --tui-autofill-night: rgb(85, 74, 42);
+    //
+    --tui-text-01-night: rgba(255, 255, 255, 1);
+    --tui-text-02-night: rgba(255, 255, 255, 0.72);
+    --tui-text-03-night: rgba(255, 255, 255, 0.6);
+    --tui-link-night: #6788ff;
+    --tui-link-night-hover: #526ed3;
+    --tui-positive-night: #44c596;
+    --tui-positive-night-hover: #3aa981;
+    --tui-negative-night: #ff8c67;
+    --tui-negative-night-hover: #bb593a;
+    //
+    --tui-support-01: #a8cef1;
+    --tui-support-02: #3682db;
+    --tui-support-03: #8dda71;
+    --tui-support-04: #34b41f;
+    --tui-support-05: #e29398;
+    --tui-support-06: #b8474e;
+    --tui-support-07: #fcc068;
+    --tui-support-08: #ff8a00;
+    --tui-support-09: #dab3f9;
+    --tui-support-10: #7b439e;
+    --tui-support-11: #fee797;
+    --tui-support-12: #fcbb14;
+    --tui-support-13: #ea97c4;
+    --tui-support-14: #bd65a4;
+    --tui-support-15: #7fd7cc;
+    --tui-support-16: #2fad96;
+    --tui-support-17: #d4aca2;
+    --tui-support-18: #9d6f64;
+    --tui-support-19: #d2e9a2;
+    --tui-support-20: #aadc42;
+    --tui-support-21: #a0c5df;
+    --tui-chart-0: var(--tui-primary);
+    --tui-chart-1: var(--tui-support-13);
+    --tui-chart-2: var(--tui-support-21);
+    --tui-chart-3: var(--tui-support-11);
+    --tui-chart-4: var(--tui-base-05);
+}

package/test-component/test.component.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+/**
+ * Тестовый компонент приложения.
+ */
+export declare class TestComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TestComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TestComponent, "sc-test", never, {}, {}, never, never, false>;
+}