scb-wc 0.1.3 → 0.1.4

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

@@ -0,0 +1,39 @@
+import { TemplateResult, LitElement } from 'lit';
+export declare class ScbAccordionItem extends LitElement {
+    open: boolean;
+    title: string;
+    content: string;
+    overline: string;
+    supportingText: string;
+    leading: boolean;
+    leadingVariant: 'icon' | 'avatar' | 'image' | '';
+    leadingIcon: string;
+    imgHrefImage: string;
+    avatarLabel: string;
+    avatarAlt: string;
+    avatarVariant: 'icon' | 'image';
+    avatarSrc: string;
+    density: -4 | -2 | 0;
+    private static _uidPrefix;
+    private static _uidSeq;
+    private static _uid;
+    private _unique;
+    private _ignoreNextNativeTitleAttrChange;
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: string, oldVal: string | null, newVal: string | null): void;
+    protected firstUpdated(): void;
+    static styles: import('lit').CSSResult[];
+    private _applyInertByOpen;
+    private _onSummaryClick;
+    private _onToggle;
+    private _onKeyDown;
+    /** Programmatisk uppdatering som även speglar <details>. */
+    setOpen(on: boolean): void;
+    protected updated(changed: Map<string, unknown>): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-accordion-item': ScbAccordionItem;
+    }
+}

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

@@ -0,0 +1,27 @@
+import { LitElement, TemplateResult } from 'lit';
+import { ScbAccordionItem } from './scb-accordion-item';
+export declare class ScbAccordion extends LitElement {
+    #private;
+    singleOpen: boolean;
+    showCloseAll: boolean;
+    size: 'small' | 'medium' | 'large';
+    spacing: undefined;
+    spacingTop: undefined;
+    spacingBottom: undefined;
+    spacingLeft: undefined;
+    spacingRight: undefined;
+    static styles: import('lit').CSSResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): TemplateResult;
+    protected firstUpdated(): void;
+    protected updated(changed: Map<string, unknown>): void;
+    private _getDirectItems;
+    onItemToggled(source: ScbAccordionItem, isOpen: boolean): void;
+    private mapSpacingToken;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-accordion': ScbAccordion;
+    }
+}

package/scb-test-components/scb-app-bar/scb-app-bar.d.ts

@@ -0,0 +1,25 @@
+import { LitElement } from 'lit';
+export declare class ScbAppBar extends LitElement {
+    #private;
+    title: string;
+    appBarTitle: string;
+    type: 'default' | 'small-flexible' | 'search' | 'medium-flexible' | 'large-flexible';
+    position: string;
+    searchSupportingText: string;
+    spacing: undefined;
+    spacingTop: undefined;
+    spacingBottom: undefined;
+    spacingLeft: undefined;
+    spacingRight: undefined;
+    private __titleResizeObserver?;
+    private __titleResizeRaf;
+    static styles: import('lit').CSSResult[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private handleActionsSlotChange;
+    private handleAvatarSlotChange;
+    protected firstUpdated(): void;
+    protected updated(changed: Map<string, unknown>): void;
+    private mapSpacingToken;
+    render(): import('lit-html').TemplateResult<1>;
+}

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

@@ -0,0 +1,37 @@
+import { LitElement, TemplateResult } from 'lit';
+type AvatarSize = 'small' | 'medium' | 'large' | 'xlarge';
+type AvatarShape = 'circular' | 'rounded' | 'square';
+type AvatarVariant = 'image' | 'icon';
+export declare class ScbAvatar extends LitElement {
+    #private;
+    src: string;
+    alt: string;
+    label: string;
+    size: AvatarSize;
+    shape: AvatarShape;
+    iconName: string;
+    variant: AvatarVariant;
+    spacing: undefined;
+    spacingTop: undefined;
+    spacingBottom: undefined;
+    spacingLeft: undefined;
+    spacingRight: undefined;
+    private _imgError;
+    private _hasIconSlot;
+    static styles: import('lit').CSSResult;
+    private _onImgLoad;
+    private _onImgError;
+    private _onIconSlotChange;
+    protected firstUpdated(): Promise<void>;
+    protected updated(changed: Map<string, unknown>): void;
+    private _initials;
+    private _ariaLabel;
+    private mapSpacingToken;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-avatar': ScbAvatar;
+    }
+}
+export {};

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

@@ -0,0 +1,28 @@
+import { LitElement } from 'lit';
+/**
+ * En badge-komponent baserad på Material 3 Web Component Badge.
+ * @slot- Innehåll som badgen placeras på (t.ex. ikon, text)
+ */
+export declare class ScbBadge extends LitElement {
+    private _slotClickHandler;
+    autoHide: boolean;
+    sizing: 'fit-content' | 'fit-parent';
+    position: 'absolute' | 'relative';
+    positionTop: string | number;
+    positionRight: string | undefined;
+    positionSide: 'left' | 'right';
+    positionLeft: string | undefined;
+    value: string;
+    label: string;
+    hidden: boolean;
+    variant: 'dot' | 'value';
+    static styles: import('lit').CSSResult;
+    firstUpdated(): void;
+    private _badgeVisible;
+    updated(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _onHideBadge;
+    private mapSpacingToken;
+    render(): import('lit-html').TemplateResult<1>;
+}

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

@@ -0,0 +1,15 @@
+import { LitElement, TemplateResult } from 'lit';
+export declare class SCBBreadcrumbItem extends LitElement {
+    label: string;
+    isCurrent: boolean;
+    href: string;
+    connectedCallback(): void;
+    static get styles(): import('lit').CSSResult;
+    protected updated(changed: Map<string, unknown>): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-breadcrumb-item': SCBBreadcrumbItem;
+    }
+}

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

@@ -0,0 +1,27 @@
+import { LitElement, TemplateResult } from 'lit';
+export declare class SCBBreadcrumb extends LitElement {
+    #private;
+    showAll: boolean;
+    currentIndex: undefined;
+    spacing: undefined;
+    spacingTop: undefined;
+    spacingBottom: undefined;
+    spacingLeft: undefined;
+    spacingRight: undefined;
+    private _observer?;
+    static get styles(): import('lit').CSSResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected firstUpdated(): void;
+    protected updated(changed: Map<string, unknown>): void;
+    private mapSpacingToken;
+    private _onEllipsisClick;
+    private getItemLabel;
+    private getItemHref;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-breadcrumb': SCBBreadcrumb;
+    }
+}

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

@@ -0,0 +1,40 @@
+import { LitElement, TemplateResult } from 'lit';
+/** "filled", "outlined", "filled-tonal" eller "text" */
+export type ScbButtonVariant = 'filled' | 'outlined' | 'filled-tonal' | 'text';
+/** "small", "medium" eller "large" */
+export type ScbButtonSize = 'small' | 'medium' | 'large';
+export declare class ScbButton extends LitElement {
+    #private;
+    variant: ScbButtonVariant;
+    size: ScbButtonSize;
+    type: string;
+    label: string;
+    trailingIcon: boolean;
+    icon: string;
+    iconFilled: boolean;
+    disabled: boolean;
+    fullWidth: boolean;
+    href: string;
+    target: string;
+    rel: string;
+    spacing: undefined;
+    spacingTop: undefined;
+    spacingBottom: undefined;
+    spacingLeft: undefined;
+    spacingRight: undefined;
+    private __ariaObserver?;
+    private __getMdHost;
+    private __getInnerNativeButton;
+    private __syncAriaToInner;
+    protected firstUpdated(): void;
+    protected updated(changed: Map<string, unknown>): void;
+    disconnectedCallback(): void;
+    private mapSpacingToken;
+    static get styles(): import('lit').CSSResult;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-button': ScbButton;
+    }
+}

package/scb-test-components/scb-calendar/scb-calendar-event.d.ts

@@ -0,0 +1,15 @@
+import { LitElement } from 'lit';
+export declare class ScbCalendarEvent extends LitElement {
+    title: string;
+    description: string;
+    startDate: string;
+    endDate: string;
+    href: string;
+    get date(): string;
+    set date(v: string);
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: string, oldVal: string | null, newVal: string | null): void;
+    static styles: import('lit').CSSResult;
+    updated(changedProps: Map<string, any>): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

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

@@ -0,0 +1,77 @@
+import { LitElement } from 'lit';
+type ScbCalendarEventInput = {
+    title?: string;
+    description?: string;
+    href?: string;
+    startDate?: string;
+    endDate?: string;
+    start?: string;
+    end?: string;
+    date?: string;
+    'start-date'?: string;
+    'end-date'?: string;
+};
+export declare class ScbCalendar extends LitElement {
+    #private;
+    private _lastActiveDay;
+    lang: string;
+    disableWeekend: boolean;
+    publicHolidays: boolean;
+    displayYear: number;
+    displayMonth: number;
+    selectedDate: string;
+    events: ScbCalendarEventInput[] | undefined;
+    eventsJson: string | undefined;
+    private _eventsFromJson;
+    private _eventsJsonLast;
+    get value(): string;
+    set value(v: string);
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: string, oldVal: string | null, newVal: string | null): void;
+    spacing: undefined;
+    spacingTop: undefined;
+    spacingBottom: undefined;
+    spacingLeft: undefined;
+    spacingRight: undefined;
+    static styles: import('lit').CSSResult;
+    private _mutationObserver;
+    private _syncingDisplay;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private mapSpacingToken;
+    updated(changedProps: Map<string, any>): void;
+    private _ensureEventsFromJson;
+    private _getEventInputs;
+    private _normalizeEventInput;
+    private _toLocalEventDate;
+    private _toDateKey;
+    private _buildEventMapFromInputs;
+    private _buildEventMapFromChildren;
+    private _syncDisplayFromCurrent;
+    private _dispatchMonthChange;
+    private _dispatchSelect;
+    /**
+     * Hanterar tangentbordsnavigation mellan dagar enligt ARIA practices
+     */
+    private _onCalendarKeyDown;
+    private _onEventChanged;
+    private _today;
+    private _current;
+    private _popupEvent;
+    private _daysInMonth;
+    private _firstDayOfWeek;
+    private _prevMonth;
+    private _nextMonth;
+    private _showEventPopup;
+    private _handleDialogClose;
+    private _restoreDayFocus;
+    private _easterDateCalculated;
+    private _addDays;
+    private _easterDay;
+    /**
+     * Returnerar namnet på svensk helgdag eller null om det inte är en helgdag
+     */
+    private _swedishHolidayName;
+    render(): import('lit-html').TemplateResult<1>;
+}
+export {};

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

@@ -0,0 +1,45 @@
+import { LitElement } from 'lit';
+export declare class ScbCalendarCard extends LitElement {
+    #private;
+    variant: 'default' | 'outlined' | 'filled';
+    size: 'small' | 'medium' | 'large';
+    date: string | Date | null;
+    direction: 'horizontal' | 'vertical';
+    title: string;
+    calendarCardTitle: string;
+    subtitle: string;
+    supportingText: string;
+    cardHref: string;
+    cardHrefNav: string;
+    showMedia: boolean | null;
+    mediaWidth: string;
+    mediaHeight: string;
+    mediaAspect: string;
+    width: string;
+    maxWidth: string;
+    minWidth: string;
+    height: string;
+    maxHeight: string;
+    minHeight: string;
+    sizing: 'stretch' | 'content-width' | 'content-height';
+    spacing: undefined;
+    spacingTop: undefined;
+    spacingBottom: undefined;
+    spacingLeft: undefined;
+    spacingRight: undefined;
+    private static __iconLoaded;
+    private static __rippleLoaded;
+    protected firstUpdated(): Promise<void>;
+    static styles: import('lit').CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+    private __applyInnerSizing;
+    private _onKeyDown;
+    private _handleHrefNavigation;
+    private mapSpacingToken;
+    protected updated(changed: Map<string, unknown>): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-calendar-card': ScbCalendarCard;
+    }
+}

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

@@ -0,0 +1,101 @@
+import { LitElement, PropertyValues } from 'lit';
+export declare class ScbCard extends LitElement {
+    #private;
+    private static __iconLoaded;
+    private static __rippleLoaded;
+    private readonly __managedSocialAttributes;
+    private __isSyncingManagedSocialAttributes;
+    type: string;
+    variant: string;
+    direction: 'vertical' | 'horizontal' | 'dynamic';
+    size: 'small' | 'medium' | 'large';
+    mediaType: string;
+    mediaHref: string;
+    mediaAlt: string;
+    mediaSrcset: string;
+    mediaSizes: string;
+    mediaLoading: 'lazy' | 'eager' | 'auto';
+    mediaDecoding: 'async' | 'sync' | 'auto';
+    mediaFetchPriority: 'high' | 'low' | 'auto';
+    mediaFit: 'cover' | 'contain';
+    mediaPosition: string;
+    mediaWidth: string;
+    mediaHeight: string;
+    mediaAspect: string;
+    mediaPlaceholder: boolean;
+    cardHref: string;
+    href: string;
+    title: string;
+    cardTitle: string;
+    subtitle: string;
+    vignette: string;
+    vignetteVariant: 'outline' | 'filled';
+    vignetteSpacing: undefined;
+    vignetteSpacingTop: undefined;
+    vignetteSpacingBottom: undefined;
+    vignetteSpacingLeft: undefined;
+    vignetteSpacingRight: undefined;
+    supportingText: string;
+    date?: Date;
+    commentsText: string;
+    comments?: number;
+    commentsDisabled: boolean;
+    commentsHref: string;
+    likesText: string;
+    likes?: number;
+    likesDisabled: boolean;
+    likesHoverContent: string;
+    hasLiked: boolean;
+    likesInteractive: boolean;
+    author: boolean;
+    authorText: string;
+    authorHref: string;
+    replyEnabled: boolean;
+    editEnabled: boolean;
+    deleteEnabled: boolean;
+    sizing: 'stretch' | 'content-width' | 'content-height';
+    width: string;
+    maxWidth: string;
+    height: string;
+    maxHeight: string;
+    spacing: undefined;
+    spacingTop: undefined;
+    spacingBottom: undefined;
+    spacingLeft: undefined;
+    spacingRight: undefined;
+    innerPadding: undefined;
+    paddingTop: undefined;
+    paddingBottom: undefined;
+    paddingLeft: undefined;
+    paddingRight: undefined;
+    static styles: import('lit').CSSResult;
+    attributeChangedCallback(name: string, old: string | null, value: string | null): void;
+    /**
+     * Returnerar like-knappen (scb-icon-button) om kortet är av typen 'social'.
+     */
+    get likeButton(): HTMLElement | null;
+    private __calcAspectWH;
+    private __onImgLoad;
+    private __noWrapText;
+    private __dispatchLikeEvent;
+    private __dispatchSocialActionEvent;
+    private __dispatchCardNavigate;
+    private __effectiveHref;
+    private __navigate;
+    private __mediaTemplate;
+    private mapSpacingToken;
+    private __syncStringAttribute;
+    private __syncNumberAttribute;
+    private __syncBooleanAttribute;
+    private __syncSocialAttributes;
+    render(): import('lit-html').TemplateResult<1>;
+    protected updated(changed: PropertyValues): void;
+    protected firstUpdated(_changed: PropertyValues): Promise<void>;
+    private __onKeyDown;
+    private __handleHrefNavigation;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-card': ScbCard;
+    }
+}

package/scb-test-components/scb-checkbox/scb-checkbox-group.d.ts

@@ -0,0 +1,23 @@
+import { LitElement } from 'lit';
+type ScbCheckboxSize = 'small' | 'medium' | 'large';
+export declare class ScbCheckboxGroup extends LitElement {
+    #private;
+    orientation: 'vertical' | 'horizontal';
+    disabled: boolean;
+    size: ScbCheckboxSize;
+    spacing: undefined;
+    spacingTop: undefined;
+    spacingBottom: undefined;
+    spacingLeft: undefined;
+    spacingRight: undefined;
+    static styles: import('lit').CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+    firstUpdated(): void;
+    updated(changed: Map<string, unknown>): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-checkbox-group': ScbCheckboxGroup;
+    }
+}
+export {};

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

@@ -0,0 +1,52 @@
+import { LitElement, TemplateResult, PropertyValues } from 'lit';
+type ScbCheckboxSize = 'small' | 'medium' | 'large';
+export declare class ScbCheckbox extends LitElement {
+    #private;
+    static formAssociated: boolean;
+    private _internals;
+    constructor();
+    disabled: boolean;
+    indeterminate: boolean;
+    checked: boolean;
+    required: boolean;
+    size: ScbCheckboxSize;
+    label: string;
+    supportingText: string;
+    ariaLabel: string;
+    name: string;
+    value: string;
+    spacing: undefined;
+    spacingTop: undefined;
+    spacingBottom: undefined;
+    spacingLeft: undefined;
+    spacingRight: undefined;
+    private _form;
+    private _formResetHandler;
+    private _initialChecked;
+    private _customValidationMessage;
+    private _checkboxId;
+    private _showOuterFocusRing;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected firstUpdated(): void;
+    protected updated(changed: PropertyValues): void;
+    formDisabledCallback(disabled: boolean): void;
+    private __syncInnerAria;
+    private __getValidationMessage;
+    private __syncValidity;
+    checkValidity(): boolean;
+    reportValidity(): boolean;
+    setCustomValidity(message: string): void;
+    get validity(): ValidityState | undefined;
+    get validationMessage(): string;
+    get willValidate(): boolean;
+    private __syncFormValue;
+    static styles: import('lit').CSSResult;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-checkbox': ScbCheckbox;
+    }
+}
+export {};

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

@@ -0,0 +1,13 @@
+import { LitElement, PropertyValues } from 'lit';
+export declare class ScbChevron extends LitElement {
+    open: boolean;
+    private animationPhase;
+    static styles: import('lit').CSSResult;
+    protected willUpdate(changedProperties: PropertyValues): void;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-chevron': ScbChevron;
+    }
+}

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

@@ -0,0 +1,61 @@
+import { LitElement, TemplateResult, PropertyValues } from 'lit';
+export declare class ScbChip extends LitElement {
+    #private;
+    static formAssociated: boolean;
+    variant: 'assist' | 'filter';
+    label: string;
+    icon: string;
+    disabled: boolean;
+    elevated: boolean;
+    removable: boolean;
+    selected: boolean;
+    disableToggle: boolean;
+    href: string;
+    target: '_self' | '_blank' | '_parent' | '_top' | '';
+    name: string;
+    value: string;
+    /**
+     * Vertikalt avstånd till omgivande innehåll.
+     * "N" (0–14) mappar till var(--spacing-N), annars valfritt CSS-värde.
+     * spacing-top / spacing-bottom styr över respektive kant och tar över spacing om de är satta.
+     * spacing-left / spacing-right styr avstånd åt respektive sida.
+     */
+    spacing: undefined;
+    /** Vertikalt avstånd ovanför chipet. Tar över spacing om satt. */
+    spacingTop: undefined;
+    /** Vertikalt avstånd under chipet. Tar över spacing om satt. */
+    spacingBottom: undefined;
+    /** Horisontellt avstånd till vänster om chipet. */
+    spacingLeft: undefined;
+    /** Horisontellt avstånd till höger om chipet. */
+    spacingRight: undefined;
+    /**
+     * Storlek: small | medium | large.
+     * Medium är standard (vid tom sträng eller inget värde).
+     */
+    size: 'small' | 'medium' | 'large' | '';
+    private _internals;
+    private __loadedVariants;
+    private __chipSetLoaded;
+    private __iconLoaded;
+    constructor();
+    protected updated(changed: PropertyValues): void;
+    protected firstUpdated(): void;
+    private __ensureDepsLoaded;
+    static styles: import('lit').CSSResult;
+    private get _insideChipSet();
+    render(): TemplateResult;
+    private _renderChip;
+    private _toggleSelected;
+    private _onFilterClick;
+    private _onRemove;
+    private _forward;
+    private _updateFormValue;
+    formDisabledCallback(disabled: boolean): void;
+    private mapSpacingToken;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-chip': ScbChip;
+    }
+}

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

@@ -0,0 +1,29 @@
+import { LitElement } from 'lit';
+export declare class ScbCollapse extends LitElement {
+    #private;
+    private _contentId;
+    private get _regionLabel();
+    variant: 'height' | 'elements';
+    collapsedHeight: number;
+    visibleElements: number;
+    expanded: boolean;
+    private _elementCount;
+    expandButtonLabel: string;
+    collapseButtonLabel: string;
+    spacing: undefined;
+    spacingTop: undefined;
+    spacingBottom: undefined;
+    spacingLeft: undefined;
+    spacingRight: undefined;
+    itemsGap: undefined;
+    static styles: import('lit').CSSResult;
+    toggle(): void;
+    private mapSpacingToken;
+    private _contentHeight;
+    protected willUpdate(changedProps: Map<string, unknown>): void;
+    firstUpdated(): void;
+    updated(changedProps: Map<string, unknown>): void;
+    _measureContent(shouldRequestUpdate?: boolean): void;
+    _countElements(shouldRequestUpdate?: boolean): void;
+    render(): import('lit-html').TemplateResult<1>;
+}