scb-wc 0.1.112 → 0.1.113

package/scb-avatar/scb-avatar.js

@@ -43,6 +43,7 @@ var c = class extends t {
     :host([size="small"])  { --_size: 32px; --_font-size: var(--md-sys-typescale-label-medium-size, 14px); }
     :host([size="medium"]) { --_size: 40px; --_font-size: var(--md-sys-typescale-label-large-size, 16px); }
     :host([size="large"])  { --_size: 56px; --_font-size: var(--md-sys-typescale-title-large-size, 20px); }
+    :host([size="extra-large"]),
     :host([size="xlarge"]) { --_size: 80px; --_font-size: var(--md-sys-typescale-headline-medium-size, 28px); }
 
     :host([shape="circular"]) { --_radius: var(--radius-full, 1000px); }
@@ -73,7 +74,8 @@ var c = class extends t {
     :host([size="small"])  { --_icon-size: var(--icon-size-small, 20px); }
     :host([size="medium"]) { --_icon-size: var(--icon-size-medium, 24px); }
     :host([size="large"])  { --_icon-size: var(--icon-size-large, 30px); }
-    :host([size="xlarge"]) { --_icon-size: var(--icon-size-xlarge, 48px); }
+    :host([size="extra-large"]),
+    :host([size="xlarge"]) { --_icon-size: var(--icon-size-extra-extra-large, 48px); }
     :host([variant="icon"]) .container { background: var(--_bg); color: var(--_fg); }
 
     img.icon {

package/scb-chevron/scb-chevron.js

@@ -58,3 +58,4 @@ e([a({
 	reflect: !0
 })], o.prototype, "open", void 0), o = e([i("scb-chevron")], o);
 //#endregion
+export { o as ScbChevron };

package/scb-components/index.d.ts

@@ -0,0 +1,103 @@
+export * from './scb-accordion/scb-accordion-item';
+export * from './scb-accordion/scb-accordion';
+export * from './scb-action-card/scb-action-card';
+export * from './scb-app-bar/scb-app-bar';
+export * from './scb-avatar/scb-avatar';
+export * from './scb-badge/scb-badge';
+export * from './scb-breadcrumb/scb-breadcrumb-item';
+export * from './scb-breadcrumb/scb-breadcrumb';
+export * from './scb-button/scb-button';
+export * from './scb-calendar/scb-calendar-event';
+export * from './scb-calendar/scb-calendar';
+export * from './scb-calendar-card/scb-calendar-card';
+export * from './scb-card/scb-action-card';
+export * from './scb-card/scb-card';
+export * from './scb-card/scb-container-card';
+export * from './scb-card/scb-link-card';
+export * from './scb-card/scb-list-card';
+export * from './scb-card/scb-social-card';
+export * from './scb-checkbox/scb-checkbox-group';
+export * from './scb-checkbox/scb-checkbox';
+export * from './scb-chevron/scb-chevron';
+export * from './scb-chip/scb-chip';
+export * from './scb-collapse/scb-collapse';
+export * from './scb-container-card/scb-container-card';
+export * from './scb-cookies-consent/scb-cookies-consent';
+export * from './scb-datepicker/scb-datepicker';
+export * from './scb-dialog/scb-dialog';
+export * from './scb-divider/scb-divider';
+export * from './scb-drawer/scb-drawer';
+export * from './scb-drop-zone/scb-drop-zone';
+export * from './scb-dropdown/scb-dropdown';
+export * from './scb-fab/scb-fab';
+export * from './scb-fact-card/scb-fact-card-content';
+export * from './scb-fact-card/scb-fact-card';
+export * from './scb-footer/scb-footer-section';
+export * from './scb-footer/scb-footer';
+export * from './scb-gallery-grid/scb-gallery-grid';
+export * from './scb-grid/scb-grid-item';
+export * from './scb-grid/scb-grid';
+export * from './scb-grid/scb-stack';
+export * from './scb-header/scb-header-menu-group';
+export * from './scb-header/scb-header-menu-item';
+export * from './scb-header/scb-header-tab';
+export * from './scb-header/scb-header-utility';
+export * from './scb-header/scb-header';
+export * from './scb-horizontal-scroller/scb-horizontal-scroller';
+export * from './scb-icon/scb-icon';
+export * from './scb-icon-button/scb-icon-button';
+export * from './scb-keyfigure-card/scb-keyfigure-card';
+export * from './scb-link/scb-link';
+export * from './scb-link-card/scb-link-card';
+export * from './scb-list/scb-list-item';
+export * from './scb-list/scb-list';
+export * from './scb-list-card/scb-list-card';
+export * from './scb-menu/scb-menu-item';
+export * from './scb-menu/scb-menu-section';
+export * from './scb-menu/scb-menu';
+export * from './scb-menu/scb-sub-menu';
+export * from './scb-nav/scb-nav-item';
+export * from './scb-nav/scb-nav';
+export * from './scb-notification-card/scb-notification-card';
+export * from './scb-options-menu/scb-options-menu-item';
+export * from './scb-options-menu/scb-options-menu';
+export * from './scb-options-menu/scb-options-sub-menu';
+export * from './scb-overlay/scb-overlay';
+export * from './scb-pagination/scb-pagination';
+export * from './scb-progress-indicator/scb-progress-indicator';
+export * from './scb-progress-stepper/scb-progress-step';
+export * from './scb-progress-stepper/scb-progress-stepper';
+export * from './scb-radio-button/scb-radio-button';
+export * from './scb-radio-button/scb-radio-group';
+export * from './scb-scrollspy/scb-scrollspy';
+export * from './scb-search/scb-search';
+export * from './scb-segmented-button/scb-segmented-button';
+export * from './scb-segmented-button/scb-segmented-item';
+export * from './scb-select/scb-select-option';
+export * from './scb-select/scb-select';
+export * from './scb-skeleton/scb-skeleton';
+export * from './scb-slider/scb-slider';
+export * from './scb-snackbar/scb-snackbar';
+export * from './scb-social-card/scb-social-card';
+export * from './scb-status-pill/scb-status-pill';
+export * from './scb-stepper/scb-step';
+export * from './scb-stepper/scb-stepper';
+export * from './scb-switch/scb-switch';
+export * from './scb-table/scb-table';
+export * from './scb-table-advanced/scb-table-advanced';
+export * from './scb-tabs/scb-primary-tab';
+export * from './scb-tabs/scb-secondary-tab';
+export * from './scb-tabs/scb-tabs';
+export * from './scb-textfield/scb-textfield';
+export * from './scb-toc/scb-toc-item';
+export * from './scb-toc/scb-toc';
+export * from './scb-tooltip/scb-tooltip';
+export * from './scb-viz/scb-viz-actions-runtime';
+export * from './scb-viz/scb-viz-print-runtime';
+export * from './scb-viz/scb-viz-series-differentiation-registry';
+export * from './scb-viz/scb-viz-series-differentiation-runtime';
+export * from './scb-viz/scb-viz-table-runtime';
+export * from './scb-viz/scb-viz';
+export * from './shared/lazy-focus-ring';
+export * from './shared/lazy-ripple';
+export * from './shared/scb-icon-svg';

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

@@ -1,5 +1,5 @@
 import { LitElement, TemplateResult } from 'lit';
-type AvatarSize = 'small' | 'medium' | 'large' | 'xlarge';
+type AvatarSize = 'small' | 'medium' | 'large' | 'extra-large' | 'xlarge';
 type AvatarShape = 'circular' | 'rounded' | 'square';
 type AvatarVariant = 'image' | 'icon';
 export declare class ScbAvatar extends LitElement {

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-datepicker/scb-datepicker.d.ts

@@ -0,0 +1,41 @@
+import { LitElement, PropertyValues, TemplateResult } from 'lit';
+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;
+    connectedCallback(): void;
+    private _positionPopupWithinViewport;
+    static styles: import('lit').CSSResult[];
+    updated(changed: PropertyValues): void;
+    disconnectedCallback(): void;
+    private _monthNames;
+    render(): TemplateResult;
+    private _getMonthDays;
+    private _outsideClickHandler;
+    private _toggleMonthDropdown;
+    private _toggleYearDropdown;
+    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-icon/scb-icon.d.ts

@@ -0,0 +1,19 @@
+import { LitElement, TemplateResult } from 'lit';
+export type ScbIconSize = 'tiny' | 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
+export declare class ScbIcon extends LitElement {
+    /** Material Symbols-namn, till exempel "search". */
+    icon: string;
+    /** Ikonstorlek. */
+    size: ScbIconSize;
+    /** Gör ikonen fylld om true (Material Symbols med FILL-axeln). */
+    filled: boolean;
+    /** Tillgängligt namn när ikonen bär egen betydelse. Utelämna för dekorativa ikoner. */
+    label: string;
+    static styles: import('lit').CSSResult;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-icon': ScbIcon;
+    }
+}

package/scb-components/shared/lazy-focus-ring.d.ts

@@ -0,0 +1,4 @@
+export declare const ensureFocusRingReady: () => void;
+export declare const ensureFocusRingOnFocusVisible: (event: Event) => void;
+export declare const ensureFocusRingOnTab: (event: KeyboardEvent) => void;
+export declare const addLazyFocusRingListeners: (...targets: EventTarget[]) => (() => void);

package/scb-components/shared/lazy-ripple.d.ts

@@ -0,0 +1,9 @@
+export type LazyRippleElement = HTMLElement & {
+    control?: HTMLElement | null;
+    hovered?: boolean;
+    handlePointerenter?: (event: PointerEvent) => void;
+    handlePointerdown?: (event: PointerEvent) => void | Promise<void>;
+    handleClick?: () => void;
+};
+export declare const ensureRippleReady: () => Promise<void>;
+export declare const syncRippleToControl: (ripple: LazyRippleElement | null | undefined, control: HTMLElement | null | undefined, event?: PointerEvent, click?: boolean) => Promise<void>;

package/scb-components/shared/scb-icon-svg.d.ts

@@ -0,0 +1,3 @@
+import { nothing } from 'lit';
+export declare function hasScbSvgIcon(name: string | undefined | null): boolean;
+export declare function renderScbIcon(name: string | undefined | null, className?: string, part?: string): typeof nothing | import('lit-html').TemplateResult<2>;

package/scb-datepicker/scb-datepicker.js

@@ -473,3 +473,4 @@ var c = class extends n {
 };
 t([s()], c.prototype, "_currentDate", void 0), t([s()], c.prototype, "_selectedDate", void 0), t([s()], c.prototype, "_showMonthDropdown", void 0), t([s()], c.prototype, "_showYearDropdown", void 0), t([o({ type: String })], c.prototype, "variant", void 0), t([o({ type: String })], c.prototype, "lang", void 0), t([o({ type: String })], c.prototype, "selectedValue", void 0), t([o({ type: Boolean })], c.prototype, "open", void 0), t([s()], c.prototype, "_selectedHour", void 0), t([s()], c.prototype, "_selectedMinute", void 0), c = t([a("scb-datepicker")], c);
 //#endregion
+export { c as ScbDatepicker };

package/scb-icon/scb-icon.js

@@ -0,0 +1,94 @@
+import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { LitElement as t, css as n, html as r, nothing as i } from "lit";
+import { customElement as a, property as o } from "lit/decorators.js";
+//#region src/scb-components/scb-icon/scb-icon.ts
+var s = class extends t {
+	constructor(...e) {
+		super(...e), this.icon = "", this.size = "medium", this.filled = !1, this.label = "";
+	}
+	static {
+		this.styles = n`
+    :host {
+      display: inline-flex;
+      inline-size: var(--scb-icon-size, var(--icon-size-medium, 24px));
+      block-size: var(--scb-icon-size, var(--icon-size-medium, 24px));
+      flex: 0 0 auto;
+      align-items: center;
+      justify-content: center;
+      color: inherit;
+      vertical-align: middle;
+      --scb-icon-font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
+    }
+
+    :host([size='tiny']) {
+      --scb-icon-size: var(--icon-size-tiny, 12px);
+    }
+
+    :host([size='extra-small']) {
+      --scb-icon-size: var(--icon-size-extra-small, 16px);
+    }
+
+    :host([size='small']) {
+      --scb-icon-size: var(--icon-size-small, 20px);
+    }
+
+    :host([size='medium']) {
+      --scb-icon-size: var(--icon-size-medium, 24px);
+    }
+
+    :host([size='large']) {
+      --scb-icon-size: var(--icon-size-medium, 24px);
+    }
+
+    :host([size='extra-large']) {
+      --scb-icon-size: var(--icon-size-extra-large, 36px);
+    }
+
+    :host([filled]) {
+      --scb-icon-font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
+    }
+
+    .icon {
+      display: inline-block;
+      inline-size: var(--scb-icon-size, var(--icon-size-medium, 24px));
+      block-size: var(--scb-icon-size, var(--icon-size-medium, 24px));
+      overflow: hidden;
+      font-family: 'Material Symbols Outlined';
+      font-size: var(--scb-icon-size, var(--icon-size-medium, 24px));
+      font-style: normal;
+      font-weight: normal;
+      line-height: 1;
+      text-align: center;
+      white-space: nowrap;
+      text-transform: none;
+      word-wrap: normal;
+      direction: ltr;
+      font-feature-settings: 'liga' 1;
+      font-variation-settings: var(--scb-icon-font-variation-settings);
+      -webkit-font-smoothing: antialiased;
+      -moz-osx-font-smoothing: grayscale;
+    }
+  `;
+	}
+	render() {
+		let e = this.icon.trim(), t = this.label.trim();
+		return r`
+      <span
+        class="icon"
+        part="icon"
+        aria-hidden=${t ? i : "true"}
+        aria-label=${t || i}
+        role=${t ? "img" : i}
+      >${e}</span>
+    `;
+	}
+};
+e([o({ type: String })], s.prototype, "icon", void 0), e([o({
+	type: String,
+	reflect: !0
+})], s.prototype, "size", void 0), e([o({
+	type: Boolean,
+	reflect: !0
+})], s.prototype, "filled", void 0), e([o({ type: String })], s.prototype, "label", void 0), s = e([a("scb-icon")], s);
+//#endregion
+export { s as ScbIcon };