scb-wc 0.1.2 → 0.1.4

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

@@ -0,0 +1,96 @@
+import { LitElement, TemplateResult, PropertyValues } from 'lit';
+export declare class ScbSearch extends LitElement {
+    static formAssociated: boolean;
+    private _internals;
+    trailingIcon?: string;
+    supportingText: string;
+    value: string;
+    /** Namn för HTML-formulär (hamnar som nyckel i FormData när formuläret skickas) */
+    name: string;
+    /** Inaktiverat läge; speglas mot inre input och FormData (skickas inte när disabled). */
+    disabled: boolean;
+    required: boolean;
+    /** Aktiverar webbläsarens inbyggda autocompletion i inmatningsfältet. */
+    autocomplete: boolean;
+    spacing: undefined;
+    spacingTop: undefined;
+    spacingBottom: undefined;
+    spacingLeft: undefined;
+    spacingRight: undefined;
+    size: 'small' | 'medium' | 'large';
+    fullScreen: boolean;
+    private _inputFocused;
+    private _visibleSuggestions;
+    private _activeIndex;
+    private _listboxId;
+    private _boundNativeKeydown?;
+    private _kbMode;
+    private _valueOnFocus;
+    private _lastChangeValue;
+    private _kbShouldShowRing;
+    private _onGlobalKeydown;
+    private _onGlobalPointerDown;
+    private _form;
+    private _formResetHandler;
+    private _formSubmitHandler;
+    private _initialValue;
+    private _customValidationMessage;
+    constructor();
+    static styles: import('lit').CSSResult;
+    private _syncDensityForSize;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    updated(changed: PropertyValues): void;
+    render(): TemplateResult;
+    /** Gör så att native formulär kan sätta disabled på kontrollen. */
+    formDisabledCallback(disabled: boolean): void;
+    private _getValidationMessage;
+    private _syncValidity;
+    checkValidity(): boolean;
+    reportValidity(): boolean;
+    setCustomValidity(message: string): void;
+    get validity(): ValidityState | undefined;
+    get validationMessage(): string;
+    get willValidate(): boolean;
+    submit(): void;
+    private get _hasSuggestions();
+    private _onSlotChange;
+    private _onInput;
+    private _onNativeChange;
+    private _onFocus;
+    private _onBlur;
+    private _updateInputRingVisibility;
+    private _handleKey;
+    private _clearInput;
+    private _filterSuggestions;
+    private _inputEl;
+    private _listEl;
+    private _ringEl;
+    private _getVisibleItems;
+    private _getActiveItem;
+    private _moveActive;
+    private _scrollActiveIntoView;
+    private _itemPayload;
+    private _ensureListboxA11y;
+    private _ensureOptionA11y;
+    private _updateComboboxA11y;
+    private _positionOptionRing;
+    private _hideOptionRing;
+    private _onWindowResize;
+    private _listScrollHandler;
+    private _listWithHandler?;
+    private _attachListScrollListener;
+    private _detachListScrollListener;
+    private _dispatchStandardInput;
+    private _dispatchStandardChangeIfNeeded;
+    private _dispatchSubmit;
+    private mapSpacingToken;
+    private applySpacing;
+    private _syncFormValue;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-search': ScbSearch;
+    }
+}

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

@@ -0,0 +1,80 @@
+import { LitElement, PropertyValues } from 'lit';
+/**
+ * En komponent för segmenterade knappar (segmented button).
+ *
+ * @slot - Plats för knappar eller segment.
+ * @fires change - När valt segment ändras (detail: { value } eller { values })
+ */
+export declare class ScbSegmentedButton extends LitElement {
+    #private;
+    static formAssociated: boolean;
+    private _internals;
+    /**
+     * Variant: 'single-select' (default) eller 'multi-select'.
+     */
+    variant: 'single-select' | 'multi-select';
+    /**
+     * Aktuellt valt värde (single) eller array av värden (multi)
+     */
+    value: string;
+    values: string[];
+    disabled: boolean;
+    required: boolean;
+    /**
+     * Namn för HTML-formulär (FormData-nyckel).
+     * single-select: FormData.get(name) → string
+     * multi-select:  FormData.getAll(name) → string[]
+     */
+    name: string;
+    /**
+     * Vertikalt avstånd till omgivande innehåll.
+     * "N" (0–14) mappar till var(--spacing-N), annars valfritt CSS-värde.
+     */
+    spacing: undefined;
+    /** Överkantens avstånd. Om satt går före spacing. 0–14 mappar till var(--spacing-N), annars valfritt CSS-värde. */
+    spacingTop: undefined;
+    /** Nederkantens avstånd. Om satt går före spacing. 0–14 mappar till var(--spacing-N), annars valfritt CSS-värde. */
+    spacingBottom: undefined;
+    /** Vänsterkantens avstånd. 0–14 mappar till var(--spacing-N), annars valfritt CSS-värde. */
+    spacingLeft: undefined;
+    /** Högerkantens avstånd. 0–14 mappar till var(--spacing-N), annars valfritt CSS-värde. */
+    spacingRight: undefined;
+    private _form;
+    private _formResetHandler;
+    private _initialValue;
+    private _initialValues;
+    private _customValidationMessage;
+    constructor();
+    static styles: import('lit').CSSResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    updated(changed: PropertyValues): void;
+    private onSlotClick;
+    private updateSegments;
+    /**
+     * Gör så att native formulär kan sätta disabled på kontrollen.
+     */
+    formDisabledCallback(disabled: boolean): void;
+    private _getValidationMessage;
+    private _syncValidity;
+    checkValidity(): boolean;
+    reportValidity(): boolean;
+    setCustomValidity(message: string): void;
+    get validity(): ValidityState | undefined;
+    get validationMessage(): string;
+    get willValidate(): boolean;
+    /**
+     * Synkar value/values → FormData via ElementInternals.
+     * single-select: FormData.get(name) → string
+     * multi-select:  FormData.getAll(name) → string[]
+     */
+    private _syncFormValue;
+    private mapSpacingToken;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-segmented-button': ScbSegmentedButton;
+    }
+}

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

@@ -0,0 +1,21 @@
+import { LitElement, PropertyValues } from 'lit';
+/**
+ * Ett segment (option) i en segmented button.
+ * @slot - Label och ev. ikon
+ */
+export declare class ScbSegmentedItem extends LitElement {
+    label: string;
+    value: string;
+    selected: boolean;
+    icon: string;
+    href: string;
+    disabled: boolean;
+    private get isEffectivelyDisabled();
+    private onHostKeydown;
+    static styles: import('lit').CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+    private updateInteractiveAttributes;
+    firstUpdated(): void;
+    disconnectedCallback(): void;
+    protected updated(changed: PropertyValues): void;
+}

package/scb-test-components/scb-select/scb-select-option.d.ts

@@ -0,0 +1,16 @@
+import { LitElement } from 'lit';
+/**
+ * Option-element för scb-select.
+ * @slot - Texten som visas i optionen
+ */
+export declare class ScbSelectOption extends LitElement {
+    value: string;
+    disabled: boolean;
+    showCheckbox: boolean;
+    checked: boolean;
+    showRadio: boolean;
+    label: string;
+    noHighlightSelected: boolean;
+    static styles: import('lit').CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+}

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

@@ -0,0 +1,62 @@
+import { LitElement, PropertyValues } from 'lit';
+export declare class ScbSelect extends LitElement {
+    private _optionsObserver;
+    static formAssociated: boolean;
+    private _internals;
+    constructor();
+    focusedIndex: number;
+    variant: 'single-select' | 'multi-select';
+    value: string;
+    values: string[];
+    disabled: boolean;
+    required: boolean;
+    open: boolean;
+    label: string;
+    name: string;
+    placeholder: string;
+    supportingText: string;
+    withRadiobuttons: boolean;
+    noHighlightSelected: boolean;
+    size: 'extra-small' | 'small' | 'medium' | 'large';
+    spacing: undefined;
+    spacingTop: undefined;
+    spacingBottom: undefined;
+    spacingLeft: undefined;
+    spacingRight: undefined;
+    zIndex: undefined;
+    private _form;
+    private _formResetHandler;
+    private _formSubmitHandler;
+    private _initialValue;
+    private _initialValues;
+    private _customValidationMessage;
+    private _syncDensityForSize;
+    static styles: import('lit').CSSResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _getMultiValues;
+    private _mapSpacingToken;
+    private _applySpacing;
+    private _onDocumentClick;
+    private _setOpen;
+    private _toggleOpen;
+    private _hasMoreThanFourOptions;
+    private _selectOption;
+    private _onSlotClick;
+    private _getSelectedLabel;
+    firstUpdated(): void;
+    updated(changedProperties: PropertyValues): void;
+    private _syncFormValue;
+    private _getValidationMessage;
+    private _syncValidity;
+    checkValidity(): boolean;
+    reportValidity(): boolean;
+    setCustomValidity(message: string): void;
+    get validity(): ValidityState | undefined;
+    get validationMessage(): string;
+    get willValidate(): boolean;
+    private _updateOptionsChecked;
+    render(): import('lit-html').TemplateResult<1>;
+    private _onKeyDown;
+    private _onOptionKeyDown;
+}

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

@@ -0,0 +1,25 @@
+import { LitElement, PropertyValues } from 'lit';
+/**
+ * Enkel skeleton loader för att visa platshållare vid laddning.
+ *
+ * @property {number} width - Bredd på skeleton (px eller %)
+ * @property {number} height - Höjd på skeleton (px)
+ * @property {boolean} circle - Om skeleton ska vara cirkulär
+ */
+export declare class ScbSkeleton extends LitElement {
+    variant: 'rectangular' | 'rounded' | 'circular';
+    width: string;
+    height: string;
+    borderSize: 'small' | 'medium' | 'large' | '';
+    spacing: undefined;
+    spacingTop: undefined;
+    spacingBottom: undefined;
+    spacingLeft: undefined;
+    spacingRight: undefined;
+    static styles: import('lit').CSSResult;
+    private mapSpacingToken;
+    private applySpacing;
+    protected firstUpdated(_changed: PropertyValues): void;
+    protected updated(changed: PropertyValues): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

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

@@ -0,0 +1,28 @@
+import { LitElement, TemplateResult } from 'lit';
+export declare class ScbSlider extends LitElement {
+    ticks: boolean;
+    step: number;
+    value: number;
+    range: boolean;
+    valueStart: number;
+    valueEnd: number;
+    min: number;
+    max: number;
+    labeled: boolean;
+    valueLabel?: string;
+    valueLabelStart?: string;
+    valueLabelEnd?: string;
+    disabled: boolean;
+    name: string;
+    nameStart?: string;
+    nameEnd?: string;
+    static styles: import('lit').CSSResult;
+    private _onInput;
+    private _onChange;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-slider': ScbSlider;
+    }
+}

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

@@ -0,0 +1,24 @@
+import { LitElement } from 'lit';
+export declare class ScbSnackbar extends LitElement {
+    message: string;
+    open: boolean;
+    actionText: string;
+    showClose: boolean;
+    fixed: boolean;
+    fadeout: boolean;
+    withLongerAction: boolean;
+    spacing: undefined;
+    spacingTop: undefined;
+    spacingBottom: undefined;
+    spacingLeft: undefined;
+    spacingRight: undefined;
+    private _fadeoutTimer;
+    static styles: import('lit').CSSResult;
+    private mapSpacingToken;
+    private applySpacing;
+    connectedCallback(): void;
+    private handleAction;
+    private handleClose;
+    updated(changedProps: Map<string, unknown>): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/scb-test-components/scb-status-pill/scb-status-pill.d.ts

@@ -0,0 +1,22 @@
+import { LitElement, PropertyValues } from 'lit';
+export declare class ScbStatusPill extends LitElement {
+    status: string;
+    label: string;
+    showIcon: boolean;
+    spacing: undefined;
+    spacingTop: undefined;
+    spacingBottom: undefined;
+    spacingLeft: undefined;
+    spacingRight: undefined;
+    static styles: import('lit').CSSResult;
+    private mapSpacingToken;
+    private applySpacing;
+    connectedCallback(): void;
+    protected updated(changed: PropertyValues): void;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-status-pill': ScbStatusPill;
+    }
+}

package/scb-test-components/scb-stepper/scb-step.d.ts

@@ -0,0 +1,22 @@
+import { LitElement } from 'lit';
+/**
+ * Ett steg i en stepper-komponent.
+ * @slot - Innehåll för steget
+ */
+export declare class ScbStep extends LitElement {
+    label: string;
+    subLabel: string;
+    symbolVariant: 'number' | 'icon' | 'marker';
+    number: number;
+    active: boolean;
+    completed: boolean;
+    changeOnCompleted: boolean;
+    islast: boolean;
+    variant: 'horizontal' | 'vertical';
+    widthWeight: number;
+    icon: string;
+    static styles: import('lit').CSSResult;
+    updated(): void;
+    private handleKeyDown;
+    render(): import('lit-html').TemplateResult<1>;
+}

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

@@ -0,0 +1,47 @@
+import { LitElement, PropertyValues } from 'lit';
+/**
+ * En stepper-komponent enligt SCB-standard.
+ * @slot - Innehåll för stegen
+ */
+export declare class ScbStepper extends LitElement {
+    #private;
+    type: string;
+    label: string;
+    changeOnCompleted: boolean;
+    variant: 'horizontal' | 'vertical';
+    symbolVariant: 'number' | 'icon' | 'marker';
+    /**
+     * Vertikalt avstånd mot omgivande innehåll.
+     * spacing sätter både top och bottom om spacing-top / spacing-bottom inte är satta.
+     */
+    spacing: undefined;
+    spacingTop: undefined;
+    spacingBottom: undefined;
+    spacingLeft: undefined;
+    spacingRight: undefined;
+    activeIndex: number;
+    static styles: import('lit').CSSResult;
+    private _onStepClick;
+    /**
+     * Gå till nästa steg programatiskt
+     */
+    nextStep(): void;
+    /**
+     * Gå till föregående steg programatiskt
+     */
+    prevStep(): void;
+    /**
+     * Hämta nuvarande aktiva steg-index
+     */
+    getActiveIndex(): number;
+    private _updateSteps;
+    private _getSteps;
+    protected firstUpdated(_changed: PropertyValues): void;
+    protected updated(changed: PropertyValues): void;
+    render(): import('lit-html').TemplateResult<1>;
+    private _onKeyNav;
+    private _onStepContainerClick;
+    private _onSlotChange;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+}

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

@@ -0,0 +1,52 @@
+import { LitElement, TemplateResult, PropertyValues } from 'lit';
+export declare class ScbSwitch extends LitElement {
+    #private;
+    static formAssociated: boolean;
+    private _internals;
+    constructor();
+    label: string;
+    ariaLabel: string;
+    icons: boolean;
+    selected: boolean;
+    required: boolean;
+    disabled: boolean;
+    /** Full-width layout: space-between + width:100% när true */
+    fullWidth: boolean;
+    /** Vertikalt avstånd ovanför/under komponenten. 0–14 mappar till spacing-tokens, annars CSS-värde. */
+    spacing: undefined;
+    /** Överkantens avstånd. Om satt går före spacing. 0–14 mappar till spacing-tokens, annars CSS-värde. */
+    spacingTop: undefined;
+    /** Nederkantens avstånd. Om satt går före spacing. 0–14 mappar till spacing-tokens, annars CSS-värde. */
+    spacingBottom: undefined;
+    /** Vänsterkantens avstånd. 0–14 mappar till spacing-tokens, annars CSS-värde. */
+    spacingLeft: undefined;
+    /** Högerkantens avstånd. 0–14 mappar till spacing-tokens, annars CSS-värde. */
+    spacingRight: undefined;
+    name: string;
+    value: string;
+    private _form;
+    private _formResetHandler;
+    private _initialSelected;
+    private _customValidationMessage;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    static styles: import('lit').CSSResult;
+    protected firstUpdated(): void;
+    protected updated(changed: PropertyValues): void;
+    formDisabledCallback(disabled: boolean): void;
+    private __getValidationMessage;
+    private __syncValidity;
+    checkValidity(): boolean;
+    reportValidity(): boolean;
+    setCustomValidity(message: string): void;
+    get validity(): ValidityState | undefined;
+    get validationMessage(): string;
+    get willValidate(): boolean;
+    private __syncFormValue;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-switch': ScbSwitch;
+    }
+}

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

@@ -0,0 +1,24 @@
+import { LitElement, PropertyValues } from 'lit';
+export declare class ScbTable extends LitElement {
+    dataSorting: boolean;
+    columnWidthMode: 'auto' | 'header';
+    private _sortedColumn;
+    private _sortDirection;
+    private _columnWidthFrame;
+    static styles: import('lit').CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+    firstUpdated(): void;
+    updated(changedProperties: PropertyValues<this>): void;
+    disconnectedCallback(): void;
+    private _onSlotChange;
+    private _getTbody;
+    private _getTables;
+    private _attachThListeners;
+    private _queueColumnWidthUpdate;
+    private _applyColumnWidthMode;
+    private _applyGeneratedColGroup;
+    private _removeGeneratedColGroup;
+    private _measureCellContentWidth;
+    private _onThClick;
+    private _sortTable;
+}

package/scb-test-components/scb-table-advanced/scb-table-advanced.d.ts

@@ -0,0 +1,39 @@
+import { LitElement } from 'lit';
+export declare class ScbTableAdvanced extends LitElement {
+    searchTerm: string;
+    pagination: boolean;
+    filteringSearch: boolean;
+    noScroll: boolean;
+    pageSize: number;
+    currentPage: number;
+    totalRows: number;
+    private _sortedColumn;
+    private _sortDirection;
+    private _filteredRows;
+    private _tbodyObserver;
+    private _observedTbody;
+    private _pendingTableRefresh;
+    private _suppressTbodyObserver;
+    static styles: import('lit').CSSResult;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    render(): import('lit-html').TemplateResult<1>;
+    private _onSearchInput;
+    private _filterTable;
+    firstUpdated(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    private _disconnectTbodyObserver;
+    private _attachTbodyObserver;
+    private _scheduleTableRefresh;
+    private _refreshFromTableContent;
+    private _ensureCurrentPageWithinBounds;
+    private _getTbody;
+    private _attachThListeners;
+    private _onThClick;
+    private _sortTable;
+    private _onSlotChange;
+    private _updateTotalRows;
+    private _paginateTable;
+    private _changePage;
+    private _onPaginationChange;
+}

package/scb-test-components/scb-tabs/scb-primary-tab.d.ts

@@ -0,0 +1,15 @@
+import { MdPrimaryTab } from '@material/web/tabs/primary-tab.js';
+import { PropertyValues } from 'lit';
+export declare class ScbPrimaryTab extends MdPrimaryTab {
+    connectedCallback(): void;
+    private _icon?;
+    get icon(): string | undefined;
+    set icon(value: string | undefined);
+    iconOnly: boolean;
+    inlineIcon: boolean;
+    protected firstUpdated(changed: PropertyValues): void;
+    private _onActivate;
+    protected updated(): void;
+    static styles: import('lit').CSSResultOrNative[];
+    private updateIconSlot;
+}

package/scb-test-components/scb-tabs/scb-secondary-tab.d.ts

@@ -0,0 +1,15 @@
+import { MdSecondaryTab } from '@material/web/tabs/secondary-tab.js';
+import { PropertyValues } from 'lit';
+export declare class ScbSecondaryTab extends MdSecondaryTab {
+    /** Semantisk role för en enskild flik */
+    connectedCallback(): void;
+    private _icon?;
+    get icon(): string | undefined;
+    set icon(value: string | undefined);
+    iconOnly: boolean;
+    protected firstUpdated(changed: PropertyValues): void;
+    protected updated(): void;
+    private _onActivate;
+    static styles: import('lit').CSSResultOrNative[];
+    private updateIconSlot;
+}

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

@@ -0,0 +1,21 @@
+import { MdTabs } from '@material/web/tabs/tabs.js';
+export declare class ScbTabs extends MdTabs {
+    #private;
+    ariaLabel: string;
+    /** Vertikalt avstånd ovanför/under tabs-komponenten. 0–14 mappar till spacing-tokens, annars CSS-värde. */
+    spacing: undefined;
+    /** Överkantens avstånd. Om satt går före spacing. 0–14 mappar till spacing-tokens, annars CSS-värde. */
+    spacingTop: undefined;
+    /** Nederkantens avstånd. Om satt går före spacing. 0–14 mappar till spacing-tokens, annars CSS-värde. */
+    spacingBottom: undefined;
+    /** Vänsterkantens avstånd. 0–14 mappar till spacing-tokens, annars CSS-värde. */
+    spacingLeft: undefined;
+    /** Högerkantens avstånd. 0–14 mappar till spacing-tokens, annars CSS-värde. */
+    spacingRight: undefined;
+    private _isDispatching;
+    static styles: import('lit').CSSResultOrNative[];
+    connectedCallback(): void;
+    protected firstUpdated(changedProperties: Map<string, unknown>): void;
+    updated(changed: Map<string, unknown>): void;
+    private _onChange;
+}