@bizy/core 19.13.1 → 19.13.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 +12 -7
- package/fesm2022/bizy-core.mjs.map +1 -1
- package/package.json +1 -1
package/fesm2022/bizy-core.mjs
CHANGED
|
@@ -6437,11 +6437,11 @@ class BizyToggleComponent {
|
|
|
6437
6437
|
this.onSelect.emit(event);
|
|
6438
6438
|
}
|
|
6439
6439
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: BizyToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6440
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: BizyToggleComponent, isStandalone: true, selector: "bizy-toggle", inputs: { id: "id", disabled: "disabled", selected: "selected" }, outputs: { onSelect: "onSelect", selectedChange: "selectedChange" }, ngImport: i0, template: "<button type=\"button\" class=\"bizy-toggle\" [ngClass]=\"{'bizy-toggle--disabled': disabled}\" (click)=\"_onSelect($event)\" (keyup.enter)=\"_onSelect($event)\">\n\n <ng-content select=\"[slot=start]\"></ng-content>\n\n <input \n class=\"bizy-toggle__toggle\"\n type=\"checkbox\"\n [id]=\"id\"\n [disabled]=\"disabled\"\n [checked]=\"selected\"\n readonly\n [ngClass]=\"{'bizy-toggle__toggle--disabled': disabled}\">\n\n <ng-content select=\"[slot=end]\"></ng-content>\n\n</button>", styles: [".bizy-toggle{width:fit-content;height:1.3rem;display:flex;column-gap:.5rem;align-items:center;border:none;cursor:pointer;background-color:transparent}.bizy-toggle--disabled{pointer-events:none;opacity:.5;cursor:not-allowed!important}.bizy-toggle__toggle{position:relative;pointer-events:none;height:.8rem;width:2.2rem;min-width:2.2rem;cursor:pointer;appearance:none;-webkit-appearance:none;border-radius:9999px;background-color:var(--bizy-toggle-background-color);transition:all .3s ease}.bizy-toggle__toggle:before{position:absolute;pointer-events:none;content:\"\";left:-.2rem;top:-.2rem;display:block;height:1.2rem;width:1.2rem;cursor:pointer;background-color:var(--bizy-toggle-color);border-radius:9999px;transition:all .3s ease}.bizy-toggle__toggle:checked{background-color:var(--bizy-toggle-selected-background-color)}.bizy-toggle__toggle:checked:before{background-color:var(--bizy-toggle-selected-color);transform:translate(100%)}.bizy-toggle__toggle--disabled{pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6440
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: BizyToggleComponent, isStandalone: true, selector: "bizy-toggle", inputs: { id: "id", disabled: "disabled", selected: "selected" }, outputs: { onSelect: "onSelect", selectedChange: "selectedChange" }, ngImport: i0, template: "<button type=\"button\" class=\"bizy-toggle\" [ngClass]=\"{'bizy-toggle--disabled': disabled}\" (click)=\"_onSelect($event)\" (keyup.enter)=\"_onSelect($event)\">\n\n <ng-content select=\"[slot=start]\"></ng-content>\n\n <input \n class=\"bizy-toggle__toggle\"\n type=\"checkbox\"\n [id]=\"id\"\n [disabled]=\"disabled\"\n [checked]=\"selected\"\n readonly\n [ngClass]=\"{'bizy-toggle__toggle--disabled': disabled}\">\n\n <ng-content select=\"[slot=end]\"></ng-content>\n\n</button>", styles: [".bizy-toggle{width:fit-content;min-height:1.3rem;display:flex;column-gap:.5rem;align-items:center;border:none;cursor:pointer;background-color:transparent}.bizy-toggle--disabled{pointer-events:none;opacity:.5;cursor:not-allowed!important}.bizy-toggle__toggle{position:relative;pointer-events:none;height:.8rem;width:2.2rem;min-width:2.2rem;cursor:pointer;appearance:none;-webkit-appearance:none;border-radius:9999px;background-color:var(--bizy-toggle-background-color);transition:all .3s ease}.bizy-toggle__toggle:before{position:absolute;pointer-events:none;content:\"\";left:-.2rem;top:-.2rem;display:block;height:1.2rem;width:1.2rem;cursor:pointer;background-color:var(--bizy-toggle-color);border-radius:9999px;transition:all .3s ease}.bizy-toggle__toggle:checked{background-color:var(--bizy-toggle-selected-background-color)}.bizy-toggle__toggle:checked:before{background-color:var(--bizy-toggle-selected-color);transform:translate(100%)}.bizy-toggle__toggle--disabled{pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6441
6441
|
}
|
|
6442
6442
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: BizyToggleComponent, decorators: [{
|
|
6443
6443
|
type: Component,
|
|
6444
|
-
args: [{ selector: 'bizy-toggle', imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button type=\"button\" class=\"bizy-toggle\" [ngClass]=\"{'bizy-toggle--disabled': disabled}\" (click)=\"_onSelect($event)\" (keyup.enter)=\"_onSelect($event)\">\n\n <ng-content select=\"[slot=start]\"></ng-content>\n\n <input \n class=\"bizy-toggle__toggle\"\n type=\"checkbox\"\n [id]=\"id\"\n [disabled]=\"disabled\"\n [checked]=\"selected\"\n readonly\n [ngClass]=\"{'bizy-toggle__toggle--disabled': disabled}\">\n\n <ng-content select=\"[slot=end]\"></ng-content>\n\n</button>", styles: [".bizy-toggle{width:fit-content;height:1.3rem;display:flex;column-gap:.5rem;align-items:center;border:none;cursor:pointer;background-color:transparent}.bizy-toggle--disabled{pointer-events:none;opacity:.5;cursor:not-allowed!important}.bizy-toggle__toggle{position:relative;pointer-events:none;height:.8rem;width:2.2rem;min-width:2.2rem;cursor:pointer;appearance:none;-webkit-appearance:none;border-radius:9999px;background-color:var(--bizy-toggle-background-color);transition:all .3s ease}.bizy-toggle__toggle:before{position:absolute;pointer-events:none;content:\"\";left:-.2rem;top:-.2rem;display:block;height:1.2rem;width:1.2rem;cursor:pointer;background-color:var(--bizy-toggle-color);border-radius:9999px;transition:all .3s ease}.bizy-toggle__toggle:checked{background-color:var(--bizy-toggle-selected-background-color)}.bizy-toggle__toggle:checked:before{background-color:var(--bizy-toggle-selected-color);transform:translate(100%)}.bizy-toggle__toggle--disabled{pointer-events:none}\n"] }]
|
|
6444
|
+
args: [{ selector: 'bizy-toggle', imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button type=\"button\" class=\"bizy-toggle\" [ngClass]=\"{'bizy-toggle--disabled': disabled}\" (click)=\"_onSelect($event)\" (keyup.enter)=\"_onSelect($event)\">\n\n <ng-content select=\"[slot=start]\"></ng-content>\n\n <input \n class=\"bizy-toggle__toggle\"\n type=\"checkbox\"\n [id]=\"id\"\n [disabled]=\"disabled\"\n [checked]=\"selected\"\n readonly\n [ngClass]=\"{'bizy-toggle__toggle--disabled': disabled}\">\n\n <ng-content select=\"[slot=end]\"></ng-content>\n\n</button>", styles: [".bizy-toggle{width:fit-content;min-height:1.3rem;display:flex;column-gap:.5rem;align-items:center;border:none;cursor:pointer;background-color:transparent}.bizy-toggle--disabled{pointer-events:none;opacity:.5;cursor:not-allowed!important}.bizy-toggle__toggle{position:relative;pointer-events:none;height:.8rem;width:2.2rem;min-width:2.2rem;cursor:pointer;appearance:none;-webkit-appearance:none;border-radius:9999px;background-color:var(--bizy-toggle-background-color);transition:all .3s ease}.bizy-toggle__toggle:before{position:absolute;pointer-events:none;content:\"\";left:-.2rem;top:-.2rem;display:block;height:1.2rem;width:1.2rem;cursor:pointer;background-color:var(--bizy-toggle-color);border-radius:9999px;transition:all .3s ease}.bizy-toggle__toggle:checked{background-color:var(--bizy-toggle-selected-background-color)}.bizy-toggle__toggle:checked:before{background-color:var(--bizy-toggle-selected-color);transform:translate(100%)}.bizy-toggle__toggle--disabled{pointer-events:none}\n"] }]
|
|
6445
6445
|
}], propDecorators: { id: [{
|
|
6446
6446
|
type: Input
|
|
6447
6447
|
}], disabled: [{
|
|
@@ -7467,11 +7467,16 @@ class BizyTooltipDirective {
|
|
|
7467
7467
|
this.#renderer.setStyle(this.#elementRef.nativeElement, 'min-width', '0');
|
|
7468
7468
|
this.#renderer.setStyle(this.#elementRef.nativeElement, 'overflow', 'hidden');
|
|
7469
7469
|
this.#renderer.setStyle(this.#elementRef.nativeElement, 'text-overflow', 'ellipsis');
|
|
7470
|
-
|
|
7471
|
-
|
|
7472
|
-
|
|
7473
|
-
|
|
7474
|
-
|
|
7470
|
+
if (lineClamp === 1) {
|
|
7471
|
+
this.#renderer.setStyle(this.#elementRef.nativeElement, 'white-space', 'nowrap');
|
|
7472
|
+
}
|
|
7473
|
+
else {
|
|
7474
|
+
this.#renderer.setStyle(this.#elementRef.nativeElement, 'display', '-webkit-box');
|
|
7475
|
+
this.#renderer.setStyle(this.#elementRef.nativeElement, 'line-clamp', this.#lineClamp);
|
|
7476
|
+
this.#renderer.setStyle(this.#elementRef.nativeElement, '-webkit-line-clamp', this.#lineClamp);
|
|
7477
|
+
this.#renderer.setStyle(this.#elementRef.nativeElement, '-webkit-box-orient', 'vertical');
|
|
7478
|
+
this.#renderer.setStyle(this.#elementRef.nativeElement, 'max-height', `calc(${this.#lineClamp} * ${computedStyle.lineHeight})`);
|
|
7479
|
+
}
|
|
7475
7480
|
}
|
|
7476
7481
|
set tooltipText(tooltipText) {
|
|
7477
7482
|
if (!tooltipText) {
|