@seniorsistemas/angular-components 16.9.3 → 16.10.0

package/fesm5/seniorsistemas-angular-components.js

@@ -11841,6 +11841,91 @@ var ProgressBarColors;
     ProgressBarColors["Yellow"] = "yellow";
 })(ProgressBarColors || (ProgressBarColors = {}));
 
+var SplitButtonType;
+(function (SplitButtonType) {
+    SplitButtonType["Primary"] = "primary";
+    SplitButtonType["Secondary"] = "secondary";
+    SplitButtonType["Default"] = "default";
+})(SplitButtonType || (SplitButtonType = {}));
+
+var SplitButtonComponent = /** @class */ (function () {
+    function SplitButtonComponent(eRef) {
+        this.eRef = eRef;
+        this.disabled = false;
+        this.type = SplitButtonType.Primary;
+        this.buttonClicked = new EventEmitter();
+        this.open = false;
+    }
+    SplitButtonComponent.prototype.onClickout = function (event) {
+        if (!this.eRef.nativeElement.contains(event.target)) {
+            this.closeDropdown();
+        }
+    };
+    SplitButtonComponent.prototype.onButtonClick = function () {
+        if (!this.disabled) {
+            this.buttonClicked.emit();
+            this.closeDropdown();
+        }
+    };
+    SplitButtonComponent.prototype.onDropdownClick = function () {
+        if (!this.disabled) {
+            this.open = !this.open;
+        }
+    };
+    SplitButtonComponent.prototype.onOptionClick = function (option) {
+        option.action && option.action();
+        this.closeDropdown();
+    };
+    SplitButtonComponent.prototype.closeDropdown = function () {
+        this.open = false;
+    };
+    SplitButtonComponent.ctorParameters = function () { return [
+        { type: ElementRef }
+    ]; };
+    __decorate([
+        Input()
+    ], SplitButtonComponent.prototype, "disabled", void 0);
+    __decorate([
+        Input()
+    ], SplitButtonComponent.prototype, "iconClass", void 0);
+    __decorate([
+        Input()
+    ], SplitButtonComponent.prototype, "label", void 0);
+    __decorate([
+        Input()
+    ], SplitButtonComponent.prototype, "type", void 0);
+    __decorate([
+        Input()
+    ], SplitButtonComponent.prototype, "options", void 0);
+    __decorate([
+        Output()
+    ], SplitButtonComponent.prototype, "buttonClicked", void 0);
+    __decorate([
+        HostListener("document:click", ["$event"])
+    ], SplitButtonComponent.prototype, "onClickout", null);
+    SplitButtonComponent = __decorate([
+        Component({
+            selector: "s-split-button",
+            template: "<div class=\"split-button\" [ngClass]=\"{\n        'split-button--primary': type == 'primary',\n        'split-button--secondary': type == 'secondary',\n        'split-button--default': type == 'default',\n        'split-button--disabled': disabled\n    }\">\n    <button class=\"button\" (click)=\"onButtonClick()\">\n        <span class=\"button__icon\" [ngClass]=\"iconClass\"></span>\n        <span class=\"button__label\">{{ label }}</span>\n    </button>\n    <button class=\"dropdown\" (click)=\"onDropdownClick()\">\n        <span class=\"dropdown__icon\" [ngClass]=\"{\n                'far': true,\n                'fa-chevron-down': !open,\n                'fa-chevron-up': open\n            }\">\n        </span>\n    </button>\n</div>\n\n<ul *ngIf=\"this.open\" class=\"options\">\n    <li *ngFor=\"let option of options\" (click)=\"onOptionClick(option)\">\n        {{ option.title }}\n    </li>\n</ul>",
+            styles: [".split-button{display:-ms-flexbox;display:flex;-webkit-user-select:none;-ms-user-select:none;user-select:none}.split-button .button{-ms-flex-align:center;align-items:center;border:none;border-radius:4px 0 0 4px;display:-ms-flexbox;display:flex;padding:8px 8px 8px 12px;transition:.3s ease-in-out}.split-button .button__icon{font-size:16px;padding:0 4px}.split-button .button__title{font-family:\"Open Sans\",sans-serif;font-size:14px;font-weight:400;line-height:21px}.split-button .dropdown{-ms-flex-align:center;align-items:center;border:none;border-left:1px solid #608190;border-radius:0 4px 4px 0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:12px 8px;transition:.3s ease-in-out}.split-button--disabled{opacity:.5}.split-button--primary .button,.split-button--primary .dropdown{background-color:#428bca;color:#fff}.split-button--primary:not(.split-button--primary--disabled) .button,.split-button--primary:not(.split-button--primary--disabled) .dropdown{cursor:pointer}.split-button--primary:not(.split-button--primary--disabled) .button:hover,.split-button--primary:not(.split-button--primary--disabled) .dropdown:hover{background-color:#063951}.split-button--secondary .button,.split-button--secondary .dropdown{background-color:#7892a1;color:#fff}.split-button--secondary:not(.split-button--secondary--disabled) .button,.split-button--secondary:not(.split-button--secondary--disabled) .dropdown{cursor:pointer}.split-button--secondary:not(.split-button--secondary--disabled) .button:hover,.split-button--secondary:not(.split-button--secondary--disabled) .dropdown:hover{background-color:#697882}.split-button--default .button,.split-button--default .dropdown{background-color:unset;border:1px solid #d8d8d8;color:#333}.split-button--default:not(.split-button--default--disabled) .button,.split-button--default:not(.split-button--default--disabled) .dropdown{cursor:pointer}.split-button--default:not(.split-button--default--disabled) .button:hover,.split-button--default:not(.split-button--default--disabled) .dropdown:hover{background-color:#d8d8d8}.options{background-color:#fff;border-radius:4px;box-shadow:0 1px 5px rgba(0,0,0,.25);display:inline-block;list-style:none;margin:2px 0;padding:8px 0;position:absolute;-webkit-user-select:none;-ms-user-select:none;user-select:none}.options li{color:#333;cursor:pointer;font-family:\"Open Sans\",sans-serif;font-weight:400;font-size:14px;line-height:21px;padding:8px 16px}.options li:hover{background-color:#d8d8d8}"]
+        })
+    ], SplitButtonComponent);
+    return SplitButtonComponent;
+}());
+
+var SplitButtonModule = /** @class */ (function () {
+    function SplitButtonModule() {
+    }
+    SplitButtonModule = __decorate([
+        NgModule({
+            imports: [CommonModule],
+            declarations: [SplitButtonComponent],
+            exports: [SplitButtonComponent],
+        })
+    ], SplitButtonModule);
+    return SplitButtonModule;
+}());
+
 var PanelComponent = /** @class */ (function () {
     function PanelComponent() {
         this.toggleable = true;
@@ -12138,5 +12223,5 @@ var 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, 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, 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 };
 //# sourceMappingURL=seniorsistemas-angular-components.js.map