scb-wc 0.1.2 → 0.1.4

package/scb-test-components/scb-grid/scb-grid.d.ts

@@ -0,0 +1,36 @@
+import { LitElement } from 'lit';
+/**
+ * <scb-grid>
+ * Responsivt kolumn-grid enligt M3 window size classes.
+ * Kolumner: 4 (compact) / 8 (medium) / 12 (expanded)
+ * Default-gap: var(--spacing-7, 24px)
+ * Styrning via CSS-variabler som sätts av <scb-grid-item>:
+ *   Kolumner: --col-span, --col-span-compact, --col-span-medium, --col-span-expanded
+ *   Rader:    --row-rule, --row-rule-compact, --row-rule-medium, --row-rule-expanded  (t.ex. "span 2")
+ */
+export declare class ScbGrid extends LitElement {
+    #private;
+    colsCompact: number;
+    colsMedium: number;
+    colsExpanded: number;
+    gap: string;
+    rowGap: string;
+    columnGap: string;
+    alignItems: 'stretch' | 'start' | 'center' | 'end';
+    justifyItems: 'stretch' | 'start' | 'center' | 'end';
+    paddingInline: string;
+    paddingBlock: string;
+    maxWidth: string;
+    autoRows: string;
+    static styles: import('lit').CSSResult;
+    protected firstUpdated(): void;
+    protected updated(): void;
+    private mapSpacingToken;
+    private parseGapShorthand;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-grid': ScbGrid;
+    }
+}

package/scb-test-components/scb-grid/scb-stack.d.ts

@@ -0,0 +1,32 @@
+import { LitElement } from 'lit';
+/**
+ * <scb-stack>
+ * Minimal 1D-layout (flex) för innehåll inuti t.ex. <scb-grid-item>.
+ * - direction: row | column
+ * - gap / row-gap / column-gap: kan vara spacing-siffra 0–14 (→ var(--spacing-N)) eller valfritt CSS-värde
+ * - align (align-items) / justify (justify-content)
+ * - wrap: bryt rad i row-läge
+ * - inline: inline-flex istället för block
+ */
+export declare class ScbStack extends LitElement {
+    #private;
+    direction: 'row' | 'column';
+    gap: string;
+    rowGap: string;
+    columnGap: string;
+    align: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+    justify: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+    wrap: boolean;
+    inline: boolean;
+    static styles: import('lit').CSSResult;
+    protected firstUpdated(): void;
+    protected updated(): void;
+    private mapSpacingToken;
+    private parseGapShorthand;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-stack': ScbStack;
+    }
+}

package/scb-test-components/scb-header/scb-header-menu-group.d.ts

@@ -0,0 +1,12 @@
+export declare class ScbHeaderMenuGroup extends HTMLElement {
+    get label(): string;
+    set label(value: string);
+    get icon(): string | undefined;
+    set icon(value: string | undefined);
+    connectedCallback(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-header-menu-group': ScbHeaderMenuGroup;
+    }
+}

package/scb-test-components/scb-header/scb-header-menu-item.d.ts

@@ -0,0 +1,13 @@
+import { LitElement } from 'lit';
+export declare class ScbHeaderMenuItem extends LitElement {
+    label: string;
+    href: string;
+    icon?: string;
+    static styles: import('lit').CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-header-menu-item': ScbHeaderMenuItem;
+    }
+}

package/scb-test-components/scb-header/scb-header-tab.d.ts

@@ -0,0 +1,13 @@
+import { LitElement } from 'lit';
+export declare class ScbHeaderTab extends LitElement {
+    label: string;
+    href: string;
+    drawerId: string;
+    static styles: import('lit').CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-header-tab': ScbHeaderTab;
+    }
+}

package/scb-test-components/scb-header/scb-header-utility.d.ts

@@ -0,0 +1,14 @@
+export declare class ScbHeaderUtility extends HTMLElement {
+    get label(): string;
+    set label(value: string);
+    get href(): string;
+    set href(value: string);
+    get target(): '_self' | '_blank' | '_parent' | '_top' | undefined;
+    set target(value: '_self' | '_blank' | '_parent' | '_top' | undefined);
+    connectedCallback(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-header-utility': ScbHeaderUtility;
+    }
+}

package/scb-test-components/scb-header/scb-header.d.ts

@@ -0,0 +1,132 @@
+import { LitElement, TemplateResult } from 'lit';
+export interface HeaderTab {
+    label: string;
+    href?: string;
+}
+export interface UtilityItem {
+    label: string;
+    href: string;
+    target?: '_self' | '_blank' | '_parent' | '_top';
+}
+export interface MenuNode {
+    label: string;
+    href?: string;
+    icon?: string;
+    children?: MenuNode[];
+}
+export type ScbHeaderSize = 'small' | 'medium' | 'large';
+export declare class ScbHeader extends LitElement {
+    constructor();
+    maxWidth: string;
+    spacing: undefined;
+    spacingTop: undefined;
+    spacingBottom: undefined;
+    size: ScbHeaderSize;
+    logoText: string;
+    logoHref: string;
+    logoSrc: string;
+    logoWidth: string;
+    logoHeight: string;
+    logoAspectRatio: string;
+    logoInvertDm: boolean;
+    banner: boolean;
+    bannerLabel?: string;
+    private static readonly _JSON_ARRAY;
+    tabs: HeaderTab[];
+    activeTab: number | null;
+    reserveTabs: boolean;
+    reserveTabsCount?: number;
+    reserveTabsWidths?: string;
+    utilityItems: UtilityItem[];
+    searchPlaceholder?: string;
+    menuLabel?: string;
+    menuSubLabel?: string;
+    menuSectionLabel?: string;
+    menuSearchPlaceholder?: string;
+    menuData?: MenuNode[];
+    showDrawer: boolean;
+    showSearch: boolean;
+    includeUtilityInMenu: boolean;
+    drawerOverlay: boolean;
+    searchMax?: string;
+    searchMin?: string;
+    searchHeight?: string;
+    searchText: string;
+    private _drawerId;
+    private _menuExpanded;
+    private _searchId;
+    private _slotNavItems;
+    private _slotUtils;
+    private _slotMenu;
+    private _ro?;
+    private _measureScheduled;
+    private _scheduleMeasure;
+    private _onWindowResize;
+    private _onMenuSelect;
+    private _collapsed;
+    private _unlockAtWidth;
+    private _hideLogoText;
+    private _logoTextUnlockAt;
+    private static readonly BP_SM_DEFAULT;
+    private static readonly BP_MD_DEFAULT;
+    private get _HYST();
+    private get BP_SM();
+    private get BP_MD();
+    private _slotMo?;
+    private _slotWatchers;
+    private _harvestPending;
+    private _scheduleHarvest;
+    static styles: import('lit').CSSResult;
+    private get _top();
+    private get _util();
+    private get _logoGroup();
+    private get _searchWrap();
+    private get _menuBtn();
+    private get _searchEl();
+    private get _tabsNav();
+    private _attachSlotObservers;
+    private _harvest;
+    private _setCollapsed;
+    private _setHideSearch;
+    private _setHideLogoText;
+    private _num;
+    private _tokenPx;
+    private _visible;
+    private _overflows;
+    private _tabsOverflows;
+    private _measure;
+    firstUpdated(): void;
+    protected updated(changed: Map<string, unknown>): void;
+    disconnectedCallback(): void;
+    private _mapSpacingToken;
+    private _applySpacing;
+    private _applyLogoSizing;
+    private _closeDrawerNow;
+    private _onDrawerOpened;
+    private _onDrawerClosed;
+    private _syncMenuBtnAria;
+    private _onMenuClick;
+    private _onSearchClick;
+    private _getNavItems;
+    private _getDropdownForSlot;
+    private _syncDropdownTabs;
+    private _readTabIndexFromEvent;
+    private _focusTabAtIndex;
+    private _onTabClick;
+    private _onDropdownTabActivate;
+    private _onTabsKeydown;
+    private _renderMenuNodes;
+    private _renderMenuNode;
+    private _syncFlags;
+    private _onSearchInput;
+    private _onSearchSubmit;
+    private _onSearchClear;
+    render(): TemplateResult;
+    private _renderTabSkeletons;
+    private _renderLogo;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-header': ScbHeader;
+    }
+}

package/scb-test-components/scb-horizontal-scroller/scb-horizontal-scroller.d.ts

@@ -0,0 +1,47 @@
+import { LitElement, PropertyValues } from 'lit';
+export declare class ScbHorizontalScroller extends LitElement {
+    #private;
+    /** Variant för scroll-layout. */
+    variant: 'standard' | 'inline';
+    /** Fast bredd på scroller, t.ex. '400px' eller '100%'. */
+    width: string;
+    showScrollbar: boolean;
+    rightScrollButtonLabel: string;
+    leftScrollButtonLabel: string;
+    /**
+     * Vertikalt avstånd till omgivande innehåll.
+     * spacing sätter både top och bottom om spacing-top/spacing-bottom inte är satta.
+     * "N" (0–14) mappar till var(--spacing-N), annars valfritt CSS-värde (till exempel "16px" eller "var(--spacing-6)").
+     */
+    spacing: undefined;
+    spacingTop: undefined;
+    spacingBottom: undefined;
+    spacingLeft: undefined;
+    spacingRight: undefined;
+    contentFlex: boolean;
+    /** Avstånd mellan slottade element när content-flex är aktivt. */
+    internalGap: string;
+    private _canScrollLeft;
+    private _canScrollRight;
+    static styles: import('lit').CSSResult;
+    private getScrollStep;
+    private doScrollBy;
+    private updateScrollButtons;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private lastScrollLeft;
+    private isScrolling;
+    private scrollEndTimeout;
+    private scrollerEl;
+    private slotEl;
+    private sizeObserver;
+    private resizeRaf;
+    private dispatchCustomEvent;
+    private dispatchCustomEventWithAlias;
+    private handleScroll;
+    private handleWheel;
+    firstUpdated(): void;
+    updated(changed: PropertyValues): void;
+    private mapSpacingToken;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/scb-test-components/scb-icon-button/scb-icon-button.d.ts

@@ -0,0 +1,76 @@
+import { LitElement, TemplateResult, PropertyValues } from 'lit';
+type IconVariant = 'filled' | 'outlined' | 'filled-tonal' | 'standard';
+type IconButtonSize = 'tiny' | 'extra-small' | 'small' | 'medium' | 'large';
+type IconButtonShape = 'round' | 'square';
+export declare class ScbIconButton extends LitElement {
+    #private;
+    /** Visuell ikon. */
+    icon: string;
+    /** Gör ikonen fylld om true (Material Symbols med FILL-axeln). */
+    get filled(): boolean;
+    set filled(value: boolean);
+    /** Alias för filled. Styrs via attribute "icon-filled". */
+    get iconFilled(): boolean;
+    set iconFilled(value: boolean);
+    /** Tillgänglighetslabel. Speglas till md-icon-button. */
+    ariaLabel: string;
+    /** Variant enligt Material. */
+    variant: IconVariant;
+    /** Storlek på ikonknappen. */
+    size: IconButtonSize;
+    /** Form på ikonknappen. */
+    shape: IconButtonShape;
+    /** Toggle-läge. */
+    toggle: boolean;
+    /** Om komponenten är vald i toggle-läge. */
+    selected: boolean;
+    /** Ikon i otoggla(t) läge. */
+    toggleofficon: string;
+    /** Ikon i togglat läge. */
+    toggleonicon: string;
+    /** Inaktiverad. */
+    disabled: boolean;
+    /** Vertikalt avstånd till omgivande innehåll. "N" mappar till var(--spacing-N). */
+    spacing: undefined;
+    /** Överkantens avstånd. Om satt går före spacing. 0–14 mappar till var(--spacing-N), annars CSS-värde. */
+    spacingTop: undefined;
+    /** Nederkantens avstånd. Om satt går före spacing. 0–14 mappar till var(--spacing-N), annars CSS-värde. */
+    spacingBottom: undefined;
+    /** Vänsterkantens avstånd. 0–14 mappar till var(--spacing-N), annars CSS-värde. */
+    spacingLeft: undefined;
+    /** Högerkantens avstånd. 0–14 mappar till var(--spacing-N), annars CSS-värde. */
+    spacingRight: undefined;
+    href: string;
+    target: string;
+    rel: string;
+    private __filledValue;
+    private __loadedVariants;
+    private __iconLoaded;
+    private __lastMdHost;
+    protected firstUpdated(): Promise<void>;
+    protected updated(changed: PropertyValues): void;
+    disconnectedCallback(): void;
+    private __ensureDepsLoaded;
+    /** Hitta md-* host i shadow DOM. */
+    private __getMdHost;
+    /** Synka selected från md-* upp till wrappern och emit change. */
+    private __onInnerChange;
+    /** Koppla change-event från md-* samt spegla selected. */
+    private __attachChangeListener;
+    /**
+     * Synkar native title och aria-* mellan host och md-*.
+     */
+    private __syncTitleAndAria;
+    private mapSpacingToken;
+    static styles: import('lit').CSSResult;
+    private __renderToggleIcons;
+    private __renderSingleIcon;
+    private __renderMd;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-icon-button': ScbIconButton;
+    }
+}
+export {};

package/scb-test-components/scb-keyfigure-card/scb-keyfigure-card.d.ts

@@ -0,0 +1,46 @@
+import { LitElement, PropertyValues } from 'lit';
+export declare class ScbKeyFigureCard extends LitElement {
+    #private;
+    private static __iconLoaded;
+    private static __rippleLoaded;
+    keyfigure: number | string;
+    subtitle: string;
+    supportingText: string;
+    cardHref: string;
+    href: string;
+    icon: string;
+    size: 'small' | 'medium' | 'large' | 'standard';
+    unit: string;
+    width: string;
+    maxWidth: string;
+    height: string;
+    maxHeight: string;
+    sizing: 'stretch' | 'content-width' | 'content-height';
+    /**
+     * Vertikalt avstånd till omgivande innehåll.
+     * spacing sätter både top och bottom om spacing-top/spacing-bottom inte är satta.
+     * "N" (0–14) mappas till var(--spacing-N), annars valfritt CSS-värde (t.ex. "16px" eller "var(--spacing-6)").
+     */
+    spacing: undefined;
+    spacingTop: undefined;
+    spacingBottom: undefined;
+    spacingLeft: undefined;
+    spacingRight: undefined;
+    static styles: import('lit').CSSResult;
+    private formatNumber;
+    protected firstUpdated(): Promise<void>;
+    private get __effectiveHref();
+    render(): import('lit-html').TemplateResult<1>;
+    private __applyInnerSizing;
+    protected updated(changed: PropertyValues): void;
+    private mapSpacingToken;
+    private __dispatchNavigateEvents;
+    private __navigate;
+    private __onKeyDown;
+    private __handleHrefNavigation;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-keyfigure-card': ScbKeyFigureCard;
+    }
+}

package/scb-test-components/scb-link/scb-link.d.ts

@@ -0,0 +1,25 @@
+import { LitElement, TemplateResult } from 'lit';
+export declare class ScbLink extends LitElement {
+    #private;
+    href: string;
+    target?: '_self' | '_blank' | '_parent' | '_top';
+    rel?: string;
+    download?: string;
+    disabled: boolean;
+    ariaLabel: string;
+    spacing: undefined;
+    spacingTop: undefined;
+    spacingBottom: undefined;
+    spacingLeft: undefined;
+    spacingRight: undefined;
+    static styles: import('lit').CSSResult;
+    protected firstUpdated(): void;
+    protected updated(changed: Map<string, unknown>): void;
+    private mapSpacingToken;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-link': ScbLink;
+    }
+}

package/scb-test-components/scb-list/scb-list-item.d.ts

@@ -0,0 +1,38 @@
+import { LitElement, TemplateResult, PropertyValues } from 'lit';
+export declare class ScbListItem extends LitElement {
+    #private;
+    type: 'text' | 'link';
+    href: string;
+    itemHref: string;
+    target: string;
+    disabled: boolean;
+    label: string;
+    supportingText: string;
+    overline: string;
+    leading: boolean;
+    leadingVariant: '' | 'icon' | 'avatar' | 'image';
+    leadingIcon: string;
+    avatarLabel: string;
+    avatarAlt: string;
+    avatarVariant: 'icon' | 'image';
+    avatarSrc: string;
+    imgHrefImage: string;
+    trailing: boolean;
+    trailingVariant: '' | 'icon' | 'checkbox' | 'switch';
+    trailingIcon: string;
+    trailingSwitchLabel: string;
+    trailingSwitchWidth: string;
+    trailingSwitchSelected: boolean;
+    density: -4 | -2 | 0;
+    noDivider: boolean;
+    static get styles(): import('lit').CSSResult;
+    protected firstUpdated(): Promise<void>;
+    protected updated(changed: PropertyValues): void;
+    private onRowClick;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-list-item': ScbListItem;
+    }
+}

package/scb-test-components/scb-list/scb-list.d.ts

@@ -0,0 +1,26 @@
+import { LitElement, TemplateResult, PropertyValues } from 'lit';
+export declare class ScbList extends LitElement {
+    #private;
+    noDivider: boolean;
+    spacing: undefined;
+    spacingTop: undefined;
+    spacingBottom: undefined;
+    spacingLeft: undefined;
+    spacingRight: undefined;
+    private _slotEl;
+    protected firstUpdated(): Promise<void>;
+    protected updated(changed: PropertyValues): void;
+    private _onSlotChange;
+    private _getItems;
+    private _setupItems;
+    private _onKeyDown;
+    private _mapSpacingToken;
+    private _applySpacing;
+    static styles: import('lit').CSSResult[];
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-list': ScbList;
+    }
+}

package/scb-test-components/scb-menu/scb-menu-item.d.ts

@@ -0,0 +1,52 @@
+import { LitElement, TemplateResult } from 'lit';
+export declare class ScbMenuItem extends LitElement {
+    /** Visad text/label. */
+    label: string;
+    /** Markerad/vald state. */
+    selected: boolean;
+    noHighlightSelected: boolean;
+    /** Ikonnamn före label (Material icon glyph). */
+    leadingIcon: string;
+    /** Om satt blir item en länk (<a>) istället för knapp. */
+    itemHref: string;
+    /** Om slotten innehåller en <scb-sub-menu>. */
+    private hasSlotContent;
+    /** Öppen/stängd undermeny. */
+    expanded: boolean;
+    /** Stabilt id för aria-controls på knappen som styr undermenyn. */
+    private __submenuId;
+    /** Id för fokusmålet som md-focus-ring kopplas till. */
+    private __focusId;
+    private static __rippleLoaded;
+    private static __iconLoaded;
+    private static __focusRingLoaded;
+    private get __submenuEl();
+    /** Ladda md-ripple, md-focus-ring och md-icon vid behov. */
+    private __ensureDepsLoaded;
+    static styles: import('lit').CSSResult;
+    private __syncHasSlotContentFromLightDom;
+    connectedCallback(): void;
+    private _onSlotChange;
+    /** Gemensam toggler för undermenyn samt emit av expand-event. */
+    private __setExpanded;
+    private _toggleExpand;
+    /** Skicka val-event uppåt så att <scb-menu> kan markera selected. */
+    private _dispatchSelect;
+    /** Klick på knapp-variant: välj och eventuellt expandera undermeny. */
+    private _onButtonClick;
+    /** Klick på länk-variant: välj. Navigering sköts av <a>. */
+    private _onLinkClick;
+    /** Init: kolla slotten och lazy-loada beroenden. */
+    firstUpdated(): Promise<void>;
+    /** Om leadingIcon eller slottat innehåll ändras, säkerställ deps. */
+    protected updated(changed: Map<string, unknown>): void;
+    /** Styr fokusbarhet och skärmläsarstatus för undermenyn. */
+    private __applyInert;
+    render(): TemplateResult;
+    private _onKeyDown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-menu-item': ScbMenuItem;
+    }
+}

package/scb-test-components/scb-menu/scb-menu-section.d.ts

@@ -0,0 +1,11 @@
+import { LitElement, TemplateResult } from 'lit';
+export declare class ScbmenuSection extends LitElement {
+    label: string;
+    static styles: import('lit').CSSResult;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-menu-section': ScbmenuSection;
+    }
+}

package/scb-test-components/scb-menu/scb-menu.d.ts

@@ -0,0 +1,25 @@
+import { LitElement, TemplateResult, PropertyValues } from 'lit';
+export declare class ScbMenu extends LitElement {
+    #private;
+    label: string;
+    subLabel: string;
+    noHighlightSelected: boolean;
+    spacing: undefined;
+    spacingTop: undefined;
+    spacingBottom: undefined;
+    spacingLeft: undefined;
+    spacingRight: undefined;
+    static styles: import('lit').CSSResult;
+    render(): TemplateResult;
+    protected firstUpdated(_changed: PropertyValues): void;
+    protected updated(changed: PropertyValues): void;
+    private mapSpacingToken;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _onGlobalSelect;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-menu': ScbMenu;
+    }
+}

package/scb-test-components/scb-menu/scb-sub-menu.d.ts

@@ -0,0 +1,14 @@
+import { LitElement, TemplateResult } from 'lit';
+export declare class ScbSubmenu extends LitElement {
+    label: string;
+    static styles: import('lit').CSSResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _onGlobalSelect;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-sub-menu': ScbSubmenu;
+    }
+}

package/scb-test-components/scb-nav/scb-nav-item.d.ts

@@ -0,0 +1,20 @@
+import { LitElement } from 'lit';
+export declare class ScbNavItem extends LitElement {
+    href: string;
+    dataHref: string;
+    disabled: boolean;
+    static styles: import('lit').CSSResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected updated(): void;
+    private __syncA11y;
+    private __onClick;
+    private __onKeyDown;
+    private __onKeyUp;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-nav-item': ScbNavItem;
+    }
+}