@proximus/lavender-layout 2.0.0-alpha.21 → 2.0.0-alpha.210

package/dist/Page.d.ts

@@ -1,8 +1,8 @@
 import { WithExtraAttributes } from '@proximus/lavender-common';
 import { Stack } from './Stack.ts';
-import { Container } from '@proximus/lavender-container';
+import { type Container } from '@proximus/lavender-container';
 export declare class Page extends WithExtraAttributes {
-    template: (stickyContainer: boolean) => string;
+    template: () => string;
     constructor();
     static get observedAttributes(): string[];
     get $wideImage(): Container;
@@ -12,17 +12,16 @@ export declare class Page extends WithExtraAttributes {
     get $footerContainer(): Container;
     get $headerContainer(): Container;
     get $imageContainer(): Container;
-    get backgroundImage(): string;
-    get $imageStickySlot(): Element;
-    get $main(): Container;
+    get backgroundImage(): string | null;
+    get $main(): Container | null;
     get backgroundColor(): string;
-    get paddingVertical(): string;
-    get paddingHorizontal(): string;
-    set paddingVertical(value: string);
-    set paddingHorizontal(value: string);
-    get gap(): string;
+    get paddingVertical(): string | null;
+    get paddingHorizontal(): string | null;
+    set paddingVertical(value: string | null);
+    set paddingHorizontal(value: string | null);
+    get gap(): string | null;
     connectedCallback(): void;
     attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
-    handlePaddingVerticalChange(newValue: string): void;
-    handlePaddingHorizontalChange(newValue: string): void;
+    handlePaddingVerticalChange(newValue: string | null): void;
+    handlePaddingHorizontalChange(newValue: string | null): void;
 }

package/dist/Spacer.d.ts

@@ -10,8 +10,8 @@ export declare class Spacer extends HTMLElement {
     attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    get grow(): string;
-    set grow(value: string);
+    get grow(): string | null;
+    set grow(value: string | null);
     private scheduleRecheck;
     private recalculateVisibility;
     private handleSizeChange;

package/dist/Stack.d.ts

@@ -6,81 +6,93 @@ export declare const wrapValues: string[];
 export declare const overflowValues: string[];
 export declare class Stack extends WithExtraAttributes {
     overflowXAttributeDelegate: AttributeBreakpointHandlerDelegate;
-    template: string;
     constructor();
+    /**
+     * Defaults (direction: row, gap: none, align-items: stretch,
+     * justify-content: flex-start, wrap: nowrap, overflow-x: visible) are
+     * provided by Stack.css; nothing is written to the DOM on connection.
+     * Kept for subclasses calling super.
+     */
     connectedCallback(): void;
     static get observedAttributes(): string[];
     attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     updateOverflowX(name: string, oldValue: string, newValue: string, attrValue: string[]): void;
-    updateFlexProperties(name: string, oldValue: string, newValue: string, attrValue: string[]): void;
+    updateFlexProperties(name: string, _oldValue: string | null, newValue: string | null, attrValue: string[]): void;
+    /**
+     * Writes the CSS custom properties for one flex property / breakpoint.
+     * A null/empty value removes them so the defaults from Stack.css apply.
+     */
     updateStyle(cssName: string, breakpoint: string, value: string | null, attrValue?: string[]): void;
-    get direction(): string;
-    set direction(value: string);
-    get directionMobile(): string;
-    set directionMobile(value: string);
-    get directionTablet(): string;
-    set directionTablet(value: string);
-    get directionLaptop(): string;
-    set directionLaptop(value: string);
-    get directionDesktop(): string;
-    set directionDesktop(value: string);
-    get gap(): string;
-    set gap(value: string);
-    get gapMobile(): string;
-    set gapMobile(value: string);
-    get gapTablet(): string;
-    set gapTablet(value: string);
-    get gapLaptop(): string;
-    set gapLaptop(value: string);
-    get gapDesktop(): string;
-    set gapDesktop(value: string);
-    get justifyContent(): string;
-    set justifyContent(value: string);
-    get justifyContentMobile(): string;
-    set justifyContentMobile(value: string);
-    get justifyContentTablet(): string;
-    set justifyContentTablet(value: string);
-    get justifyContentLaptop(): string;
-    set justifyContentLaptop(value: string);
-    get justifyContentDesktop(): string;
-    set justifyContentDesktop(value: string);
-    get alignItems(): string;
-    set alignItems(value: string);
-    get alignItemsMobile(): string;
-    set alignItemsMobile(value: string);
-    get alignItemsTablet(): string;
-    set alignItemsTablet(value: string);
-    get alignItemsLaptop(): string;
-    set alignItemsLaptop(value: string);
-    get alignItemsDesktop(): string;
-    set alignItemsDesktop(value: string);
-    get wrap(): string;
-    set wrap(value: string);
-    get wrapMobile(): string;
-    set wrapMobile(value: string);
-    get wrapTablet(): string;
-    set wrapTablet(value: string);
-    get wrapLaptop(): string;
-    set wrapLaptop(value: string);
-    get wrapDesktop(): string;
-    set wrapDesktop(value: string);
-    get overflowX(): string;
-    set overflowX(value: string);
-    get overflowXMobile(): string;
-    set overflowXMobile(value: string);
-    get overflowXTablet(): string;
-    set overflowXTablet(value: string);
-    get overflowXLaptop(): string;
-    set overflowXLaptop(value: string);
-    get overflowXDesktop(): string;
-    set overflowXDesktop(value: string);
+    private static readonly breakpoints;
+    get direction(): string | null;
+    set direction(value: string | null);
+    get directionMobile(): string | null;
+    set directionMobile(value: string | null);
+    get directionTablet(): string | null;
+    set directionTablet(value: string | null);
+    get directionLaptop(): string | null;
+    set directionLaptop(value: string | null);
+    get directionDesktop(): string | null;
+    set directionDesktop(value: string | null);
+    get gap(): string | null;
+    set gap(value: string | null);
+    get gapMobile(): string | null;
+    set gapMobile(value: string | null);
+    get gapTablet(): string | null;
+    set gapTablet(value: string | null);
+    get gapLaptop(): string | null;
+    set gapLaptop(value: string | null);
+    get gapDesktop(): string | null;
+    set gapDesktop(value: string | null);
+    get justifyContent(): string | null;
+    set justifyContent(value: string | null);
+    get justifyContentMobile(): string | null;
+    set justifyContentMobile(value: string | null);
+    get justifyContentTablet(): string | null;
+    set justifyContentTablet(value: string | null);
+    get justifyContentLaptop(): string | null;
+    set justifyContentLaptop(value: string | null);
+    get justifyContentDesktop(): string | null;
+    set justifyContentDesktop(value: string | null);
+    get alignItems(): string | null;
+    set alignItems(value: string | null);
+    get alignItemsMobile(): string | null;
+    set alignItemsMobile(value: string | null);
+    get alignItemsTablet(): string | null;
+    set alignItemsTablet(value: string | null);
+    get alignItemsLaptop(): string | null;
+    set alignItemsLaptop(value: string | null);
+    get alignItemsDesktop(): string | null;
+    set alignItemsDesktop(value: string | null);
+    get wrap(): string | null;
+    set wrap(value: string | null);
+    get wrapMobile(): string | null;
+    set wrapMobile(value: string | null);
+    get wrapTablet(): string | null;
+    set wrapTablet(value: string | null);
+    get wrapLaptop(): string | null;
+    set wrapLaptop(value: string | null);
+    get wrapDesktop(): string | null;
+    set wrapDesktop(value: string | null);
+    get overflowX(): string | null;
+    set overflowX(value: string | null);
+    get overflowXMobile(): string | null;
+    set overflowXMobile(value: string | null);
+    get overflowXTablet(): string | null;
+    set overflowXTablet(value: string | null);
+    get overflowXLaptop(): string | null;
+    set overflowXLaptop(value: string | null);
+    get overflowXDesktop(): string | null;
+    set overflowXDesktop(value: string | null);
     get $el(): HTMLDivElement;
 }
 export declare class VStack extends Stack {
-    constructor();
-    connectedCallback(): void;
+    get direction(): string | null;
+    set direction(value: string | null);
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
 }
 export declare class HStack extends Stack {
-    constructor();
-    connectedCallback(): void;
+    get direction(): string | null;
+    set direction(value: string | null);
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
 }