@seniorsistemas/angular-components 16.10.0 → 16.10.1

package/fesm2015/seniorsistemas-angular-components.js

@@ -37,6 +37,7 @@ import { MultiSelectModule } from 'primeng/multiselect';
 import { InputSwitchModule } from 'primeng/inputswitch';
 import { PanelModule as PanelModule$1 } from 'primeng/panel';
 import { RadioButtonModule } from 'primeng/radiobutton';
+import { SliderModule } from 'primeng/slider';
 import { ProgressBarModule as ProgressBarModule$1 } from 'primeng/progressbar';
 import { DomSanitizer } from '@angular/platform-browser';
 import Cropper from 'cropperjs';
@@ -1582,6 +1583,7 @@ var FieldType;
     FieldType["Number"] = "Number";
     FieldType["Custom"] = "Custom";
     FieldType["Password"] = "Password";
+    FieldType["Slider"] = "Slider";
 })(FieldType || (FieldType = {}));
 
 class FieldSize {
@@ -2376,6 +2378,26 @@ class PasswordField extends Field {
     }
 }
 
+class SliderField extends Field {
+    constructor(config) {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        super(config);
+        this.maxDefault = 100;
+        this.onChange = config.onChange;
+        this.onSlideEnd = config.onSlideEnd;
+        this.range = (_a = config.range) !== null && _a !== void 0 ? _a : false;
+        this.min = (_b = config.min) !== null && _b !== void 0 ? _b : 0;
+        this.max = (_c = config.max) !== null && _c !== void 0 ? _c : this.maxDefault;
+        this.orientation = (_d = config.orientation) !== null && _d !== void 0 ? _d : "horizontal";
+        this.step = (_e = config.step) !== null && _e !== void 0 ? _e : 1;
+        this.animate = (_f = config.animate) !== null && _f !== void 0 ? _f : false;
+        this.disabled = (_g = config.disabled) !== null && _g !== void 0 ? _g : false;
+        this.prefix = config.prefix;
+        this.suffix = config.suffix;
+        this.rangeSeparator = (_h = config.rangeSeparator) !== null && _h !== void 0 ? _h : ' - ';
+    }
+}
+
 class FormField {
     constructor(config) {
         switch (config.type) {
@@ -2416,6 +2438,8 @@ class FormField {
                 return new ChipsField(config);
             case FieldType.Blob:
                 return new BlobField(config);
+            case FieldType.Slider:
+                return new SliderField(config);
             case FieldType.Custom:
                 const { CustomFieldClass } = config, otherConfigs = __rest(config, ["CustomFieldClass"]);
                 return new CustomFieldClass(otherConfigs);
@@ -2983,6 +3007,7 @@ var DynamicType;
     DynamicType["Time"] = "Time";
     DynamicType["Number"] = "Number";
     DynamicType["Password"] = "Password";
+    DynamicType["Slider"] = "Slider";
 })(DynamicType || (DynamicType = {}));
 
 class Grid {
@@ -3059,6 +3084,8 @@ class DynamicConfig {
                 return new Row(config);
             case DynamicType.Section:
                 return new Section(config);
+            case DynamicType.Slider:
+                return new SliderField(config);
             case DynamicType.Text:
                 return new TextAreaField(config);
         }
@@ -6242,6 +6269,87 @@ PasswordFieldComponent = __decorate([
     })
 ], PasswordFieldComponent);
 
+let SliderFieldComponent = class SliderFieldComponent extends BaseFieldComponent {
+    constructor() {
+        super(...arguments);
+        this.onChange = new EventEmitter();
+        this.onSlideEnd = new EventEmitter();
+        this.ngUnsubscribe = new Subject();
+    }
+    ngOnInit() {
+        var _a, _b;
+        this.onChange.pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe((event) => {
+            if (this.field.onChange) {
+                this.field.onChange(event);
+            }
+        });
+        this.onSlideEnd.pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe((event) => {
+            if (this.field.onSlideEnd) {
+                this.field.onSlideEnd(event);
+            }
+        });
+        const values = ((_a = this.field) === null || _a === void 0 ? void 0 : _a.range) ? [this.field.min, this.field.max] : this.field.min;
+        this.formControl.setValue((_b = this.field.defaultValue) !== null && _b !== void 0 ? _b : values);
+    }
+    ngOnDestroy() {
+        this.ngUnsubscribe.next();
+        this.ngUnsubscribe.complete();
+    }
+    get fieldType() {
+        return FieldType;
+    }
+    getRangeLabel() {
+        var _a, _b, _c, _d;
+        let [value0, value1] = (_a = this.formControl.value) !== null && _a !== void 0 ? _a : [0, 0];
+        const prefix = (_b = this.field.prefix) !== null && _b !== void 0 ? _b : '';
+        const suffix = (_c = this.field.suffix) !== null && _c !== void 0 ? _c : '';
+        const separator = (_d = this.field.rangeSeparator) !== null && _d !== void 0 ? _d : ' - ';
+        if (!value0 || value0 < this.field.min) {
+            value0 = this.field.min;
+        }
+        if (!value1 || value1 > this.field.max) {
+            value1 = this.field.max;
+        }
+        return `${prefix}${value0}${suffix}${separator}${prefix}${value1}${suffix}`;
+    }
+    getNonRangeLabel() {
+        var _a, _b, _c;
+        let value = (_a = this.formControl) === null || _a === void 0 ? void 0 : _a.value;
+        const prefix = (_b = this.field.prefix) !== null && _b !== void 0 ? _b : '';
+        const suffix = (_c = this.field.suffix) !== null && _c !== void 0 ? _c : '';
+        if (!value || value < this.field.min) {
+            value = this.field.min;
+        }
+        if (value > this.field.max) {
+            value = this.field.max;
+        }
+        return `${prefix}${value}${suffix}`;
+    }
+    get label() {
+        return this.field.range ? this.getRangeLabel() : this.getNonRangeLabel();
+    }
+};
+__decorate([
+    Input()
+], SliderFieldComponent.prototype, "field", void 0);
+__decorate([
+    Input()
+], SliderFieldComponent.prototype, "formControl", void 0);
+__decorate([
+    Output()
+], SliderFieldComponent.prototype, "onChange", void 0);
+__decorate([
+    Output()
+], SliderFieldComponent.prototype, "onSlideEnd", void 0);
+SliderFieldComponent = __decorate([
+    Component({
+        template: "<ng-container>\n    <div class=\"slider-group\">\n        <div class=\"slider-label\">\n            <span>{{label}}</span>\n        </div>\n        <p-slider \n            [id]=\"(field.id || field.name)\"\n            [formControl]=\"formControl\"\n            [range]=\"field.range\"\n            [orientation]=\"field.orientation\"\n            [min]=\"field.min\" \n            [max]=\"field.max\"\n            [step]=\"field.step\"\n            [animate]=\"field.animate\" \n            (onChange)=\"field.onChange ? field.onChange($event) : null\"\n            (onSlideEnd)=\"field.onSlideEnd ? field.onSlideEnd($event) : null\">\n        </p-slider>\n    </div>\n</ng-container>",
+        styles: [".slider-label{margin-bottom:5px;margin-left:-10px}.slider-group{margin-left:9px;margin-right:11px}"]
+    })
+], SliderFieldComponent);
+
 class DynamicForm {
     constructor({ group, errorMessages }) {
         this.group = group;
@@ -6322,6 +6430,8 @@ class DynamicField extends DynamicForm {
                 return PasswordFieldComponent;
             case FieldType.Blob:
                 return FileUploadComponent$1;
+            case FieldType.Slider:
+                return SliderFieldComponent;
             case FieldType.Custom:
                 return this.field.CustomFieldComponentClass;
             default:
@@ -6909,6 +7019,7 @@ DynamicFormModule = __decorate([
             MouseEventsModule,
             InputSwitchModule,
             PasswordStrengthModule,
+            SliderModule,
         ],
         declarations: [
             AutocompleteFieldComponent,
@@ -6933,6 +7044,7 @@ DynamicFormModule = __decorate([
             TextFieldComponent,
             BooleanSwitchFieldComponent,
             PasswordFieldComponent,
+            SliderFieldComponent,
         ],
         exports: [DynamicFormComponent, LookupComponent],
         entryComponents: [
@@ -6953,7 +7065,8 @@ DynamicFormModule = __decorate([
             TextAreaFieldComponent,
             TextFieldComponent,
             PasswordFieldComponent,
-            BooleanSwitchFieldComponent
+            BooleanSwitchFieldComponent,
+            SliderFieldComponent,
         ],
         providers: [HotkeysService]
     })
@@ -8363,9 +8476,16 @@ let ProductHeaderComponent = ProductHeaderComponent_1 = class ProductHeaderCompo
     constructor() {
         this.id = `s-product-header-${ProductHeaderComponent_1.nextId++}`;
         this.baseZIndex = 0;
+        this.isHeaderFrame = true;
     }
     ngAfterViewInit() {
         this.container.nativeElement.style.zIndex = String(this.baseZIndex + ++DomHandler.zindex);
+        if (this.isHeaderFrame) {
+            this.container.nativeElement.style.borderBottom = "1px solid $default-secondary-color";
+        }
+        else {
+            this.container.nativeElement.style.borderTop = "1px solid $default-secondary-color";
+        }
     }
 };
 ProductHeaderComponent.nextId = 0;
@@ -8378,14 +8498,17 @@ __decorate([
 __decorate([
     Input()
 ], ProductHeaderComponent.prototype, "baseZIndex", void 0);
+__decorate([
+    Input()
+], ProductHeaderComponent.prototype, "isHeaderFrame", void 0);
 __decorate([
     ViewChild("headerContainer", { static: false })
 ], ProductHeaderComponent.prototype, "container", void 0);
 ProductHeaderComponent = ProductHeaderComponent_1 = __decorate([
     Component({
         selector: "s-product-header",
-        template: "<div [id]=\"id\" class=\"box\">\n    <div #headerContainer class=\"sds-container header\">\n        <h1 class=\"title\">{{header}}</h1>\n        <div class=\"content\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>",
-        styles: [".box{position:relative;width:100%;height:70px}.header{padding-top:15px;padding-bottom:15px;position:fixed;width:100%;top:0;left:0;height:70px;background-color:#fff;border-bottom:1px solid #ddd;box-shadow:0 1px 2px #ddd;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.title{color:#999;font-weight:400;font-size:16pt;margin-right:15px;min-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{display:-ms-flexbox;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}"]
+        template: "<div [id]=\"id\" class=\"box\">\n    <div\n      #headerContainer\n      class=\"sds-container\"\n      [class]=\"isHeaderFrame ? 'header-frame' : 'primary-header'\"\n    >\n      <h1 [class]=\"isHeaderFrame ? 'title' : 'primary-title'\">{{ header }}</h1>\n      <div class=\"content\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n  </div>\n",
+        styles: [".box{position:relative;width:100%;height:70px}.header-frame{padding-top:15px;padding-bottom:15px;width:100%;top:0;left:0;height:70px;background-color:#fff;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;position:fixed}.title{color:#999;font-weight:400;font-size:16pt;margin-right:15px;min-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{display:-ms-flexbox;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.primary-header{display:-ms-flexbox;display:flex;width:100%;height:70px;padding:15px 20px;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;border-bottom:1px solid #ddd;background-color:#fff;gap:24px}@media (max-width:768px){.primary-header{width:100%}}.primary-header .primary-title{color:#999;font-weight:400;font-size:16pt;margin-right:15px;min-width:140px;overflow:hidden;text-overflow:ellipsis}"]
     })
 ], ProductHeaderComponent);
 
@@ -11430,5 +11553,5 @@ const fallback = {
  * Generated bundle index. Do not edit.
  */
 
-export { AngularComponentsModule, AutocompleteField, BadgeColors, BadgeComponent, BadgeModule, BaseFieldComponent, BignumberField, BignumberInputDirective, BignumberInputModule, BooleanField, BooleanOptionsLabel, BreadcrumbComponent, BreadcrumbModule, Breakpoints, ButtonComponent, ButtonModule, ButtonPriority, ButtonSize, CalendarField, CalendarLocaleOptions, CalendarMaskDirective, CalendarMaskModule, ChipsField, CodeEditorModule, CollapseLinkComponent, CollapseLinkModule, ControlErrorsComponent, ControlErrorsModule, CountryPhonePickerComponent, CountryPhonePickerModule, CurrencyField, CustomFieldsComponent, CustomFieldsModule, CustomFieldsService, DEFAULT_CALENDAR_LOCALE_OPTIONS, DEFAULT_LOCALE_OPTIONS, DEFAULT_NUMBER_LOCALE_OPTIONS, DebounceUtils, DoubleClickDirective, DynamicConfig, DynamicFormComponent, DynamicFormModule, DynamicType, EditableOverlayDirective, EditableOverlayModule, EmptyStateComponent, EmptyStateModule, EnumBadgeColors, EnumColumnFieldType, EnumSeverity, ExportUtils, Field, FieldType, Fieldset, FileUploadComponent, FileUploadModule, FileValidation, FormField, GlobalSearchComponent, GlobalSearchDropdownItemComponent, GlobalSearchModule, GlobalSearchSizeEnum, HostProjectConfigsInjectionToken, ImageCropperComponent, ImageCropperModule, ImageCropperService, InfoSignDirective, InfoSignModule, Languages, LoadingStateComponent, LoadingStateDirective, LoadingStateModule, LocaleModule, LocaleOptions, LocaleService, LocalizedCurrencyPipe, LocalizedCurrencyPipeOptions, LocalizedDateImpurePipe, LocalizedDatePipe, LocalizedNumberInputDirective, LocalizedNumberInputModule, LocalizedNumberPipe, LocalizedTimeImpurePipe, LocalizedTimePipe, LongPressDirective, LookupComponent, LookupField, MaskFormatterModule, MaskFormatterPipe, MouseEventsModule, NavigationDirective, NumberAlignmentOption, NumberField, NumberInputDirective, NumberInputModule, NumberLocaleOptions, ObjectCardComponent, ObjectCardFieldComponent, ObjectCardMainComponent, ObjectCardModule, Option, Ordination, PanelComponent, PanelModule, PasswordField, PasswordStrengthComponent, PasswordStrengthDirective, PasswordStrengthModule, PasswordStrengthPositions, PasswordStrengths, ProductHeaderComponent, ProductHeaderModule, ProfilePicturePickerComponent, ProfilePicturePickerModule, ProgressBarColors, ProgressBarComponent, ProgressBarModule, RadioButtonField, RationButtonOption, RowTogllerDirective, Section, SelectField, SelectOption, SidebarComponent, SidebarModule, SplitButtonComponent, SplitButtonModule, SplitButtonType, StatsCardComponent, StatsCardModule, StepState, StepsComponent, StepsModule, Structure, TableFrozenPositionDirective, TableHeaderCheckboxComponent, TableHeaderCheckboxModule, TableModule, TaxCalculationLanguageConfigs, TextAreaField, TextField, Themes, ThumbnailComponent, ThumbnailModule, ThumbnailSize, TileComponent, TileModule, TimelineComponent, TimelineItem, TimelineItemSeverity, TimelineItemSize, TimelineModule, TokenListComponent, TokenListModule, TooltipModule, TooltipPosition, ValidateErrors, WorkspaceSwitchComponent, WorkspaceSwitchModule, fallback, CountryPhonePickerService as ɵa, LocalizedCurrencyImpurePipe as ɵb, SelectFieldComponent as ɵba, TextAreaFieldComponent as ɵbb, TextFieldComponent as ɵbc, BooleanSwitchFieldComponent as ɵbd, PasswordFieldComponent as ɵbe, DecimalField as ɵbg, StructureModule as ɵbh, HeaderComponent as ɵbi, FooterComponent as ɵbj, NumberLocaleOptions as ɵbk, ThumbnailService as ɵbl, BorderButtonModule as ɵbm, BorderButtonComponent as ɵbn, TimelineItemModule as ɵbo, TimelineIconItemComponent as ɵbp, HorizontalTimelineModule as ɵbq, HorizontalTimelineComponent as ɵbr, VerticalTimelineModule as ɵbs, VerticalTimelineComponent as ɵbt, RangeLineComponent as ɵbu, CollapseOptionComponent as ɵbv, CollapsedItemsComponent as ɵbw, VerticalItemsComponent as ɵbx, InfiniteScrollModule as ɵby, InfiniteScrollDirective as ɵbz, LocalizedBignumberPipe as ɵc, CustomTranslationsModule as ɵca, CodeEditorComponent as ɵcb, CoreFacade as ɵcc, CodeMirror6Core as ɵcd, LocalizedBignumberImpurePipe as ɵd, TooltipComponent as ɵe, TooltipDirective as ɵf, EmptyStateGoBackComponent as ɵg, FileUploadService as ɵh, InfoSignComponent as ɵi, TableColumnsComponent as ɵj, TablePagingComponent as ɵk, AutocompleteFieldComponent as ɵl, BooleanFieldComponent as ɵm, CalendarFieldComponent as ɵn, ChipsFieldComponent as ɵo, CurrencyFieldComponent as ɵp, DynamicFieldComponent as ɵq, DynamicFormDirective as ɵr, FieldsetComponent as ɵs, FileUploadComponent$1 as ɵt, LookupFieldComponent as ɵu, NumberFieldComponent as ɵv, BignumberFieldComponent as ɵw, RadioButtonComponent as ɵx, RowComponent as ɵy, SectionComponent as ɵz };
+export { AngularComponentsModule, AutocompleteField, BadgeColors, BadgeComponent, BadgeModule, BaseFieldComponent, BignumberField, BignumberInputDirective, BignumberInputModule, BooleanField, BooleanOptionsLabel, BreadcrumbComponent, BreadcrumbModule, Breakpoints, ButtonComponent, ButtonModule, ButtonPriority, ButtonSize, CalendarField, CalendarLocaleOptions, CalendarMaskDirective, CalendarMaskModule, ChipsField, CodeEditorModule, CollapseLinkComponent, CollapseLinkModule, ControlErrorsComponent, ControlErrorsModule, CountryPhonePickerComponent, CountryPhonePickerModule, CurrencyField, CustomFieldsComponent, CustomFieldsModule, CustomFieldsService, DEFAULT_CALENDAR_LOCALE_OPTIONS, DEFAULT_LOCALE_OPTIONS, DEFAULT_NUMBER_LOCALE_OPTIONS, DebounceUtils, DoubleClickDirective, DynamicConfig, DynamicFormComponent, DynamicFormModule, DynamicType, EditableOverlayDirective, EditableOverlayModule, EmptyStateComponent, EmptyStateModule, EnumBadgeColors, EnumColumnFieldType, EnumSeverity, ExportUtils, Field, FieldType, Fieldset, FileUploadComponent, FileUploadModule, FileValidation, FormField, GlobalSearchComponent, GlobalSearchDropdownItemComponent, GlobalSearchModule, GlobalSearchSizeEnum, HostProjectConfigsInjectionToken, ImageCropperComponent, ImageCropperModule, ImageCropperService, InfoSignDirective, InfoSignModule, Languages, LoadingStateComponent, LoadingStateDirective, LoadingStateModule, LocaleModule, LocaleOptions, LocaleService, LocalizedCurrencyPipe, LocalizedCurrencyPipeOptions, LocalizedDateImpurePipe, LocalizedDatePipe, LocalizedNumberInputDirective, LocalizedNumberInputModule, LocalizedNumberPipe, LocalizedTimeImpurePipe, LocalizedTimePipe, LongPressDirective, LookupComponent, LookupField, MaskFormatterModule, MaskFormatterPipe, MouseEventsModule, NavigationDirective, NumberAlignmentOption, NumberField, NumberInputDirective, NumberInputModule, NumberLocaleOptions, ObjectCardComponent, ObjectCardFieldComponent, ObjectCardMainComponent, ObjectCardModule, Option, Ordination, PanelComponent, PanelModule, PasswordField, PasswordStrengthComponent, PasswordStrengthDirective, PasswordStrengthModule, PasswordStrengthPositions, PasswordStrengths, ProductHeaderComponent, ProductHeaderModule, ProfilePicturePickerComponent, ProfilePicturePickerModule, ProgressBarColors, ProgressBarComponent, ProgressBarModule, RadioButtonField, RationButtonOption, RowTogllerDirective, Section, SelectField, SelectOption, SidebarComponent, SidebarModule, SplitButtonComponent, SplitButtonModule, SplitButtonType, StatsCardComponent, StatsCardModule, StepState, StepsComponent, StepsModule, Structure, TableFrozenPositionDirective, TableHeaderCheckboxComponent, TableHeaderCheckboxModule, TableModule, TaxCalculationLanguageConfigs, TextAreaField, TextField, Themes, ThumbnailComponent, ThumbnailModule, ThumbnailSize, TileComponent, TileModule, TimelineComponent, TimelineItem, TimelineItemSeverity, TimelineItemSize, TimelineModule, TokenListComponent, TokenListModule, TooltipModule, TooltipPosition, ValidateErrors, WorkspaceSwitchComponent, WorkspaceSwitchModule, fallback, CountryPhonePickerService as ɵa, LocalizedCurrencyImpurePipe as ɵb, SelectFieldComponent as ɵba, TextAreaFieldComponent as ɵbb, TextFieldComponent as ɵbc, BooleanSwitchFieldComponent as ɵbd, PasswordFieldComponent as ɵbe, SliderFieldComponent as ɵbf, DecimalField as ɵbh, StructureModule as ɵbi, HeaderComponent as ɵbj, FooterComponent as ɵbk, NumberLocaleOptions as ɵbl, ThumbnailService as ɵbm, BorderButtonModule as ɵbn, BorderButtonComponent as ɵbo, TimelineItemModule as ɵbp, TimelineIconItemComponent as ɵbq, HorizontalTimelineModule as ɵbr, HorizontalTimelineComponent as ɵbs, VerticalTimelineModule as ɵbt, VerticalTimelineComponent as ɵbu, RangeLineComponent as ɵbv, CollapseOptionComponent as ɵbw, CollapsedItemsComponent as ɵbx, VerticalItemsComponent as ɵby, InfiniteScrollModule as ɵbz, LocalizedBignumberPipe as ɵc, InfiniteScrollDirective as ɵca, CustomTranslationsModule as ɵcb, CodeEditorComponent as ɵcc, CoreFacade as ɵcd, CodeMirror6Core as ɵce, LocalizedBignumberImpurePipe as ɵd, TooltipComponent as ɵe, TooltipDirective as ɵf, EmptyStateGoBackComponent as ɵg, FileUploadService as ɵh, InfoSignComponent as ɵi, TableColumnsComponent as ɵj, TablePagingComponent as ɵk, AutocompleteFieldComponent as ɵl, BooleanFieldComponent as ɵm, CalendarFieldComponent as ɵn, ChipsFieldComponent as ɵo, CurrencyFieldComponent as ɵp, DynamicFieldComponent as ɵq, DynamicFormDirective as ɵr, FieldsetComponent as ɵs, FileUploadComponent$1 as ɵt, LookupFieldComponent as ɵu, NumberFieldComponent as ɵv, BignumberFieldComponent as ɵw, RadioButtonComponent as ɵx, RowComponent as ɵy, SectionComponent as ɵz };
 //# sourceMappingURL=seniorsistemas-angular-components.js.map