scb-wc 0.1.231 → 0.1.233

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

@@ -0,0 +1,163 @@
+import { LitElement } from 'lit';
+import type { PropertyValues } from 'lit';
+export type ScbCardType = 'standard' | 'list' | 'social' | 'link' | 'action' | 'container';
+export declare class ScbCard extends LitElement {
+    private __lightDomObserver?;
+    private __dependencyKey;
+    private __focusRingRequested;
+    private __focusRingLoaded;
+    private __rippleRequested;
+    private __rippleLoaded;
+    private __pendingRippleEvent?;
+    private __pendingRippleClick;
+    private __variantRenderer?;
+    private __isSyncingManagedSocialAttributes;
+    type: ScbCardType;
+    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' | 'outlined' | 'filled';
+    vignetteSpacing: undefined;
+    vignetteSpacingTop: undefined;
+    vignetteSpacingBottom: undefined;
+    vignetteSpacingLeft: undefined;
+    vignetteSpacingRight: undefined;
+    supportingText: string;
+    date?: Date;
+    commentsText: string;
+    comments?: number;
+    commentsDisabled: boolean;
+    commentsHref: string;
+    commentsLinkLabel: string;
+    likesText: string;
+    likeLabel: string;
+    likes?: number;
+    likesDisabled: boolean;
+    likesHoverContent: string;
+    hasLiked: boolean;
+    likesInteractive: boolean;
+    author: boolean;
+    authorText: string;
+    authorHref: string;
+    replyEnabled: boolean;
+    replyLabel: string;
+    editEnabled: boolean;
+    editLabel: string;
+    deleteEnabled: boolean;
+    deleteLabel: string;
+    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 __mediaReserveAspect;
+    private __mediaReserveStyle;
+    private __slottedMediaAspect;
+    private __isAvatarMedia;
+    private __onImgLoad;
+    private get __resolvedTitle();
+    protected get cardType(): ScbCardType;
+    private __ensureVariantRenderer;
+    private __dispatchCardNavigate;
+    private __effectiveHref;
+    private __slottedCardLink;
+    private __primaryHref;
+    private __navigate;
+    private __slotNames;
+    private __hasSlottedContent;
+    private __hasLightDomElement;
+    private __syncListCardListSize;
+    private __actionCardButtonSize;
+    private __cardAvatarSize;
+    private __syncAvatarSizes;
+    /** Intern storlekskoppling för ikonknappar som social-varianten själv skapar. */
+    __socialIconButtonSize(): string;
+    private __syncActionCardButtonSizes;
+    private __slottedText;
+    private __ensureDependenciesReady;
+    private __ensureRippleOnInteraction;
+    private __syncRipple;
+    private __ensureFocusRingOnFocusVisible;
+    private __mediaTemplate;
+    private mapSpacingToken;
+    private __applySpacing;
+    private __applyPadding;
+    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>;
+    disconnectedCallback(): void;
+    private __onKeyDown;
+    private __handleHrefNavigation;
+    private __handleSlottedCardLinkClick;
+}
+export declare class ScbListCard extends ScbCard {
+    constructor();
+    protected get cardType(): ScbCardType;
+}
+export declare class ScbLinkCard extends ScbCard {
+    constructor();
+    protected get cardType(): ScbCardType;
+}
+export declare class ScbActionCard extends ScbCard {
+    constructor();
+    protected get cardType(): ScbCardType;
+}
+export declare class ScbSocialCard extends ScbCard {
+    constructor();
+    protected get cardType(): ScbCardType;
+}
+export declare class ScbContainerCard extends ScbCard {
+    constructor();
+    protected get cardType(): ScbCardType;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-card': ScbCard;
+        'scb-list-card': ScbListCard;
+        'scb-link-card': ScbLinkCard;
+        'scb-action-card': ScbActionCard;
+        'scb-social-card': ScbSocialCard;
+        'scb-container-card': ScbContainerCard;
+    }
+}

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

@@ -0,0 +1,2 @@
+import '../scb-container-card/scb-container-card.js';
+export { ScbContainerCard } from '../scb-container-card/scb-container-card.js';

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

@@ -0,0 +1,2 @@
+import '../scb-link-card/scb-link-card.js';
+export { ScbLinkCard } from '../scb-link-card/scb-link-card.js';

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

@@ -0,0 +1,2 @@
+import '../scb-list-card/scb-list-card.js';
+export { ScbListCard } from '../scb-list-card/scb-list-card.js';

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

@@ -0,0 +1,2 @@
+import '../scb-social-card/scb-social-card.js';
+export { ScbSocialCard } from '../scb-social-card/scb-social-card.js';

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

@@ -0,0 +1,48 @@
+import { LitElement } from 'lit';
+import '@material/web/icon/icon.js';
+export declare class ScbCheckboxGroup extends LitElement {
+    #private;
+    static formAssociated: boolean;
+    name: string;
+    orientation: 'vertical' | 'horizontal';
+    disabled: boolean;
+    required: boolean;
+    error: boolean;
+    ariaLabel: string | null;
+    supportingText: string;
+    errorText: string;
+    spacing: undefined;
+    spacingTop: undefined;
+    spacingBottom: undefined;
+    spacingLeft: undefined;
+    spacingRight: undefined;
+    private _internals;
+    private _form;
+    private _formResetHandler;
+    private _formSubmitHandler;
+    private _initialChecked;
+    private _customValidationMessage;
+    private _validationMessage;
+    private _hasValidationBeenReported;
+    private _supportingTextId;
+    constructor();
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+    firstUpdated(): void;
+    disconnectedCallback(): void;
+    updated(changed: Map<string, unknown>): void;
+    get form(): HTMLFormElement | null;
+    get validity(): ValidityState | undefined;
+    get validationMessage(): string;
+    get willValidate(): boolean;
+    get labels(): NodeList | undefined;
+    checkValidity(): boolean;
+    reportValidity(): boolean;
+    setCustomValidity(message: string): void;
+    formDisabledCallback(disabled: boolean): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-checkbox-group': ScbCheckboxGroup;
+    }
+}

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

@@ -0,0 +1,63 @@
+import { LitElement, TemplateResult, PropertyValues } from 'lit';
+import '@material/web/checkbox/checkbox.js';
+import '@material/web/icon/icon.js';
+import './scb-checkbox-group.js';
+export declare class ScbCheckbox extends LitElement {
+    #private;
+    static formAssociated: boolean;
+    private _internals;
+    constructor();
+    disabled: boolean;
+    indeterminate: boolean;
+    checked: boolean;
+    required: boolean;
+    error: boolean;
+    label: string;
+    supportingText: string;
+    errorText: string;
+    ariaLabel: string;
+    ariaControls: string | null;
+    ariaExpanded: string | null;
+    name: string;
+    value: string;
+    spacing: undefined;
+    spacingTop: undefined;
+    spacingBottom: undefined;
+    spacingLeft: undefined;
+    spacingRight: undefined;
+    private _form;
+    private _formResetHandler;
+    private _formSubmitHandler;
+    private _initialChecked;
+    private _customValidationMessage;
+    private _validationMessage;
+    private _hasValidationBeenReported;
+    private _checkboxId;
+    private _showOuterFocusRing;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected firstUpdated(): void;
+    protected willUpdate(changed: PropertyValues): 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 form(): HTMLFormElement | null;
+    get validity(): ValidityState | undefined;
+    get validationMessage(): string;
+    get willValidate(): boolean;
+    get labels(): NodeList | undefined;
+    private __syncFormValue;
+    static styles: import("lit").CSSResult;
+    render(): TemplateResult;
+    private __getVisibleSupportingText;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-checkbox': ScbCheckbox;
+    }
+}

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

@@ -0,0 +1,11 @@
+import { LitElement } from 'lit';
+export declare class ScbChevron extends LitElement {
+    open: boolean;
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-chevron': ScbChevron;
+    }
+}

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

@@ -0,0 +1,57 @@
+import { LitElement, TemplateResult, PropertyValues } from 'lit';
+export declare class ScbChip extends LitElement {
+    #private;
+    static formAssociated: boolean;
+    variant: 'assist' | 'filter' | 'static';
+    staticVariant: 'outlined' | 'filled';
+    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;
+    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-components/scb-collapse/scb-collapse.d.ts

@@ -0,0 +1,41 @@
+import { LitElement } from 'lit';
+import type { ScbButtonSize, ScbButtonVariant } from '../scb-button/scb-button.js';
+import '../scb-button/scb-button.js';
+export type ScbCollapseTogglePosition = 'before' | 'after';
+export type ScbCollapseToggleLayout = 'block' | 'inline';
+export declare class ScbCollapse extends LitElement {
+    #private;
+    private _contentId;
+    private get _regionLabel();
+    variant: 'height' | 'elements';
+    collapsedHeight: number;
+    visibleElements: number;
+    expanded: boolean;
+    hideToggle: boolean;
+    toggleButtonVariant: ScbButtonVariant;
+    toggleButtonSize: ScbButtonSize;
+    togglePosition: ScbCollapseTogglePosition;
+    toggleLayout: ScbCollapseToggleLayout;
+    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 getDefaultSlot;
+    private getToggleMeasureStyles;
+    private mapSpacingToken;
+    private _contentHeight;
+    protected willUpdate(changedProps: Map<string, unknown>): void;
+    private _isFullyCollapsed;
+    firstUpdated(): void;
+    updated(changedProps: Map<string, unknown>): void;
+    _measureContent(shouldRequestUpdate?: boolean): void;
+    _countElements(shouldRequestUpdate?: boolean): void;
+    render(): import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1,2 @@
+import '../scb-card/scb-card.js';
+export { ScbContainerCard } from '../scb-card/scb-card.js';

package/scb-components/scb-cookies-consent/scb-cookies-consent.d.ts

@@ -0,0 +1,28 @@
+import { LitElement, PropertyValues } from 'lit';
+export declare class ScbCookiesConsent extends LitElement {
+    open: boolean;
+    autoRemove: boolean;
+    title: string;
+    supportingText: string;
+    ariaLabel: string;
+    spacing: undefined;
+    spacingTop: undefined;
+    spacingBottom: undefined;
+    spacingLeft: undefined;
+    spacingRight: undefined;
+    static styles: import("lit").CSSResult;
+    private _updateButtonWidth;
+    private __syncButtonSizes;
+    private __ensureSlottedButtonsReady;
+    private __onButtonHydrationInteraction;
+    private __onButtonsSlotChange;
+    private mapSpacingToken;
+    private applySpacing;
+    firstUpdated(_changed: PropertyValues): void;
+    private __syncTopLayer;
+    protected updated(changed: PropertyValues): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    closeAndRemove(eventName: string): void;
+    render(): import("lit-html").TemplateResult<1> | null;
+}

package/scb-components/scb-datepicker/scb-datepicker.d.ts

@@ -0,0 +1,52 @@
+import { LitElement, PropertyValues, TemplateResult } from 'lit';
+import '../scb-icon-button/scb-icon-button.js';
+import '../scb-button/scb-button.js';
+import '@material/web/icon/icon.js';
+import '@material/web/ripple/ripple.js';
+import '../scb-divider/scb-divider.js';
+export declare class ScbDatepicker extends LitElement {
+    private _currentDate;
+    private _selectedDate;
+    private _showMonthDropdown;
+    private _showYearDropdown;
+    variant: 'datetime-local' | 'date';
+    lang: 'sv' | 'en';
+    selectedValue: string;
+    open: boolean;
+    private _selectedHour;
+    private _selectedMinute;
+    private readonly _viewportMargin;
+    private readonly _popupOffset;
+    private _removeLazyFocusRingListeners?;
+    private _onWindowReposition;
+    private _isRenderedInsideDialog;
+    private _usesInPlaceLayout;
+    connectedCallback(): void;
+    private _positionPopupWithinViewport;
+    static styles: import("lit").CSSResult[];
+    updated(changed: PropertyValues): void;
+    disconnectedCallback(): void;
+    private _monthNames;
+    private _locale;
+    private _formatDateLabel;
+    private _closeOpenDropdowns;
+    private _onPopupKeydown;
+    render(): TemplateResult;
+    private _getMonthDays;
+    private _outsideClickHandler;
+    private _toggleMonthDropdown;
+    private _toggleYearDropdown;
+    private _centerOptionInContent;
+    private _onMonthChangeCustom;
+    private _onYearChangeCustom;
+    private _prevMonth;
+    private _prevYear;
+    private _nextMonth;
+    private _nextYear;
+    private _isToday;
+    private _isSelected;
+    private _selectDate;
+    private _fireDateTimeChange;
+    private _onTimeChange;
+    private _close;
+}

package/scb-components/scb-dialog/scb-dialog.d.ts

@@ -0,0 +1,121 @@
+import { LitElement } from 'lit';
+import '../scb-button/scb-button.js';
+import '../scb-icon-button/scb-icon-button.js';
+import '../scb-textfield/scb-textfield.js';
+import '../scb-checkbox/scb-checkbox.js';
+import '../scb-radio-button/scb-radio-button.js';
+import '../scb-switch/scb-switch.js';
+import '../scb-chip/scb-chip.js';
+import '@material/web/icon/icon.js';
+type Variant = 'basic' | 'alert' | 'confirm' | 'choose' | 'form' | 'floating' | 'iframe';
+type FormMethod = '' | 'GET' | 'POST' | 'PUT' | 'DELETE';
+type FormEnctype = '' | 'application/x-www-form-urlencoded' | 'multipart/form-data' | 'text/plain';
+export declare class ScbDialog extends LitElement {
+    open: boolean;
+    maxW?: string;
+    maxH?: string;
+    zIndex?: number;
+    inSb: boolean;
+    scrimClose: boolean;
+    spacing: undefined;
+    spacingTop: undefined;
+    spacingBottom: undefined;
+    spacingLeft: undefined;
+    spacingRight: undefined;
+    variant: Variant;
+    label: string;
+    icon: string;
+    supportingText: string;
+    okButton: string;
+    cancelButton: string;
+    deleteButton: string;
+    confirmButton: string;
+    denyButton: string;
+    resetButton: string;
+    submitButton: string;
+    closeLabel: string;
+    formId: string;
+    formAction: string;
+    formMethod: FormMethod;
+    formEnctype: FormEnctype;
+    private __lastTriggerEl;
+    private __focusBeforeOpen;
+    private __stackInactive;
+    private __submitting;
+    private __submitAbortController?;
+    private __redirectingFocus;
+    private __scrollLocked;
+    private __initialControlStates;
+    private static __openDialogs;
+    private static __backgroundInertSnapshot;
+    private static readonly __focusableSelector;
+    static styles: import("lit").CSSResult;
+    private __getActionFromEvent;
+    private __onDocumentClick;
+    private __hasOpenNestedOverlay;
+    private __onDocumentKeydown;
+    private __onDocumentFocusIn;
+    private __isModalOverlay;
+    private static __getTopmostOpenDialog;
+    private static __restoreBackgroundInert;
+    private static __setBackgroundInert;
+    private __getRequestedZIndex;
+    private __setStackLayer;
+    private __setStackInactive;
+    private static __syncModalStack;
+    private __registerOpenDialog;
+    private __unregisterOpenDialog;
+    private __getDeepActiveElement;
+    private __isInsideDialog;
+    private __focusInitial;
+    private __clearSavedFocus;
+    private __restoreFocusAfterClose;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private __applyZIndex;
+    private __applyMaxSize;
+    protected updated(ch: Map<PropertyKey, unknown>): void;
+    private __updateTriggersExpanded;
+    private __usesInPlaceLayout;
+    private __toggleScrollLock;
+    private mapSpacingToken;
+    private __applySpacing;
+    private __setOpen;
+    private __fire;
+    private __fireCancelable;
+    private __getFormMethod;
+    private __getSlottedElements;
+    private __rememberInitialControlStates;
+    private __appendHiddenFormValue;
+    private __clearGeneratedFormValues;
+    private __syncSlottedFormValues;
+    private __appendSlottedFiles;
+    private __createFormData;
+    private __validateFormAndSlottedFields;
+    private __onScrimClick;
+    private __onOk;
+    private __onCancel;
+    private __onConfirm;
+    private __onDeny;
+    private __onReset;
+    private __onSubmit;
+    private __onFormSubmit;
+    private __isFocusableElement;
+    private __collectAssignedFocusableElements;
+    private __collectFocusableElements;
+    private __currentFocusableFromEvent;
+    private __onKeydownTrap;
+    private __slotIsEmpty;
+    private renderHeader;
+    private renderContentDefault;
+    private renderContentIframe;
+    private renderActions;
+    private renderBody;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-dialog': ScbDialog;
+    }
+}
+export {};

package/scb-components/scb-divider/scb-divider.d.ts

@@ -0,0 +1,34 @@
+import { LitElement } from 'lit';
+type Variant = 'thin' | 'bold';
+type Direction = 'horizontal' | 'vertical';
+type Inset = 'none' | 'both' | 'start' | 'end';
+type Anchor = 'start' | 'end';
+export declare class ScbDivider extends LitElement {
+    #private;
+    variant: Variant;
+    direction: Direction;
+    inset: Inset;
+    overlay: boolean;
+    anchor: Anchor;
+    /**
+     * Styr avstånd ortogonalt mot avdelaren.
+     * - Horizontal divider: spacing ger margin-block (avstånd ovan/under).
+     * - Vertical divider: spacing ger margin-inline (avstånd vänster/höger), om inte overlay används.
+     *
+     * Värden:
+     * - "N" (0–14) mappas till var(--spacing-N)
+     * - Annars tas värdet som ett CSS-värde (t.ex. "16px", "1rem", "var(--spacing-6)").
+     */
+    spacing: undefined;
+    static styles: import("lit").CSSResult;
+    firstUpdated(): void;
+    updated(changed: Map<string, unknown>): void;
+    private mapSpacingToken;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-divider': ScbDivider;
+    }
+}
+export {};