@bizy/core 21.4.2 → 21.4.4
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/fesm2022/bizy-core.mjs +49 -9
- package/fesm2022/bizy-core.mjs.map +1 -1
- package/package.json +1 -1
- package/styles/variables.css +2 -1
- package/types/bizy-core.d.ts +3 -0
package/fesm2022/bizy-core.mjs
CHANGED
|
@@ -24,7 +24,7 @@ import flatpickr from 'flatpickr';
|
|
|
24
24
|
import monthSelectPlugin from 'flatpickr/dist/plugins/monthSelect/index.js';
|
|
25
25
|
import { Spanish } from 'flatpickr/dist/l10n/es.js';
|
|
26
26
|
import * as i2$2 from '@angular/cdk/overlay';
|
|
27
|
-
import { OverlayModule } from '@angular/cdk/overlay';
|
|
27
|
+
import { OverlayModule, CdkConnectedOverlay } from '@angular/cdk/overlay';
|
|
28
28
|
import AutoNumeric from 'autonumeric';
|
|
29
29
|
import Uppy from '@uppy/core';
|
|
30
30
|
import es_ES from '@uppy/locales/lib/es_ES';
|
|
@@ -12585,6 +12585,9 @@ class BizyFilterSectionSearchOptionComponent {
|
|
|
12585
12585
|
return this._value;
|
|
12586
12586
|
};
|
|
12587
12587
|
getNativeElement = () => this.#elementRef?.nativeElement;
|
|
12588
|
+
onClean() {
|
|
12589
|
+
this._onChange('');
|
|
12590
|
+
}
|
|
12588
12591
|
isActivated = () => {
|
|
12589
12592
|
return this.#activated.value;
|
|
12590
12593
|
};
|
|
@@ -12670,10 +12673,15 @@ class BizyFilterSectionComponent {
|
|
|
12670
12673
|
});
|
|
12671
12674
|
};
|
|
12672
12675
|
onClean = () => {
|
|
12673
|
-
if (
|
|
12676
|
+
if (this.checkboxOptions && this.checkboxOptions.length > 0) {
|
|
12674
12677
|
return;
|
|
12675
12678
|
}
|
|
12676
|
-
this.rangeOption
|
|
12679
|
+
if (this.rangeOption) {
|
|
12680
|
+
this.rangeOption.onClean();
|
|
12681
|
+
}
|
|
12682
|
+
else if (this.searchOption) {
|
|
12683
|
+
this.searchOption.onClean();
|
|
12684
|
+
}
|
|
12677
12685
|
};
|
|
12678
12686
|
isActivated = () => {
|
|
12679
12687
|
return this._activated;
|
|
@@ -12704,11 +12712,11 @@ class BizyFilterSectionComponent {
|
|
|
12704
12712
|
}
|
|
12705
12713
|
}
|
|
12706
12714
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyFilterSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12707
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: BizyFilterSectionComponent, isStandalone: true, selector: "bizy-filter-section", inputs: { id: "id", disabled: "disabled", customClass: "customClass" }, outputs: { onSelect: "onSelect" }, queries: [{ propertyName: "rangeOption", first: true, predicate: BizyFilterSectionRangeOptionComponent, descendants: true }, { propertyName: "searchOption", first: true, predicate: BizyFilterSectionSearchOptionComponent, descendants: true }, { propertyName: "checkboxOptions", predicate: BizyFilterSectionCheckboxOptionComponent }], ngImport: i0, template: "<div class=\"bizy-filter-section {{customClass}}\" [id]=\"id\">\n\n <span class=\"bizy-filter-section__header\">\n\n <ng-content select=\"[slot=header]\"></ng-content>\n\n <bizy-checkbox \n class=\"bizy-filter-section__header__checkbox\"\n (onSelect)=\"_onSelect(_activated)\"\n [selected]=\"!_activated\"\n [disabled]=\"disabled\">\n </bizy-checkbox>\n\n <button \n type=\"button\"\n class=\"bizy-filter-section__header__clear-button\"\n (click)=\"onClean()\"\n (keyup.enter)=\"onClean()\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\" class=\"bizy-filter-section__header__clear-icon\">\n <path d=\"M135.2 17.7C140.6 6.8 151.7 0 163.8 0H284.2c12.1 0 23.2 6.8 28.6 17.7L320 32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 96 0 81.7 0 64S14.3 32 32 32h96l7.2-14.3zM32 128H416V448c0 35.3-28.7 64-64 64H96c-35.3 0-64-28.7-64-64V128zm96 64c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16z\"/>\n </svg>\n </button>\n \n </span>\n\n <span class=\"bizy-filter-section__options\">\n\n <ng-content select=\"bizy-filter-section-checkbox-option\"></ng-content>\n\n <ng-content select=\"bizy-filter-section-range-option\"></ng-content>\n\n <ng-content select=\"bizy-filter-section-search-option\"></ng-content>\n\n </span>\n\n</div>", styles: [":host{font-size:1rem;flex:1;min-width:var(--bizy-filter-section-min-width)}:host:has(.bizy-filter-section-range-option) .bizy-filter-section__header__checkbox{display:none!important}:host:has(.bizy-filter-section-search-option) .bizy-filter-section__header__checkbox{display:none!important}:host:has(.bizy-filter-section-checkbox-option) .bizy-filter-section__header__clear-button{display:none!important}:host:has(.bizy-filter-section-
|
|
12715
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: BizyFilterSectionComponent, isStandalone: true, selector: "bizy-filter-section", inputs: { id: "id", disabled: "disabled", customClass: "customClass" }, outputs: { onSelect: "onSelect" }, queries: [{ propertyName: "rangeOption", first: true, predicate: BizyFilterSectionRangeOptionComponent, descendants: true }, { propertyName: "searchOption", first: true, predicate: BizyFilterSectionSearchOptionComponent, descendants: true }, { propertyName: "checkboxOptions", predicate: BizyFilterSectionCheckboxOptionComponent }], ngImport: i0, template: "<div class=\"bizy-filter-section {{customClass}}\" [id]=\"id\">\n\n <span class=\"bizy-filter-section__header\">\n\n <ng-content select=\"[slot=header]\"></ng-content>\n\n <bizy-checkbox \n class=\"bizy-filter-section__header__checkbox\"\n (onSelect)=\"_onSelect(_activated)\"\n [selected]=\"!_activated\"\n [disabled]=\"disabled\">\n </bizy-checkbox>\n\n <button \n type=\"button\"\n class=\"bizy-filter-section__header__clear-button\"\n (click)=\"onClean()\"\n (keyup.enter)=\"onClean()\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\" class=\"bizy-filter-section__header__clear-icon\">\n <path d=\"M135.2 17.7C140.6 6.8 151.7 0 163.8 0H284.2c12.1 0 23.2 6.8 28.6 17.7L320 32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 96 0 81.7 0 64S14.3 32 32 32h96l7.2-14.3zM32 128H416V448c0 35.3-28.7 64-64 64H96c-35.3 0-64-28.7-64-64V128zm96 64c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16z\"/>\n </svg>\n </button>\n \n </span>\n\n <span class=\"bizy-filter-section__options\">\n\n <ng-content select=\"bizy-filter-section-checkbox-option\"></ng-content>\n\n <ng-content select=\"bizy-filter-section-range-option\"></ng-content>\n\n <ng-content select=\"bizy-filter-section-search-option\"></ng-content>\n\n </span>\n\n</div>", styles: [":host{font-size:1rem;flex:1;min-width:var(--bizy-filter-section-min-width)}:host:has(.bizy-filter-section-range-option) .bizy-filter-section__header__checkbox{display:none!important}:host:has(.bizy-filter-section-search-option) .bizy-filter-section__header__checkbox{display:none!important}:host:has(.bizy-filter-section-checkbox-option) .bizy-filter-section__header__clear-button{display:none!important}:host:has(.bizy-filter-section-checkbox-option) .bizy-filter-section__options{overflow-y:auto!important}.bizy-filter-section{width:100%;background-color:transparent;display:flex;flex-direction:column;row-gap:.3rem}.bizy-filter-section__header{width:100%;display:flex;align-items:center;justify-content:space-between;column-gap:.5rem;border:none;background-color:transparent;text-align:start}.bizy-filter-section__options{width:100%;max-width:100%;display:flex;flex-direction:column;min-height:fit-content;max-height:15rem;overflow-y:hidden;overflow-x:hidden}.bizy-filter-section__header__clear-button{width:fit-content;height:fit-content;border:none;background-color:transparent;cursor:pointer}.bizy-filter-section__header__clear-icon{fill:var(--bizy-filter-section-clear-color);pointer-events:none;height:1rem}\n"], dependencies: [{ kind: "component", type: BizyCheckboxComponent, selector: "bizy-checkbox", inputs: ["id", "selected", "disabled", "readonly"], outputs: ["selectedChange", "onSelect"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
12708
12716
|
}
|
|
12709
12717
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyFilterSectionComponent, decorators: [{
|
|
12710
12718
|
type: Component,
|
|
12711
|
-
args: [{ selector: 'bizy-filter-section', imports: [BizyCheckboxComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"bizy-filter-section {{customClass}}\" [id]=\"id\">\n\n <span class=\"bizy-filter-section__header\">\n\n <ng-content select=\"[slot=header]\"></ng-content>\n\n <bizy-checkbox \n class=\"bizy-filter-section__header__checkbox\"\n (onSelect)=\"_onSelect(_activated)\"\n [selected]=\"!_activated\"\n [disabled]=\"disabled\">\n </bizy-checkbox>\n\n <button \n type=\"button\"\n class=\"bizy-filter-section__header__clear-button\"\n (click)=\"onClean()\"\n (keyup.enter)=\"onClean()\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\" class=\"bizy-filter-section__header__clear-icon\">\n <path d=\"M135.2 17.7C140.6 6.8 151.7 0 163.8 0H284.2c12.1 0 23.2 6.8 28.6 17.7L320 32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 96 0 81.7 0 64S14.3 32 32 32h96l7.2-14.3zM32 128H416V448c0 35.3-28.7 64-64 64H96c-35.3 0-64-28.7-64-64V128zm96 64c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16z\"/>\n </svg>\n </button>\n \n </span>\n\n <span class=\"bizy-filter-section__options\">\n\n <ng-content select=\"bizy-filter-section-checkbox-option\"></ng-content>\n\n <ng-content select=\"bizy-filter-section-range-option\"></ng-content>\n\n <ng-content select=\"bizy-filter-section-search-option\"></ng-content>\n\n </span>\n\n</div>", styles: [":host{font-size:1rem;flex:1;min-width:var(--bizy-filter-section-min-width)}:host:has(.bizy-filter-section-range-option) .bizy-filter-section__header__checkbox{display:none!important}:host:has(.bizy-filter-section-search-option) .bizy-filter-section__header__checkbox{display:none!important}:host:has(.bizy-filter-section-checkbox-option) .bizy-filter-section__header__clear-button{display:none!important}:host:has(.bizy-filter-section-
|
|
12719
|
+
args: [{ selector: 'bizy-filter-section', imports: [BizyCheckboxComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"bizy-filter-section {{customClass}}\" [id]=\"id\">\n\n <span class=\"bizy-filter-section__header\">\n\n <ng-content select=\"[slot=header]\"></ng-content>\n\n <bizy-checkbox \n class=\"bizy-filter-section__header__checkbox\"\n (onSelect)=\"_onSelect(_activated)\"\n [selected]=\"!_activated\"\n [disabled]=\"disabled\">\n </bizy-checkbox>\n\n <button \n type=\"button\"\n class=\"bizy-filter-section__header__clear-button\"\n (click)=\"onClean()\"\n (keyup.enter)=\"onClean()\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\" class=\"bizy-filter-section__header__clear-icon\">\n <path d=\"M135.2 17.7C140.6 6.8 151.7 0 163.8 0H284.2c12.1 0 23.2 6.8 28.6 17.7L320 32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 96 0 81.7 0 64S14.3 32 32 32h96l7.2-14.3zM32 128H416V448c0 35.3-28.7 64-64 64H96c-35.3 0-64-28.7-64-64V128zm96 64c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16z\"/>\n </svg>\n </button>\n \n </span>\n\n <span class=\"bizy-filter-section__options\">\n\n <ng-content select=\"bizy-filter-section-checkbox-option\"></ng-content>\n\n <ng-content select=\"bizy-filter-section-range-option\"></ng-content>\n\n <ng-content select=\"bizy-filter-section-search-option\"></ng-content>\n\n </span>\n\n</div>", styles: [":host{font-size:1rem;flex:1;min-width:var(--bizy-filter-section-min-width)}:host:has(.bizy-filter-section-range-option) .bizy-filter-section__header__checkbox{display:none!important}:host:has(.bizy-filter-section-search-option) .bizy-filter-section__header__checkbox{display:none!important}:host:has(.bizy-filter-section-checkbox-option) .bizy-filter-section__header__clear-button{display:none!important}:host:has(.bizy-filter-section-checkbox-option) .bizy-filter-section__options{overflow-y:auto!important}.bizy-filter-section{width:100%;background-color:transparent;display:flex;flex-direction:column;row-gap:.3rem}.bizy-filter-section__header{width:100%;display:flex;align-items:center;justify-content:space-between;column-gap:.5rem;border:none;background-color:transparent;text-align:start}.bizy-filter-section__options{width:100%;max-width:100%;display:flex;flex-direction:column;min-height:fit-content;max-height:15rem;overflow-y:hidden;overflow-x:hidden}.bizy-filter-section__header__clear-button{width:fit-content;height:fit-content;border:none;background-color:transparent;cursor:pointer}.bizy-filter-section__header__clear-icon{fill:var(--bizy-filter-section-clear-color);pointer-events:none;height:1rem}\n"] }]
|
|
12712
12720
|
}], propDecorators: { checkboxOptions: [{
|
|
12713
12721
|
type: ContentChildren,
|
|
12714
12722
|
args: [BizyFilterSectionCheckboxOptionComponent]
|
|
@@ -12732,17 +12740,18 @@ class BizyFilterSectionsComponent {
|
|
|
12732
12740
|
#elementRef = inject(ElementRef);
|
|
12733
12741
|
getNativeElement = () => this.#elementRef?.nativeElement;
|
|
12734
12742
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyFilterSectionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12735
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: BizyFilterSectionsComponent, isStandalone: true, selector: "bizy-filter-sections", ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{font-size:1rem;background-color:inherit;width:fit-content;max-width:
|
|
12743
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: BizyFilterSectionsComponent, isStandalone: true, selector: "bizy-filter-sections", ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{font-size:1rem;background-color:inherit;width:fit-content;max-width:var(--bizy-filter-max-width);grid-template-columns:repeat(auto-fit,minmax(var(--bizy-filter-section-min-width),1fr));display:grid;gap:2rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
12736
12744
|
}
|
|
12737
12745
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyFilterSectionsComponent, decorators: [{
|
|
12738
12746
|
type: Component,
|
|
12739
|
-
args: [{ selector: 'bizy-filter-sections', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{font-size:1rem;background-color:inherit;width:fit-content;max-width:
|
|
12747
|
+
args: [{ selector: 'bizy-filter-sections', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{font-size:1rem;background-color:inherit;width:fit-content;max-width:var(--bizy-filter-max-width);grid-template-columns:repeat(auto-fit,minmax(var(--bizy-filter-section-min-width),1fr));display:grid;gap:2rem}\n"] }]
|
|
12740
12748
|
}] });
|
|
12741
12749
|
|
|
12742
12750
|
class BizyFilterComponent {
|
|
12743
12751
|
#elementRef = inject(ElementRef);
|
|
12744
12752
|
#document = inject(DOCUMENT$1);
|
|
12745
12753
|
#ref = inject(ChangeDetectorRef);
|
|
12754
|
+
overlay;
|
|
12746
12755
|
sections;
|
|
12747
12756
|
id = `bizy-filter-${Math.random()}`;
|
|
12748
12757
|
disabled = false;
|
|
@@ -12788,6 +12797,23 @@ class BizyFilterComponent {
|
|
|
12788
12797
|
this._filterWidth = event.srcElement.offsetWidth;
|
|
12789
12798
|
}
|
|
12790
12799
|
this.onOpen.emit(event);
|
|
12800
|
+
this.#ref.detectChanges();
|
|
12801
|
+
const panel = this.overlay.overlayRef?.overlayElement;
|
|
12802
|
+
if (panel) {
|
|
12803
|
+
const maxWidth = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-filter-max-width');
|
|
12804
|
+
panel.style.setProperty('--bizy-filter-max-width', maxWidth);
|
|
12805
|
+
const sectionMinWidth = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-filter-section-min-width');
|
|
12806
|
+
panel.style.setProperty('--bizy-filter-section-min-width', sectionMinWidth);
|
|
12807
|
+
const inputMinWidth = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-input-min-width');
|
|
12808
|
+
panel.style.setProperty('--bizy-input-min-width', inputMinWidth);
|
|
12809
|
+
const inputWidth = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-input-width');
|
|
12810
|
+
panel.style.setProperty('--bizy-input-width', inputWidth);
|
|
12811
|
+
const inputMaxWidth = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-input-max-width');
|
|
12812
|
+
panel.style.setProperty('--bizy-input-max-width', inputMaxWidth);
|
|
12813
|
+
const inputBackgroundColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-input-background-color');
|
|
12814
|
+
panel.style.setProperty('--bizy-input-background-color', inputBackgroundColor);
|
|
12815
|
+
this.#ref.detectChanges();
|
|
12816
|
+
}
|
|
12791
12817
|
};
|
|
12792
12818
|
close = (event) => {
|
|
12793
12819
|
if (event && event.target && event.target.id && event.target.id === this.id) {
|
|
@@ -12797,11 +12823,22 @@ class BizyFilterComponent {
|
|
|
12797
12823
|
this.#ref.detectChanges();
|
|
12798
12824
|
};
|
|
12799
12825
|
getNativeElement = () => this.#elementRef?.nativeElement;
|
|
12826
|
+
#getClosestCssVariable = (element, cssVariable) => {
|
|
12827
|
+
while (element) {
|
|
12828
|
+
const value = getComputedStyle(element).getPropertyValue(cssVariable).trim();
|
|
12829
|
+
if (value) {
|
|
12830
|
+
return value;
|
|
12831
|
+
}
|
|
12832
|
+
element = element.parentElement;
|
|
12833
|
+
}
|
|
12834
|
+
const rootValue = getComputedStyle(this.#document.documentElement).getPropertyValue(cssVariable).trim();
|
|
12835
|
+
return rootValue || null;
|
|
12836
|
+
};
|
|
12800
12837
|
ngOnDestroy() {
|
|
12801
12838
|
this.#subscription.unsubscribe();
|
|
12802
12839
|
}
|
|
12803
12840
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12804
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: BizyFilterComponent, isStandalone: true, selector: "bizy-filter", inputs: { id: "id", disabled: "disabled", customClass: "customClass", opened: "opened" }, outputs: { onOpen: "onOpen", onChange: "onChange" }, queries: [{ propertyName: "sections", predicate: BizyFilterSectionComponent, descendants: true }], ngImport: i0, template: "<button \n type=\"button\"\n class=\"bizy-filter {{customClass}}\"\n [ngClass]=\"{'bizy-filter--disabled': disabled}\"\n [id]=\"id\"\n (click)=\"_onOpen($event)\"\n (keyup.enter)=\"_onOpen($event)\"\n cdkOverlayOrigin \n #bizyFilterTrigger=\"cdkOverlayOrigin\">\n\n <span class=\"bizy-filter__content\">\n <ng-content></ng-content>\n </span>\n\n <span class=\"bizy-filter__badge\" [ngClass]=\"{'bizy-filter__badge--visible': _activated}\"></span>\n \n</button>\n\n<ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayMinWidth]=\"_filterWidth\"\n [cdkConnectedOverlayOrigin]=\"bizyFilterTrigger\"\n (overlayOutsideClick)=\"close($event)\"\n [cdkConnectedOverlayOpen]=\"opened\">\n\n <span class=\"bizy-filter__sections-wrapper\">\n\n <bizy-filter-sections>\n \n <ng-content select=\"bizy-filter-section\"></ng-content>\n \n </bizy-filter-sections>\n\n <ng-content select=\"bizy-filter-content\"></ng-content>\n\n </span>\n\n</ng-template>\n", styles: [":host{font-size:1rem}.bizy-filter{font-size:1rem;width:100%;border:none;background-color:transparent;display:flex;align-items:center;justify-content:space-between;column-gap:.5rem;cursor:pointer;padding:var(--bizy-filter-padding);color:var(--bizy-filter-color);position:relative}.bizy-filter--disabled{pointer-events:none;opacity:.5;cursor:not-allowed!important}.bizy-filter__badge{position:absolute;top:-.2rem;right:-.2rem;height:.5rem;width:.5rem;border-radius:50%;background-color:var(--bizy-filter-badge-color);display:none}.bizy-filter__badge--visible{display:block!important}.bizy-filter__content{font-size:1rem;display:flex;align-items:center;column-gap:.3rem;pointer-events:none}.bizy-filter__sections-wrapper{background-color:var(--bizy-filter-background-color);display:flex;flex-direction:column;overflow-y:auto;max-height:30rem;max-width:90dvw;padding:.5rem;box-shadow:0 7px 14px #32325d1a,0 3px 6px #00000014}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$2.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2$2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: BizyFilterSectionsComponent, selector: "bizy-filter-sections" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
12841
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: BizyFilterComponent, isStandalone: true, selector: "bizy-filter", inputs: { id: "id", disabled: "disabled", customClass: "customClass", opened: "opened" }, outputs: { onOpen: "onOpen", onChange: "onChange" }, queries: [{ propertyName: "sections", predicate: BizyFilterSectionComponent, descendants: true }], viewQueries: [{ propertyName: "overlay", first: true, predicate: CdkConnectedOverlay, descendants: true }], ngImport: i0, template: "<button \n type=\"button\"\n class=\"bizy-filter {{customClass}}\"\n [ngClass]=\"{'bizy-filter--disabled': disabled}\"\n [id]=\"id\"\n (click)=\"_onOpen($event)\"\n (keyup.enter)=\"_onOpen($event)\"\n cdkOverlayOrigin \n #bizyFilterTrigger=\"cdkOverlayOrigin\">\n\n <span class=\"bizy-filter__content\">\n <ng-content></ng-content>\n </span>\n\n <span class=\"bizy-filter__badge\" [ngClass]=\"{'bizy-filter__badge--visible': _activated}\"></span>\n \n</button>\n\n<ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayMinWidth]=\"_filterWidth\"\n [cdkConnectedOverlayOrigin]=\"bizyFilterTrigger\"\n (overlayOutsideClick)=\"close($event)\"\n [cdkConnectedOverlayOpen]=\"opened\">\n\n <span class=\"bizy-filter__sections-wrapper\">\n\n <bizy-filter-sections>\n \n <ng-content select=\"bizy-filter-section\"></ng-content>\n \n </bizy-filter-sections>\n\n <ng-content select=\"bizy-filter-content\"></ng-content>\n\n </span>\n\n</ng-template>\n", styles: [":host{font-size:1rem}.bizy-filter{font-size:1rem;width:100%;border:none;background-color:transparent;display:flex;align-items:center;justify-content:space-between;column-gap:.5rem;cursor:pointer;padding:var(--bizy-filter-padding);color:var(--bizy-filter-color);position:relative}.bizy-filter--disabled{pointer-events:none;opacity:.5;cursor:not-allowed!important}.bizy-filter__badge{position:absolute;top:-.2rem;right:-.2rem;height:.5rem;width:.5rem;border-radius:50%;background-color:var(--bizy-filter-badge-color);display:none}.bizy-filter__badge--visible{display:block!important}.bizy-filter__content{font-size:1rem;display:flex;align-items:center;column-gap:.3rem;pointer-events:none}.bizy-filter__sections-wrapper{background-color:var(--bizy-filter-background-color);display:flex;flex-direction:column;overflow-y:auto;max-height:30rem;max-width:90dvw;padding:.5rem;box-shadow:0 7px 14px #32325d1a,0 3px 6px #00000014}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$2.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2$2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: BizyFilterSectionsComponent, selector: "bizy-filter-sections" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
12805
12842
|
}
|
|
12806
12843
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyFilterComponent, decorators: [{
|
|
12807
12844
|
type: Component,
|
|
@@ -12810,7 +12847,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
|
|
|
12810
12847
|
OverlayModule,
|
|
12811
12848
|
BizyFilterSectionsComponent
|
|
12812
12849
|
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button \n type=\"button\"\n class=\"bizy-filter {{customClass}}\"\n [ngClass]=\"{'bizy-filter--disabled': disabled}\"\n [id]=\"id\"\n (click)=\"_onOpen($event)\"\n (keyup.enter)=\"_onOpen($event)\"\n cdkOverlayOrigin \n #bizyFilterTrigger=\"cdkOverlayOrigin\">\n\n <span class=\"bizy-filter__content\">\n <ng-content></ng-content>\n </span>\n\n <span class=\"bizy-filter__badge\" [ngClass]=\"{'bizy-filter__badge--visible': _activated}\"></span>\n \n</button>\n\n<ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayMinWidth]=\"_filterWidth\"\n [cdkConnectedOverlayOrigin]=\"bizyFilterTrigger\"\n (overlayOutsideClick)=\"close($event)\"\n [cdkConnectedOverlayOpen]=\"opened\">\n\n <span class=\"bizy-filter__sections-wrapper\">\n\n <bizy-filter-sections>\n \n <ng-content select=\"bizy-filter-section\"></ng-content>\n \n </bizy-filter-sections>\n\n <ng-content select=\"bizy-filter-content\"></ng-content>\n\n </span>\n\n</ng-template>\n", styles: [":host{font-size:1rem}.bizy-filter{font-size:1rem;width:100%;border:none;background-color:transparent;display:flex;align-items:center;justify-content:space-between;column-gap:.5rem;cursor:pointer;padding:var(--bizy-filter-padding);color:var(--bizy-filter-color);position:relative}.bizy-filter--disabled{pointer-events:none;opacity:.5;cursor:not-allowed!important}.bizy-filter__badge{position:absolute;top:-.2rem;right:-.2rem;height:.5rem;width:.5rem;border-radius:50%;background-color:var(--bizy-filter-badge-color);display:none}.bizy-filter__badge--visible{display:block!important}.bizy-filter__content{font-size:1rem;display:flex;align-items:center;column-gap:.3rem;pointer-events:none}.bizy-filter__sections-wrapper{background-color:var(--bizy-filter-background-color);display:flex;flex-direction:column;overflow-y:auto;max-height:30rem;max-width:90dvw;padding:.5rem;box-shadow:0 7px 14px #32325d1a,0 3px 6px #00000014}\n"] }]
|
|
12813
|
-
}], propDecorators: {
|
|
12850
|
+
}], propDecorators: { overlay: [{
|
|
12851
|
+
type: ViewChild,
|
|
12852
|
+
args: [CdkConnectedOverlay]
|
|
12853
|
+
}], sections: [{
|
|
12814
12854
|
type: ContentChildren,
|
|
12815
12855
|
args: [BizyFilterSectionComponent, { descendants: true }]
|
|
12816
12856
|
}], id: [{
|