@symphony-talent/component-library 4.5.0 → 4.7.0

package/fesm2015/symphony-talent-component-library.mjs

@@ -1404,7 +1404,7 @@ class InputTextareaComponent {
     }
 }
 InputTextareaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-InputTextareaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputTextareaComponent, selector: "symphony-input-textarea", inputs: { model: "model", isDisabled: "isDisabled" }, outputs: { textAreaChanged: "textAreaChanged" }, ngImport: i0, template: "<textarea\n  id=\"input-textarea\"\n  class=\"input-textarea\"\n  [rows]=\"model.rows\"\n  [maxLength]=\"model.maxCount\"\n  [placeholder]=\"model.placeholder\"\n  [(ngModel)]=\"model.value\"\n  (ngModelChange)=\"onValueChanged($event)\"\n  [disabled]=\"isDisabled\"\n></textarea>\n", styles: [".input-textarea{padding:.3rem;width:100%;background:#FFFFFF;border-radius:4px;resize:none;border:1px solid #5B6D80}.input-textarea:focus-visible{outline:none}\n"], directives: [{ type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+InputTextareaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputTextareaComponent, selector: "symphony-input-textarea", inputs: { model: "model", isDisabled: "isDisabled", currentCount: "currentCount" }, outputs: { textAreaChanged: "textAreaChanged" }, ngImport: i0, template: "<textarea\n  id=\"input-textarea\"\n  class=\"input-textarea\"\n  [rows]=\"model.rows\"\n  [maxLength]=\"model.maxCount\"\n  [placeholder]=\"model.placeholder\"\n  [(ngModel)]=\"model.value\"\n  (ngModelChange)=\"onValueChanged($event)\"\n  [disabled]=\"isDisabled\"\n></textarea>\n", styles: [".input-textarea{padding:.3rem;width:100%;background:#FFFFFF;border-radius:4px;resize:none;border:1px solid #5B6D80}.input-textarea:focus-visible{outline:none}\n"], directives: [{ type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextareaComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-input-textarea', template: "<textarea\n  id=\"input-textarea\"\n  class=\"input-textarea\"\n  [rows]=\"model.rows\"\n  [maxLength]=\"model.maxCount\"\n  [placeholder]=\"model.placeholder\"\n  [(ngModel)]=\"model.value\"\n  (ngModelChange)=\"onValueChanged($event)\"\n  [disabled]=\"isDisabled\"\n></textarea>\n", styles: [".input-textarea{padding:.3rem;width:100%;background:#FFFFFF;border-radius:4px;resize:none;border:1px solid #5B6D80}.input-textarea:focus-visible{outline:none}\n"] }]
@@ -1412,6 +1412,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                 type: Input
             }], isDisabled: [{
                 type: Input
+            }], currentCount: [{
+                type: Input
             }], textAreaChanged: [{
                 type: Output
             }] } });
@@ -1439,10 +1441,10 @@ class ChipComponent {
     }
 }
 ChipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ChipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ChipComponent, selector: "symphony-chip", inputs: { chipLabel: "chipLabel", hasClose: "hasClose", hasError: "hasError" }, outputs: { removeChip: "removeChip" }, ngImport: i0, template: "<span\n  class=\"sfx-d-inline-block sfx-chip-item\"\n  [ngClass]=\"{ 'has-close': hasClose, 'has-error': hasError }\"\n>\n  <i\n    *ngIf=\"hasClose\"\n    (click)=\"onRemoveClick()\"\n    class=\"si-add sfx-cursor-pointer\"\n  ></i>\n  {{ chipLabel }}\n</span>\n", styles: [".sfx-chip-item{color:#000;padding:4px 15px;border-radius:25px;text-align:center;letter-spacing:-.4px;margin-right:5px;position:relative;border:1px solid #bababa}.sfx-chip-item:hover{background-color:#000;color:#fff}.sfx-chip-item.has-close{padding:4px 15px 4px 31px}.sfx-chip-item.has-error{border:1px solid #f0001e}.sfx-chip-item i{font-size:18px;position:absolute;left:10px;top:5px;transform:rotate(45deg);font-family:library-icons!important}.sfx-chip-item i:before{content:\"\\e927\"}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+ChipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ChipComponent, selector: "symphony-chip", inputs: { chipLabel: "chipLabel", hasClose: "hasClose", hasError: "hasError" }, outputs: { removeChip: "removeChip" }, ngImport: i0, template: "<span\n  class=\"sfx-d-inline-block sfx-chip-item\"\n  [ngClass]=\"{ 'has-close': hasClose, 'has-error': hasError }\"\n>\n  <i\n    *ngIf=\"hasClose\"\n    (click)=\"onRemoveClick()\"\n    class=\"si-add sfx-cursor-pointer\"\n  ></i>\n  {{ chipLabel }}\n</span>\n", styles: [".sfx-chip-item{color:#000;padding:4px 15px;border-radius:25px;text-align:center;letter-spacing:-.4px;margin-right:5px;position:relative;border:1px solid #bababa}.sfx-chip-item:hover{background-color:#000;color:#fff}.sfx-chip-item.has-close{padding:4px 15px 4px 31px}.sfx-chip-item.has-error{border:1px solid #f0001e}.sfx-chip-item i{font-size:18px!important;position:absolute!important;left:10px;top:5px!important;transform:rotate(45deg);font-family:library-icons!important}.sfx-chip-item i:before{content:\"\\e927\"}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChipComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-chip', encapsulation: ViewEncapsulation.None, template: "<span\n  class=\"sfx-d-inline-block sfx-chip-item\"\n  [ngClass]=\"{ 'has-close': hasClose, 'has-error': hasError }\"\n>\n  <i\n    *ngIf=\"hasClose\"\n    (click)=\"onRemoveClick()\"\n    class=\"si-add sfx-cursor-pointer\"\n  ></i>\n  {{ chipLabel }}\n</span>\n", styles: [".sfx-chip-item{color:#000;padding:4px 15px;border-radius:25px;text-align:center;letter-spacing:-.4px;margin-right:5px;position:relative;border:1px solid #bababa}.sfx-chip-item:hover{background-color:#000;color:#fff}.sfx-chip-item.has-close{padding:4px 15px 4px 31px}.sfx-chip-item.has-error{border:1px solid #f0001e}.sfx-chip-item i{font-size:18px;position:absolute;left:10px;top:5px;transform:rotate(45deg);font-family:library-icons!important}.sfx-chip-item i:before{content:\"\\e927\"}\n"] }]
+            args: [{ selector: 'symphony-chip', encapsulation: ViewEncapsulation.None, template: "<span\n  class=\"sfx-d-inline-block sfx-chip-item\"\n  [ngClass]=\"{ 'has-close': hasClose, 'has-error': hasError }\"\n>\n  <i\n    *ngIf=\"hasClose\"\n    (click)=\"onRemoveClick()\"\n    class=\"si-add sfx-cursor-pointer\"\n  ></i>\n  {{ chipLabel }}\n</span>\n", styles: [".sfx-chip-item{color:#000;padding:4px 15px;border-radius:25px;text-align:center;letter-spacing:-.4px;margin-right:5px;position:relative;border:1px solid #bababa}.sfx-chip-item:hover{background-color:#000;color:#fff}.sfx-chip-item.has-close{padding:4px 15px 4px 31px}.sfx-chip-item.has-error{border:1px solid #f0001e}.sfx-chip-item i{font-size:18px!important;position:absolute!important;left:10px;top:5px!important;transform:rotate(45deg);font-family:library-icons!important}.sfx-chip-item i:before{content:\"\\e927\"}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { chipLabel: [{
                 type: Input
             }], hasClose: [{
@@ -3251,7 +3253,9 @@ MoleculesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
         ButtonWithIconModule,
         IconWithTooltipModule,
         DocumentManagementItemModule,
-        ActionBarSelectionCounterModule], exports: [PillsModule,
+        ActionBarSelectionCounterModule,
+        InputTextareaModule,
+        CharacterCounterModule], exports: [PillsModule,
         BreadcrumbModule,
         FeedbackCardModule,
         DocumentManagementItemModule,
@@ -3274,7 +3278,9 @@ MoleculesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
             ButtonWithIconModule,
             IconWithTooltipModule,
             DocumentManagementItemModule,
-            ActionBarSelectionCounterModule
+            ActionBarSelectionCounterModule,
+            InputTextareaModule,
+            CharacterCounterModule
         ], PillsModule,
         BreadcrumbModule,
         FeedbackCardModule,
@@ -3284,6 +3290,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
             type: NgModule,
             args: [{
                     declarations: [],
+                    exports: [
+                        PillsModule,
+                        BreadcrumbModule,
+                        FeedbackCardModule,
+                        DocumentManagementItemModule,
+                        PhaserCardModule
+                    ],
                     imports: [
                         CommonModule,
                         AvatarModule,
@@ -3302,14 +3315,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                         ButtonWithIconModule,
                         IconWithTooltipModule,
                         DocumentManagementItemModule,
-                        ActionBarSelectionCounterModule
-                    ],
-                    exports: [
-                        PillsModule,
-                        BreadcrumbModule,
-                        FeedbackCardModule,
-                        DocumentManagementItemModule,
-                        PhaserCardModule
+                        ActionBarSelectionCounterModule,
+                        InputTextareaModule,
+                        CharacterCounterModule
                     ]
                 }]
         }] });