oasys-lib 1.88.0-rc.0 → 1.88.0

package/esm2022/lib/components/layout/container/container.component.mjs

@@ -1,12 +1,17 @@
-import { ChangeDetectionStrategy, Input } from '@angular/core';
+import { ChangeDetectionStrategy, Input, } from '@angular/core';
 import { Component } from '@angular/core';
 import * as i0 from "@angular/core";
 export class LayoutContainerComponent {
+    changes;
+    container_fluid = false;
+    container_gutter = true;
+    prefix = 'ui-layout-container';
+    containerLayoutClasses;
+    containerGutterNameLarge;
+    containerGutterNameSmall;
+    containerHorizontalSizes;
     constructor(changes) {
         this.changes = changes;
-        this.container_fluid = false;
-        this.container_gutter = true;
-        this.prefix = 'ui-layout-container';
     }
     ngOnChanges() {
         this.ngOnInit();
@@ -16,24 +21,24 @@ export class LayoutContainerComponent {
         this.containerLayoutClasses = [
             this.prefix,
             this.container_fluid ? `${this.prefix}-fluid` : '',
-            this.container_gutter === true || this.container_gutter === 'true' ? '' : `${this.prefix}-no-gutter`
-        ].flat(10).filter(Boolean);
+            this.container_gutter === true || this.container_gutter === 'true'
+                ? ''
+                : `${this.prefix}-no-gutter`,
+        ]
+            .flat(10)
+            .filter(Boolean);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutContainerComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LayoutContainerComponent, selector: "ui-container", inputs: { container_fluid: "container_fluid", container_gutter: "container_gutter" }, host: { properties: { "class": "containerLayoutClasses" } }, usesOnChanges: true, ngImport: i0, template: `
-    <ng-content></ng-content>
-  `, isInline: true, styles: [":host{--_container-component-gutter-size: var(--oasys-gutter-small);display:block;width:100%;max-width:1440px;margin:0 auto;padding:0 var(--_container-component-gutter-size)}@media only screen and (max-width: 767px){:host{--_container-component-gutter-size: var(--oasys-gutter-small)}}@media only screen and (min-width: 768px){:host{--_container-component-gutter-size: var(--oasys-gutter-small)}}@media only screen and (min-width: 1080px){:host{--_container-component-gutter-size: var(--oasys-gutter-large)}}@media only screen and (min-width: 1440px){:host{--_container-component-gutter-size: var(--oasys-gutter-large)}}@media only screen and (max-width: 767px){:host{max-width:100%}}@media only screen and (min-width: 768px){:host{max-width:767px}}@media only screen and (min-width: 1080px){:host{max-width:1080px}}@media only screen and (min-width: 1440px){:host{max-width:1440px}}:host.ui-layout-container-no-gutter{padding:0}:host.ui-layout-container-fluid{max-width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutContainerComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LayoutContainerComponent, selector: "ui-container", inputs: { container_fluid: "container_fluid", container_gutter: "container_gutter" }, host: { properties: { "class": "containerLayoutClasses" } }, usesOnChanges: true, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, styles: [":host{--_container-component-gutter-size: var(--oasys-gutter-small);display:block;width:100%;max-width:1440px;margin:0 auto;padding:0 var(--_container-component-gutter-size)}@media only screen and (max-width: 767px){:host{--_container-component-gutter-size: var(--oasys-gutter-small)}}@media only screen and (min-width: 768px){:host{--_container-component-gutter-size: var(--oasys-gutter-small)}}@media only screen and (min-width: 1080px){:host{--_container-component-gutter-size: var(--oasys-gutter-large)}}@media only screen and (min-width: 1440px){:host{--_container-component-gutter-size: var(--oasys-gutter-large)}}@media only screen and (max-width: 767px){:host{max-width:100%}}@media only screen and (min-width: 768px){:host{max-width:767px}}@media only screen and (min-width: 1080px){:host{max-width:1080px}}@media only screen and (min-width: 1440px){:host{max-width:1440px}}:host.ui-layout-container-no-gutter{padding:0}:host.ui-layout-container-fluid{max-width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutContainerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ui-container', template: `
-    <ng-content></ng-content>
-  `, host: {
-                        '[class]': 'containerLayoutClasses'
+            args: [{ selector: 'ui-container', template: ` <ng-content></ng-content> `, host: {
+                        '[class]': 'containerLayoutClasses',
                     }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--_container-component-gutter-size: var(--oasys-gutter-small);display:block;width:100%;max-width:1440px;margin:0 auto;padding:0 var(--_container-component-gutter-size)}@media only screen and (max-width: 767px){:host{--_container-component-gutter-size: var(--oasys-gutter-small)}}@media only screen and (min-width: 768px){:host{--_container-component-gutter-size: var(--oasys-gutter-small)}}@media only screen and (min-width: 1080px){:host{--_container-component-gutter-size: var(--oasys-gutter-large)}}@media only screen and (min-width: 1440px){:host{--_container-component-gutter-size: var(--oasys-gutter-large)}}@media only screen and (max-width: 767px){:host{max-width:100%}}@media only screen and (min-width: 768px){:host{max-width:767px}}@media only screen and (min-width: 1080px){:host{max-width:1080px}}@media only screen and (min-width: 1440px){:host{max-width:1440px}}:host.ui-layout-container-no-gutter{padding:0}:host.ui-layout-container-fluid{max-width:100%}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { container_fluid: [{
                 type: Input
             }], container_gutter: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFpbmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvbGF5b3V0L2NvbnRhaW5lci9jb250YWluZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBcUIsS0FBSyxFQUF3QyxNQUFNLGVBQWUsQ0FBQztBQUN4SCxPQUFPLEVBQUUsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDOztBQWV6QyxNQUFNLE9BQU8sd0JBQXdCO0lBVW5DLFlBQW9CLE9BQTBCO1FBQTFCLFlBQU8sR0FBUCxPQUFPLENBQW1CO1FBVHJDLG9CQUFlLEdBQVksS0FBSyxDQUFDO1FBQ2pDLHFCQUFnQixHQUFvQyxJQUFJLENBQUM7UUFDbEUsV0FBTSxHQUFHLHFCQUFxQixDQUFDO0lBT21CLENBQUM7SUFFbkQsV0FBVztRQUNULElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUNoQixJQUFJLENBQUMsT0FBTyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzlCLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLHNCQUFzQixHQUFHO1lBQzVCLElBQUksQ0FBQyxNQUFNO1lBQ1gsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsTUFBTSxRQUFRLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDbEQsSUFBSSxDQUFDLGdCQUFnQixLQUFLLElBQUksSUFBSSxJQUFJLENBQUMsZ0JBQWdCLEtBQUssTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLE1BQU0sWUFBWTtTQUNyRyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDN0IsQ0FBQzsrR0F2QlUsd0JBQXdCO21HQUF4Qix3QkFBd0IsNE5BVnpCOztHQUVUOzs0RkFRVSx3QkFBd0I7a0JBWnBDLFNBQVM7K0JBQ0MsY0FBYyxZQUNiOztHQUVULFFBQ0s7d0JBQ0osU0FBUyxFQUFHLHdCQUF3QjtxQkFDckMsbUJBR2dCLHVCQUF1QixDQUFDLE1BQU07c0ZBR3RDLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLCBJbnB1dCwgT25DaGFuZ2VzLCBPbkluaXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21wb25lbnR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVG9rZW5TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvdG9rZW4uc2VydmljZSc7XG5pbXBvcnQgeyBMYXlvdXRDb250YWluZXJTaXplcyB9IGZyb20gJy4uL0xheW91dCc7XG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6J3VpLWNvbnRhaW5lcicsXG4gIHRlbXBsYXRlOiBgXG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICBgLFxuICBob3N0OiB7XG4gICAgJ1tjbGFzc10nIDogJ2NvbnRhaW5lckxheW91dENsYXNzZXMnXG4gIH0sXG4gIHN0eWxlVXJsczogWycuL2NvbnRhaW5lci5jb21wb25lbnQuc2NzcyddLFxuXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIExheW91dENvbnRhaW5lckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcbiAgQElucHV0KCkgY29udGFpbmVyX2ZsdWlkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGNvbnRhaW5lcl9ndXR0ZXI6IHRydWUgfCBmYWxzZSB8ICd0cnVlJyB8ICdmYWxzZScgPSB0cnVlO1xuICBwcmVmaXggPSAndWktbGF5b3V0LWNvbnRhaW5lcic7XG4gIGNvbnRhaW5lckxheW91dENsYXNzZXM/OiBzdHJpbmdbXTtcblxuICBjb250YWluZXJHdXR0ZXJOYW1lTGFyZ2U6IHN0cmluZztcbiAgY29udGFpbmVyR3V0dGVyTmFtZVNtYWxsOiBzdHJpbmc7XG4gIGNvbnRhaW5lckhvcml6b250YWxTaXplczogTGF5b3V0Q29udGFpbmVyU2l6ZXM7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjaGFuZ2VzOiBDaGFuZ2VEZXRlY3RvclJlZikgeyB9XG5cbiAgbmdPbkNoYW5nZXMoKTogdm9pZCB7XG4gICAgdGhpcy5uZ09uSW5pdCgpO1xuICAgIHRoaXMuY2hhbmdlcy5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuY29udGFpbmVyTGF5b3V0Q2xhc3NlcyA9IFtcbiAgICAgIHRoaXMucHJlZml4LFxuICAgICAgdGhpcy5jb250YWluZXJfZmx1aWQgPyBgJHt0aGlzLnByZWZpeH0tZmx1aWRgIDogJycsXG4gICAgICB0aGlzLmNvbnRhaW5lcl9ndXR0ZXIgPT09IHRydWUgfHwgdGhpcy5jb250YWluZXJfZ3V0dGVyID09PSAndHJ1ZScgPyAnJyA6IGAke3RoaXMucHJlZml4fS1uby1ndXR0ZXJgXG4gICAgXS5mbGF0KDEwKS5maWx0ZXIoQm9vbGVhbik7XG4gIH1cblxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFpbmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvbGF5b3V0L2NvbnRhaW5lci9jb250YWluZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFFdkIsS0FBSyxHQUlOLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBYTFDLE1BQU0sT0FBTyx3QkFBd0I7SUFVZjtJQVRYLGVBQWUsR0FBWSxLQUFLLENBQUM7SUFDakMsZ0JBQWdCLEdBQW9DLElBQUksQ0FBQztJQUNsRSxNQUFNLEdBQUcscUJBQXFCLENBQUM7SUFDL0Isc0JBQXNCLENBQVk7SUFFbEMsd0JBQXdCLENBQVM7SUFDakMsd0JBQXdCLENBQVM7SUFDakMsd0JBQXdCLENBQXVCO0lBRS9DLFlBQW9CLE9BQTBCO1FBQTFCLFlBQU8sR0FBUCxPQUFPLENBQW1CO0lBQUcsQ0FBQztJQUVsRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ2hCLElBQUksQ0FBQyxPQUFPLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDOUIsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsc0JBQXNCLEdBQUc7WUFDNUIsSUFBSSxDQUFDLE1BQU07WUFDWCxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxNQUFNLFFBQVEsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUNsRCxJQUFJLENBQUMsZ0JBQWdCLEtBQUssSUFBSSxJQUFJLElBQUksQ0FBQyxnQkFBZ0IsS0FBSyxNQUFNO2dCQUNoRSxDQUFDLENBQUMsRUFBRTtnQkFDSixDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsTUFBTSxZQUFZO1NBQy9CO2FBQ0UsSUFBSSxDQUFDLEVBQUUsQ0FBQzthQUNSLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUNyQixDQUFDO3dHQTNCVSx3QkFBd0I7NEZBQXhCLHdCQUF3Qiw0TkFSekIsNkJBQTZCOzs0RkFRNUIsd0JBQXdCO2tCQVZwQyxTQUFTOytCQUNFLGNBQWMsWUFDZCw2QkFBNkIsUUFDakM7d0JBQ0osU0FBUyxFQUFFLHdCQUF3QjtxQkFDcEMsbUJBR2dCLHVCQUF1QixDQUFDLE1BQU07c0ZBR3RDLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBJbnB1dCxcbiAgT25DaGFuZ2VzLFxuICBPbkluaXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVG9rZW5TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvdG9rZW4uc2VydmljZSc7XG5pbXBvcnQgeyBMYXlvdXRDb250YWluZXJTaXplcyB9IGZyb20gJy4uL0xheW91dCc7XG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd1aS1jb250YWluZXInLFxuICB0ZW1wbGF0ZTogYCA8bmctY29udGVudD48L25nLWNvbnRlbnQ+IGAsXG4gIGhvc3Q6IHtcbiAgICAnW2NsYXNzXSc6ICdjb250YWluZXJMYXlvdXRDbGFzc2VzJyxcbiAgfSxcbiAgc3R5bGVVcmxzOiBbJy4vY29udGFpbmVyLmNvbXBvbmVudC5zY3NzJ10sXG5cbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIExheW91dENvbnRhaW5lckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcbiAgQElucHV0KCkgY29udGFpbmVyX2ZsdWlkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGNvbnRhaW5lcl9ndXR0ZXI6IHRydWUgfCBmYWxzZSB8ICd0cnVlJyB8ICdmYWxzZScgPSB0cnVlO1xuICBwcmVmaXggPSAndWktbGF5b3V0LWNvbnRhaW5lcic7XG4gIGNvbnRhaW5lckxheW91dENsYXNzZXM/OiBzdHJpbmdbXTtcblxuICBjb250YWluZXJHdXR0ZXJOYW1lTGFyZ2U6IHN0cmluZztcbiAgY29udGFpbmVyR3V0dGVyTmFtZVNtYWxsOiBzdHJpbmc7XG4gIGNvbnRhaW5lckhvcml6b250YWxTaXplczogTGF5b3V0Q29udGFpbmVyU2l6ZXM7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjaGFuZ2VzOiBDaGFuZ2VEZXRlY3RvclJlZikge31cblxuICBuZ09uQ2hhbmdlcygpOiB2b2lkIHtcbiAgICB0aGlzLm5nT25Jbml0KCk7XG4gICAgdGhpcy5jaGFuZ2VzLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5jb250YWluZXJMYXlvdXRDbGFzc2VzID0gW1xuICAgICAgdGhpcy5wcmVmaXgsXG4gICAgICB0aGlzLmNvbnRhaW5lcl9mbHVpZCA/IGAke3RoaXMucHJlZml4fS1mbHVpZGAgOiAnJyxcbiAgICAgIHRoaXMuY29udGFpbmVyX2d1dHRlciA9PT0gdHJ1ZSB8fCB0aGlzLmNvbnRhaW5lcl9ndXR0ZXIgPT09ICd0cnVlJ1xuICAgICAgICA/ICcnXG4gICAgICAgIDogYCR7dGhpcy5wcmVmaXh9LW5vLWd1dHRlcmAsXG4gICAgXVxuICAgICAgLmZsYXQoMTApXG4gICAgICAuZmlsdGVyKEJvb2xlYW4pO1xuICB9XG59XG4iXX0=