@bizy/core 21.8.0 → 21.8.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bizy/core",
-  "version": "21.8.0",
+  "version": "21.8.2",
   "peerDependencies": {
     "@angular/cdk": "^21.0.0",
     "@angular/common": "^21.0.0",

package/styles/variables.css

@@ -25,6 +25,7 @@
 
     --bizy-accordion-background-color: transparent;
     --bizy-accordion-border: none;
+    --bizy-accordion-padding: 0.5rem;
     --bizy-accordion-border-bottom: none;
     --bizy-accordion-arrow-color: var(--bizy-default-color);
     --bizy-accordion-padding-left: 0.5rem;
@@ -86,6 +87,7 @@
     --bizy-button-padding: 0.5rem;
     --bizy-button-justify-content: center;
     --bizy-button-align-items: center;
+    --bizy-button-flex-direction: row;
 
 
     --bizy-card-background-color: #fff;
@@ -125,7 +127,7 @@
     --bizy-checkbox-color: var(--bizy-accent-color);
 
     --bizy-content-padding: 0.5rem;
-    --bizy-content-row-gap: 0.7rem;
+    --bizy-content-gap: 0.7rem;
     --bizy-content-width: auto;
     --bizy-content-height: auto;
     --bizy-content-flex-direction: column;
@@ -348,6 +350,7 @@
     --bizy-sidebar-width: 8rem;
     --bizy-sidebar-padding: 0 0 0 0.5rem;
     --bizy-sidebar-section-min-height: 3rem;
+    --bizy-sidebar-option-padding: 1rem;
     --bizy-sidebar-option-selected-color: var(--bizy-info-color);
     --bizy-sidebar-option-hover-color: var(--bizy-dark-info-color);
     --bizy-sidebar-floating-option-title-color: #000;
@@ -423,16 +426,16 @@
     --bizy-tabs-arrow-button-background-color: #fff;
 
     --bizy-tag-background-color: var(--bizy-light-default-color);
-    --bizy-tag-color: var(--bizy-dark-default-color);
+    --bizy-tag-color: #d4d4d4;
     --bizy-tag-default-background-color: var(--bizy-light-default-color);
-    --bizy-tag-default-color: var(--bizy-dark-default-color);
-    --bizy-tag-success-background-color: var(--bizy-light-success-color);
+    --bizy-tag-default-color: #d4d4d4;
+    --bizy-tag-success-background-color: #c7e0c8;
     --bizy-tag-success-color: var(--bizy-dark-success-color);
-    --bizy-tag-info-background-color: var(--bizy-light-info-color);
+    --bizy-tag-info-background-color: #c9d9e0;
     --bizy-tag-info-color: var(--bizy-dark-info-color);
-    --bizy-tag-warning-background-color: var(--bizy-light-warning-color);
+    --bizy-tag-warning-background-color: #fbd9b5;
     --bizy-tag-warning-color: var(--bizy-dark-warning-color);
-    --bizy-tag-danger-background-color: var(--bizy-light-danger-color);
+    --bizy-tag-danger-background-color: #f3c5c5;
     --bizy-tag-danger-color: var(--bizy-dark-danger-color);
     --bizy-tag-cursor: pointer;
     --bizy-tag-height: auto;

package/types/bizy-core.d.ts

@@ -839,11 +839,11 @@ declare class BizyInputComponent implements OnDestroy {
     bizyInputWrapper: ElementRef;
     id: string;
     name: string;
-    type: 'text' | 'number' | 'email' | 'password' | 'tel' | 'textarea' | 'currency';
     customClass: string;
     placeholder: string;
     debounceTime: number;
     rows: number;
+    type: 'text' | 'number' | 'email' | 'password' | 'tel' | 'textarea' | 'currency';
     maxLength: number | null;
     autofocus: boolean;
     disabled: boolean;
@@ -853,10 +853,10 @@ declare class BizyInputComponent implements OnDestroy {
     onEnter: EventEmitter<KeyboardEvent>;
     onBackspace: EventEmitter<KeyboardEvent>;
     onSelect: EventEmitter<PointerEvent>;
-    onBlur: EventEmitter<PointerEvent>;
-    onFocus: EventEmitter<PointerEvent>;
+    onBlur: EventEmitter<FocusEvent>;
+    onFocus: EventEmitter<FocusEvent>;
     onPaste: EventEmitter<ClipboardEvent>;
-    set bizyInput(element: ElementRef);
+    set bizyInput(inputElement: ElementRef);
     set value(value: string | number | null);
     focused: boolean;
     touched: boolean;
@@ -870,8 +870,7 @@ declare class BizyInputComponent implements OnDestroy {
     _onClick: (event: PointerEvent) => void;
     _onEnter: (event: KeyboardEvent) => void;
     _onBackspace: (event: KeyboardEvent) => void;
-    setTouched(touched: boolean): void;
-    ngAfterViewInit(): void;
+    setTouched: (touched: boolean) => void;
     onOpen: () => void;
     getNativeElement: () => any;
     setFocus: (focus: boolean) => void;
@@ -882,7 +881,7 @@ declare class BizyInputComponent implements OnDestroy {
     }, button?: HTMLButtonElement) => void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BizyInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BizyInputComponent, "bizy-input", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "type": { "alias": "type"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; "onChange": "onChange"; "onEnter": "onEnter"; "onBackspace": "onBackspace"; "onSelect": "onSelect"; "onBlur": "onBlur"; "onFocus": "onFocus"; "onPaste": "onPaste"; }, ["options"], ["[slot=header]", "[slot=prefix]", "[slot=suffix]", "bizy-input-option", "[slot=error]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BizyInputComponent, "bizy-input", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "type": { "alias": "type"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; "onChange": "onChange"; "onEnter": "onEnter"; "onBackspace": "onBackspace"; "onSelect": "onSelect"; "onBlur": "onBlur"; "onFocus": "onFocus"; "onPaste": "onPaste"; }, ["options"], ["[slot=header]", "[slot=prefix]", "[slot=suffix]", "bizy-input-option", "[slot=error]"], true, never>;
 }
 
 declare class BizySelectOptionComponent {
@@ -1029,10 +1028,11 @@ declare class BizyGridComponent implements AfterContentInit {
     items: Array<unknown>;
     itemTemplate: TemplateRef<unknown>;
     itemsPerRow: number;
+    getNativeElement: () => any;
     ngAfterContentInit(): void;
+    trackByRow(index: number, row: any[]): any;
     scrollTo(index: number, behavior?: 'auto' | 'instant' | 'smooth'): void;
     ngOnDestroy(): void;
-    getNativeElement: () => any;
     static ɵfac: i0.ɵɵFactoryDeclaration<BizyGridComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<BizyGridComponent, "bizy-grid", never, { "resizeRef": { "alias": "resizeRef"; "required": false; }; }, {}, ["gridDirective"], ["*"], true, never>;
 }
@@ -1549,33 +1549,37 @@ declare class BizyRadioModule {
 declare class BizySectionComponent {
     #private;
     id: string;
+    onSelect: EventEmitter<PointerEvent>;
     getNativeElement: () => any;
     static ɵfac: i0.ɵɵFactoryDeclaration<BizySectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BizySectionComponent, "bizy-section", never, { "id": { "alias": "id"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BizySectionComponent, "bizy-section", never, { "id": { "alias": "id"; "required": false; }; }, { "onSelect": "onSelect"; }, never, ["*"], true, never>;
 }
 
 declare class BizySectionStartComponent {
     #private;
     id: string;
+    onSelect: EventEmitter<PointerEvent>;
     getNativeElement: () => any;
     static ɵfac: i0.ɵɵFactoryDeclaration<BizySectionStartComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BizySectionStartComponent, "bizy-section-start", never, { "id": { "alias": "id"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BizySectionStartComponent, "bizy-section-start", never, { "id": { "alias": "id"; "required": false; }; }, { "onSelect": "onSelect"; }, never, ["*"], true, never>;
 }
 
 declare class BizySectionCenterComponent {
     #private;
     id: string;
+    onSelect: EventEmitter<PointerEvent>;
     getNativeElement: () => any;
     static ɵfac: i0.ɵɵFactoryDeclaration<BizySectionCenterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BizySectionCenterComponent, "bizy-section-center", never, { "id": { "alias": "id"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BizySectionCenterComponent, "bizy-section-center", never, { "id": { "alias": "id"; "required": false; }; }, { "onSelect": "onSelect"; }, never, ["*"], true, never>;
 }
 
 declare class BizySectionEndComponent {
     #private;
     id: string;
+    onSelect: EventEmitter<PointerEvent>;
     getNativeElement: () => any;
     static ɵfac: i0.ɵɵFactoryDeclaration<BizySectionEndComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BizySectionEndComponent, "bizy-section-end", never, { "id": { "alias": "id"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BizySectionEndComponent, "bizy-section-end", never, { "id": { "alias": "id"; "required": false; }; }, { "onSelect": "onSelect"; }, never, ["*"], true, never>;
 }
 
 declare class BizySectionModule {
@@ -2213,8 +2217,13 @@ declare class BizyAnimationService {
     static ɵprov: i0.ɵɵInjectableDeclaration<BizyAnimationService>;
 }
 
+interface WindowSize {
+    height: number;
+    width: number;
+}
 declare class BizyDeviceService {
     #private;
+    get windowSizeChange$(): Observable<WindowSize>;
     getUserAgent(): Promise<string>;
     isMobile: () => boolean;
     isTablet: () => boolean;