@bizy/core 20.10.1 → 20.10.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/fesm2022/bizy-core.mjs +14 -8
- package/fesm2022/bizy-core.mjs.map +1 -1
- package/index.d.ts +3 -2
- package/package.json +1 -1
package/fesm2022/bizy-core.mjs
CHANGED
|
@@ -8050,6 +8050,9 @@ class BizyAudioPlayerComponent {
|
|
|
8050
8050
|
if (this.enableLogs) {
|
|
8051
8051
|
console.debug('bizy audio player - canplay', event);
|
|
8052
8052
|
}
|
|
8053
|
+
if (this.autoplay) {
|
|
8054
|
+
this.play();
|
|
8055
|
+
}
|
|
8053
8056
|
this.canPlay.emit(event);
|
|
8054
8057
|
}, {
|
|
8055
8058
|
once: true,
|
|
@@ -8298,11 +8301,11 @@ class BizyAudioPlayerComponent {
|
|
|
8298
8301
|
this.#removeListeners();
|
|
8299
8302
|
}
|
|
8300
8303
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyAudioPlayerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8301
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: BizyAudioPlayerComponent, isStandalone: true, selector: "bizy-audio-player", inputs: { enableLogs: "enableLogs", disabled: "disabled", autoplay: "autoplay", download: "download", playbackRate: "playbackRate", src: "src" }, outputs: { onPlaybackRate: "onPlaybackRate", onDownload: "onDownload", canPlay: "canPlay", onPause: "onPause", onEnded: "onEnded", onStalled: "onStalled", onAbort: "onAbort", onError: "onError", onEmptied: "onEmptied", canPlayThrough: "canPlayThrough", durationChange: "durationChange", onLoadedData: "onLoadedData", onLoadedMetadata: "onLoadedMetadata", onLoadStart: "onLoadStart", onPlay: "onPlay", onPlaying: "onPlaying", onProgress: "onProgress", onSeeked: "onSeeked", onSeeking: "onSeeking", onSuspend: "onSuspend", onTimeUpdate: "onTimeUpdate", onVolumeChange: "onVolumeChange", onWaiting: "onWaiting" }, viewQueries: [{ propertyName: "playButtonRef", first: true, predicate: ["bizyAudioPlayerPlayButtonRef"], descendants: true }, { propertyName: "audioRef", first: true, predicate: ["bizyAudioPlayerAudioRef"], descendants: true }, { propertyName: "seekSliderRef", first: true, predicate: ["bizyAudioPlayerSeekSliderRef"], descendants: true }, { propertyName: "muteButtonRef", first: true, predicate: ["bizyAudioPlayerMuteButtonRef"], descendants: true }], ngImport: i0, template: "<button \n type=\"button\"\n #bizyAudioPlayerPlayButtonRef\n [class.bizy-audio-player--disabled]=\"disabled\"\n class=\"bizy-audio-player__play-button\"\n (click)=\"togglePlay()\"\n (keyup.enter)=\"togglePlay()\">\n</button>\n\n<audio #bizyAudioPlayerAudioRef preload=\"metadata\"
|
|
8304
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: BizyAudioPlayerComponent, isStandalone: true, selector: "bizy-audio-player", inputs: { enableLogs: "enableLogs", disabled: "disabled", autoplay: "autoplay", download: "download", playbackRate: "playbackRate", src: "src" }, outputs: { onPlaybackRate: "onPlaybackRate", onDownload: "onDownload", canPlay: "canPlay", onPause: "onPause", onEnded: "onEnded", onStalled: "onStalled", onAbort: "onAbort", onError: "onError", onEmptied: "onEmptied", canPlayThrough: "canPlayThrough", durationChange: "durationChange", onLoadedData: "onLoadedData", onLoadedMetadata: "onLoadedMetadata", onLoadStart: "onLoadStart", onPlay: "onPlay", onPlaying: "onPlaying", onProgress: "onProgress", onSeeked: "onSeeked", onSeeking: "onSeeking", onSuspend: "onSuspend", onTimeUpdate: "onTimeUpdate", onVolumeChange: "onVolumeChange", onWaiting: "onWaiting" }, viewQueries: [{ propertyName: "playButtonRef", first: true, predicate: ["bizyAudioPlayerPlayButtonRef"], descendants: true }, { propertyName: "audioRef", first: true, predicate: ["bizyAudioPlayerAudioRef"], descendants: true }, { propertyName: "seekSliderRef", first: true, predicate: ["bizyAudioPlayerSeekSliderRef"], descendants: true }, { propertyName: "muteButtonRef", first: true, predicate: ["bizyAudioPlayerMuteButtonRef"], descendants: true }], ngImport: i0, template: "<button \n type=\"button\"\n #bizyAudioPlayerPlayButtonRef\n [class.bizy-audio-player--disabled]=\"disabled\"\n class=\"bizy-audio-player__play-button\"\n (click)=\"togglePlay()\"\n (keyup.enter)=\"togglePlay()\">\n</button>\n\n<audio #bizyAudioPlayerAudioRef preload=\"metadata\">\n <source [src]=\"_src\" [type]=\"MIME_TYPE.WAV\">\n <source [src]=\"_src\" [type]=\"MIME_TYPE.OGG\">\n <source [src]=\"_src\" [type]=\"MIME_TYPE.MPEG\">\n</audio>\n\n<h6 [class.bizy-audio-player--disabled]=\"disabled\">{{_currentTime | bizyAudioPlayerFormatSeconds}}</h6>\n<input \n #bizyAudioPlayerSeekSliderRef\n [class.bizy-audio-player--disabled]=\"disabled\"\n class=\"bizy-audio-player__slider\"\n type=\"range\"\n [max]=\"_duration\"\n [value]=\"_currentTime\">\n<h6 [class.bizy-audio-player--disabled]=\"disabled\">{{_duration | bizyAudioPlayerFormatSeconds}}</h6>\n\n<button \n type=\"button\"\n #bizyAudioPlayerMuteButtonRef\n [class.bizy-audio-player--disabled]=\"disabled\"\n class=\"bizy-audio-player__mute-button\"\n (click)=\"toggleMute()\"\n (keyup.enter)=\"toggleMute()\">\n</button>\n\n@if (_showPlaybackRate) {\n <button \n type=\"button\"\n [class.bizy-audio-player--disabled]=\"disabled\"\n class=\"bizy-audio-player__playback-rate-button\"\n (click)=\"setPlaybackRate()\"\n (keyup.enter)=\"setPlaybackRate()\">\n <h6 class=\"bizy-audio-player__playback-rate-button__text\">{{_playbackRate}}x</h6>\n </button>\n}\n\n@if (_showDownload) {\n <button \n type=\"button\"\n [class.bizy-audio-player--disabled]=\"disabled\"\n class=\"bizy-audio-player__download-button\"\n (click)=\"downloadAudio()\"\n (keyup.enter)=\"downloadAudio()\">\n <svg \n class=\"bizy-audio-player__download-button__icon\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n stroke-width=\"2\"\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"/><polyline points=\"7 10 12 15 17 10\"/><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"/>\n </svg>\n </button>\n}\n", styles: [":host{font-size:1rem;display:flex;align-items:center;column-gap:.3rem;width:var(--bizy-audio-player-width);height:var(--bizy-audio-player-height)}.bizy-audio-player__play-button{height:var(--bizy-audio-player-height);width:var(--bizy-audio-player-height);border:none;padding:.3rem 0;background-color:transparent;cursor:pointer}.bizy-audio-player__mute-button{height:var(--bizy-audio-player-height);width:var(--bizy-audio-player-height);padding:.7rem 0;border:none;background-color:transparent;cursor:pointer}.bizy-audio-player__playback-rate-button{height:fit-content;width:fit-content;min-width:2.4rem;border:.1rem solid var(--bizy-audio-player-playback-rate-button-color);border-radius:.3rem;padding:.2rem;display:flex;justify-content:center;align-items:center;background-color:transparent;cursor:pointer}.bizy-audio-player__playback-rate-button:hover{background-color:var(--bizy-audio-player-playback-rate-button-hover-color)}.bizy-audio-player__playback-rate-button__text{color:var(--bizy-audio-player-playback-rate-button-color);text-wrap:nowrap}.bizy-audio-player__download-button{height:fit-content;width:fit-content;min-width:2.4rem;border:.1rem solid var(--bizy-audio-player-download-button-color);border-radius:.3rem;padding:.2rem;display:flex;justify-content:center;align-items:center;background-color:transparent;cursor:pointer}.bizy-audio-player__download-button:hover{background-color:var(--bizy-audio-player-download-button-hover-color)}.bizy-audio-player__download-button__icon{height:1rem;stroke:var(--bizy-audio-player-download-button-color)}.bizy-audio-player__slider{flex:1;position:relative;background-color:transparent;-webkit-appearance:none;outline:none}.bizy-audio-player__slider::-webkit-slider-runnable-track{width:100%;height:.3rem;cursor:pointer;border-radius:12rem;background:linear-gradient(to right,rgba(0,125,181,.6) var(--bizy-audio-player-volume-before-width),rgba(0,125,181,.2) var(--bizy-audio-player-volume-before-width))}.bizy-audio-player__slider:before{position:absolute;content:\"\";top:0;left:0;border-radius:12rem;width:var(--bizy-audio-player-seek-before-width);height:.3rem;background-color:var(--bizy-audio-player-seek-before-background-color);cursor:pointer}.bizy-audio-player__slider::-webkit-slider-thumb{position:relative;-webkit-appearance:none;box-sizing:content-box;border:var(--bizy-audio-player-seek-slider-thumb-border);height:1rem;width:1rem;border-radius:50%;background-color:var(--bizy-audio-player-seek-slider-thumb-background-color);cursor:pointer;margin:-.4rem 0 0}.bizy-audio-player__slider:active::-webkit-slider-thumb{transform:scale(1.2);background:var(--bizy-audio-player-seek-slider-thumb-active-background-color)}.bizy-audio-player__slider::-moz-range-track{width:100%;height:.3rem;cursor:pointer;background:linear-gradient(to right,rgba(0,125,181,.6) var(--bizy-audio-player-volume-before-width),rgba(0,125,181,.2) var(--bizy-audio-player-volume-before-width))}.bizy-audio-player__slider::-moz-range-progress{background-color:var(--bizy-audio-player-seek-before-background-color)}.bizy-audio-player__slider::-moz-focus-outer{border:0}.bizy-audio-player__slider::-moz-range-thumb{box-sizing:content-box;border:var(--bizy-audio-player-seek-slider-thumb-border);height:1rem;width:1rem;border-radius:50%;background-color:var(--bizy-audio-player-seek-slider-thumb-background-color);cursor:pointer}.bizy-audio-player__slider:active::-moz-range-thumb{transform:scale(1.2);background:var(--bizy-audio-player-seek-slider-thumb-active-background-color)}.bizy-audio-player__slider::-ms-track{width:100%;height:.3rem;cursor:pointer;background:transparent;border:solid transparent;color:transparent}.bizy-audio-player__slider::-ms-fill-lower{background-color:var(--bizy-audio-player-seek-before-background-color)}.bizy-audio-player__slider::-ms-thumb{box-sizing:content-box;border:var(--bizy-audio-player-seek-slider-thumb-border);height:1rem;width:1rem;border-radius:50%;background-color:var(--bizy-audio-player-seek-slider-thumb-background-color);cursor:pointer}.bizy-audio-player__slider:active::-ms-thumb{transform:scale(1.2);background:var(--bizy-audio-player-seek-slider-thumb-active-background-color)}.bizy-audio-player--disabled{opacity:.5;cursor:not-allowed!important;pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: BizyAudioPlayerFormatSecondsPipe, name: "bizyAudioPlayerFormatSeconds" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
8302
8305
|
}
|
|
8303
8306
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyAudioPlayerComponent, decorators: [{
|
|
8304
8307
|
type: Component,
|
|
8305
|
-
args: [{ selector: 'bizy-audio-player', imports: [CommonModule, BizyAudioPlayerFormatSecondsPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button \n type=\"button\"\n #bizyAudioPlayerPlayButtonRef\n [class.bizy-audio-player--disabled]=\"disabled\"\n class=\"bizy-audio-player__play-button\"\n (click)=\"togglePlay()\"\n (keyup.enter)=\"togglePlay()\">\n</button>\n\n<audio #bizyAudioPlayerAudioRef preload=\"metadata\"
|
|
8308
|
+
args: [{ selector: 'bizy-audio-player', imports: [CommonModule, BizyAudioPlayerFormatSecondsPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button \n type=\"button\"\n #bizyAudioPlayerPlayButtonRef\n [class.bizy-audio-player--disabled]=\"disabled\"\n class=\"bizy-audio-player__play-button\"\n (click)=\"togglePlay()\"\n (keyup.enter)=\"togglePlay()\">\n</button>\n\n<audio #bizyAudioPlayerAudioRef preload=\"metadata\">\n <source [src]=\"_src\" [type]=\"MIME_TYPE.WAV\">\n <source [src]=\"_src\" [type]=\"MIME_TYPE.OGG\">\n <source [src]=\"_src\" [type]=\"MIME_TYPE.MPEG\">\n</audio>\n\n<h6 [class.bizy-audio-player--disabled]=\"disabled\">{{_currentTime | bizyAudioPlayerFormatSeconds}}</h6>\n<input \n #bizyAudioPlayerSeekSliderRef\n [class.bizy-audio-player--disabled]=\"disabled\"\n class=\"bizy-audio-player__slider\"\n type=\"range\"\n [max]=\"_duration\"\n [value]=\"_currentTime\">\n<h6 [class.bizy-audio-player--disabled]=\"disabled\">{{_duration | bizyAudioPlayerFormatSeconds}}</h6>\n\n<button \n type=\"button\"\n #bizyAudioPlayerMuteButtonRef\n [class.bizy-audio-player--disabled]=\"disabled\"\n class=\"bizy-audio-player__mute-button\"\n (click)=\"toggleMute()\"\n (keyup.enter)=\"toggleMute()\">\n</button>\n\n@if (_showPlaybackRate) {\n <button \n type=\"button\"\n [class.bizy-audio-player--disabled]=\"disabled\"\n class=\"bizy-audio-player__playback-rate-button\"\n (click)=\"setPlaybackRate()\"\n (keyup.enter)=\"setPlaybackRate()\">\n <h6 class=\"bizy-audio-player__playback-rate-button__text\">{{_playbackRate}}x</h6>\n </button>\n}\n\n@if (_showDownload) {\n <button \n type=\"button\"\n [class.bizy-audio-player--disabled]=\"disabled\"\n class=\"bizy-audio-player__download-button\"\n (click)=\"downloadAudio()\"\n (keyup.enter)=\"downloadAudio()\">\n <svg \n class=\"bizy-audio-player__download-button__icon\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n stroke-width=\"2\"\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"/><polyline points=\"7 10 12 15 17 10\"/><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"/>\n </svg>\n </button>\n}\n", styles: [":host{font-size:1rem;display:flex;align-items:center;column-gap:.3rem;width:var(--bizy-audio-player-width);height:var(--bizy-audio-player-height)}.bizy-audio-player__play-button{height:var(--bizy-audio-player-height);width:var(--bizy-audio-player-height);border:none;padding:.3rem 0;background-color:transparent;cursor:pointer}.bizy-audio-player__mute-button{height:var(--bizy-audio-player-height);width:var(--bizy-audio-player-height);padding:.7rem 0;border:none;background-color:transparent;cursor:pointer}.bizy-audio-player__playback-rate-button{height:fit-content;width:fit-content;min-width:2.4rem;border:.1rem solid var(--bizy-audio-player-playback-rate-button-color);border-radius:.3rem;padding:.2rem;display:flex;justify-content:center;align-items:center;background-color:transparent;cursor:pointer}.bizy-audio-player__playback-rate-button:hover{background-color:var(--bizy-audio-player-playback-rate-button-hover-color)}.bizy-audio-player__playback-rate-button__text{color:var(--bizy-audio-player-playback-rate-button-color);text-wrap:nowrap}.bizy-audio-player__download-button{height:fit-content;width:fit-content;min-width:2.4rem;border:.1rem solid var(--bizy-audio-player-download-button-color);border-radius:.3rem;padding:.2rem;display:flex;justify-content:center;align-items:center;background-color:transparent;cursor:pointer}.bizy-audio-player__download-button:hover{background-color:var(--bizy-audio-player-download-button-hover-color)}.bizy-audio-player__download-button__icon{height:1rem;stroke:var(--bizy-audio-player-download-button-color)}.bizy-audio-player__slider{flex:1;position:relative;background-color:transparent;-webkit-appearance:none;outline:none}.bizy-audio-player__slider::-webkit-slider-runnable-track{width:100%;height:.3rem;cursor:pointer;border-radius:12rem;background:linear-gradient(to right,rgba(0,125,181,.6) var(--bizy-audio-player-volume-before-width),rgba(0,125,181,.2) var(--bizy-audio-player-volume-before-width))}.bizy-audio-player__slider:before{position:absolute;content:\"\";top:0;left:0;border-radius:12rem;width:var(--bizy-audio-player-seek-before-width);height:.3rem;background-color:var(--bizy-audio-player-seek-before-background-color);cursor:pointer}.bizy-audio-player__slider::-webkit-slider-thumb{position:relative;-webkit-appearance:none;box-sizing:content-box;border:var(--bizy-audio-player-seek-slider-thumb-border);height:1rem;width:1rem;border-radius:50%;background-color:var(--bizy-audio-player-seek-slider-thumb-background-color);cursor:pointer;margin:-.4rem 0 0}.bizy-audio-player__slider:active::-webkit-slider-thumb{transform:scale(1.2);background:var(--bizy-audio-player-seek-slider-thumb-active-background-color)}.bizy-audio-player__slider::-moz-range-track{width:100%;height:.3rem;cursor:pointer;background:linear-gradient(to right,rgba(0,125,181,.6) var(--bizy-audio-player-volume-before-width),rgba(0,125,181,.2) var(--bizy-audio-player-volume-before-width))}.bizy-audio-player__slider::-moz-range-progress{background-color:var(--bizy-audio-player-seek-before-background-color)}.bizy-audio-player__slider::-moz-focus-outer{border:0}.bizy-audio-player__slider::-moz-range-thumb{box-sizing:content-box;border:var(--bizy-audio-player-seek-slider-thumb-border);height:1rem;width:1rem;border-radius:50%;background-color:var(--bizy-audio-player-seek-slider-thumb-background-color);cursor:pointer}.bizy-audio-player__slider:active::-moz-range-thumb{transform:scale(1.2);background:var(--bizy-audio-player-seek-slider-thumb-active-background-color)}.bizy-audio-player__slider::-ms-track{width:100%;height:.3rem;cursor:pointer;background:transparent;border:solid transparent;color:transparent}.bizy-audio-player__slider::-ms-fill-lower{background-color:var(--bizy-audio-player-seek-before-background-color)}.bizy-audio-player__slider::-ms-thumb{box-sizing:content-box;border:var(--bizy-audio-player-seek-slider-thumb-border);height:1rem;width:1rem;border-radius:50%;background-color:var(--bizy-audio-player-seek-slider-thumb-background-color);cursor:pointer}.bizy-audio-player__slider:active::-ms-thumb{transform:scale(1.2);background:var(--bizy-audio-player-seek-slider-thumb-active-background-color)}.bizy-audio-player--disabled{opacity:.5;cursor:not-allowed!important;pointer-events:none}\n"] }]
|
|
8306
8309
|
}], propDecorators: { playButtonRef: [{
|
|
8307
8310
|
type: ViewChild,
|
|
8308
8311
|
args: ['bizyAudioPlayerPlayButtonRef']
|
|
@@ -10991,29 +10994,32 @@ class BizyCheckboxComponent {
|
|
|
10991
10994
|
id = `bizy-checkbox-${Math.random()}`;
|
|
10992
10995
|
selected = false;
|
|
10993
10996
|
disabled = false;
|
|
10997
|
+
readonly = false;
|
|
10994
10998
|
selectedChange = new EventEmitter();
|
|
10995
10999
|
onSelect = new EventEmitter();
|
|
10996
11000
|
_checkboxId = `bizy-input-checkbox-${Math.random()}`;
|
|
11001
|
+
getNativeElement = () => this.#elementRef?.nativeElement;
|
|
10997
11002
|
_onSelect(event) {
|
|
10998
|
-
if (this.disabled) {
|
|
11003
|
+
if (this.disabled || this.readonly) {
|
|
10999
11004
|
return;
|
|
11000
11005
|
}
|
|
11001
11006
|
this.selectedChange.emit(!this.selected);
|
|
11002
11007
|
this.onSelect.emit(event);
|
|
11003
11008
|
}
|
|
11004
|
-
getNativeElement = () => this.#elementRef?.nativeElement;
|
|
11005
11009
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11006
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", type: BizyCheckboxComponent, isStandalone: true, selector: "bizy-checkbox", inputs: { id: "id", selected: "selected", disabled: "disabled" }, outputs: { selectedChange: "selectedChange", onSelect: "onSelect" }, ngImport: i0, template: "<button type=\"button\" [id]=\"id\" (click)=\"_onSelect($event)\" (keyup.enter)=\"_onSelect($event)\" class=\"bizy-checkbox\"
|
|
11010
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", type: BizyCheckboxComponent, isStandalone: true, selector: "bizy-checkbox", inputs: { id: "id", selected: "selected", disabled: "disabled", readonly: "readonly" }, outputs: { selectedChange: "selectedChange", onSelect: "onSelect" }, ngImport: i0, template: "<button \n type=\"button\" \n [id]=\"id\" \n (click)=\"_onSelect($event)\" \n (keyup.enter)=\"_onSelect($event)\" \n class=\"bizy-checkbox\"\n [class.bizy-checkbox--readonly]=\"readonly\"\n [class.bizy-checkbox--disabled]=\"disabled\">\n\n <ng-content select=\"[slot=start]\"></ng-content>\n\n <input \n class=\"bizy-checkbox__input\" \n type=\"checkbox\" \n [id]=\"_checkboxId\" \n [disabled]=\"disabled\" \n [ngModel]=\"selected\">\n\n <ng-content select=\"[slot=end]\"></ng-content>\n\n</button>", styles: [":host{font-size:1rem}.bizy-checkbox{display:flex;column-gap:.5rem;align-items:center;border:none;cursor:pointer;background-color:transparent}.bizy-checkbox:hover .bizy-checkbox__input:not(:checked){background-color:var(--bizy-checkbox-hover-color)}.bizy-checkbox--disabled{pointer-events:none;opacity:.5;cursor:not-allowed!important}.bizy-checkbox--readonly{pointer-events:none;cursor:default!important}.bizy-checkbox__input{position:relative;width:1rem;height:1rem;min-width:1rem;min-height:1rem;color:var(--bizy-checkbox-border-color);border:.1rem solid var(--bizy-checkbox-border-color);border-radius:.3rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;cursor:pointer;transition:background-color 175ms cubic-bezier(.1,.1,.25,1)}.bizy-checkbox__input:before{position:absolute;content:\"\";display:block;top:0;left:.25rem;width:.4rem;height:.7rem;border-style:solid;border-color:#fff;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0}.bizy-checkbox__input:checked{color:#fff;border-color:var(--bizy-checkbox-color);background-color:var(--bizy-checkbox-color)}.bizy-checkbox__input:checked:before{opacity:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
11007
11011
|
}
|
|
11008
11012
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyCheckboxComponent, decorators: [{
|
|
11009
11013
|
type: Component,
|
|
11010
|
-
args: [{ selector: 'bizy-checkbox', imports: [CommonModule, FormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button type=\"button\" [id]=\"id\" (click)=\"_onSelect($event)\" (keyup.enter)=\"_onSelect($event)\" class=\"bizy-checkbox\"
|
|
11014
|
+
args: [{ selector: 'bizy-checkbox', imports: [CommonModule, FormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button \n type=\"button\" \n [id]=\"id\" \n (click)=\"_onSelect($event)\" \n (keyup.enter)=\"_onSelect($event)\" \n class=\"bizy-checkbox\"\n [class.bizy-checkbox--readonly]=\"readonly\"\n [class.bizy-checkbox--disabled]=\"disabled\">\n\n <ng-content select=\"[slot=start]\"></ng-content>\n\n <input \n class=\"bizy-checkbox__input\" \n type=\"checkbox\" \n [id]=\"_checkboxId\" \n [disabled]=\"disabled\" \n [ngModel]=\"selected\">\n\n <ng-content select=\"[slot=end]\"></ng-content>\n\n</button>", styles: [":host{font-size:1rem}.bizy-checkbox{display:flex;column-gap:.5rem;align-items:center;border:none;cursor:pointer;background-color:transparent}.bizy-checkbox:hover .bizy-checkbox__input:not(:checked){background-color:var(--bizy-checkbox-hover-color)}.bizy-checkbox--disabled{pointer-events:none;opacity:.5;cursor:not-allowed!important}.bizy-checkbox--readonly{pointer-events:none;cursor:default!important}.bizy-checkbox__input{position:relative;width:1rem;height:1rem;min-width:1rem;min-height:1rem;color:var(--bizy-checkbox-border-color);border:.1rem solid var(--bizy-checkbox-border-color);border-radius:.3rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;cursor:pointer;transition:background-color 175ms cubic-bezier(.1,.1,.25,1)}.bizy-checkbox__input:before{position:absolute;content:\"\";display:block;top:0;left:.25rem;width:.4rem;height:.7rem;border-style:solid;border-color:#fff;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0}.bizy-checkbox__input:checked{color:#fff;border-color:var(--bizy-checkbox-color);background-color:var(--bizy-checkbox-color)}.bizy-checkbox__input:checked:before{opacity:1}\n"] }]
|
|
11011
11015
|
}], propDecorators: { id: [{
|
|
11012
11016
|
type: Input
|
|
11013
11017
|
}], selected: [{
|
|
11014
11018
|
type: Input
|
|
11015
11019
|
}], disabled: [{
|
|
11016
11020
|
type: Input
|
|
11021
|
+
}], readonly: [{
|
|
11022
|
+
type: Input
|
|
11017
11023
|
}], selectedChange: [{
|
|
11018
11024
|
type: Output
|
|
11019
11025
|
}], onSelect: [{
|
|
@@ -12106,7 +12112,7 @@ class BizyFilterSectionCheckboxOptionComponent {
|
|
|
12106
12112
|
return this.id;
|
|
12107
12113
|
};
|
|
12108
12114
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyFilterSectionCheckboxOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12109
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", type: BizyFilterSectionCheckboxOptionComponent, isStandalone: true, selector: "bizy-filter-section-checkbox-option", inputs: { id: "id", disabled: "disabled", customClass: "customClass", selected: "selected" }, outputs: { onChange: "onChange" }, ngImport: i0, template: "<div \n class=\"bizy-filter-section-checkbox-option {{customClass}}\"\n [id]=\"id\"\n (click)=\"onSelect(!_selected)\"\n (keyup.enter)=\"onSelect(!_selected)\">\n\n <ng-content></ng-content>\n\n <bizy-checkbox \n class=\"bizy-filter-section-checkbox-option__checkbox\"\n [selected]=\"_selected\"\n [disabled]=\"disabled\">\n </bizy-checkbox>\n \n</div>", styles: [":host{font-size:1rem}.bizy-filter-section-checkbox-option{display:flex;align-items:center;column-gap:.3rem;justify-content:space-between;cursor:pointer}.bizy-filter-section-checkbox-option__checkbox{pointer-events:none}\n"], dependencies: [{ kind: "component", type: BizyCheckboxComponent, selector: "bizy-checkbox", inputs: ["id", "selected", "disabled"], outputs: ["selectedChange", "onSelect"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
12115
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", type: BizyFilterSectionCheckboxOptionComponent, isStandalone: true, selector: "bizy-filter-section-checkbox-option", inputs: { id: "id", disabled: "disabled", customClass: "customClass", selected: "selected" }, outputs: { onChange: "onChange" }, ngImport: i0, template: "<div \n class=\"bizy-filter-section-checkbox-option {{customClass}}\"\n [id]=\"id\"\n (click)=\"onSelect(!_selected)\"\n (keyup.enter)=\"onSelect(!_selected)\">\n\n <ng-content></ng-content>\n\n <bizy-checkbox \n class=\"bizy-filter-section-checkbox-option__checkbox\"\n [selected]=\"_selected\"\n [disabled]=\"disabled\">\n </bizy-checkbox>\n \n</div>", styles: [":host{font-size:1rem}.bizy-filter-section-checkbox-option{display:flex;align-items:center;column-gap:.3rem;justify-content:space-between;cursor:pointer}.bizy-filter-section-checkbox-option__checkbox{pointer-events:none}\n"], dependencies: [{ kind: "component", type: BizyCheckboxComponent, selector: "bizy-checkbox", inputs: ["id", "selected", "disabled", "readonly"], outputs: ["selectedChange", "onSelect"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
12110
12116
|
}
|
|
12111
12117
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyFilterSectionCheckboxOptionComponent, decorators: [{
|
|
12112
12118
|
type: Component,
|
|
@@ -12278,7 +12284,7 @@ class BizyFilterSectionComponent {
|
|
|
12278
12284
|
}
|
|
12279
12285
|
}
|
|
12280
12286
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyFilterSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12281
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.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-search-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"], outputs: ["selectedChange", "onSelect"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
12287
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.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-search-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 });
|
|
12282
12288
|
}
|
|
12283
12289
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyFilterSectionComponent, decorators: [{
|
|
12284
12290
|
type: Component,
|