@seniorsistemas/angular-components 16.12.2 → 16.12.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/seniorsistemas-angular-components.umd.js +37 -37
- package/bundles/seniorsistemas-angular-components.umd.js.map +1 -1
- package/bundles/seniorsistemas-angular-components.umd.min.js +1 -1
- package/bundles/seniorsistemas-angular-components.umd.min.js.map +1 -1
- package/components/slide-panel/index.d.ts +2 -0
- package/components/{slide-bar/slide-bar.component.d.ts → slide-panel/slide-panel.component.d.ts} +3 -3
- package/components/slide-panel/slide-panel.module.d.ts +2 -0
- package/esm2015/components/slide-panel/index.js +3 -0
- package/esm2015/components/slide-panel/slide-panel.component.js +105 -0
- package/esm2015/components/slide-panel/slide-panel.module.js +19 -0
- package/esm2015/public-api.js +2 -2
- package/esm5/components/slide-panel/index.js +3 -0
- package/esm5/components/slide-panel/slide-panel.component.js +107 -0
- package/esm5/components/slide-panel/slide-panel.module.js +22 -0
- package/esm5/public-api.js +2 -2
- package/fesm2015/seniorsistemas-angular-components.js +24 -24
- package/fesm2015/seniorsistemas-angular-components.js.map +1 -1
- package/fesm5/seniorsistemas-angular-components.js +36 -36
- package/fesm5/seniorsistemas-angular-components.js.map +1 -1
- package/package.json +1 -1
- package/public-api.d.ts +1 -1
- package/seniorsistemas-angular-components.metadata.json +1 -1
- package/components/slide-bar/index.d.ts +0 -2
- package/components/slide-bar/slide-bar.module.d.ts +0 -2
- package/esm2015/components/slide-bar/index.js +0 -3
- package/esm2015/components/slide-bar/slide-bar.component.js +0 -105
- package/esm2015/components/slide-bar/slide-bar.module.js +0 -19
- package/esm5/components/slide-bar/index.js +0 -3
- package/esm5/components/slide-bar/slide-bar.component.js +0 -107
- package/esm5/components/slide-bar/slide-bar.module.js +0 -22
|
@@ -9519,26 +9519,26 @@ var SidebarModule = /** @class */ (function () {
|
|
|
9519
9519
|
}());
|
|
9520
9520
|
|
|
9521
9521
|
var SMALL_DEVICE_BREAKPOINT = 420;
|
|
9522
|
-
var
|
|
9523
|
-
function
|
|
9522
|
+
var SlidePanelComponent = /** @class */ (function () {
|
|
9523
|
+
function SlidePanelComponent() {
|
|
9524
9524
|
this.openIcon = "fas fa-chevron-right";
|
|
9525
9525
|
this.closeIcon = "fas fa-chevron-left";
|
|
9526
9526
|
this.cache = false;
|
|
9527
|
-
this.
|
|
9528
|
-
this.
|
|
9527
|
+
this.panelOpened = new EventEmitter();
|
|
9528
|
+
this.panelClosed = new EventEmitter();
|
|
9529
9529
|
this.slideHeight = 0;
|
|
9530
9530
|
this.isOpen = false;
|
|
9531
9531
|
this.isSlideOver = false;
|
|
9532
9532
|
this.isAnimating = false;
|
|
9533
9533
|
this.isContentAnimationDisabled = true;
|
|
9534
9534
|
}
|
|
9535
|
-
|
|
9535
|
+
SlidePanelComponent.prototype.onResize = function () {
|
|
9536
9536
|
this._checkOverBehavior();
|
|
9537
9537
|
};
|
|
9538
|
-
|
|
9538
|
+
SlidePanelComponent.prototype.ngOnInit = function () {
|
|
9539
9539
|
this._checkOverBehavior();
|
|
9540
9540
|
};
|
|
9541
|
-
|
|
9541
|
+
SlidePanelComponent.prototype.ngAfterViewChecked = function () {
|
|
9542
9542
|
var _this = this;
|
|
9543
9543
|
// to executed at a safe time prior to control returning to the browser's event loop
|
|
9544
9544
|
queueMicrotask(function () {
|
|
@@ -9546,58 +9546,58 @@ var SlideBarComponent = /** @class */ (function () {
|
|
|
9546
9546
|
_this.isContentAnimationDisabled = false;
|
|
9547
9547
|
});
|
|
9548
9548
|
};
|
|
9549
|
-
|
|
9549
|
+
SlidePanelComponent.prototype.onClickButton = function () {
|
|
9550
9550
|
if (this.isAnimating) {
|
|
9551
9551
|
return;
|
|
9552
9552
|
}
|
|
9553
9553
|
this.isOpen = !this.isOpen;
|
|
9554
9554
|
if (this.isOpen) {
|
|
9555
|
-
this.
|
|
9555
|
+
this.panelOpened.emit();
|
|
9556
9556
|
}
|
|
9557
9557
|
else {
|
|
9558
|
-
this.
|
|
9558
|
+
this.panelClosed.emit();
|
|
9559
9559
|
}
|
|
9560
9560
|
};
|
|
9561
|
-
|
|
9561
|
+
SlidePanelComponent.prototype.onContentAnimationStart = function () {
|
|
9562
9562
|
this.isAnimating = true;
|
|
9563
9563
|
};
|
|
9564
|
-
|
|
9564
|
+
SlidePanelComponent.prototype.onContentAnimationDone = function () {
|
|
9565
9565
|
this.isAnimating = false;
|
|
9566
9566
|
};
|
|
9567
|
-
|
|
9567
|
+
SlidePanelComponent.prototype._checkOverBehavior = function () {
|
|
9568
9568
|
this.isSlideOver = window.innerWidth <= SMALL_DEVICE_BREAKPOINT;
|
|
9569
9569
|
};
|
|
9570
|
-
|
|
9570
|
+
SlidePanelComponent.prototype._calculateSlideHeight = function () {
|
|
9571
9571
|
this.slideHeight = this.sideContent.nativeElement.clientHeight;
|
|
9572
9572
|
};
|
|
9573
9573
|
__decorate([
|
|
9574
9574
|
Input()
|
|
9575
|
-
],
|
|
9575
|
+
], SlidePanelComponent.prototype, "openIcon", void 0);
|
|
9576
9576
|
__decorate([
|
|
9577
9577
|
Input()
|
|
9578
|
-
],
|
|
9578
|
+
], SlidePanelComponent.prototype, "closeIcon", void 0);
|
|
9579
9579
|
__decorate([
|
|
9580
9580
|
Input()
|
|
9581
|
-
],
|
|
9581
|
+
], SlidePanelComponent.prototype, "cache", void 0);
|
|
9582
9582
|
__decorate([
|
|
9583
9583
|
Output()
|
|
9584
|
-
],
|
|
9584
|
+
], SlidePanelComponent.prototype, "panelOpened", void 0);
|
|
9585
9585
|
__decorate([
|
|
9586
9586
|
Output()
|
|
9587
|
-
],
|
|
9587
|
+
], SlidePanelComponent.prototype, "panelClosed", void 0);
|
|
9588
9588
|
__decorate([
|
|
9589
9589
|
ViewChild("mainContainer")
|
|
9590
|
-
],
|
|
9590
|
+
], SlidePanelComponent.prototype, "mainContainer", void 0);
|
|
9591
9591
|
__decorate([
|
|
9592
9592
|
ViewChild("sideContent")
|
|
9593
|
-
],
|
|
9593
|
+
], SlidePanelComponent.prototype, "sideContent", void 0);
|
|
9594
9594
|
__decorate([
|
|
9595
9595
|
HostListener("window:resize")
|
|
9596
|
-
],
|
|
9597
|
-
|
|
9596
|
+
], SlidePanelComponent.prototype, "onResize", null);
|
|
9597
|
+
SlidePanelComponent = __decorate([
|
|
9598
9598
|
Component({
|
|
9599
|
-
selector: "s-slide-
|
|
9600
|
-
template: "<div class=\"slide-
|
|
9599
|
+
selector: "s-slide-panel",
|
|
9600
|
+
template: "<div class=\"slide-panel\">\n <div\n class=\"slide-content\"\n [ngClass]=\"{\n 'slide-content--closed': !isOpen,\n 'slide-content--over': isSlideOver\n }\">\n <div\n #mainContainer\n class=\"main-container\"\n [style.maxHeight]=\"slideHeight + 'px'\">\n <ng-container *ngIf=\"cache; then cacheTemplate else cachelessTemplate\"></ng-container>\n </div>\n <button\n class=\"button\"\n [ngClass]=\"isOpen ? closeIcon : openIcon\"\n (click)=\"onClickButton()\">\n </button>\n </div>\n <div #sideContent class=\"side-content\">\n <ng-content select=\"[side-content]\"></ng-content>\n </div>\n</div>\n\n<ng-template #cacheTemplate>\n <div\n class=\"content-container\"\n [@cacheAnimation]=\"isOpen\"\n [@.disabled]=\"isContentAnimationDisabled\"\n (@cacheAnimation.start)=\"onContentAnimationStart()\"\n (@cacheAnimation.done)=\"onContentAnimationDone()\">\n <ng-container [ngTemplateOutlet]=\"slideContent\"></ng-container>\n </div>\n</ng-template>\n\n<ng-template #cachelessTemplate>\n <div\n *ngIf=\"isOpen\"\n class=\"content-container\"\n @cachelessAnimation\n [@.disabled]=\"isContentAnimationDisabled\"\n (@cachelessAnimation.start)=\"onContentAnimationStart()\"\n (@cachelessAnimation.done)=\"onContentAnimationDone()\">\n <ng-container [ngTemplateOutlet]=\"slideContent\"></ng-container>\n </div>\n</ng-template>\n\n<ng-template #slideContent>\n <ng-content select=\"[slide-content]\"></ng-content>\n</ng-template>",
|
|
9601
9601
|
animations: [
|
|
9602
9602
|
trigger("cachelessAnimation", [
|
|
9603
9603
|
transition(":enter", [
|
|
@@ -9615,26 +9615,26 @@ var SlideBarComponent = /** @class */ (function () {
|
|
|
9615
9615
|
transition("* => *", animate("200ms")),
|
|
9616
9616
|
]),
|
|
9617
9617
|
],
|
|
9618
|
-
styles: [".slide-
|
|
9618
|
+
styles: [".slide-panel{display:-ms-flexbox;display:flex}.slide-panel .slide-content{display:-ms-flexbox;display:flex;position:relative}.slide-panel .slide-content .main-container{background-color:#eeebf2;display:-ms-flexbox;display:flex;border:1px solid #ccc;overflow:hidden;position:relative}.slide-panel .slide-content .main-container .content-container{overflow-y:auto;overflow-x:hidden;padding:16px}.slide-panel .slide-content .button{-ms-flex-align:center;align-items:center;background-color:#eeebf2;border:1px solid #ccc;border-left:none;border-radius:0 4px 4px 0;cursor:pointer;display:-ms-flexbox;display:flex;font-size:16px;height:32px;-ms-flex-pack:center;justify-content:center;position:absolute;right:-32px;top:16px;width:32px}.slide-panel .slide-content--closed .main-container{border:none}.slide-panel .slide-content--over{position:absolute}.slide-panel .side-content{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;height:-webkit-max-content;height:max-content}"]
|
|
9619
9619
|
})
|
|
9620
|
-
],
|
|
9621
|
-
return
|
|
9620
|
+
], SlidePanelComponent);
|
|
9621
|
+
return SlidePanelComponent;
|
|
9622
9622
|
}());
|
|
9623
9623
|
|
|
9624
|
-
var
|
|
9625
|
-
function
|
|
9624
|
+
var SlidePanelModule = /** @class */ (function () {
|
|
9625
|
+
function SlidePanelModule() {
|
|
9626
9626
|
}
|
|
9627
|
-
|
|
9627
|
+
SlidePanelModule = __decorate([
|
|
9628
9628
|
NgModule({
|
|
9629
9629
|
imports: [
|
|
9630
9630
|
CommonModule,
|
|
9631
9631
|
BrowserAnimationsModule,
|
|
9632
9632
|
],
|
|
9633
|
-
declarations: [
|
|
9634
|
-
exports: [
|
|
9633
|
+
declarations: [SlidePanelComponent],
|
|
9634
|
+
exports: [SlidePanelComponent],
|
|
9635
9635
|
})
|
|
9636
|
-
],
|
|
9637
|
-
return
|
|
9636
|
+
], SlidePanelModule);
|
|
9637
|
+
return SlidePanelModule;
|
|
9638
9638
|
}());
|
|
9639
9639
|
|
|
9640
9640
|
var StatsCardComponent = /** @class */ (function () {
|
|
@@ -12742,5 +12742,5 @@ var fallback = {
|
|
|
12742
12742
|
* Generated bundle index. Do not edit.
|
|
12743
12743
|
*/
|
|
12744
12744
|
|
|
12745
|
-
export { AccordionComponent, AccordionModule, AccordionPanelComponent, 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,
|
|
12745
|
+
export { AccordionComponent, AccordionModule, AccordionPanelComponent, 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, SlidePanelComponent, SlidePanelModule, 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, countries, fallback, TooltipComponent as ɵa, TooltipDirective 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, CountryPhonePickerService as ɵc, InfiniteScrollDirective as ɵca, CustomTranslationsModule as ɵcb, CodeEditorComponent as ɵcc, CoreFacade as ɵcd, CodeMirror6Core as ɵce, LocalizedCurrencyImpurePipe as ɵd, LocalizedBignumberPipe as ɵe, LocalizedBignumberImpurePipe 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 };
|
|
12746
12746
|
//# sourceMappingURL=seniorsistemas-angular-components.js.map
|