scb-wc 0.1.52 → 0.1.53

package/scb-components/index.d.ts

@@ -0,0 +1,94 @@
+export * from './scb-accordion/scb-accordion-item';
+export * from './scb-accordion/scb-accordion';
+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-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-button/scb-icon-button';
+export * from './scb-keyfigure-card/scb-keyfigure-card';
+export * from './scb-link/scb-link';
+export * from './scb-list/scb-list-item';
+export * from './scb-list/scb-list';
+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-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';

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,39 @@
+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 _onWindowReposition;
+    private _isRenderedInsideDialog;
+    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-table/scb-table.d.ts

@@ -19,6 +19,8 @@ export declare class ScbTable extends LitElement {
     private _applyGeneratedColGroup;
     private _removeGeneratedColGroup;
     private _measureCellContentWidth;
+    private _measureColumnReadableBodyWidth;
+    private _measureCellTextWidth;
     private _onThClick;
     private _sortTable;
     private _getCellSortableValue;

package/scb-datepicker/scb-datepicker.js

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

package/scb-table/scb-table.js

@@ -116,7 +116,7 @@ var o = class extends t {
 				i.style.display = "flex", i.style.gap = "8px", i.style.flexWrap = "nowrap", i.style.alignItems = "center", i.appendChild(r), i.appendChild(n), e.appendChild(i);
 			} else e.appendChild(r);
 		}), i.forEach((e) => {
-			e.style.padding = "12px", e.style.textAlign = "left", e.style.borderTop = "1px solid var(--md-sys-color-outline-variant)", e.style.verticalAlign = "text-top", e.style.backgroundColor = "var(--md-sys-color-surface)", e.style.fontFamily = "var(--md-sys-typescale-body-medium-font)", e.style.fontSize = "var(--md-sys-typescale-body-medium-size)", e.style.lineHeight = "var(--md-sys-typescale-body-medium-line-height)", e.style.fontWeight = "var(--md-sys-typescale-body-medium-weight)", e.style.letterSpacing = "var(--md-sys-typescale-body-medium-tracking)", e.style.borderRight = "1px solid var(--md-sys-color-on-surface)", e.style.borderBottom = "1px solid var(--md-sys-color-on-surface)";
+			e.style.padding = "12px", e.style.textAlign = "left", e.style.borderTop = "1px solid var(--md-sys-color-outline-variant)", e.style.verticalAlign = "text-top", e.style.backgroundColor = "var(--md-sys-color-surface)", e.style.fontFamily = "var(--md-sys-typescale-body-medium-font)", e.style.fontSize = "var(--md-sys-typescale-body-medium-size)", e.style.lineHeight = "var(--md-sys-typescale-body-medium-line-height)", e.style.fontWeight = "var(--md-sys-typescale-body-medium-weight)", e.style.letterSpacing = "var(--md-sys-typescale-body-medium-tracking)", e.style.borderRight = "1px solid var(--md-sys-color-on-surface)", e.style.borderBottom = "1px solid var(--md-sys-color-on-surface)", e.style.overflowWrap = "break-word", e.style.wordBreak = "normal", e.style.hyphens = "manual";
 		}), a.forEach((e) => {
 			let t = Array.from(e.cells);
 			t.forEach((e, n) => {
@@ -141,7 +141,10 @@ var o = class extends t {
 			if (this._removeGeneratedColGroup(e), e.style.tableLayout = "", e.style.width = "", e.style.minWidth = "", e.style.maxWidth = "", this.columnWidthMode !== "header") return;
 			let t = Array.from(e.querySelectorAll("thead tr")), n = t[t.length - 1];
 			if (!n) return;
-			let r = Array.from(n.cells).map((e) => `${Math.ceil(this._measureCellContentWidth(e))}px`), i = r.reduce((e, t) => e + parseFloat(t), 0);
+			let r = Array.from(n.cells).map((t, n) => {
+				let r = this._measureCellContentWidth(t), i = this._measureColumnReadableBodyWidth(e, n);
+				return `${Math.ceil(Math.max(r, i))}px`;
+			}), i = r.reduce((e, t) => e + parseFloat(t), 0);
 			this._applyGeneratedColGroup(e, r), e.style.tableLayout = "fixed", e.style.width = `${Math.ceil(i)}px`, e.style.minWidth = `${Math.ceil(i)}px`, e.style.maxWidth = "none";
 		});
 	}
@@ -163,6 +166,20 @@ var o = class extends t {
 		let i = parseFloat(n.paddingLeft || "0"), a = parseFloat(n.paddingRight || "0"), o = r.getBoundingClientRect().width + i + a;
 		return document.body.removeChild(r), o;
 	}
+	_measureColumnReadableBodyWidth(e, t) {
+		return Array.from(e.querySelectorAll("tbody tr")).reduce((e, n) => {
+			let r = n.cells[t];
+			if (!r) return e;
+			let i = (r.textContent ?? "").replace(/\s+/g, " ").trim().split(" ").filter(Boolean).reduce((e, t) => Math.max(e, this._measureCellTextWidth(r, t)), 0), a = i > 0 ? i + 16 : 0;
+			return Math.max(e, a);
+		}, 0);
+	}
+	_measureCellTextWidth(e, t) {
+		let n = window.getComputedStyle(e), r = document.createElement("span");
+		r.textContent = t, r.style.position = "absolute", r.style.left = "-99999px", r.style.top = "0", r.style.visibility = "hidden", r.style.pointerEvents = "none", r.style.whiteSpace = "nowrap", r.style.fontFamily = n.fontFamily, r.style.fontSize = n.fontSize, r.style.fontWeight = n.fontWeight, r.style.lineHeight = n.lineHeight, r.style.letterSpacing = n.letterSpacing, document.body.appendChild(r);
+		let i = parseFloat(n.paddingLeft || "0"), a = parseFloat(n.paddingRight || "0"), o = r.getBoundingClientRect().width + i + a;
+		return document.body.removeChild(r), o;
+	}
 	_onThClick(e) {
 		this.dataSorting && (this._sortedColumn === e ? this._sortDirection = this._sortDirection === "asc" ? "desc" : "asc" : (this._sortedColumn = e, this._sortDirection = "asc"), this._sortTable(e, this._sortDirection), this._attachThListeners(), this.dispatchEvent(new CustomEvent("tablesortchange", {
 			detail: {