@pepperi-addons/ngx-lib 0.2.60 → 0.2.61-query-builder.1

package/bundles/pepperi-addons-ngx-lib-size-detector.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"pepperi-addons-ngx-lib-size-detector.umd.js","sources":["../../../projects/ngx-lib/size-detector/size-detector.component.ts","../../../projects/ngx-lib/size-detector/size-detector.module.ts","../../../projects/ngx-lib/size-detector/public-api.ts","../../../projects/ngx-lib/size-detector/pepperi-addons-ngx-lib-size-detector.ts"],"sourcesContent":["import {\n    Component,\n    OnInit,\n    AfterViewInit,\n    HostListener,\n    ElementRef,\n    Input,\n    Output,\n    EventEmitter,\n} from '@angular/core';\nimport { PepLayoutService, PepScreenSizeType } from '@pepperi-addons/ngx-lib';\n\ninterface IPepSizeDetectorItem {\n    id: PepScreenSizeType;\n    name: string;\n    css: string;\n}\n\n@Component({\n    selector: 'pep-size-detector',\n    templateUrl: './size-detector.component.html',\n})\nexport class PepSizeDetectorComponent implements AfterViewInit {\n    @Input() showScreenSize = false;\n\n    private _useAsWebComponent = false;\n    @Input()\n    set useAsWebComponent(value: boolean) {\n        if (value) {\n            this.exportFunctionsOnHostElement();\n        }\n    }\n    get useAsWebComponent(): boolean {\n        return this._useAsWebComponent;\n    }\n\n    @Output()\n    sizeChange: EventEmitter<IPepSizeDetectorItem> = new EventEmitter<IPepSizeDetectorItem>();\n\n    prefix = 'is-';\n    sizes: Array<IPepSizeDetectorItem> = [\n        {\n            id: PepScreenSizeType.XS,\n            name: 'xs',\n            css: `d-block d-sm-none`,\n        },\n        {\n            id: PepScreenSizeType.SM,\n            name: 'sm',\n            css: `d-none d-sm-block d-md-none`,\n        },\n        {\n            id: PepScreenSizeType.MD,\n            name: 'md',\n            css: `d-none d-md-block d-lg-none`,\n        },\n        {\n            id: PepScreenSizeType.LG,\n            name: 'lg',\n            css: `d-none d-lg-block d-xl-none`,\n        },\n        {\n            id: PepScreenSizeType.XL,\n            name: 'xl',\n            css: `d-none d-xl-block`,\n        },\n    ];\n\n    private currentSize: IPepSizeDetectorItem;\n\n    constructor(\n        private hostElement: ElementRef,\n        private layoutService: PepLayoutService\n    ) {\n        this.layoutService.onResize$.subscribe((size: PepScreenSizeType) => {\n            this.currentSize = this.sizes.find((s) => s.id === size);\n            this.sizeChange.emit(this.currentSize);\n        });\n    }\n\n    @HostListener('window:resize', ['$event'])\n    onResize(event): void {\n        this.detectScreenSize();\n    }\n\n    ngAfterViewInit(): void {\n        this.detectScreenSize();\n    }\n\n    private detectScreenSize(): void {\n        this.currentSize = this.sizes.find((x) => {\n            const el = this.hostElement.nativeElement.querySelector(\n                `.${this.prefix}${x.id}`\n            );\n            const isVisible = window.getComputedStyle(el).display !== 'none';\n\n            return isVisible;\n        });\n\n        this.layoutService.onResize(this.currentSize.id);\n    }\n\n    private exportFunctionsOnHostElement() {\n        // This is for web component usage for use those functions.\n        this.hostElement.nativeElement.getCurrentSize = this.getCurrentSize.bind(\n            this\n        );\n    }\n\n    getCurrentSize(): IPepSizeDetectorItem {\n        return this.currentSize;\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FlexLayoutModule } from '@angular/flex-layout';\n\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\n\nimport { PepSizeDetectorComponent } from './size-detector.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        ReactiveFormsModule,\n        FlexLayoutModule,\n        // ngx-lib modules\n        PepNgxLibModule,\n    ],\n    exports: [PepSizeDetectorComponent],\n    declarations: [PepSizeDetectorComponent],\n})\nexport class PepSizeDetectorModule {}\n","/*\n * Public API Surface of ngx-lib/size-detector\n */\nexport * from './size-detector.module';\nexport * from './size-detector.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["EventEmitter","PepScreenSizeType","Component","ElementRef","PepLayoutService","Input","Output","HostListener","NgModule","CommonModule","ReactiveFormsModule","FlexLayoutModule","PepNgxLibModule"],"mappings":"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"}
+{"version":3,"file":"pepperi-addons-ngx-lib-size-detector.umd.js","sources":["../../../projects/ngx-lib/size-detector/size-detector.component.ts","../../../projects/ngx-lib/size-detector/size-detector.module.ts","../../../projects/ngx-lib/size-detector/public-api.ts","../../../projects/ngx-lib/size-detector/pepperi-addons-ngx-lib-size-detector.ts"],"sourcesContent":["import {\r\n    Component,\r\n    OnInit,\r\n    AfterViewInit,\r\n    HostListener,\r\n    ElementRef,\r\n    Input,\r\n    Output,\r\n    EventEmitter,\r\n} from '@angular/core';\r\nimport { PepLayoutService, PepScreenSizeType } from '@pepperi-addons/ngx-lib';\r\n\r\ninterface IPepSizeDetectorItem {\r\n    id: PepScreenSizeType;\r\n    name: string;\r\n    css: string;\r\n}\r\n\r\n@Component({\r\n    selector: 'pep-size-detector',\r\n    templateUrl: './size-detector.component.html',\r\n})\r\nexport class PepSizeDetectorComponent implements AfterViewInit {\r\n    @Input() showScreenSize = false;\r\n\r\n    private _useAsWebComponent = false;\r\n    @Input()\r\n    set useAsWebComponent(value: boolean) {\r\n        if (value) {\r\n            this.exportFunctionsOnHostElement();\r\n        }\r\n    }\r\n    get useAsWebComponent(): boolean {\r\n        return this._useAsWebComponent;\r\n    }\r\n\r\n    @Output()\r\n    sizeChange: EventEmitter<IPepSizeDetectorItem> = new EventEmitter<IPepSizeDetectorItem>();\r\n\r\n    prefix = 'is-';\r\n    sizes: Array<IPepSizeDetectorItem> = [\r\n        {\r\n            id: PepScreenSizeType.XS,\r\n            name: 'xs',\r\n            css: `d-block d-sm-none`,\r\n        },\r\n        {\r\n            id: PepScreenSizeType.SM,\r\n            name: 'sm',\r\n            css: `d-none d-sm-block d-md-none`,\r\n        },\r\n        {\r\n            id: PepScreenSizeType.MD,\r\n            name: 'md',\r\n            css: `d-none d-md-block d-lg-none`,\r\n        },\r\n        {\r\n            id: PepScreenSizeType.LG,\r\n            name: 'lg',\r\n            css: `d-none d-lg-block d-xl-none`,\r\n        },\r\n        {\r\n            id: PepScreenSizeType.XL,\r\n            name: 'xl',\r\n            css: `d-none d-xl-block`,\r\n        },\r\n    ];\r\n\r\n    private currentSize: IPepSizeDetectorItem;\r\n\r\n    constructor(\r\n        private hostElement: ElementRef,\r\n        private layoutService: PepLayoutService\r\n    ) {\r\n        this.layoutService.onResize$.subscribe((size: PepScreenSizeType) => {\r\n            this.currentSize = this.sizes.find((s) => s.id === size);\r\n            this.sizeChange.emit(this.currentSize);\r\n        });\r\n    }\r\n\r\n    @HostListener('window:resize', ['$event'])\r\n    onResize(event): void {\r\n        this.detectScreenSize();\r\n    }\r\n\r\n    ngAfterViewInit(): void {\r\n        this.detectScreenSize();\r\n    }\r\n\r\n    private detectScreenSize(): void {\r\n        this.currentSize = this.sizes.find((x) => {\r\n            const el = this.hostElement.nativeElement.querySelector(\r\n                `.${this.prefix}${x.id}`\r\n            );\r\n            const isVisible = window.getComputedStyle(el).display !== 'none';\r\n\r\n            return isVisible;\r\n        });\r\n\r\n        this.layoutService.onResize(this.currentSize.id);\r\n    }\r\n\r\n    private exportFunctionsOnHostElement() {\r\n        // This is for web component usage for use those functions.\r\n        this.hostElement.nativeElement.getCurrentSize = this.getCurrentSize.bind(\r\n            this\r\n        );\r\n    }\r\n\r\n    getCurrentSize(): IPepSizeDetectorItem {\r\n        return this.currentSize;\r\n    }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\nimport { FlexLayoutModule } from '@angular/flex-layout';\r\n\r\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\r\n\r\nimport { PepSizeDetectorComponent } from './size-detector.component';\r\n\r\n@NgModule({\r\n    imports: [\r\n        CommonModule,\r\n        ReactiveFormsModule,\r\n        FlexLayoutModule,\r\n        // ngx-lib modules\r\n        PepNgxLibModule,\r\n    ],\r\n    exports: [PepSizeDetectorComponent],\r\n    declarations: [PepSizeDetectorComponent],\r\n})\r\nexport class PepSizeDetectorModule {}\r\n","/*\r\n * Public API Surface of ngx-lib/size-detector\r\n */\r\nexport * from './size-detector.module';\r\nexport * from './size-detector.component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["EventEmitter","PepScreenSizeType","Component","ElementRef","PepLayoutService","Input","Output","HostListener","NgModule","CommonModule","ReactiveFormsModule","FlexLayoutModule","PepNgxLibModule"],"mappings":"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"}

package/bundles/pepperi-addons-ngx-lib-slider.umd.js

@@ -85,8 +85,8 @@
     PepSliderComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'pep-slider',
-                    template: "<div class=\"pep-slider-container\">\n    <pep-field-title [label]=\"label\" [disabled]=\"disabled\" [hint]=\"hint\" [xAlignment]=\"xAlignment\">\n    </pep-field-title>\n    <mat-slider [min]=\"minValue\" [max]=\"maxValue\" [step]=\"step\" [value]=\"value\" [disabled]=\"disabled\" [title]=\"value\"\n        (change)=\"onValueChange($event)\" (input)=\"onInputChange($event)\">\n    </mat-slider>\n</div>",
-                    styles: [""]
+                    template: "<div class=\"pep-slider-container\">\r\n    <pep-field-title [label]=\"label\" [disabled]=\"disabled\" [hint]=\"hint\" [xAlignment]=\"xAlignment\">\r\n    </pep-field-title>\r\n    <mat-slider [min]=\"minValue\" [max]=\"maxValue\" [step]=\"step\" [value]=\"value\" [disabled]=\"disabled\" [title]=\"value\"\r\n        (change)=\"onValueChange($event)\" (input)=\"onInputChange($event)\">\r\n    </mat-slider>\r\n</div>",
+                    styles: ["", ".pep-slider-container ::ng-deep.mat-slider{background:rgba(26,26,26,.12);background:hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.12)}.pep-slider-container ::ng-deep.mat-slider.mat-slider-horizontal{height:1rem;width:100%;padding:.5rem .25rem;border-radius:.5rem;border-radius:var(--pep-border-radius-lg,.5rem)}.pep-slider-container ::ng-deep.mat-slider .mat-slider-wrapper{height:.375rem;position:relative;top:calc(.375rem / 2 * -1);left:unset;right:unset;border-radius:.25rem;border-radius:var(--pep-border-radius-md,.25rem)}.pep-slider-container ::ng-deep.mat-slider .mat-slider-wrapper .mat-slider-track-wrapper{display:none}.pep-slider-container ::ng-deep.mat-slider .mat-slider-wrapper .mat-slider-thumb-container{width:94%;left:3%}.pep-slider-container ::ng-deep.mat-slider .mat-slider-wrapper .mat-slider-thumb-container .mat-slider-thumb{width:18px;height:18px;right:calc($sliderSize / 2 * -1);bottom:calc($sliderSize / 2 * -1);transform:scale(.7)!important;border-color:#fff;border-color:hsl(var(--pep-color-system-primary-invert-h,255),var(--pep-color-system-primary-invert-s,100%),var(--pep-color-system-primary-invert-l,100%));border-width:5px;background-color:transparent!important;box-shadow:0 0 0 .125rem rgba(23,102,166,.5);box-shadow:0 0 0 var(--pep-spacing-2xs,.125rem) hsla(var(--pep-color-text-link-h,207),var(--pep-color-text-link-s,76%),var(--pep-color-text-link-l,37%),.5)}"]
                 },] }
     ];
     PepSliderComponent.ctorParameters = function () { return [

package/bundles/pepperi-addons-ngx-lib-slider.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"pepperi-addons-ngx-lib-slider.umd.js","sources":["../../../projects/ngx-lib/slider/slider.component.ts","../../../projects/ngx-lib/slider/slider.module.ts","../../../projects/ngx-lib/slider/public-api.ts","../../../projects/ngx-lib/slider/pepperi-addons-ngx-lib-slider.ts"],"sourcesContent":["import {\n    Component,\n    OnDestroy,\n    Input,\n    Output,\n    EventEmitter,\n    Renderer2,\n    ElementRef,\n    OnInit,\n    ViewChild,\n} from '@angular/core';\nimport { PepLayoutService, DEFAULT_HORIZONTAL_ALIGNMENT, PepHorizontalAlignment } from '@pepperi-addons/ngx-lib';\n\n/**\n * This is a slider component that support pepperi theme\n * style & state & sizes\n *\n * @export\n * @class PepSliderComponent\n * @implements {OnDestroy}\n */\n@Component({\n    selector: 'pep-slider',\n    templateUrl: './slider.component.html',\n    styleUrls: ['./slider.component.scss'],\n})\nexport class PepSliderComponent implements OnInit {\n    @Input() label = '';\n    @Input() disabled = false;\n    @Input() hint = '';\n\n    private _background = '';\n    @Input()\n    set background(background: string) {\n        if (!background) {\n            background = '';\n        }\n\n        this._background = background;\n        this.setBackground();\n    }\n    get background(): string {\n        return this._background;\n    }\n\n    @Input() step = 1;\n    @Input() minValue = NaN;\n    @Input() maxValue = NaN;\n\n    private _value = NaN;\n    @Input()\n    set value(value: number) {\n        this._value = value;\n    }\n    get value(): number {\n        return this._value;\n    }\n\n    @Output()\n    valueChange: EventEmitter<number> = new EventEmitter<number>();\n\n    @Output()\n    inputChange: EventEmitter<number> = new EventEmitter<number>();\n\n    xAlignment: PepHorizontalAlignment = DEFAULT_HORIZONTAL_ALIGNMENT;\n    sliderWrapper: any = null;\n\n    constructor(private renderer: Renderer2, private element: ElementRef, private pepLayoutService: PepLayoutService) { }\n\n    private setBackground(): void {\n        // Get the wrapper for set the background.\n        if (!this.sliderWrapper) {\n            this.sliderWrapper = this.element.nativeElement.querySelector('.mat-slider-wrapper');\n        }\n\n        if (this.sliderWrapper) {\n            this.renderer.setStyle(this.sliderWrapper, 'background', this.background?.length > 0 ? this.background : '');\n\n            if (this.background?.length > 0) {\n                this.renderer.removeClass(this.sliderWrapper, 'background-color-dimmed');\n            } else {\n                this.renderer.addClass(this.sliderWrapper, 'background-color-dimmed');\n            }\n        }\n    }\n\n    ngOnInit(): void {\n        this.xAlignment = this.pepLayoutService.isRtl() ? 'right' : 'left';\n        this.setBackground();\n    }\n\n    onValueChange(event) {\n        this.valueChange.emit(event.value);\n    }\n\n    onInputChange(event) {\n        this.inputChange.emit(event.value);\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { MatCommonModule } from '@angular/material/core';\nimport { MatSliderModule } from '@angular/material/slider';\nimport { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\n\nimport { PepSliderComponent } from './slider.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        // Material modules\n        MatCommonModule,\n        MatSliderModule,\n        // ngx-lib modules\n        PepNgxLibModule,\n        PepFieldTitleModule,\n    ],\n    exports: [PepSliderComponent],\n    declarations: [PepSliderComponent],\n})\nexport class PepSliderModule { }\n","/*\n * Public API Surface of ngx-lib/slider\n */\nexport * from './slider.module';\nexport * from './slider.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["EventEmitter","DEFAULT_HORIZONTAL_ALIGNMENT","Component","Renderer2","ElementRef","PepLayoutService","Input","Output","NgModule","CommonModule","MatCommonModule","MatSliderModule","PepNgxLibModule","PepFieldTitleModule"],"mappings":"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"}
+{"version":3,"file":"pepperi-addons-ngx-lib-slider.umd.js","sources":["../../../projects/ngx-lib/slider/slider.component.ts","../../../projects/ngx-lib/slider/slider.module.ts","../../../projects/ngx-lib/slider/public-api.ts","../../../projects/ngx-lib/slider/pepperi-addons-ngx-lib-slider.ts"],"sourcesContent":["import {\r\n    Component,\r\n    OnDestroy,\r\n    Input,\r\n    Output,\r\n    EventEmitter,\r\n    Renderer2,\r\n    ElementRef,\r\n    OnInit,\r\n    ViewChild,\r\n} from '@angular/core';\r\nimport { PepLayoutService, DEFAULT_HORIZONTAL_ALIGNMENT, PepHorizontalAlignment } from '@pepperi-addons/ngx-lib';\r\n\r\n/**\r\n * This is a slider component that support pepperi theme\r\n * style & state & sizes\r\n *\r\n * @export\r\n * @class PepSliderComponent\r\n * @implements {OnDestroy}\r\n */\r\n@Component({\r\n    selector: 'pep-slider',\r\n    templateUrl: './slider.component.html',\r\n    styleUrls: ['./slider.component.scss', './slider.component.theme.scss'],\r\n})\r\nexport class PepSliderComponent implements OnInit {\r\n    @Input() label = '';\r\n    @Input() disabled = false;\r\n    @Input() hint = '';\r\n\r\n    private _background = '';\r\n    @Input()\r\n    set background(background: string) {\r\n        if (!background) {\r\n            background = '';\r\n        }\r\n\r\n        this._background = background;\r\n        this.setBackground();\r\n    }\r\n    get background(): string {\r\n        return this._background;\r\n    }\r\n\r\n    @Input() step = 1;\r\n    @Input() minValue = NaN;\r\n    @Input() maxValue = NaN;\r\n\r\n    private _value = NaN;\r\n    @Input()\r\n    set value(value: number) {\r\n        this._value = value;\r\n    }\r\n    get value(): number {\r\n        return this._value;\r\n    }\r\n\r\n    @Output()\r\n    valueChange: EventEmitter<number> = new EventEmitter<number>();\r\n\r\n    @Output()\r\n    inputChange: EventEmitter<number> = new EventEmitter<number>();\r\n\r\n    xAlignment: PepHorizontalAlignment = DEFAULT_HORIZONTAL_ALIGNMENT;\r\n    sliderWrapper: any = null;\r\n\r\n    constructor(private renderer: Renderer2, private element: ElementRef, private pepLayoutService: PepLayoutService) { }\r\n\r\n    private setBackground(): void {\r\n        // Get the wrapper for set the background.\r\n        if (!this.sliderWrapper) {\r\n            this.sliderWrapper = this.element.nativeElement.querySelector('.mat-slider-wrapper');\r\n        }\r\n\r\n        if (this.sliderWrapper) {\r\n            this.renderer.setStyle(this.sliderWrapper, 'background', this.background?.length > 0 ? this.background : '');\r\n\r\n            if (this.background?.length > 0) {\r\n                this.renderer.removeClass(this.sliderWrapper, 'background-color-dimmed');\r\n            } else {\r\n                this.renderer.addClass(this.sliderWrapper, 'background-color-dimmed');\r\n            }\r\n        }\r\n    }\r\n\r\n    ngOnInit(): void {\r\n        this.xAlignment = this.pepLayoutService.isRtl() ? 'right' : 'left';\r\n        this.setBackground();\r\n    }\r\n\r\n    onValueChange(event) {\r\n        this.valueChange.emit(event.value);\r\n    }\r\n\r\n    onInputChange(event) {\r\n        this.inputChange.emit(event.value);\r\n    }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { MatCommonModule } from '@angular/material/core';\r\nimport { MatSliderModule } from '@angular/material/slider';\r\nimport { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';\r\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\r\n\r\nimport { PepSliderComponent } from './slider.component';\r\n\r\n@NgModule({\r\n    imports: [\r\n        CommonModule,\r\n        // Material modules\r\n        MatCommonModule,\r\n        MatSliderModule,\r\n        // ngx-lib modules\r\n        PepNgxLibModule,\r\n        PepFieldTitleModule,\r\n    ],\r\n    exports: [PepSliderComponent],\r\n    declarations: [PepSliderComponent],\r\n})\r\nexport class PepSliderModule { }\r\n","/*\r\n * Public API Surface of ngx-lib/slider\r\n */\r\nexport * from './slider.module';\r\nexport * from './slider.component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["EventEmitter","DEFAULT_HORIZONTAL_ALIGNMENT","Component","Renderer2","ElementRef","PepLayoutService","Input","Output","NgModule","CommonModule","MatCommonModule","MatSliderModule","PepNgxLibModule","PepFieldTitleModule"],"mappings":"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"}