@updevs/components 1.0.0-alpha.10 → 1.0.0-alpha.100

package/assets/styles/vendor/_jsvectormap.scss

@@ -0,0 +1,47 @@
+.jvm-tooltip {
+  background: var(--#{$prefix}bg-surface-inverted);
+  color: var(--#{$prefix}text-inverted);
+  font-family: inherit;
+  font-size: $h5-font-size;
+  box-shadow: $card-box-shadow;
+}
+
+.jvm-series-container .jvm-legend  .jvm-legend-title {
+  border-bottom: 0;
+  font-weight: var(--#{$prefix}font-weight-medium);
+}
+
+.jvm-series-container .jvm-legend {
+  background-color: var(--#{$prefix}card-bg, var(--#{$prefix}bg-surface));
+  border: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color);
+  min-width: 8rem;
+
+  .jvm-legend-inner .jvm-legend-tick {
+    display: flex;
+    align-items: center;
+
+    .jvm-legend-tick-sample {
+      width: .75rem;
+      height: .75rem;
+    }
+  }
+}
+
+.jvm-zoom-btn {
+  border: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color);
+  background: var(--#{$prefix}card-bg, var(--#{$prefix}bg-surface));
+  color: var(--#{$prefix}body-color);
+  padding: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 1;
+  width: 1.5rem;
+  height: 1.5rem;
+  font-size: 1rem;
+  box-shadow: $card-box-shadow;
+
+  &.jvm-zoomout {
+    top: 2.5rem;
+  }
+}

package/assets/styles/vendor/_litepicker.scss

@@ -0,0 +1,69 @@
+.litepicker {
+  --litepicker-month-weekday-color: #{var(--#{$prefix}secondary)};
+  --litepicker-button-prev-month-color: #{var(--#{$prefix}secondary)};
+  --litepicker-button-next-month-color: #{var(--#{$prefix}secondary)};
+  --litepicker-button-prev-month-color-hover: #{ var(--#{$prefix}primary) };
+  --litepicker-button-next-month-color-hover: #{ var(--#{$prefix}primary) };
+  --litepicker-day-color: var(--#{$prefix}body-color);
+  --litepicker-day-color-hover: #{ var(--#{$prefix}primary) };
+  --litepicker-is-start-color-bg: #{ var(--#{$prefix}primary) };
+  --litepicker-is-end-color-bg: #{ var(--#{$prefix}primary) };
+  --litepicker-is-in-range-color: #{ var(--#{$prefix}info) };
+  --litepicker-is-today-color: #{ var(--#{$prefix}primary) };
+  --litepicker-month-header-color: var(--#{$prefix}body-color);
+  --litepicker-container-months-color-bg: var(--#{$prefix}bg-surface);
+  font: inherit;
+  user-select: none;
+
+  .day-item.is-in-range {
+    --litepicker-day-color: var(--#{$prefix}light);
+  }
+
+  svg {
+    fill: none !important;
+  }
+
+  .container__main {
+    border: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color);
+    border-radius: var(--#{$prefix}border-radius);
+    box-shadow: none;
+  }
+
+  .container__months {
+    .month-item-name,
+    .month-item-year {
+      font-weight: var(--#{$prefix}font-weight-medium) !important;
+    }
+
+    .button-next-month,
+    .button-previous-month {
+      cursor: pointer !important;
+    }
+
+    .month-item-weekdays-row {
+      > div {
+        padding: .5rem 0 !important;
+        font-size: $h5-font-size;
+      }
+    }
+  }
+
+  .container__days {
+    .day-item {
+      cursor: pointer !important;
+      padding: .5rem 0 !important;
+      @include transition(color $transition-time, background-color $transition-time, border-color $transition-time);
+    }
+  }
+
+  .datepicker-inline & {
+    box-shadow: $input-box-shadow;
+    
+    .container__months {
+      box-shadow: none;
+      background-color: var(--#{$prefix}bg-forms);
+      border-radius: calc(var(--#{$prefix}border-radius) - 1px);
+    }
+  }
+}
+

package/assets/styles/vendor/_nouislider.scss

@@ -0,0 +1,49 @@
+.noUi-target {
+  border: 0;
+  box-shadow: none;
+  background: none;
+  border-radius: 0;
+  color: $form-range-thumb-bg;
+}
+
+.noUi-horizontal {
+  height: add($form-range-track-height, 1rem);
+  padding: .5rem 0;
+}
+
+.noUi-base {
+  background: $form-range-track-bg;
+  border-radius: $form-range-track-border-radius;
+}
+
+.noUi-handle {
+  width: $form-range-thumb-width;
+  height: $form-range-thumb-height;
+  border: $form-range-thumb-border;
+  box-shadow: $form-range-thumb-box-shadow;
+  border-radius: $form-range-thumb-border-radius;
+  background: currentColor;
+  outline: 0;
+
+  &:before,
+  &:after {
+    content: none;
+  }
+
+  .noUi-horizontal & {
+    width: $form-range-thumb-width;
+    height: $form-range-thumb-height;
+    top: (-$form-range-thumb-height * .5);
+    right: (-$form-range-thumb-height * .5);
+    margin: 1px 1px 0 0;
+  }
+
+  &.noUi-active,
+  &:focus {
+    box-shadow: $form-range-thumb-focus-box-shadow;
+  }
+}
+
+.noUi-connect {
+  background: currentColor;
+}

package/assets/styles/vendor/_plyr.scss

@@ -0,0 +1,3 @@
+body {
+  --plyr-color-main: #{var(--#{$prefix}primary)};
+}

package/assets/styles/vendor/_stars-rating.scss

@@ -0,0 +1,22 @@
+:root {
+  --gl-star-size: auto;
+  --gl-star-color: var(--#{$prefix}yellow);
+  --gl-star-color-inactive: var(--#{$prefix}border-color);
+}
+
+[data-star-rating] {
+  svg {
+    width: var(--#{$prefix}icon-size, --gl-star-size);
+    height: var(--#{$prefix}icon-size, --gl-star-size);
+  }
+
+  :not(.gl-active) > .gl-star-full {
+    color: var(--gl-star-color-inactive) !important;
+  }
+
+  .gl-active > .gl-star-full {
+    color: var(--gl-star-color);
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}

package/assets/styles/vendor/_tom-select.scss

@@ -0,0 +1,81 @@
+$select-color-dropdown: #fff;
+$select-color-dropdown-border-top: red;
+$input-border-width: 1px;
+
+:root {
+  --ts-pr-clear-button: 0rem;
+  --ts-pr-caret: 0rem;
+}
+
+.ts-input {
+  color: inherit;
+}
+
+.focus .ts-control {
+  border-radius: var(--#{$prefix}border-radius);
+}
+  
+
+.ts-control {
+  color: inherit;
+
+  .dropdown-menu {
+    width: 100%;
+    height: auto;
+  }
+}
+
+.ts-wrapper {
+  .form-control, 
+  .form-select,
+  &.form-control, 
+  &.form-select {
+    box-shadow: $input-box-shadow; 
+  }
+
+  &.is-invalid,
+  &.is-valid {
+    .ts-control {
+      --ts-pr-clear-button: 1.5rem;
+    }
+  }
+}
+
+.ts-dropdown {
+  background: var(--#{$prefix}bg-surface);
+  color: var(--#{$prefix}body-color);
+  box-shadow: var(--#{$prefix}shadow-dropdown);
+  z-index: $zindex-dropdown;
+
+  .option {
+    padding: $dropdown-item-padding-y $dropdown-item-padding-x;
+  }
+}
+
+.ts-control,
+.ts-control input {
+  color: var(--#{$prefix}body-color);
+}
+
+.ts-control input {
+  &::placeholder{
+    color: $input-placeholder-color;
+  }
+}
+
+.ts-wrapper.multi,
+.ts-wrapper.multi.disabled {
+  .ts-control > div {
+    background: var(--#{$prefix}bg-surface-secondary);
+    border: 1px solid var(--#{$prefix}border-color);
+    color: var(--#{$prefix}body-color);
+  }
+}
+
+.ts-wrapper.disabled .ts-control {
+  opacity: 1;
+
+  &> div.item {
+    color: var(--#{$prefix}gray-500);
+  }
+}

package/assets/styles/vendor/_turbo.scss

@@ -0,0 +1,3 @@
+.turbo-progress-bar {
+  background: var(--#{$prefix}primary);
+}

package/assets/styles/vendor/_typed.scss

@@ -0,0 +1,4 @@
+.typed-cursor {
+  font-weight: 500;
+  color: $secondary;
+}

package/assets/styles/vendor/_wysiwyg.scss

@@ -0,0 +1,46 @@
+.tox-hugerte {
+  border: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color) !important;
+  border-radius: $border-radius !important;
+  font-family: var(--#{$prefix}font-sans-serif) !important;
+}
+
+.tox-toolbar__group {
+  padding: 0 .5rem 0;
+}
+
+.tox .tox-toolbar__primary {
+  background: transparent !important;
+}
+
+.tox:not(.tox-hugerte-inline) {
+  .tox-editor-header {
+    border-bottom: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color) !important;
+    box-shadow: none !important;
+    padding: 0 !important;
+  }
+}
+
+.tox-tbtn {
+  margin: 0 !important;
+  background: var(--#{$prefix}bg-surface) !important;
+
+  &:hover,
+  &.tox-tbtn--enabled {
+    background: var(--#{$prefix}bg-surface-secondary) !important;
+  }
+}
+
+.tox-edit-area {
+  &::before {
+    border: none !important
+  }
+}
+
+.tox-statusbar {
+  border-top: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color) !important;
+}
+
+.tox .tox-toolbar-overlord,
+.tox:not(.tox-hugerte-inline) .tox-editor-header {
+  background: transparent !important;
+}

package/fesm2022/updevs-components-badge.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, computed, inject, effect, Component, HostBinding, NgModule } from '@angular/core';
+import { input, computed, inject, HostBinding, Component, NgModule } from '@angular/core';
 import { TextService } from '@updevs/sdk';
 import { CommonModule } from '@angular/common';
 
@@ -18,21 +18,17 @@ class BadgeConfigModel {
 }
 
 class BadgeComponent {
-    get badgeText() {
-        return this.textService.getText(this.text() || this.configModel().text);
-    }
     constructor() {
-        this.hostClasses = '';
-        this.config = input();
-        this.bgColor = input('primary');
-        this.textColor = input();
-        this.text = input();
-        this.isOutline = input(false);
-        this.isPill = input(false);
-        this.isNotification = input(false);
-        this.isBlinking = input(false);
-        this.customClasses = input('');
-        this.configModel = computed(() => new BadgeConfigModel(this.config()));
+        this.config = input(...(ngDevMode ? [undefined, { debugName: "config" }] : []));
+        this.bgColor = input('primary', ...(ngDevMode ? [{ debugName: "bgColor" }] : []));
+        this.textColor = input(...(ngDevMode ? [undefined, { debugName: "textColor" }] : []));
+        this.text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : []));
+        this.isOutline = input(false, ...(ngDevMode ? [{ debugName: "isOutline" }] : []));
+        this.isPill = input(false, ...(ngDevMode ? [{ debugName: "isPill" }] : []));
+        this.isNotification = input(false, ...(ngDevMode ? [{ debugName: "isNotification" }] : []));
+        this.isBlinking = input(false, ...(ngDevMode ? [{ debugName: "isBlinking" }] : []));
+        this.customClasses = input('', ...(ngDevMode ? [{ debugName: "customClasses" }] : []));
+        this.configModel = computed(() => new BadgeConfigModel(this.config()), ...(ngDevMode ? [{ debugName: "configModel" }] : []));
         this.classes = computed(() => [
             (!!this.config() && !this.configModel().isOutline) || !this.isOutline()
                 ? `bg-${!!this.config() ? this.configModel().bgColor : this.bgColor()}`
@@ -44,31 +40,33 @@ class BadgeComponent {
             this.isPill() || (!!this.config() && this.configModel().isPill) ? 'badge-pill' : '',
             this.isNotification() || (!!this.config() && this.configModel().isNotification) ? 'badge-notification' : '',
             this.isBlinking() || (!!this.config() && this.configModel().isBlinking) ? 'badge-blink' : ''
-        ].join(' '));
-        this.defaultClass = 'badge';
+        ].join(' '), ...(ngDevMode ? [{ debugName: "classes" }] : []));
+        this.fullClassString = computed(() => `badge ${this.customClasses()} ${this.classes()}`, ...(ngDevMode ? [{ debugName: "fullClassString" }] : []));
         this.textService = inject(TextService);
-        effect(() => {
-            this.hostClasses = this.defaultClass + ` ${this.customClasses()} ${this.classes()}`;
-        });
-        this.hostClasses = this.defaultClass;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: BadgeComponent, selector: "upd-badge", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, bgColor: { classPropertyName: "bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null }, textColor: { classPropertyName: "textColor", publicName: "textColor", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, isOutline: { classPropertyName: "isOutline", publicName: "isOutline", isSignal: true, isRequired: false, transformFunction: null }, isPill: { classPropertyName: "isPill", publicName: "isPill", isSignal: true, isRequired: false, transformFunction: null }, isNotification: { classPropertyName: "isNotification", publicName: "isNotification", isSignal: true, isRequired: false, transformFunction: null }, isBlinking: { classPropertyName: "isBlinking", publicName: "isBlinking", isSignal: true, isRequired: false, transformFunction: null }, customClasses: { classPropertyName: "customClasses", publicName: "customClasses", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0, template: "@if (!!badgeText) {\n    {{ badgeText }}\n} @else {\n    <ng-content></ng-content>\n}\n", styles: [""] }); }
+    get hostClasses() {
+        return this.fullClassString();
+    }
+    get badgeText() {
+        return this.textService.getText(this.text() || this.configModel().text);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.4", type: BadgeComponent, isStandalone: false, selector: "upd-badge", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, bgColor: { classPropertyName: "bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null }, textColor: { classPropertyName: "textColor", publicName: "textColor", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, isOutline: { classPropertyName: "isOutline", publicName: "isOutline", isSignal: true, isRequired: false, transformFunction: null }, isPill: { classPropertyName: "isPill", publicName: "isPill", isSignal: true, isRequired: false, transformFunction: null }, isNotification: { classPropertyName: "isNotification", publicName: "isNotification", isSignal: true, isRequired: false, transformFunction: null }, isBlinking: { classPropertyName: "isBlinking", publicName: "isBlinking", isSignal: true, isRequired: false, transformFunction: null }, customClasses: { classPropertyName: "customClasses", publicName: "customClasses", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0, template: "@if (!!badgeText) {\n    {{ badgeText }}\n} @else {\n    <ng-content></ng-content>\n}\n", styles: [""] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BadgeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: BadgeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'upd-badge', template: "@if (!!badgeText) {\n    {{ badgeText }}\n} @else {\n    <ng-content></ng-content>\n}\n" }]
-        }], ctorParameters: () => [], propDecorators: { hostClasses: [{
+            args: [{ standalone: false, selector: 'upd-badge', template: "@if (!!badgeText) {\n    {{ badgeText }}\n} @else {\n    <ng-content></ng-content>\n}\n" }]
+        }], propDecorators: { hostClasses: [{
                 type: HostBinding,
                 args: ['class']
-            }] } });
+            }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], bgColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgColor", required: false }] }], textColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "textColor", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], isOutline: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOutline", required: false }] }], isPill: [{ type: i0.Input, args: [{ isSignal: true, alias: "isPill", required: false }] }], isNotification: [{ type: i0.Input, args: [{ isSignal: true, alias: "isNotification", required: false }] }], isBlinking: [{ type: i0.Input, args: [{ isSignal: true, alias: "isBlinking", required: false }] }], customClasses: [{ type: i0.Input, args: [{ isSignal: true, alias: "customClasses", required: false }] }] } });
 
 class UpdBadgeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: UpdBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: UpdBadgeModule, declarations: [BadgeComponent], imports: [CommonModule], exports: [BadgeComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: UpdBadgeModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: UpdBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.4", ngImport: i0, type: UpdBadgeModule, declarations: [BadgeComponent], imports: [CommonModule], exports: [BadgeComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: UpdBadgeModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: UpdBadgeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: UpdBadgeModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/fesm2022/updevs-components-badge.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"updevs-components-badge.mjs","sources":["../../../../libs/components/badge/src/badge-config.model.ts","../../../../libs/components/badge/src/badge.component.ts","../../../../libs/components/badge/src/badge.component.html","../../../../libs/components/badge/src/upd-badge.module.ts","../../../../libs/components/badge/src/updevs-components-badge.ts"],"sourcesContent":["import { BgColorStyleType, ColorStyleType } from '@updevs/sdk/layout';\nimport { TextModel } from '@updevs/sdk';\n\nimport { BadgeConfig } from './badge.config';\n\nexport class BadgeConfigModel implements BadgeConfig {\n    bgColor: BgColorStyleType = 'primary';\n    textColor?: ColorStyleType;\n    text?: TextModel;\n    isOutline = false;\n    isPill = false;\n    isNotification = false;\n    isBlinking = false;\n    customClasses = '';\n\n    constructor(init?: BadgeConfig) {\n        if (!!init) {\n            Object.assign(this, init);\n        }\n    }\n}\n","import { Component, computed, HostBinding, effect, inject, input } from '@angular/core';\nimport { BgColorStyleType, ColorStyleType } from '@updevs/sdk/layout';\nimport { TextModel, TextService } from '@updevs/sdk';\n\nimport { BadgeConfig } from './badge.config';\nimport { BadgeConfigModel } from './badge-config.model';\n\n@Component({\n    selector: 'upd-badge',\n    templateUrl: './badge.component.html',\n    styleUrl: './badge.component.scss'\n})\nexport class BadgeComponent {\n    @HostBinding('class') hostClasses = '';\n\n    config = input<BadgeConfig>();\n    bgColor = input<BgColorStyleType>('primary');\n    textColor = input<ColorStyleType>();\n    text = input<TextModel>();\n    isOutline = input<boolean>(false);\n    isPill = input<boolean>(false);\n    isNotification = input<boolean>(false);\n    isBlinking = input<boolean>(false);\n    customClasses = input<string>('');\n\n    get badgeText(): string {\n        return this.textService.getText(this.text() || this.configModel().text);\n    }\n\n    private readonly configModel = computed(() => new BadgeConfigModel(this.config()));\n    private readonly classes = computed(() =>\n        [\n            (!!this.config() && !this.configModel().isOutline) || !this.isOutline()\n                ? `bg-${!!this.config() ? this.configModel().bgColor : this.bgColor()}`\n                : '',\n            !!this.textColor() || (!!this.config() && this.configModel().textColor)\n                ? `text-${!!this.config() ? this.configModel().textColor : this.textColor()}`\n                : '',\n            this.isOutline() || (!!this.config() && this.configModel().isOutline) ? 'badge-outline' : '',\n            this.isPill() || (!!this.config() && this.configModel().isPill) ? 'badge-pill' : '',\n            this.isNotification() || (!!this.config() && this.configModel().isNotification) ? 'badge-notification' : '',\n            this.isBlinking() || (!!this.config() && this.configModel().isBlinking) ? 'badge-blink' : ''\n        ].join(' ')\n    );\n    private readonly defaultClass = 'badge';\n    private readonly textService = inject(TextService);\n\n    constructor() {\n        effect(() => {\n            this.hostClasses = this.defaultClass + ` ${this.customClasses()} ${this.classes()}`;\n        });\n        this.hostClasses = this.defaultClass;\n    }\n}\n","@if (!!badgeText) {\n    {{ badgeText }}\n} @else {\n    <ng-content></ng-content>\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { BadgeComponent } from './badge.component';\n\n@NgModule({\n    imports: [\n        CommonModule\n    ],\n    declarations: [\n        BadgeComponent\n    ],\n    exports: [\n        BadgeComponent\n    ]\n})\nexport class UpdBadgeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"updevs-components-badge.mjs","sources":["../../../../libs/components/badge/src/badge-config.model.ts","../../../../libs/components/badge/src/badge.component.ts","../../../../libs/components/badge/src/badge.component.html","../../../../libs/components/badge/src/upd-badge.module.ts","../../../../libs/components/badge/src/updevs-components-badge.ts"],"sourcesContent":["import { BgColorStyleType, ColorStyleType } from '@updevs/sdk/types';\nimport { TextModel } from '@updevs/sdk';\n\nimport { BadgeConfig } from './badge.config';\n\nexport class BadgeConfigModel implements BadgeConfig {\n    bgColor: BgColorStyleType = 'primary';\n    textColor?: ColorStyleType;\n    text?: TextModel;\n    isOutline = false;\n    isPill = false;\n    isNotification = false;\n    isBlinking = false;\n    customClasses = '';\n\n    constructor(init?: BadgeConfig) {\n        if (!!init) {\n            Object.assign(this, init);\n        }\n    }\n}\n","import { Component, computed, inject, input, HostBinding } from '@angular/core';\nimport { BgColorStyleType, ColorStyleType } from '@updevs/sdk/types';\nimport { TextModel, TextService } from '@updevs/sdk';\n\nimport { BadgeConfig } from './badge.config';\nimport { BadgeConfigModel } from './badge-config.model';\n\n@Component({\n    standalone: false,\n    selector: 'upd-badge',\n    templateUrl: './badge.component.html',\n    styleUrl: './badge.component.scss'\n})\nexport class BadgeComponent {\n    @HostBinding('class') get hostClasses(): string {\n        return this.fullClassString();\n    }\n\n    config = input<BadgeConfig>();\n    bgColor = input<BgColorStyleType>('primary');\n    textColor = input<ColorStyleType>();\n    text = input<TextModel>();\n    isOutline = input<boolean>(false);\n    isPill = input<boolean>(false);\n    isNotification = input<boolean>(false);\n    isBlinking = input<boolean>(false);\n    customClasses = input<string>('');\n\n    get badgeText(): string {\n        return this.textService.getText(this.text() || this.configModel().text);\n    }\n\n    private readonly configModel = computed(() => new BadgeConfigModel(this.config()));\n    private readonly classes = computed(() =>\n        [\n            (!!this.config() && !this.configModel().isOutline) || !this.isOutline()\n                ? `bg-${!!this.config() ? this.configModel().bgColor : this.bgColor()}`\n                : '',\n            !!this.textColor() || (!!this.config() && this.configModel().textColor)\n                ? `text-${!!this.config() ? this.configModel().textColor : this.textColor()}`\n                : '',\n            this.isOutline() || (!!this.config() && this.configModel().isOutline) ? 'badge-outline' : '',\n            this.isPill() || (!!this.config() && this.configModel().isPill) ? 'badge-pill' : '',\n            this.isNotification() || (!!this.config() && this.configModel().isNotification) ? 'badge-notification' : '',\n            this.isBlinking() || (!!this.config() && this.configModel().isBlinking) ? 'badge-blink' : ''\n        ].join(' ')\n    );\n    private readonly fullClassString = computed(() => `badge ${this.customClasses()} ${this.classes()}`);\n    private readonly textService = inject(TextService);\n}\n","@if (!!badgeText) {\n    {{ badgeText }}\n} @else {\n    <ng-content></ng-content>\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { BadgeComponent } from './badge.component';\n\n@NgModule({\n    imports: [\n        CommonModule\n    ],\n    declarations: [\n        BadgeComponent\n    ],\n    exports: [\n        BadgeComponent\n    ]\n})\nexport class UpdBadgeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}